@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@200;400;600;700&display=swap');

/* constant */
:root {
  --main-color: #00a651;  
  --sub-color: #f7941d;
  --font-color: #333333;
  --bg-color: #fff;
  --text-gothic:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  --text-mincho: 'Noto Serif JP', serif;
  --text-fudeji: 'M PLUS 1 Code', serif;
}

/*layout*/
body{font-family:var(--text-gothic);color:var(--font-color);font-size:1.4rem;letter-spacing: 0.1rem;background: var(--bg-color);}
section{position: relative;}
p{margin:0;}
a{text-decoration: none;color: inherit;}
a:hover{opacity: 0.7;}
img{max-width: 100%;}
#header,  #footer #fnav, #copyright{margin:0 auto;position:relative;text-align:center;}
.content{margin:0 auto;overflow:hidden;position:relative;width:100%;max-width:1540px;padding: 0 50px;}
#main{text-align:left;width:100%;margin:0 auto 0;overflow:hidden;position:relative;padding:0;line-height:1.9;}
@media only screen and (max-width:1023px){
  #main{margin: 0 auto;}
}
@media only screen and (max-width:599px){
  body{font-size: 14px;}
  .content{padding: 0 10px;}
  
}

/* clearfix */
.cf{overflow: hidden;zoom: 1;}
.cf:after {content: "";display: block;clear: both;}

@media only screen and (min-width:1024px){
  .pc-only{display: block;}
  .tb-only{display: none;}
  .sp-only{display: none;}
}
@media only screen and (min-width:600px){
  .pc-only{display: block!important;}
  .tb-only{display: block!important;}
  .sp-only{display: none!important;}
}
@media only screen and (max-width:599px){
  .pc-only{display: none!important;}
  .tb-only{display: none!important;}
  .sp-only{display: block!important;}
}

