/*--common--*/
.btn_more a{display:block;max-width:100%;width:330px;height:60px;margin:0 auto;border:1px solid #fff;color:#fff;font-size:1.6rem;font-weight:bold;text-align:center;line-height:60px;transition-duration:0.4s;}
.btn_more a:hover{background:#fff;color:#002302;}
.btn_more a:after{content:"\f0a9";font-family:FontAwesome;margin-left:5px;}
.voice .btn_more{padding:0 15px;}
.voice .btn_more a{color:#000;border:1px solid #000;}
.voice .btn_more a:hover{background:#000;color:#fff;}


 /*--loading--*/
#loading{width:100%;height:100%;margin:0;background:#fff;opacity:1.0;position:fixed;top:0;left:0;z-index:10001;}
#loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.mainimage{position:relative;}
.mainimage .Img .bxslider li,
.mainimage .Img .bxslider li img{width:100%;}



.feat .inner{padding:45px 0;}
.feat ul{display:flex;flex-flow:row wrap;}
.feat ul li{width:33.33%;padding:15px;}



.information .inner{width:1050px;padding:60px 15px 160px;border-top:1px solid #ddd;}
.information h1{font-size:4.8rem;text-align:center;margin-bottom:15px;border-bottom:4px solid #ddd;padding-bottom:15px;}
.information h1 small{display:block;color:#77a11b;font-size:1.6rem;font-weight:600;font-family: 'Poppins', sans-serif;letter-spacing:0.2em;}
.information ul{width:870px;max-width:100%;margin:0 auto;color:#333;}
.information ul li{padding:10px 0;display:flex;flex-flow:row wrap;border-bottom:1px solid #eee;}
.information ul li time{width:20%;}
.information ul li dl{width:80%;}



.work{background:#002302;color:#fff;padding:120px 0 0;}
.work h1{font-size:4.8rem;text-align:center;margin-bottom:60px;}
.work h1 small{display:block;color:#ffff00;font-size:1.6rem;font-weight:600;font-family: 'Poppins', sans-serif;letter-spacing:0.2em;}
.work p{margin-bottom:45px;padding:0 15px;font-size:1.6rem;line-height:1.5;text-align:center;}
.work ul{display:flex;flex-flow:row wrap;}
.work ul li{width:25%;padding:15px;}
.work ul li a img{border:1px solid #fff;}
.work ul dl dt{margin-bottom:10px;}
.work ul dl dd{font-size:1.6rem;line-height:1;}
.work .btn_more{padding:90px 15px 120px;}
.work .btn_more a{display:block;width:330px;height:60px;margin:0 auto;border:1px solid #fff;color:#fff;font-size:1.6rem;font-weight:bold;text-align:center;line-height:60px;transition-duration:0.4s;}
.work .btn_more a:hover{background:#fff;color:#002302;}
.work .btn_more a:after{content:"\f0a9";font-family:FontAwesome;margin-left:5px;}



.recruit a{display:flex;align-items:center;height:600px;color:#fff;position:relative;overflow:hidden;}
.recruit a:after{position:absolute;content:"";display:block;width:100%;height:100%;top:0;left:0;background:url(../img/index/recruit_background.jpg) no-repeat center center;background-size:cover;transition:all .3s ease-out;}
.recruit a:hover:after{opacity:.8;transform:scale(1.2);}
.recruit .inner{padding:0 15px;position:relative;z-index:1;}
.recruit h1{font-size:7.2rem;font-weight:bold;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;line-height:1.2;border-bottom:1px solid #fff;}
.recruit p{font-size:3.0rem;}



.voice .inner{padding:120px 0;}
.voice h1{font-size:4.8rem;text-align:center;margin-bottom:45px;}
.voice h1 small{display:block;color:#77a11b;font-size:1.6rem;font-weight:600;font-family: 'Poppins', sans-serif;letter-spacing:0.2em;}
.voice ul{display:flex;flex-flow:row wrap;margin-bottom:160px;}
.voice ul li{width:50%;padding:15px;}
.voice ul li figure{display:flex;flex-flow:row-reverse wrap;align-items:center;background:#131313;margin-bottom:10px;}
.voice ul li figure div{width:64%;}
.voice ul li figcaption{width:36%;padding:10px;color:#fff;font-family:"Shin Go Medium";font-style:italic;}
.voice ul li figcaption h2{font-size:3.6rem;line-height:1.33;}
.voice ul dl{clear:both;}
.voice ul dl dt{display:inline-block;width:72px;height:24px;background:#ffa200;font-size:1.2rem;color:#fff;text-align:center;border-radius:12px;line-height:24px;float:left;margin-right:5px;}
.voice ul dl dd{font-size:2.1rem;color:#000;line-height:1.14;display:inline;}



.message{padding-top:30px;background:#131313;}
.message .inner{width:1050px;background:#131313;color:#fff;padding:50px 45px;margin-top:-30px;}
.message h1{font-size:3.0rem;font-weight:bold;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;line-height:1.2;margin-bottom:30px;letter-spacing:0.05em;}
.message h1 em{font-size:4.0rem;font-weight:bold;}
.message p{font-size:1.8rem;letter-spacing:0.05em;line-height:1.66;}



.gallery ul{display:flex;flex-flow:row wrap;}
.gallery ul li{width:25%;}


.map iframe{width:100%;height:420px;vertical-align:bottom;}





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

@media screen and (max-width: 768px) {
	.information ul li time{width:25%;}
	.information ul li dl{width:75%;}

	.work ul li{width:33.33%;}

	.information h1,
	.work h1,
	.voice h1{font-size:4.0rem;}

	.recruit a{height:400px;}
	.recruit h1{font-size:6.0rem;}
	.recruit p{font-size:2.4rem;}

	.voice ul li figure div{width:60%;}
	.voice ul li figcaption{width:40%;}
	.voice ul li figcaption h2{font-size:2.4rem;}
	.voice ul dl dd{font-size:1.8rem;}

	.message .inner{margin-top:0;}
	.message h1{font-size:2.4rem;}
	.message h1 em{font-size:3.4rem;}
	.message p{font-size:1.6rem;}

}


@media screen and (max-width: 600px) {
	.work p{text-align:left;}

	.recruit h1{font-size:4.8rem;}
	.recruit p{font-size:2.0rem;}

	.voice ul{margin-bottom:90px;}
	.voice ul li{width:100%;margin-bottom:30px;}
	.voice ul li figcaption h2{font-size:3.0rem;}
	.voice ul dl dd{font-size:1.8rem;}

	.gallery ul li{width:50%;}

	.map iframe{height:300px;}

}


@media screen and (max-width: 480px) {
	.feat ul li{width:50%;}

	.information ul li time,
	.information ul li dl{width:100%;}

	.work ul li{width:50%;}

	.recruit a{height:300px;}
	.recruit h1{font-size:3.6rem;}
	.recruit p{font-size:1.8rem;}

	.voice ul dl dd{font-size:1.6rem;}

	.message .inner{padding:30px 25px;}
	.message h1{font-size:1.8rem;}
	.message h1 em{font-size:2.8rem;}
	.message p{font-size:1.4rem;}

}


@media screen and (max-width: 375px) {
	.feat ul li{width:100%;}

	.work p{font-size:1.4rem;}
	.work ul li{width:100%;}

	.voice ul li figure div,
	.voice ul li figcaption{width:100%;}


}


@media screen and (max-width: 320px) {
	.information h1,
	.work h1,
	.voice h1{font-size:3.0rem;}
	.information h1 small,
	.work h1 small,
	.voice h1 small{font-size:1.4rem;}

	.message h1{font-size:1.6rem;}
	.message h1 em{font-size:2.4rem;}


}