@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .comBox {
	max-width: 1163px;
}

#main .mainImg {
	margin-bottom: 149px;
	position: relative;
}

#main .mainImg:after {
	max-width: 1186px;
	width: 63%;
	min-width: 750px;
	height: 92px;
	left: 50%;
	position: absolute;
	bottom: -51px;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: rgba(91,194,220,0.82);
	content: "";
}

#main .mainImg  img {
	width: 100%;
}

#main .mainImg .headLine02 {
	color: #fff;
	position: absolute;
	top: 75%;
	left: 50%;
	font-size: 22px;
	font-weight: bold;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

#main .mainImg .headLine02 span {
	font-size: 50px;
}

#main .headLine04 {
	margin-bottom: 148px;
}

#main .mainh2{
	color: #fff;
	position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    font-size: 60px;
    font-weight: normal;
    display: block;
    width: 90%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main .mainh3{
	color: #fff;
	position: absolute;
    top: 30%;
    left: 50%;
    text-align: center;
    font-size: 18px;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

#main .comJob {
	margin: 119px 0 0;
}

#main .comSpecial {
	margin-top: 78px;
}

@media screen and (min-width: 768px) and (max-width: 1130px) {
	#main .mainh2{
		font-size: 48px;
	}
	#main .mainImg .headLine02 span {
	font-size: 32px;
	}
	#main .mainImg .headLine02{font-size: 18px;}
}

@media screen and (max-width: 767px) {
	#main .mainImg .headLine02 span {
		font-size: 25px;
		line-height: 1.1;
	}
	
	#main .mainImg .headLine02 {
		font-size: 11px;
	}
	
	#main .mainImg:after {
		width: 94%;
		height: 28px;
		bottom: -14px;
		min-width: 0;
	}
	
	#main .mainImg {
		margin-bottom: 43px;
	}
	
	#main .headLine04 {
		margin-bottom: 50px;
	}
	
	#main .comBox {
		margin: 0 11px;
	}
	
	#main .comJob {
		margin: 40px 0 0;
	}
	
	#main .comSpecial {
		margin-top: 41px;
	}
	#main .mainh2{
		font-size: 24px;
	}
	#main .mainh3{
		font-size: 16px;
		width: 95%;
	}
}