@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Roboto:700,900');

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

/* IE7でpadding指定 */ 
*:first-child+html body #middle,*:first-child+html body #footer_city { 
padding-left: 1px; 
} 

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {font-size:62.5%;}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial,  sans-serif;
	line-height:1.8;
	color:#1b1b1b;
	font-size:14px;
	font-size:1.4rem;
	-webkit-text-size-adjust: none;
	letter-spacing:0.016em;
	}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#293743;outline:none;}
a:hover {text-decoration:none;color:#69c8f2;}

/* common */
.inner{width:1050px;margin:0 auto;position:relative;}
.sp{display:none;}

main{}

@media screen and (max-width: 768px) {
	.pc{display:none;}
	.sp{display:block;}
}


#fixedTop{right:10px;bottom:10px;width:50px;height:50px;line-height:50px;color:#fff;font-size: 20px;text-align: center;display: none;background: #222;position: fixed;z-index: 9999;border-radius: 50%;-webkit-transform: translateZ(0);}
#fixedTop:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;opacity: 0.7;}


/*--header--*/
.sb-slide{display:none;}
header{background:rgba(255,255,255,0.9);box-shadow:0px 1px 4px 1px rgba(0,0,0,0.08);-moz-box-shadow:0px 1px 4px 1px rgba(0,0,0,0.08);-webkit-box-shadow:0px 1px 4px 1px  rgba(0,0,0,0.08);}
.fixheader{position:fixed;top:0;width:100%;height:60px;z-index:100;}
.is-fixed header,
.page header{box-shadow:none;}
#sb-site header h1{display:flex;width:1050px;height:60px;margin:0 auto;align-items:center;}
#sb-site header nav{position:absolute;top:0;right:0;}
#sb-site header nav ul{display:flex;flex-flow:row wrap;height:60px;align-items:center;}
#sb-site header nav ul li{line-height:1.2rem;text-align:center;padding:0 13px;}
#sb-site header nav ul li a{display:block;font-size:1.0rem;}
#sb-site header nav ul li a span{font-family:Roboto;font-weight:900;font-size:1.4rem;}
#sb-site header nav ul .phone,
#sb-site header nav ul .mail{padding:0;}
#sb-site header nav ul .phone a{display:flex;width:60px;height:60px;background:#d4c38e;align-items:center;justify-content:center;}
#sb-site header nav ul .mail a{display:flex;width:60px;height:60px;background:#293743;color:#fff;font-size:2.6rem;align-items:center;justify-content:center;}
#sb-site header h1 a:hover img,
#sb-site header nav ul .phone a:hover,
#sb-site header nav ul .mail a:hover{opacity:0.6;}

#sb-site .contact-sec{position:fixed;top:60px;right:0;display:flex;z-index:999;}
#sb-site .contact-sec dl{display:flex;align-items:center;height:30px;margin-right:15px;}
#sb-site .contact-sec dl dt{display:inline-block;width:80px;height:18px;background:#293743;color:#fff;font-size:1.2rem;line-height:18px;border-radius:9px;margin-right:5px;text-align:center;}
#sb-site .contact-sec dl dd{color:#293743;font-family:Roboto;font-weight:900;font-size:1.8rem;}


/*--footer--*/
footer{background:#293744;color:#fff;}
footer .page-top a{display:block;height:20px;line-height:20px;background:#415363;color:#fff;font-family:Poppins;font-size:1.1rem;text-align:center;}
footer .page-top a:after{content:"\f106";font-family:FontAwesome;margin-left:5px;}
footer .page-top a:hover{opacity:0.6;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

footer .inner{display:flex;flex-flow:row wrap;justify-content:space-between;padding:45px 0;}

footer .info h2{margin-bottom:15px;}
footer .info dl{font-size:1.1rem;margin-bottom:5px;}
footer .info dl dt{display:inline-block;background:#a7a7a7;line-height:1em;width:60px;height:15px;line-height:15px;text-align:center;}
footer .info dl a{color:#fff;}

footer .nav{display:flex;flex-flow:row wrap;justify-content:space-between;width:690px;}
footer .nav a{color:#fff;}
footer .nav a:hover{background:#415363;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
footer .nav ul li a{display:inline-block;min-width:150px;border-bottom:1px solid #3f4b57;font-size:1.2rem;white-space:nowrap;padding:5px;}
footer .nav dl{width:510px;}
footer .nav dl dt a{display:block;padding:5px;border-bottom:1px solid #3f4b57;font-size:1.2rem;}
footer .nav dl dd{display:flex;flex-flow:row wrap;justify-content:space-between;}

footer address{padding:10px 0;text-align:center;font-size:1.0rem;font-family:Poppins;}

 /*--loading--*/
#loading{width:100%;height:100%;margin:0;background:#fff;opacity:1.0;position:fixed;top:0;left:0;z-index:9999;}
#loading img{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;}

/*--button--*/
.btn a{display:block;width:330px;height:50px;margin:0 auto;text-align:center;font-size:1.4rem;line-height:50px;color:#fff;background:#293744;}
.btn a:hover{opacity:0.6;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.btn.contact a:before{content:"\f0e0";font-family:FontAwesome;margin-right:5px;}
.btn.link a:after{content:"\f08e";font-family:FontAwesome;margin-left:5px;}

main .about .btn a,
main .recruit .btn a{margin:0;}
footer .btn a{width:270px;height:24px;line-height:24px;background:#415363;}

/*****************************************************************************
 INDEX
 *****************************************************************************/

.mainimage{width:100%;height:570px;}
.eyecatch{height:540px;background:url(../../img/index/eyecatch_bg.jpg) no-repeat center center;background-size:cover;}
.eyecatch .inner{display:flex;height:540px;align-items:flex-end;}
.catchcopy{height:30px;position:relative;}
.catchcopy h2{background:#d4c38e;color:#293744;font-size:1.8rem;font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;font-weight:bold;line-height:30px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity:1;text-align:center;}
.catchcopy .contact{position:absolute;top:0;right:0;display:flex;}
.catchcopy .contact dl{display:flex;align-items:center;height:30px;margin-right:15px;}
.catchcopy .contact dl dt{display:inline-block;width:80px;height:18px;background:#293743;color:#fff;font-size:1.2rem;line-height:18px;border-radius:9px;margin-right:5px;text-align:center;}
.catchcopy .contact dl dd{color:#293743;font-family:Roboto;font-weight:900;font-size:1.8rem;}

.is-fixed .catchcopy{position:fixed;top:0px;left:0;z-index:2;width:100%;margin-top:60px;}
.is-fixed .catchcopy h2{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity:0;}

@media screen and (max-width: 1670px) {
	.catchcopy h2{text-align:left;}
}


main .product h1,
main .about h1,
main .recruit h1{font-size:1.2rem;text-align:center;margin-bottom:6em;}
main .product h1 span,
main .about h1 span,
main .recruit h1 span{display:block;font-size:3.0rem;font-family:Roboto;font-weight:900;line-height:1.2;}


main .product{padding:100px 0;background:#f3f3f3;}
main .product ul{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:30px;}
main .product ul li{margin-bottom:30px;}
main .product ul li a{display:block;width:240px;background:#fff;border-bottom:4px solid #bd6143;position:relative;padding-bottom:35px;}
main .product ul li a:hover{color:#293743;opacity:0.6;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
main .product ul li a img{width:100%;margin-bottom:10px;}
main .product ul li a dl{padding:10px;}
main .product ul li a dl dt{font-size:1.6rem;margin-bottom:15px;}
main .product .readmore{width:100%;font-size:1.0rem;color:#bd6143;font-weight:bold;padding:5px 10px 15px;text-align:right;position:absolute;bottom:0;left:0;}
main .product .readmore:after{content:"\f08e";font-family:FontAwesome;margin-left:5px;}
main .product .relocation a{border-bottom:4px solid #bdb843;}
main .product .relocation a .readmore{color:#bdb843;}
main .product ul::before{content:"";display:block;width:240px;order:1;}
main .product ul::after{content:"";display:block;width:240px;}


main .business{background:#fafafc;padding-top:55px;}
main .business .inner{background:url(../../img/index/business_bg.jpg) no-repeat right bottom;background-size:contain;padding-bottom:30px;}
main .business h1{font-size:4.8rem;line-height:1.2em;font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;font-weight:bold;}
main .business ol{display:flex;flex-flow:row nowrap;width:400px;justify-content:space-between;margin:20px 0;}
main .business p{font-size:1.4rem;margin-bottom:35px;}
main .business ul{display:flex;flex-fow:row wrap;}
main .business ul li{margin-right:30px;}
main .business ul li a{display:flex;align-items:center;justify-content:center;width:330px;height:50px;line-height:50px;text-align:center;color:#f58313;font-family:Roboto;font-weight:900;font-size:2.4rem;background:#eedb6b;}
main .business ul li a span{background:#fcf4c5;display:inline-block;font-size:1.2rem;width:63px;height:20px;line-height:20px;margin-right:10px;}
main .business ul .contact a{background:#7dcbde;font-size:1.8rem;color:#fff;font-weight:normal;}
main .business ul .contact a:before{content:"\f0e0";font-family:FontAwesome;margin-right:5px;}
main .business ul li a:hover{opacity:0.6;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}


main .about{padding:105px 0 120px;}
main .about .column{display:flex;flex-flow:row-reverse wrap;justify-content:space-between;}
main .about .column section{width:510px;}
main .about .info h2{margin-bottom:25px;}
main .about .info h3{margin-bottom:10px;}
main .about .info p{line-height:1.2em;margin-bottom:25px;}
main .about .info dl{margin-bottom:20px;}
main .about .info dl dt{display:inline-block;width:60px;text-align:center;line-height:1em;background:#a7a7a7;color:#fff;font-size:1.1rem;padding:2px 0;}
main .about .info dl dd{line-height:1.2em;}
main .about .info dl dd span{font-size:1.1rem;}

main .map{display:flex;flex-flow:column wrap;justify-content:space-between;}
main .map .frame{height:310px;}


main .recruit{width:1050px;min-height:520px;margin:0 auto;border-top:1px solid #293744;padding:110px 60px 90px;background:url(../../img/index/recruit_bg.png) no-repeat center 10px;}
main .recruit h1{margin-bottom:65px;}
main .recruit .inner{width:100%;padding:15px 5px 10px;background:rgba(255,255,255,0.8);border:1px solid #f6f6f6;}
main .recruit section{display:flex;flex-flow:row wrap;justify-content:space-between;padding-left:25px;}
main .recruit h2{margin-bottom:20px;}
main .recruit p{line-height:1.4em;margin-bottom:40px;}


main .airtech{background:#F7F78C;padding:30px 0px 20px;}
main .airtech .inner{text-align:center;}
main .airtech .inner p{text-align:left;display:inline-block;font-size:16px;padding:0px 15px;}
main .airtech .inner p b{color:#A00002;font-weight:bold!important;}
main .airtech ul{display:flex;flex-flow:row wrap;}
main .airtech ul li{display:inline-block;width:33.33%;padding:15px;}
main .airtech ul li a{display:block;width:100%;padding:10px 5px;text-align:center;background:#293744;color:#fff;}
main .airtech ul li a:hover{opacity:0.8;}


/*****************************************************************************
 Pages
 *****************************************************************************/
.page article > h1{font-size:1.2rem;text-align:center;margin-bottom:3em;padding:100px 0 40px;background:url(../../img/common/ttl_background.jpg) no-repeat center center;background-size:cover;color:#fff;}
.page article > h1 span{display:block;font-size:3.0rem;font-family:Roboto;font-weight:900;line-height:1.2;}


/*--products--*/
.page-products{background:#f3f3f3;padding-bottom:40px;}
.page .page-products h1{margin-bottom:0;}
.page-products > .inner{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:3em;}
.page-products > .inner > dl{width:49%;margin-bottom:20px;padding:15px;border:3px solid #eee;background:#fff;}
.page-products > .inner > dl dt{margin-bottom:15px;font-size:1.8rem;border-bottom:2px solid #293744;color:#293744;}
.page-products > .inner > dl dt small{font-size:1.4rem;}
.page-products > .inner > dl dt a{display:block;position:relative;}
.page-products > .inner > dl dt a:after{content:"\f08e";font-family:FontAwesome;position:absolute;right:0;top:0;}
.page-products > .inner > dl dd ul{display:flex;flex-flow:row wrap;line-height:2em;}
.page-products > .inner > dl dd ul li{min-width:50%;}
.page-products > .inner > dl dd ul li a:before{content:"\f14a";font-family:FontAwesome;margin-right:5px;color:#d4c38e;}

.page-products h2{background:#fff;font-size:1.8rem;padding:10px 0;border-bottom:3px solid #bd6143;margin-bottom:2em;}
.page-products h2 span{display:block;width:1050px;margin:0 auto;}
.page-products h2 span:before{content:"\f1b2";font-family:FontAwesome;margin-right:5px;}
.page-products .link{margin-bottom:40px;}
.page-products .link ul{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;}
.page-products .link ul li{width:24%;height:5em;margin-bottom:15px;}
.page-products .link ul::before{content:"";display:block;width:24%;order:1;}
.page-products .link ul::after{content:"";display:block;width:24%;}
.page-products .link ul li a{display:flex;width:100%;height:100%;background:#293743;padding:5px 10px;color:#fff;align-items:center;}
.page-products .link ul li a:hover{opacity:0.6;}
.page-products .link ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;}

.page-products .contents h3{font-size:2.4rem;padding:10px 20px;border-bottom:2px solid #293743;}
.page-products .contents{margin-top:-60px;padding-top:60px;margin-bottom:30px;}
.page-products .contents > div{display:block;background:#fff;border:3px solid #eee;}
.page-products .contents .half{display:flex;flex-flow:row wrap;}
.page-products .contents .row{padding:20px;}
.page-products .contents .img{width:260px;}
.page-products .img dl{margin-top:20px;padding:10px 0;border-top:1px solid #eee;}
.page-products .img dl dt{padding-bottom:10px;border-bottom:1px dashed #eee;margin-bottom:10px;}
.page-products .contents .explain{width:784px;}
.page-products .explain dl{display:flex;flex-flow:row wrap;margin-bottom:10px;}
.page-products .explain dl dt{width:15%;padding:10px 0;background:#eee;display:flex;justify-content:center;align-items:center;}
.page-products .explain dl dd{width:85%;padding:10px 15px;}
.page-products .explain ul li{position:relative;padding-left:1.5em;}
.page-products .explain dl ul li:before{content:"\f138";font-family:FontAwesome;position:absolute;left:0;color:#79cba9;}
.page-products .explain .ttl{margin:15px 0 10px;border-bottom:1px solid #000;}
.page-products .explain strong{font-weight:bold;}




/*--relocation--*/
.page-relocation h2{text-align:center;margin-bottom:15px;}
.page-relocation p{text-align:center;margin-bottom:30px;}
.page-relocation ol{display:flex;flex-flow:row wrap;counter-reset:li;margin-bottom:50px;border-top:1px solid #eee;padding-top:30px;}
.page-relocation li{width:28%;position:relative;margin-bottom:30px;}
.page-relocation li:not(:last-child){margin-right:5%;}
.page-relocation li:before{content:counter(li);counter-increment:li;background:#293744;display:inline-block;width:2em;height:2em;text-align:center;color:#fff;line-height:2em;font-weight:bold;font-size:2.0rem;position:absolute;top:0;left:0;font-family:'Poppins',sans-serif;}
.page-relocation li:not(:last-child):after{content:"\f061";font-family:FontAwesome;font-size:3.0rem;color:#d4c38e;margin-top:-30px;display:inline-block;position:absolute;top:50%;right:-40px;}
.page-relocation ol dl{padding-left:50px;}
.page-relocation ol dl dt{font-size:1.8rem;border-bottom:2px solid #293744;margin-bottom:10px;}
.page-relocation ol dl dd img{display:block;margin:10px auto;}


/*--recruit--*/
.page-recruit h2{text-align:center;margin-bottom:15px;}
.page-recruit p{text-align:center;margin-bottom:30px;}
.page-recruit table{width:90%;margin:0 auto 60px;}
.page-recruit table th,
.page-recruit table td{padding:15px;border:1px solid #ddd;}
.page-recruit table th{background:#f3f3f3;}
.page-recruit table td strong{color:#72c3e7;}


/*--makers--*/
.makers .link{margin-bottom:40px;}
.makers .link ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.makers .link ul li{width:24%;margin-bottom:15px;}
.makers .link ul::before{content:"";display:block;width:24%;order:1;}
.makers .link ul::after{content:"";display:block;width:24%;}
.makers .link ul li a{display:block;background:#293743;padding:5px 10px;color:#fff;}
.makers .link ul li a:hover{opacity:0.6;}
.makers .link ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;}
.makers .contents{margin-top:-60px;padding-top:60px;margin-bottom:60px;}
.makers .contents h2{font-size:3.0rem;font-weight:bold;margin-bottom:.8em;border-bottom:2px solid #293743;}
.makers .contents h2 small{font-weight:normal;font-size:1.6rem;}
.makers .contents ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.makers .contents ul::after{content:"";display:block;width:33%;}
.makers .contents ul li{width:33%;margin-bottom:10px;}
.makers .contents ul li a{border-bottom:1px solid #415363;}
.makers .contents ul li:before{content:"\f14a";font-family:FontAwesome;margin-right:5px;color:#d4c38e;}
 
 
/*--company--*/
.page-company h2{font-size:3.0rem;font-weight:bold;margin-bottom:.8em;border-bottom:2px solid #293743;}
.page-company section{margin-bottom:60px;}
.page-company .half{display:flex;flex-flow:row wrap;justify-content:space-between;}
.page-company .half section{width:49%;padding:15px 20px;border:3px solid #eee;}
.page-company .half h2{font-size:2.0rem;font-weight:normal;margin-bottom:.8em;border-bottom:2px solid #293743;}
.profile table{width:100%;margin:0 auto 60px;}
.profile table th,
.profile table td{padding:15px;border:1px solid #ddd;}
.profile table th{background:#f3f3f3;}
.bank dl{display:flex;flex-flow:row wrap;line-height:2em;}
.bank dl dt{width:20%;}
.bank dl dd{width:80%;}
.bank dl dt:before{content:"\f14a";font-family:FontAwesome;margin-right:5px;color:#d4c38e;}
.license ul,
.group ul{line-height:2em;}
.license ul li:before,
.group ul li:before{content:"\f14a";font-family:FontAwesome;margin-right:5px;color:#d4c38e;}

.clients .school{width:36%;}
.clients .corporate{width:63%;}
.clients ul{display:flex;flex-flow:row wrap;}
.clients ul li{width:50%;}
.clients ul li:before{content:"\f14a";font-family:FontAwesome;margin-right:5px;color:#d4c38e;}

.timeline{padding:0 15px;}
.timeline > li{overflow:hidden;margin:0;position:relative;}
.timeline-date{width:120px;float:left;margin-top:20px;}
.timeline-content{width:75%;float:left;border-left:3px #f3f3f3 solid;padding:20px 0 10px 30px;}
.timeline-content:before{content:'';width:12px;height:12px;background:#7dcbde;position:absolute;left:115px;top:24px;border-radius:100%;}


/*--form--*/
.form form{width:900px;margin:15px auto 60px;padding:40px 20px;background:#fff;border:1px solid #eee;}
.form p{margin-bottom:30px;text-align:center;font-size:14px;}
form .require{display:inline-block;padding:2px 5px;background:#ff6c00;color:#fff;font-size:11px;margin-left:10px;}
form table{width:90%;margin:0 auto 40px;}
form table th,
form table td{padding:20px;border-bottom:1px solid #eee;}
form table th{width:30%;font-size:14px;text-align:right;}
form table input{width:90% !important;padding:5px;}
form table textarea{width:90% !important;height:150px !important;padding:5px;}
form .btn_form{text-align:center;}
form .btn_form input[type="submit"]{padding:10px 40px;color:#fff;border:none;background:#7dcbde;cursor:pointer;font-size:18px;letter-spacing:2px;}
form .btn_form input[type="submit"]:hover{opacity:0.7;}
.form .phone{font-size:2.4rem;font-family:Poppins;}
.form .phone a:before{content:"\f095";margin-right:5px;font-family:FontAwesome;}





/*****************************************************************************
 Responsive
 *****************************************************************************/

@media screen and (max-width: 768px) {
	*{-webkit-appearance: none;-webkit-text-size-adjust:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;}
	.inner{width:100%;}
	.btn a{width:90%;}
	#sb-site .contact-sec{display:none;}

	/*slidemenu*/
	#sb-site{background:#fff;}
	.sb-slide .menu i{display:flex;width:60px;height:60px;background:#293743;color:#fff;font-size:2.6rem;align-items:center;justify-content:center;}
	.sb-slide {
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:1000;
		font-size:30px;
		line-height:1.2;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
	}
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .sb-close {
		display:block;
	}
	.sb-slide p {
		display: inline-block;
		color:#FFF;
	}
	.sb-slide p i{margin:0;}
	.sb-slide .txt{display:block;margin-top:-5px;font-size:0.8rem;}

	.sb-slidebar ul {
		padding:3%;
	}
	.sb-slidebar ul li a {
		display:table;
		width:100%;
		padding:10px;
		border-bottom: dotted 1px #ccc;
		text-decoration:none;
		text-align:left;
		color:#1b1b1b;
	}
	.sb-slidebar ul li a span{margin-right:5px;}
	.sb-slidebar ul li a em {
		text-align:right;
	}
	.sb-slidebar section {
		padding:2% 3% 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sb-slidebar section p {
		margin:0 3% 5%;
	}
	.sb-slidebar section p a {
		background:#293743;
		color:#fff;
		border-radius:4px;
		display:block;
		cursor:pointer;
		color:#ffffff;
		font-weight:bold;
		padding:10px 15px;
		text-decoration:none;
	}
	.sb-slidebar section p a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}
	.sb-slidebar section ul li a:before,
	.sb-slidebar section p a:before{content:"\f138";font-family:FontAwesome;margin-right:5px;}

	.sb-slidebar section iframe {
		margin:0 0 10%;
	}

	.sb-slide{width:100%;height:60px;display:flex;flex-flow:row nowrap;justify-content:space-between;}
	.sb-slide h1{display:flex;max-width:200px;height:60px;align-items:center;padding:0 5px;}
	.sb-slide nav ul{display:flex;flex-flow:row nowrap;}
	.sb-slide nav ul .phone a{display:flex;width:60px;height:60px;padding:5px;background:#d4c38e;align-items:center;justify-content:center;}
	.sb-slide nav ul .phone a img{max-width:100%;}
	.sb-slidebar section ul ul{padding:0;}
	.sb-slidebar section ul ul li a{padding:5px 5px 5px 1.5em;font-size:1.2rem;}

	footer .inner{justify-content:center;}
	footer .nav{display:none;}


/*****************************************************************************
 INDEX
 *****************************************************************************/
	.mainimage{width:100%;height:auto;}
	.eyecatch{height:auto;background:url(../../img/index/eyecatch_bg.jpg) no-repeat center center;background-size:cover;padding-top:60px;}
	.eyecatch .inner{display:flex;height:auto;align-items:flex-end;}
	.eyecatch .inner img{width:95%;margin:0 auto;}
	.catchcopy h2{font-size:1.4rem;text-align:center;}
	.catchcopy h2,
	.is-fixed .catchcopy h2{display:block;-webkit-transition:none;-moz-transition: none;-ms-transition:none;-o-transition:none;transition:none;opacity:1;}
	.catchcopy .contact{display:none;}
	.is-fixed .catchcopy{position:static;margin-top:auto;}

	main .product{padding:50px 0;}
	main .product ul{display:block;}
	main .product ul li{margin-bottom:0;}
	main .product ul li a{display:flex;width:100%;height:auto;background:#fff;border-bottom:4px solid #bd6143;position:relative;padding-bottom:0;align-items:center;}
	main .product ul li a img{width:30%;margin-bottom:0;}
	main .product ul li a dl{width:100%;padding:10px;}
	main .product ul li a dl dt{width:100%;margin-bottom:0;}
	main .product ul li a dl dd,
	main .product .readmore{display:none;}
	main .product ul li a dl dt:after{content:"\f08e";font-family:FontAwesome;color:#bd6143;font-size:1.8rem;float:right;}
	main .product ul .relocation a dl dt:after{content:"\f08e";font-family:FontAwesome;color:#bdb843;font-size:1.8rem;float:right;}

	main .business .inner{background:none;}
	main .business section{background:url(../../img/index/business_bg.jpg) no-repeat right bottom;background-size:contain;padding-left:10px;}
	main .business h1{font-size:2.0rem;margin-left:10px;}
	main .business ol{width:60%;}
	main .business ol li{padding:5px;}
	main .business p{width:60%;padding:10px;font-size:1.2rem;line-height:1.4em;background:rgba(255,255,255,0.8);}
	main .business ul{flex-flow:column wrap;}
	main .business ul li{margin-right:0;}
	main .business ul li a{width:90%;margin:0 auto 10px;}

	main .about .column section{width:100%;}
	main .about .column .info{width:90%;margin:0 auto 25px;}
	main .about .btn.link a{width:100%;margin:0 auto;}
	main .about .map img{margin-bottom:10px;}

	main .recruit{width:100%;padding:110px 0 90px;background-size:contain;}
	main .recruit .inner{width:90%;}
	main .recruit section{flex-flow:column-reverse wrap;padding:0 15px;}
	main .recruit .btn.link a{width:100%;margin:0 auto;}
	main .recruit .row{margin-bottom:20px;}

    main .airtech{padding:20px 0px;}
    main .airtech .inner p{font-size:15px;}
    main .airtech ul li{width:100%;}



/*****************************************************************************
 Pages
 *****************************************************************************/
	/*--products--*/
	.page-products > .inner{display:block;width:90%;}
	.page-products > .inner > dl{width:100%;}
	.page-products > .inner > dl dt small{display:block;}
	.page-products > .inner > dl dd ul{flex-flow:column wrap;}

	.page-products h2{margin-bottom:0;}
	.page-products h2 span{width:90%;}
	.page-products .link{width:100%;margin-top:0;}
	.page-products .link ul li{width:100%;margin-bottom:1px;}
	.page-products .contents > div{border:none;}
	.page-products .contents h3{font-size:1.8rem;}
	.page-products .contents .img,
	.page-products .contents .explain{width:100%;}
	.page-products .contents .img a img{display:block;margin:0 auto;}
	.page-products .explain dl dt{width:100%;padding:5px;}
	.page-products .explain dl dd{width:100%;padding:10px;}


	/*--relocation--*/
	.page-relocation .inner{width:90%;}
	.page-relocation p{text-align:left;}
	.page-relocation li{width:100%;padding-bottom:40px;}
	.page-relocation li:not(:last-child){margin-right:0;}
	.page-relocation li:not(:last-child):after{content:"\f063";font-family:FontAwesome;font-size:3.0rem;color:#d4c38e;display:inline-block;position:absolute;bottom:-20px;right:50%;margin-right:-15px;top:auto;margin-top:auto;}


	/*--recruit--*/
	.page-recruit .inner{width:90%;}
	.page-recruit p{text-align:left;}
	.page-recruit table{width:100%;}
	.page-recruit table th,
	.page-recruit table td{display:block;width:100%;}
	.page-recruit table tr:not(:last-child) td{border-top:none;border-bottom:none;}
	.page-recruit table tr:last-child td{border-top:none;}


	/*--makers--*/
	.page .makers h1{margin-bottom:0;}
	.makers .link ul{flex-flow:column wrap;}
	.makers .link ul li{width:100%;margin-bottom:1px;}
	.makers .contents h2{font-size:2.2rem;}
	.makers .contents h2 small{display:block;font-size:1.4rem;}
	.makers .contents ul li{width:100%;margin-bottom:10px;padding:0 10px;}


	/*--company--*/
	.page-company h2{font-size:2.2rem;}
	.page-company .inner{width:90%;}
	.page-company table{width:100%;}
	.page-company table th,
	.page-company table td{display:block;width:100%;}
	.page-company table tr:not(:last-child) td{border-top:none;border-bottom:none;}
	.page-company table tr:last-child td{border-top:none;}
	.bank dl dt{width:70%;}
	.bank dl dd{width:30%;}

	.timeline{padding:0;list-style:none;}
	.timeline > li {margin-bottom:40px;}
	.timeline-content{width:100%;border:none;padding:15px 0 10px 1em;}
	.timeline-content:before{display:none;}

	.clients .school,
	.clients .corporate{width:100%;margin-bottom:15px;}
	.clients .corporate li{width:100%;}


	/*--form--*/
	.form{width:90%;}
	.form form{width:100%;padding:20px;}
	.form p{text-align:left;}
	form table{width:100%;}
	form table th,
	form table td{display:block;width:100%;padding:20px 0;}
	form table  th{text-align:left;border:none;padding:20px 0 0;}
	form table input,
	form table textarea{width:100% !important;font-size:1.6rem;}
	form .btn_form input[type="submit"]{width:100%;}


}



@media screen and (max-width: 320px) {
	main .business section{background:none;padding:0 10px;}
	main .business ol{width:100%;margin:20px auto;}
	main .business p{width:100%;margin:0 auto 35px;background:none;padding:0;}
}