@charset "UTF-8";
/*-----------------------------------------------
Theme Name: AWRE
Theme URL: awre.co.jp
Description: AWREのコーポレートサイト
Author: Ryota Ishikawa
Version: 1.0
Tags:
-----------------------------------------------*/

/*-----------------------------------------------
global設定
max-width: 2400px
middle break: 899px
sp break: 799px
min-width: 320px
-----------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
       box-sizing: border-box;
}

p, pre {
  margin: 0 0 0em;
  clear: both;
}

a {
  text-decoration: none;
  color: #0044CC;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a:hover {
  z-index: 99;
  text-decoration: none;
  filter:alpha(opacity=80);
  opacity:0.8;
  filter:alpha(opacity=80); /* IE 6,7*/
  -ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
  -moz-opacity:0.8; /* FF , Netscape */
  -khtml-opacity: 0.8; /* Safari 1.x */
}

body {
  max-width: 2400px;
  overflow-x: hidden;
  color:#333333;
	font-size: 12px;
  background-color: #fff;
  font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  margin:0px;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
  margin: 0 auto;
}

table {
  display: block;
  -webkit-overflow-scrolling: touch;
}
table::-webkit-scrollbar { display: none; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
input { vertical-align : middle; }

.sp {
  display: none;
}

/* ----------------------------------------
枠組み
----------------------------------------*/
.inner{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	z-index:0;
}
.pc { display: block; }
.sp { display: none; }
@media only screen and (max-width: 999px) { .inner{ width: 100%; } }
@media only screen and (max-width: 799px) {
  .pc { display: none; }
  .sp { display: block; }
}

.cf { *zoom:1 }
.cf:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*-----------------------------------------------
Body
-----------------------------------------------*/
.wrap {
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}
.wrap:before {
  display: inline-table;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}

/*-----------------------------------------------
Header
-----------------------------------------------*/
#title2, #title3, #title4, #title5, #title6 {
  display: none;
}
#title2, #title3, #title4, #title5, #title6 {
  position: fixed;
  width: 37px;
  top: 25px;
  left: 45px;
  z-index: 5;
}

header {
	position: relative;
  width: 100%;
}

.header_wrap {
	position: relative;
	width: 100%;
  margin: 0 auto;
}

.section_leftLine {
  position:fixed;
  top: 25px;
  left: 30px;
  width: 106px;
  z-index: 99;
}

.section_leftLine img {
  padding-top: 5px;
  width: 106px;
}
@media all and (max-width: 1149px) { .section_leftLine img{ width: 70px; } }

header .title {
  position: absolute;
  left: 15%;
  padding-top: 120px;
  z-index: 1;
}
header .title img { width: 434px; }

/* ミドルレイアウト  */
@media all and (max-width: 899px) {
  header .title { padding-top: 80px; }
  header .title img { width: 250px; }
}

/* スマホレイアウト */
@media all and (max-width: 799px) {
  .section_leftLine { display: none; }

  #sp_title1, #sp_title2, #sp_title3, #sp_title4, #sp_title5 { display: none; }
  #sp_title1, #sp_title2, #sp_title3, #sp_title4, #sp_title5 {
    position: fixed;
    width: 25px;
    top: 25px;
    left: 10px;
    z-index: 5;
  }

  .sp_section_leftLine{ }

  .sp_logo {
    position: absolute;
    top: 25px;
    left: 3%;
    z-index: 99;
  }
  .sp_logo img { width: 140px; }

  header .sp_title {
    position: absolute;
    left: 3%;
    padding-top: 100px;
    z-index: 99;
  }
  header .sp_title img { width: 238px; }
}
@media all and (max-width: 499px) {
  header .sp_title img { width: 160px; }
}

/*-----------------------------------------------
Footer
-----------------------------------------------*/
footer {
  clear: both;
  margin: 50px 0 15px;
}
.footer_logo {
  width: 100%;
  text-align: center;
  margin: 10px auto 30px;
}
.footer_logo img { width: 131px; }

.footer_text {
  font-size: 15px;
  margin:0 auto;
  text-align: center;
  line-height: 1.5;
}
footer .copy {
  margin-top: 15px;
  text-align: center;
}

