/*-----------------------------------------------
	index
-----------------------------------------------*/
/*cmnTop*/
.cmnTop{
	background:url(../img/service/bgTop.jpg) no-repeat center top;
}
@media only screen and (max-width:767px){
	.cmnTop{
		background:url(../img/service/bgTop_sp.jpg) no-repeat center top / cover;
	}
}
/*boxTop*/
.boxTop{
	text-align:center;
	margin:55px auto 75px;
}
.boxTop .txtTop{
	font-size:20px;
	line-height:2;
	letter-spacing:0.5px;
}
@media only screen and (max-width:767px){
	.boxTop{
		margin:30px auto 30px;
		width:93.75%;
	}
	.boxTop .txtTop{
		font-size:3.4vw;
		line-height:1.8;
	}
}
/*titBoxCmn*/
.titBoxCmn{
	text-align:center;
}
.titBoxCmn .tit{
	font-size:39px;
	letter-spacing:8px;
}
.titBoxCmn .titSub{
	font-size:15px;
	letter-spacing:3px;
	margin-top:20px;
}
@media only screen and (max-width:767px){
	.titBoxCmn .tit{
		font-size:5.4vw;
		letter-spacing:4px;
	}
	.titBoxCmn .titSub{
		font-size:3.2vw;
		letter-spacing:1px;
		margin-top:10px;
	}
}
/*secRecruit*/
.secRecruit{
	margin:110px auto 110px;
}
.secRecruit .txtRecruit{
	font-size:24px;
	line-height:1.6;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
}
.secRecruit .imgBox{
	width:798px;
	margin:47px auto 0;
}
.secRecruit .underBox{
	border-top:#CCC solid 1px;
	margin:70px 0 0;
	padding:70px 0 0;
}
.secRecruit .underBox .wrapBox{
	width:1200px;
	margin:0 auto;
}
.secRecruit .underBox .leftBox{
	width:550px;
	float:left;
	padding:42px 0 0;
}
.secRecruit .underBox .leftBox .titUnder{
	font-size:24px;
	line-height:1.6;
	letter-spacing:0.5px;
}
.secRecruit .underBox .leftBox .txtUnder{
	font-size:15px;
	line-height:2.2;
	letter-spacing:2.5px;
	margin-top:12px;
}
.secRecruit .underBox .rightBox{
	width:600px;
	float:right;
	position:relative;
	padding:1px 1px 2px;
}
.secRecruit .underBox .rightBox::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	border:#000 solid 1px;
	width:100%;
	height:279px;
}
.secRecruit .underBox .rightBox img{
	width:100%;
	height:auto;
}
.secRecruit .swiper-pagination{
	position:static;
	padding-top:10px;
}
.secRecruit .swiper-pagination-bullet{
	background:#FFF;
	margin:0 8px!important;
	border:#000 solid 1px;
	opacity:1!important;
}
.secRecruit .swiper-pagination-bullet-active{
	background:#B1A05C;
	border:none;
}
@media only screen and (max-width:767px){
	.secRecruit{
		margin:40px auto 30px;
	}
	.secRecruit .txtRecruit{
		font-size:4.2vw;
		margin-top:30px;
	}
	.secRecruit .imgBox{
		width:95%;
		margin:20px auto 0;
	}
	.secRecruit .underBox{
		margin:25px 0 0;
		padding:20px 0 0;
	}
	.secRecruit .underBox .wrapBox{
		width:95%;
	}
	.secRecruit .underBox .leftBox{
		width:100%;
		float:none;
		padding:0;
	}
	.secRecruit .underBox .leftBox .titUnder{
		font-size:4.4vw;
	}
	.secRecruit .underBox .leftBox .txtUnder{
		font-size:3.2vw;
		line-height:2;
		letter-spacing:1.5px;
		margin-top:10px;
	}
	.secRecruit .underBox .rightBox{
		width:100%;
		float:none;
		padding:1px 1px 2px;
		margin-top:10px;
	}
	.secRecruit .underBox .rightBox::after{
		content:"";
		position:absolute;
		left:0;
		top:0;
		border:#000 solid 1px;
		width:100%;
		height:89%;
	}
	.secRecruit .underBox .rightBox img{
		width:100%;
		height:auto;
	}
	.secRecruit .swiper-pagination{
		position:static;
		padding-top:10px;
	}
	.secRecruit .swiper-pagination-bullet{
		background:#FFF;
		margin:0 8px!important;
		border:#000 solid 1px;
		opacity:1!important;
	}
	.secRecruit .swiper-pagination-bullet-active{
		background:#B1A05C;
		border:none;
	}
}
/*secSurpport*/
.secSurpport{
	margin:110px auto 110px;
}
.secSurpport .boxList{
	margin:53px 0 0;
}
.secSurpport .conBox{
	border-bottom:#CCC solid 1px;
	padding-bottom:70px;
}
.secSurpport .conBox:last-child{
	border-bottom:none;
	padding-bottom:0;
}
.secSurpport .conBox .wrapBox{
	width:1200px;
	margin:0 auto;
}
.secSurpport .conBox .leftBox{
	width:550px;
	float:left;
}
.secSurpport .conBox .rightBox{
	width:600px;
	float:right;
}
.secSurpport .conBox .titUnder{
	font-size:24px;
	line-height:1.6;
	letter-spacing:1px;
}
.secSurpport .conBox .txtUnder{
	font-size:15px;
	line-height:2.2;
	letter-spacing:2.5px;
	margin-top:12px;
}
.secSurpport .conBox1 .leftBox{
	padding:70px 0 0;
}
.secSurpport .conBox2{
	text-align:center;
	padding:60px 0 70px;
}
.secSurpport .conBox2 .imgBox{
	margin-top:56px;
}
.secSurpport .conBox3{
	padding:70px 0 0;
}
.secSurpport .conBox3 .txtList{
	font-size:0;
}
.secSurpport .conBox3 .txtList .txtUnder{
	display:inline-block;
	vertical-align:top;
	width:50%;
}
@media only screen and (max-width:767px){
	.secSurpport{
		margin:50px auto;
	}
	.secSurpport .boxList{
		margin:0;
	}
	.secSurpport .conBox{
		padding-bottom:30px;
	}
	.secSurpport .conBox .wrapBox{
		width:95%;
	}
	.secSurpport .conBox .leftBox{
		width:100%;
		float:none;
	}
	.secSurpport .conBox .rightBox{
		width:100%;
		float:none;
		margin-top:10px;
	}
	.secSurpport .conBox .titUnder{
		font-size:4.4vw;
	}
	.secSurpport .conBox .txtUnder{
		font-size:3.3vw;
		line-height:2;
		letter-spacing:1px;
		margin-top:10px;
	}
	.secSurpport .conBox1 .leftBox{
		padding:35px 0 0;
	}
	.secSurpport .conBox2{
		padding:30px 0 45px;
		text-align:left;
	}
	.secSurpport .conBox2 .imgBox{
		margin-top:20px;
	}
	.secSurpport .conBox3{
		padding:30px 0 0;
	}
	.secSurpport .conBox3 .txtList{
		font-size:0;
	}
	.secSurpport .conBox3 .txtList .txtUnder{
		display:inline-block;
		vertical-align:top;
		width:50%;
		font-size:3vw;
		letter-spacing:0;
	}


}