/* header */
#header{ position: relative;height: 150px;padding: 0;background-color: var(--main-color);z-index: 1000;}
#header .h-container{max-width: 1200px;margin: 0 auto;padding: 0;height: 100%; display: flex;justify-content: space-between;align-items: center;color:#ffffff}
#global{display:flex;height: 100%;}
#global nav .main-menu{display: flex; flex-wrap: nowrap; align-items: center; margin: 0;height: 100%;text-align: left;}
#global nav .main-menu>li{width:50px;height: 100%; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;padding-top:30px;}
#global nav .main-menu>li a, #fnav ul>li a{color:inherit;letter-spacing: 0.13em;font-size: 14px;font-family: var(--text-mincho);font-weight: 700;}
#global nav .main-menu>li>a:hover, #fnav ul>li a:hover{color:var(--sub-color);}
#global nav .main-menu>li.current{color:var(--sub-color);}
@media only screen and (min-width:1024px){
  #humburger{display: none;}
  .drawer-nav-wrapper{display: none;}
}
@media only screen and (max-width:1023px){
  #global{display: none;}
  #header{height: 90px;}
  #header .h-container{width:100%;padding: 0 10px;}
  #header .logo{width: 50%; max-width: 260px;}
  #humburger{	position: fixed;background:var(--main-color);cursor: pointer; width: 50px; height:50px;z-index: 999999;border-radius: 50%;right:5%;}
  #humburger span{ display: inline-block;transition: all .4s;position: absolute;left: 14px;height: 3px;border-radius: 2px;background: #fff;width: 43%; }
  #humburger span:nth-of-type(1) {top:16px;	}
  #humburger span:nth-of-type(2) {top:23px; }
  #humburger span:nth-of-type(3) {top:30px; }
  #humburger.active span:nth-of-type(1) {top: 18px; left: 18px; transform: translateY(6px) rotate(-45deg); width: 30%; }
  #humburger.active span:nth-of-type(2) { opacity: 0; }
  #humburger.active span:nth-of-type(3) { top: 30px; left: 18px; transform: translateY(-6px) rotate(45deg); width: 30%;}
  .drawer-nav-wrapper{background:#fff;position: fixed; top: 0; left: 100%;; padding: 80px 0 0; text-align: left; height: 100%; z-index: 99999;  width: 100%; transition: all 0.5s;}
  .drawer-nav-wrapper.open{left:0;}
  .drawer-nav-wrapper .drawer-nav{overflow: auto; -webkit-overflow-scrolling: touch;height:100%;}
  .drawer-nav-wrapper .drawer-nav>li{padding: 15px 40px; border-bottom: 1px solid var(--main-color);color:var(--main-color);}
  .drawer-nav-wrapper .drawer-nav>li>a,.drawer-nav-wrapper .drawer-nav li summary {display: block; width: 100%; font-size: 15px; font-weight: bold;letter-spacing: 0.13em;padding: 9px 15px 10px 0; position: relative;cursor: pointer; box-sizing: border-box;}
  .drawer-nav-wrapper .drawer-nav>li>a::before,.drawer-nav-wrapper .drawer-nav li summary::before { content: ""; width: 7px; height: 7px; border-top: solid 2px #ffffff; border-right: solid 2px #ffffff; transform: rotate(45deg); position: absolute; right: 11px; top: 16px;}
  .drawer-nav-wrapper .drawer-nav li summary::-webkit-details-marker { display: none; }  
}
/* breadcrumb */
#breadcrumbs{ font-size: 12px;background-color:#eff0f3;padding: 5px 0;}


/* footer */
#footer{background:var(--main-color); text-align: left;color:#fff;font-family: var(--text-mincho);padding: 100px 0 0;}
#footer .flogo{max-width: 450px;width: 100%;}
#footer #fnav{display: flex;justify-content: space-between; align-items: center;margin-bottom: 65px;}
#footer #fnav ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;margin: 0; column-gap: 40px;padding: 15px 40px;border-bottom: #fff solid 2px;}
#footer .jigyosho-list{display: flex;column-gap: 60px;margin-bottom: 80px;}
#footer .jigyosho-list table th{padding: 10px 40px 10px 0;vertical-align: top;}
#footer .jigyosho-list table td{padding: 10px 0;vertical-align: top;}
#footer .copyright{background:var(--sub-color);text-align: right;padding: 5px 0;}
@media only screen and (max-width:599px){
  #footer{padding-top: 40px;}
  #footer .content{padding: 0 5%!important;}
  #footer .flogo{max-width: 200px;margin-bottom: 20px;}
  #footer #fnav{display: block;margin-bottom: 20px;}
  #footer #fnav #nav{width: 100%;}
  #footer #fnav ul{padding: 15px 0;border:none;}
  #footer .jigyosho-list{display: block;margin-bottom: 20px;}
  #footer .jigyosho-list table th{display: block;width: 100%;padding: 10px 0 0;}
  #footer .jigyosho-list table td{display: block;width: 100%;}
  #footer .copyright{text-align: center;}
}

/* common */
.sec-title{font-family: var(--text-mincho);font-size: 3.0rem;margin-bottom: 10px;font-weight: 400;letter-spacing: 0.6rem;line-height: 1;}
.sec-subtitle{letter-spacing: 0.6rem;}

.btn{position: relative;background:#fff;display: inline-block;width:450px;margin-top:45px;}
.btn a{color:var(--main-color);font-family: var(--text-mincho);letter-spacing: 0.5rem;font-size: 1.8rem;display: block;line-height: 50px; position: relative;text-align: center;}
.btn::before{position: absolute;top: calc(50% - 1px); left: -50px; width: 50px; height: 2px; content: ''; background: #fff;}
.btn a::before{position: absolute;top: calc(50% - 1px); left: 0; width: 50px; height: 2px; content: ''; background:var(--main-color);}
.btn.blue{background:var(--sub-color);}
.btn.blue a{color:#fff;}
.btn.blue::before{background: var(--sub-color);}
.btn.blue a::before{background:#fff;}
@media only screen and (max-width:599px){
  .btn{width:250px;}
  .btn a{font-size: 1.6rem;line-height: 40px;}
  .btn::before{left: -30px; width: 30px;}
  .btn a::before{width: 30px; }
}

#pager .btn-block{display: inline-block;text-align: center;width: 210px; }
#pager .btn a::before{content:'';}
@media only screen and (max-width:599px){
  #pager .btn{margin-bottom: 40px;}
}
/* TOPへ戻る */
#return_top { display:none; position:fixed; bottom:40px; right:20px; z-index:990; }
#return_top a { display:block; width:55px; height:55px; text-decoration:none; background:var(--sub-color); border-radius:50%; opacity:0.8; }
#return_top a:before {content:'\f106';color:#fff; font-size:24px; line-height:1; display:block; position:absolute; top:50%; left:50%;font-weight: 900;font-family: 'Font Awesome 5 Free';transform: translate(-50%, -50%);}
#return_top a:hover { opacity:1; }
#return_top a span { display:none; }

/* PAGE */
.p-title{background-size: cover; text-align: center;padding: 125px 0;line-height: 1.2;letter-spacing: 0.6rem;}
.p-title .title-main{font-family: var(--text-mincho);font-size: 5.0rem;font-weight: 400;background: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent);display: inline-block;padding: 5px 40px;}
.p-title .title-main::after{display: block;}
.p-title .title-sub{font-size: 2.0rem;background: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent);padding: 5px 80px;display: inline-block;font-weight: 600;}

#p-404 .main-content{text-align: center;padding: 120px 0;}
#p-404 .p-title{background: url("../img/company/title_bg.jpg") no-repeat center;}
@media only screen and (max-width:599px){
  .p-title{padding: 60px 0;}
  .p-title .title-main{font-size: 2.4rem;}
  .p-title .title-sub{font-size: 1.4rem;}
}

/* CONTACT */
#sec-contact{text-align: center;}
#sec-contact{background: url("../img/common/contact_bg.jpg") no-repeat top;background-size: cover;}
#sec-contact .tile{background:url('../img/common/contact_tile.png') no-repeat center;background-size: contain;padding:200px 0; }
#sec-contact .bound{position: absolute;left:50%;transform: translate(-50%,0);}
#sec-contact .bound.bound-bottom{bottom:-1px;}
#sec-contact .bound.bound-top{top:-1px;}