/* スマホレイアウト */
@media all and (max-width: 799px) {
  .footer_logo img { width: 90px; }
  .footer_text { font-size: 13px; }
}

/*
ナビゲーション
-----------------------------------------------*/

.navigation { display: none; }
.nav_unshown { display:none; }

#nav_drawer {
  position: fixed;
  top: 25px;
  right: 11%;
  width: 70px;
  z-index: 99;
}

/*アイコンのスペース*/
#nav_open {
  background-image: url(image/menu.png);
  background-size: 70px auto;
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#nav_open:hover { opacity: 0.7; }
#nav_input:checked ~ #nav_open { background-image: url(image/menu.png); }

/*閉じる用の薄黒カバー*/
#nav_close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav_content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 600px;
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

#nav_input:checked ~ #nav_close {
  display: block;
  opacity: .5;
}

#nav_input:checked ~ #nav_content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav_input:checked ~ #nav_content #nav_open{
  background-image: url(image/menu.png);
}

/* ミドルレイアウト  */
@media all and (max-width: 899px) {
  #nav_drawer { right: 30px; }
}

@media all and (max-width: 799px) {
  #nav_drawer {
    position: fixed;
    top: 25px;
    right: 3%;
    width: 50px;
    z-index: 99;
  }
  #nav_open {
    background-image: url(image/menu.png);
    background-size: 50px auto;
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
  }
}

/*-----------------------------------------------
スマホ用 ドロワーメニュー ＋ アコーディオン
-----------------------------------------------*/
.accordion_first {
  width: 320px;
  height: 64px;
  background-color: #ffffff;
}

.accordion_first img{
  float: left;
  height: 37px;
  margin-top: 15px;
  margin-left: 20px;
}

.accordion_first_right{
  position:absolute;
  top: 15px;
  right:10px;
  display: none;
}

#accordion{
  display: block;
  position:relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #f0f2f4;
  border-bottom: 1px solid #f0f2f4;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-align: left;
  color: #64788c;
}

#accordion input[type=checkbox] { display: none; }
#accordion input {
  position:absolute;
  height: 0;
  padding: 0;
}

#accordion div div{
  position: relative;
  padding: 15px 10px 12px 10px;
  border-top: 1px solid #f0f2f4;
  border-bottom: 1px solid #f0f2f4;
  background: #fff;
  color: #64788c;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#accordion div div:after{
  position:absolute;
  top: 10px;
  right:15px;
  content:  url(image/btn_header_arrow.svg);
  opacity:0.5;
  width:25px;
  height:25px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

#accordion label:first-child div div{
  border-top: 1;
}

#accordion label:first-child div div:after{
  content:  url(image/btn_header_summary.svg);
  opacity:0.5;
}
#accordion label:nth-child(2) div div:after{
  content:  url(image/btn_header_summary.svg);
  opacity:0.5;
}

#accordion label:last-child div div { border-bottom: 0; }

#accordion div div:hover{
  cursor: pointer;
  opacity:0.5;
}

#accordion div div img{
  float: left;
  margin-top: -6px;
}

#accordion input:checked + div div:after{
  top: 10px;
  right: 15px;
  width: 25px;
  height: 25px;
  content:  url(image/btn_header_minus.svg);
}

#accordion ul{
  list-style: none;
  margin: 0;
  padding-left: 0px;
  background: #fff;
}

#accordion ul li a{
  display: block;
  overflow: hidden;
  height: 0;
  padding: 0px 70px;
  color: #64788c;
  font-size:13px;
  text-decoration: none;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

#accordion ul li a:hover{
  cursor: pointer;
  opacity:0.8;
}

#accordion input:checked + div ul li a{
  position:relative;
  background: none;
  line-height: 2;
  height: auto;
  padding: 15px 48px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #f0f2f4;
}

#accordion input:checked + div ul li a:after{
  position: absolute;
  top: 16px;
  right: 15px;
  content: url(image/btn_header_arrow.svg);
  opacity:0.5;
  width:25px;
  height:25px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

