@charset "utf-8";

h2.top_ttl{color:#333;font-size:48px;font-weight:400;font-family:"poppins",sans-serif;text-align:center;margin-bottom:40px;}
h2.top_ttl small{display:block;color:#555;font-size:14px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;letter-spacing:5px;margin-top:15px;}

/* slide */
.bxslider img{width:100%;vertical-align:bottom;}

/* topConcept */
.topConcept{padding:40px 0;}
.topConcept h2{font-size:35px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;text-align:center;line-height:1.5;margin-bottom:35px;}
.topConcept p{font-size:16px;line-height:2;color:#555;text-align:center;}
.topConcept p b{color:#095f83;}


/* topFeat */
.topFeat{padding:40px 0;}
.topFeat h2{color:#095f83;font-size:16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;}
.topFeat h2 a{color:#095f83;text-decoration:none;}
.topFeat h3	{color:#333;display:flex;flex-flow:row wrap;align-items:center;}
.topFeat h3 a{color:#333;text-decoration:none;}
.topFeat h3 i{color:#095f83;font-size:54px;margin-right:10px;}
.topFeat h3 span{font-size:32px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:400;line-height:1.2;padding:20px 0 15px;}
.topFeat p{font-size:13px;line-height:2;color:#555;width:85%;}
.topFeat p a{color:#555;text-decoration:none;}
.topFeat .col-06{position:relative;padding:0 20px 20px;}
.topFeat .col-06:first-child{border-right:1px solid #ddd;}
.topFeat .col-06:after{content:"\f105";font-family:FontAwesome;font-size:36px;color:#ddd;position:absolute;top:45%;right:8%;}

/* topBanner */
.topBanner img{width:100%;vertical-align:baseline;}

/* topWorks */
.topWorks{padding:80px 0;}
.topWorks nav{width:100%;padding:15px;display:flex;justify-content:center;margin-bottom:50px;}
.topWorks nav .lower{display:flex;justify-content:center;}
.topWorks nav ul.menu{width:870px;display:flex;flex-flow: row wrap;}
.topWorks nav ul.menu li {width:25%;padding:10px 15px;}
.topWorks nav ul.menu li.b1 {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.topWorks nav ul.menu li.b2 {border-bottom:1px solid #ccc;}
.topWorks nav ul.menu li.b3 {border-right:1px solid #ccc;}
.topWorks nav ul.menu li a:before{content:"\f0a9";font-family:FontAwesome;font-weight:300;margin-right:5px;}
.topWorks nav ul.menu li a {color:#333;text-decoration:none;font-size:16px;display:flex;align-items:baseline;}
.topWorks nav ul.menu li a:hover {color:#be0f18;}
.topWorks h3 {color:#555;font-size:24px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;line-height:1.2;text-align:center;letter-spacing:1px;padding:20px 0 50px;}
.topWorks h3 span{color:#be0f18;font-size:27px;font-weight:400;font-family:"poppins",sans-serif;}
.topWorks h4{color:#a6937c;font-size:12px;font-weight:500;padding-bottom:5px;border-bottom:1px solid #a6937c;margin-bottom:5px;}
.topWorks ul.ex{display:flex;flex-flow:row wrap;}
.topWorks ul.ex li{width:25%;padding:0 15px;}
.topWorks ul.ex li img{border:2px solid #fff;margin-bottom:10px;padding:3px;box-shadow:0 0 4px 2px rgba(0, 0, 0, 0.1);}
.topWorks p{color:#555;font-size:12px;line-height:1.5;padding-bottom:30px;}
.topWorks p b{font-size:16px;}


/* topInfo */
.topInfo{padding:80px 0 10px;}
.topInfo .wrap{display:flex;justify-content:center;}
.topInfo dl {font-size:14px;line-height:1.5;letter-spacing:1px;display:flex;flex-flow:row wrap;margin-bottom:15px;border-bottom:1px solid #eee;color:#7e6b59;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.topInfo dt {width:15%;margin:0;padding:0 0 15px;}
.topInfo dd {width:85%;margin:0;padding:0 0 15px 30px;}


/* topRecruit */
.topRecruit{padding:80px 0;}
.topRecruit .wrap{background:url(../img/top/img-recruit.jpg)no-repeat;background-size:cover;position:relative;height:390px;}
.topRecruit .wrap .box{position:absolute;top:22%;right:10%;}
.topRecruit h2 small{color:#13b5b1;font-size:16px;}
.topRecruit h2{color:#333;font-size:40px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;margin-bottom:30px;}
.topRecruit p{color:#555;font-size:14px;line-height:2;margin-bottom:20px;}
.topRecruit .btn {}
.topRecruit .btn a{display:flex;align-items:center;justify-content:center;width:180px;height:30px;border:1px solid #000;color:#555;}
.topRecruit .btn a:hover{border:1px solid #fff;background:#555;color:#fff;text-align:center;}
.topRecruit .btn a:after{content:"\f0a9";font-family:FontAwesome;font-weight:300;margin-left:5px;}

/* photoArea */
.photoArea{margin:0;padding:0;width:100%;}
.photoArea ul{display:flex;flex-flow:row wrap;}
.photoArea ul li{width:25%;}
.photoArea ul li img{width:100%;vertical-align:bottom;}

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


@media screen and (max-width: 1466px){

}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1280px){

}


@media screen and (max-width: 768px){
	
	h2.top_ttl{font-size:24px;}
	.topFeat,.topWorks,.topInfo,.topRecruit{padding:30px 10px;}
	.topMain{padding-top:12vw;}
	
	/* slide */
	.topImg p{position:absolute;bottom:-10px;right:0;width:50%;}
	
	.topConcept h2{font-size:30px;}
	.topConcept p{font-size:13px;text-align:left;}

	
	/* topFeat */
	.topFeat h3 i{font-size:30px;}
	.topFeat h3 span{font-size:20px;}
	
	/* topWorks */
	.topWorks nav ul.menu{width:100%;}
	.topWorks nav ul.menu li {width:50%;padding:5px 10px;border:none;}
	.topWorks nav ul.menu li a{font-size:13px;line-height:1.3;}
	.topWorks nav ul.menu li.b1,
	.topWorks nav ul.menu li.b2,
	.topWorks nav ul.menu li.b3{border:none;}
	.topWorks ul.ex li{width:50%;padding:0 15px;}
	
	/* topInfo */
	.topInfo dl	{display:block;}
	.topInfo dt {font-size:13px;line-height:1;display:block;width:100%;padding:3px 0;margin:0;}
	.topInfo dd	{width:100%;font-size:13px;line-height:1.4;padding:5px 0;}
	
	/* topRecruit */
	.topRecruit .wrap{height:390px;}
	.topRecruit .wrap .box{position:absolute;top:25%;right:0%;}
	.topRecruit h2 small{color:#13b5b1;font-size:13px;}
	.topRecruit h2{color:#000;font-size:24px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;margin-bottom:30px;}
	.topRecruit p{color:#000;font-size:14px;font-weight:bold;line-height:2;margin-bottom:20px;}
	.topRecruit .btn a{color:#000;font-weight:bold;}

	/* topMap */
	.topMap iframe{height:250px;}

}

@media screen and (max-width: 767px){


}

@media screen and (max-width: 667px){



}

@media screen and (max-width: 600px){

	.topFeat .col-06{width:100%;padding:0 10px;margin-bottom:30px;}
	.topFeat p{width:95%;}
	.topFeat .col-06:first-child{border-right:none;}
	.topFeat .col-06:after{bottom:0;right:1%;}
	
	.topRecruit .wrap{background:url(../img/top/img-recruit-sp.jpg)no-repeat;}
	.topRecruit .wrap .box{position:absolute;top:25%;right:0%;}

}

@media screen and (max-width: 480px){

	
}

@media screen and (max-width: 414px){

	.topConcept h2{font-size:15px;}
	.topWorks p b{font-size:14px;}
	
}

@media screen and (max-width: 375px){


}

@media screen and (max-width: 320px){

	.topRecruit .wrap .box{position:absolute;top:25%;left:5%;}

	.responsive{margin-bottom:30px;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.responsive table{margin:0 0 30px;}
	*{-webkit-appearance: none;-webkit-text-size-adjust:100%;}	

	.topConcept h2{font-size:14px;}

}


.topFeat	a	{
	color:red;
	display:block;
}

.topFeat	a:hover	{
	-webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
	opacity: 0.7;
}


















.btn-more {
	background:rgba(233, 244, 250, 0.7);
	padding:2.5vw 15vw;
}
.btn-more a {
	max-width:375px;
	border:0px solid red;
	padding:15px;
	margin:0 auto;
	display:block;
	border:1px solid #040000;
	background:white;
}