#accordion input:checked + div ul li:first-child a {
  border-top: 0px;
  box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;
}
#accordion input:checked + div ul li:last-child a{ border-bottom: 1px solid #f0f2f4; }
#accordion input:checked + div ul li a:hover{
  background: #fff;
  border-top-color: #f0f2f4;
}
#accordion input:not(:checked) + div ul li a { display: none; }

/*-----------------------------------------------
セクション フロントページ
-----------------------------------------------*/
.hero_wrap {
  margin: 0 auto;
  position: relative;
}
.hero_wrap .hero {
  width: 100%;
  max-width: 2400px;
  position: absolute;
  margin-top: -23%;
  overflow: hidden;
}
.hero_wrap .hero img{
  width: 131%;
  max-width: 3000px;
}

.section_service { background-color: transparent; }

.front_page {
  width: 900px;
  height: auto;
  position: relative;
  top: -90px;
  left: 150px;
  padding-bottom: 50px;
  margin: 0 auto;
}

/* ミドルレイアウト  */
@media all and (max-width: 899px) {
  .hero_wrap .hero img { width: 125%; }
}

/* スマホレイアウト */
@media all and (max-width: 799px) {
  .sp_hero_wrap {
    margin: 0 auto;
    position: relative;
    z-index: 6;
  }
  .sp_hero_wrap .sp_hero {
    width: 100%;
    position: absolute;
    margin-top: -1%;
    overflow: hidden;
  }
  .sp_hero_wrap .sp_hero img { width: 100%; }
  .sp_front_page {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 50px;
    margin: 0 auto;
    overflow: hidden;
  }
  .sp_section_service { position: relative; }
}

/*-----------------------------------------------
ひし形
-----------------------------------------------*/
.d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .d9, .d10, .d11, .d12, .d13, .d14, .d15, .d16 {
  display: none;
}

.diamond {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 400px;
  margin: auto;
}

.diamond_inner {
  width: 0;
  height: 0;
  border-top: 200px solid transparent;
  border-right: 200px solid #251e1c;
  border-bottom: 200px solid transparent;
  border-left: 0 solid transparent;
  border-radius: 30px;
}

.diamond_inner:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 201px;
  width: 0;
  height: 0;
  margin: auto 0;
  border-top: 200px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 200px solid #251e1c;
  border-radius: 30px;
}

.diamond_override {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-top: 200px solid transparent;
  border-right: 200px solid #fff;
  border-bottom: 200px solid transparent;
  border-left: 0 solid transparent;
}

.diamond_override:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 199px;
  width: 0;
  height: 0;
  margin: auto 0;
  border-top: 200px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 200px solid #fff;
}
.diamond_override .white_line {
  position: absolute;
  top: -8px;
  left: -2px;
  right: 0px;
  width: 415px;
  height: 16px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  z-index: 1;
  background: #fff;
}

.diamond_override p {
  position: relative;
  top: -35px;
  width: 400px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  z-index: 1;
  background: transparent;
  font-size: 15px;
}

.diamond_override span {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.diamond_override .awre { top: -35px; }
.diamond_override .awre span {
  font-size: 25px;
  font-weight: 500;
  font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.diamond_override .diamond_image {
  position: relative;
  top: -185px;
  left: 15px;
  margin: 0 auto;
  z-index: 1;
  width: 415px;
}
.diamond_override .diamond_image img { width: 370px; }
.diamond_override .diamond_image a {
  display: block;
  z-index: 99;
  text-decoration: none;
  filter:alpha(opacity=100);
  opacity: 1;
  filter:alpha(opacity=100); /* IE 6,7*/
  -ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
  -moz-opacity:1; /* FF , Netscape */
  -khtml-opacity: 1; /* Safari 1.x */
}

/* ミドルレイアウト  */
@media all and (max-width: 899px) {
  .d11 .diamond_override .diamond_image { top: -150px; left: 45px; }
  .d11 .diamond_override .diamond_image img { width: 300px; }
}
/*-----------------------------------------------
ひし形
-----------------------------------------------*/
.d1 { }
.d2 { left: 400px; }
.d3 { top: 199px; left: 199px; }
.d3 .diamond_inner { display: none; }
.d3 .diamond_override {
  border-top: 200px solid transparent;
  border-right: 200px solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 0 solid transparent;
}
.d4 { top: 400px; }
.d5 { top: 400px; left: 400px; }
.d6 { top: 599px; left: 199px; }
.d6 .diamond_inner { display: none; }
.d6 .diamond_override {
  border-top: 200px solid transparent;
  border-right: 200px solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 0 solid transparent;
}
.d7 { top: 800px; }
.d8 { top: 800px; left: 400px; }
.d9 { top: 999px; left: 199px; }
.d9 .diamond_inner { display: none; }
.d9 .diamond_override {
  border-top: 200px solid transparent;
  border-right: 200px solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 0 solid transparent;
}
.d10 { top: 1200px; }
.d11 { top: 1200px; left: 400px; }
.d12 { top: 1399px; left: 199px; }
.d12 .diamond_inner { display: none; }
.d12 .diamond_override {
  border-top: 200px solid transparent;
  border-right: 200px solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 0 solid transparent;
}
.d12 .diamond_override .white_line{  left: -10px; width: 425px; }
.d13 { top: 1600px; }
.d13 .diamond_inner { border-radius: 0px; }
.d13 .diamond_inner:after { border-radius: 0px; }
.d14 { top: 1600px; left: 400px; }
.d14 .diamond_inner { border-radius: 0px; }
.d14 .diamond_inner:after { border-radius: 0px; }

/* トップページ　コンタクト */
 .section_contact {
  position: absolute;
  top: 2000px;
  left: 105px;
  margin: 0 auto;
  width: 600px;
  background: #fff;
}

.contact_title {
  margin: 0 auto;
  font-size: 40px;
  text-align: center;
}

/*-----------------------------------------------
sp ひし形
-----------------------------------------------*/
.sp_d1 { }
.sp_d2 { top: 400px; }
.sp_d3 { top: 800px; }
.sp_d4 { top: 1200px; }
.sp_d5 { top: 1600px; }
.sp_d6 { top: 2000px; }
.sp_d7 { top: 2400px; }
.sp_d8 { top: 2800px; }
.sp_d9 { top: 3200px; }
.sp_d10 { top: 3600px; }
.sp_d11 { top: 4000px; }

/* スマホレイアウト */
@media all and (max-width: 799px) {
  .sp_section_contact {
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
    width: 99%;
    background: #fff;
  }
}
@media all and (max-width: 399px) {
.sp_d8 .diamond_override .diamond_image { top: -150px; left: 45px; }
.sp_d8 .diamond_override .diamond_image img { width: 300px; }
}
/*******************************
* フォームの設定
********************************/
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
  font-size: 15px;
  font-weight: 500;
  margin-top: 30px;
}

/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 13px 10px;
	 margin-right: 10px;
	 margin-top: 0px;
   border: 0px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-radius: 3px;
   resize: vertical;
   background: initial;
   font-size: 1rem;
}

.wpcf7 textarea {
  height: 150px;
}

/* 送信ボタン */
input.sub-btn {
	width: 100%;
	height: 60px;
	background: #000;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.2em;
	border: 1px solid #000;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #000;
}

.extention-text {
  font-size: 13px;
  text-align: center;
  margin: 20px auto;
}
.extention-box {
  height: 160px;
  overflow-y: scroll;
  border: solid 1px #ddd;
  padding: 10px;
  background: #fff;
}

.extention-box p {
  font-size: 12px;
  margin-top: 5px;
}

.center { text-align:center; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*-----------------------------------------------
フロントページ maxサイズ以降
-----------------------------------------------*/
@media all and (min-width: 2401px){
  .section_leftLine { left: initial; }
  #nav_drawer { right: 15%; }
}

/*-----------------------------------------------
コンテンツページ共通
-----------------------------------------------*/
.content_title {
  font-size: 50px;
  font-weight: 700;
}
@media only screen and (max-width: 1149px) { .content_title{ margin-left: 100px; } }

/*-----------------------------------------------
serviceページ
-----------------------------------------------*/
.service_page { margin: 100px auto 0px auto; }
.service_page .btn-more {
  display: inline-block;
  border: 1px solid #aaa;
  padding: 5px 15px;
  color: #333;
  margin-top: 15px;
  font-size: 0.9rem;
}
.service_page #ikusei a {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}
@media all and (max-width: 1300px) { .service_page { margin-left: 155px; } }
@media all and (max-width: 1149px) { .service_page { margin-left: auto; } }

.service_page_nav {
  width: 750px;
  height: auto;
  position: relative;
  top: 0px;
  left: 0px;
  padding-bottom: 50px;
  margin: 0 auto;
  min-height: 450px;
}

.service_diamond {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 300px;
  margin: auto;
}

.service_diamond_inner {
  width: 0;
  height: 0;
  border-top: 150px solid transparent;
  border-right: 150px solid #251e1c;
  border-bottom: 150px solid transparent;
  border-left: 0 solid transparent;
  border-radius: 20px;
}

.service_diamond_inner:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 151px;
  width: 0;
  height: 0;
  margin: auto 0;
  border-top: 150px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 150px solid transparent;
  border-left: 150px solid #251e1c;
  border-radius: 20px;
}

.service_diamond_override {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-top: 150px solid transparent;
  border-right: 150px solid #fff;
  border-bottom: 150px solid transparent;
  border-left: 0 solid transparent;
}

.service_diamond_override:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 149px;
  width: 0;
  height: 0;
  margin: auto 0;
  border-top: 150px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 150px solid transparent;
  border-left: 150px solid #fff;
}

.service_diamond_override .white_line {
  position: absolute;
  top: -8px;
  left: -2px;
  right: 0px;
  width: 310px;
  height: 16px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  z-index: 1;
  background: #fff;
}

.service_diamond_override .diamond_image {
  position: relative;
  top: -135px;
  left: 15px;
  margin: 0 auto;
  z-index: 1;
}
.service_diamond_override .diamond_image img {
  width: 270px;
}
.service_diamond_override .diamond_image a {
  display: block;
}

.service_page .title {
  margin: 20px auto;
  text-align: center;
}
.service_page .title img {
  /** width: 130px; **/
  height: 96px;
}
.service_page .title_border {
  width: 100%;
  height: 1px;
  background: #000;
  margin-top: 30px;
  margin-bottom: 30px;
}

.service_page .service_table { }

.service_page .service_table tr {
  height: 280px;
  width: 50%;
  float: left;
  margin-bottom: 20px;
}

.service_page .service_table td{
  vertical-align: top;
}
.service_page .service_table img {
  max-width: 380px;
  height: 280px;
}

.service_page .service_table .uesol {
  margin-top: 30px;
  width: 470.5px;
  height: auto;
}

.service_page .service_table .title {
  font-size: 22px;
  font-weight: 700;
}
.service_page .service_table .detail {
  font-size: 15px;
  line-height: 1.7em;
}

.service_page .service_table .hotel_button {
  width: 370px;
  height: 80px;
  margin-top: 50px;
}

/*-----------------------------------------------
サービスページ ひし形
-----------------------------------------------*/
.sd1 { top: 90px; }
.sd2 { top: -60px; left: 150px; }
.sd3 { top: 90px; left: 300px; }
.sd4 { top: -60px; left: 450px; }
.service_page #thihou,
.service_page #web,
.service_page #education,
.service_page #inbound,
.service_page #ikusei {
  padding-top: 30px;
}
/* スマホレイアウト */
@media all and (max-width: 799px) {
  .service_page {
    margin: 0px auto 0px auto;
    padding-top: 80px;
  }

  .sp_service_page_nav {
    width: 240px;
    min-height: 300px;
    height: auto;
    position: relative;
    margin: 0 auto;
  }

  .sp_service_diamond {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120px;
    height: 120px;
    margin: auto;
  }

  .sp_service_diamond_inner {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-right: 60px solid #251e1c;
    border-bottom: 60px solid transparent;
    border-left: 0 solid transparent;
    border-radius: 10px;
  }

  .sp_service_diamond_inner:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 61px;
    width: 0;
    height: 0;
    margin: auto 0;
    border-top: 60px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #251e1c;
    border-radius: 10px;
  }

  .sp_service_diamond_override {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1px;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-right: 60px solid #fff;
    border-bottom: 60px solid transparent;
    border-left: 0 solid transparent;
  }

  .sp_service_diamond_override:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 59px;
    width: 0;
    height: 0;
    margin: auto 0;
    border-top: 60px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #fff;
  }

  .sp_service_diamond_override .white_line {
    position: absolute;
    top: -5px;
    left: -2px;
    right: 0px;
    width: 130px;
    height: 10px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    z-index: 1;
    background: #fff;
  }

  .sp_service_diamond_override .diamond_image {
    position: relative;
    top: -55px;
    left: 5px;
    margin: 0 auto;
    z-index: 1;
  }
  .sp_service_diamond_override .diamond_image img {
    width: 110px;
  }
  .sp_service_diamond_override .diamond_image a {
    display: block;
  }

  .sp_sd1 { top: 90px; }
  .sp_sd2 { top: 30px; left: 60px; }
  .sp_sd3 { top: 90px; left: 120px; }
  .sp_sd4 { top: 150px; left: 60px; }

  .service_page .title img { height: 56px; }
  .service_page .title_border {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .service_page .service_table tr {
    height: auto;
    width: 100%;
    float: none;
  }

  .service_page .service_table td{
    vertical-align: top;
    padding: 5px 15px;
  }

  .service_page .service_table img {
    max-width: 100%;
    height: auto;
    margin-top: 30px;
  }

  .service_page .service_table .uesol {
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  .service_page .service_table .uesol img{
    width: 100%;
    height: auto;
  }

  .service_page .service_table .title {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
  }

  .service_page .service_table .detail {
    font-size: 15px;
    line-height: 1.7em;
    text-align: left;
  }
}

/*-----------------------------------------------
worksページ
-----------------------------------------------*/
.works_page { margin: 100px auto 50px auto; min-height: 775px; }
.pages {
  text-align: center;
  margin-top: 35px;
}
.pages a {
  color: #333;
  font-size: 0.9rem;
  display: inline-block;
  margin: 5px 15px;
}
@media all and (max-width: 1300px) { .works_page { margin-left: 155px; } }

.works_content {
  position: relative;
  margin: 5% auto 0;
  clear: both;
}

.tabmenu{
  width: 25%;
  float: left;
  list-style: none;
  padding: 10px 0 10px;
  text-align: center;
  display: block;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: bold;
  color:#000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.active, .hover {
  font-weight:bold;
  border-bottom: 2px solid #000;
}

.mr01{
  border-right: 1px solid #999;
}
.mr02{
  border-left: 1px solid #999;
}

.tabcontent {
  width: 100%;
  margin-top: 10%;
  left: 0;
  position: absolute;
}

section {
	display: flex;
	flex-wrap: wrap;
}

article {
	margin-right: 2%;
	margin-bottom: 20px;
	width: 32%;
	box-shadow: 0 0 5px #999;
}
article a {
  color: #000;
}
article:nth-child(3n) {
	margin-right: 0;
}

.article_thumbnail {
  width: 100%;
  height: 250px;
}
.article_thumbnail img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.article_title {
  padding: 10px;
  text-align: center;
}
.article_term {
  position: absolute;
  background: #000;
  width: 100px;
  color: #fff;
  text-align: center;
  margin-top: -26px;
  padding: 5px;
}

/* worksページ　コンタクト */
.works_contact_section {
  background: #f4f4f4;
  padding: 50px;
}
.works_contact_section .contact_text{
  margin: 50px auto;
  font-size: 25px;
  text-align: center;
}
.works_contact {
  margin: 0 auto;
}


@media all and (max-width: 1149px) {
  .works_page { margin-left: auto; }
  .works_content {
    margin-left: 100px;
    margin-right: 10px;
  }

  article {
    margin-right: 2%;
    margin-bottom: 20px;
    width: 48%;
    box-shadow: 0 0 5px #999;
  }
  article:nth-child(3n) {
    margin-right: 2%;
  }
}

/* スマホレイアウト */
@media all and (max-width: 799px) {
  .works_page { margin: 0px auto 0px auto; }
  .pages a {
    font-size: 0.8rem;
    margin: 5px 10px;
  }
  .works_content {
    margin-left: 10px;
    margin-right: 10px;

  }
  .works_page .content_title {
    padding-top: 100px;
    margin: 0 auto;
    text-align: center;
  }
  .tabmenu{
    width: 100%;
    float: none;
    padding: 10px 0 10px;
    margin-bottom: 10px;
  }
  .mr01{
    border: 1px solid #999;
  }

  article {
    margin-right: 0%;
    margin-bottom: 20px;
    width: 100%;
  }
  article:nth-child(3n) {
    margin-right: 0%;
  }
  .article_thumbnail {
    width: 100%;
    height: 230px;
  }
  .article_thumbnail img {
    width: 100%;
    height: 230px;
    object-fit: cover;
  }
}


/*-----------------------------------------------
csrページ
-----------------------------------------------*/
.csr_page {
  min-height: 100vmin;
  margin: 100px auto 50px auto;
}
@media all and (max-width: 1300px) { .csr_page { margin-left: 155px; } }
@media all and (max-width: 1149px) { .csr_page { margin-left: auto; } }

/* スマホレイアウト */
@media all and (max-width: 799px) {

}

/*-----------------------------------------------
works　シングル記事
-----------------------------------------------*/
.single_wrap {
  margin: 0 auto;
  margin: 100px auto 50px auto;
}
@media all and (max-width: 1300px) { .single_wrap { margin-left: 155px; } }
@media all and (max-width: 1149px) { .single_wrap { margin-left: auto; } }

.single_thumbnail_wrap {
  position: relative;
  text-align: center;
  margin: 50px auto;
  height: 530px;
}

.single_thumbnail_pc {
  position: absolute;
  left: 10%;
  max-width: 640px;
  width: 640px;
  height: 530px;
  background-image: url("image/works/works_image_pc.png");
  background-size: 640px auto;
  background-repeat:  no-repeat;
}
.single_thumbnail_pc img {
  width: 590px;
  height: 330px;
  object-fit: cover;
  margin-top: 25px;
}

.single_thumbnail_sm {
  position: absolute;
  right: 12%;
  bottom: 0%;
  max-width: 190px;
  width: 190px;
  height: 400px;
  background-image: url("image/works/works_image_ipone.png");
  background-size: 190px auto;
  background-repeat:  no-repeat;
}
.single_thumbnail_sm img {
  width: 165px;
  height: 295px;
  object-fit: cover;
  margin-top: 55px;
}

.single_content_wrap {
  margin-top: 50px;
  margin-bottom: 100px;
}
.single_release_txt {
  margin-top: 10px;
  text-align: left;
  font-size: 15px;
  color:#a8a5a4;
}
.single_title {
  text-align: left;
  font-size: 30px;
  font-weight: 700;
}
.single_content {
  margin: 50px 0px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}
.single_content_detail {
  font-size: 15px;
}
table.single {
  font-size: 15px;
  border-spacing: 0px;
}
table.single .td-01 {
  border-right: 1px solid #251e1c;
  padding-right: 20px;
}
table.single .td-02 {
  padding-left: 20px;
}

/* ミドルレイアウト */
@media all and (max-width: 1049px) {
  .single_content_wrap {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media all and (max-width: 899px) {
  .single_thumbnail_sm { right: 2%; }
}

/* スマホレイアウト */
@media all and (max-width: 799px) {
  .sp {
    display: block;
  }
  .single_wrap { margin: 0px auto 0px auto; }
  .single_wrap .content_title {
    padding-top: 100px;
    margin: 0 auto;
    text-align: center;
  }

  .single_title {
    font-size: 20px;
  }

  .single_thumbnail_wrap {
    position: relative;
    text-align: center;
    margin: 50px auto;
    height: 100%;
    padding: 0 10px;
  }
  .single_thumbnail_pc {
    position: initial;
    left: 0%;
    margin: 0 auto;
    margin-bottom: 0px;
    min-width: 320px;
    width: 320px;
    height: 300px;
    background-size: 320px auto;
  }
  .single_thumbnail_pc img {
    width: 300px;
    height: 165px;
    margin-top: 12px;
  }

  .single_thumbnail_sm {
    position: initial;
    right: 0%;
    margin: 0 auto;
  }

  .single_content_wrap {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#wptime-plugin-preloader {
  background-size: 130px 170px !important;
}