@charset "utf-8";

.mainV{
	background:url(../images/bg.png) no-repeat 0 90%;
	background-size:cover;
	padding:8em 0 10em;
}
.mainV dl{
	max-width:1080px;
	margin: 60px auto;
	color:#fff;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
@media all and (min-width: 320px) and (max-width: 801px) {
.mainV dl{
	max-width:90%;
	margin: 0 auto;

	}
}

.mainV dt{
	font-size:4.5em;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	letter-spacing:6px;
}
.mainV dd{
	font-size:1.5em;
	margin:40px 0 0 ;
	line-height:2;
	letter-spacing:3px;
}
@media all and (min-width: 320px) and (max-width: 801px) {
.mainV dt{
	font-size:4em;
}
.mainV dd{
	font-size:1.3em;
	}

}

.main_copy{
	text-align:center;
	font-size:1.6em;
	letter-spacing:6px;
	margin:60px 0 150px;
	line-height:2;
	font-weight:500;
}
@media all and (min-width: 320px) and (max-width: 801px) {
.main_copy{
	font-size:1.4em;
	max-width:90%;
	margin:20px auto 150px;
	}
}
/*-----------------------------------------

サービス内容

-----------------------------------------*/

.service{
	max-width:100%;
	margin: 60px auto;
	background:#f1f1f1;
	padding:80px 0 ;
}

.service a {
	color: #001F45;
	text-decoration: none;
}
.service a:hover {
	text-decoration: underline;
}
@media all and (min-width: 320px) and (max-width: 801px) {
.service{
	padding:80px 0 30px;
	}
}
.service h4{
	text-align:center;
	font-size:6em;
	font-weight:100;
	letter-spacing:6px;
	margin:-130px 0 0;

}
@media all and (min-width: 320px) and (max-width: 801px) {
.service h4{
	font-size:4.5em;
	}
}
.service h4 span{
	background:#001F45;
	color:#fff;
	padding:0px 5px;


}
.service_text{
	text-align:center;
	font-size:1.8em;
	font-weight:500;
	position:relative;
	margin:0px 0 0 ;
	letter-spacing:3px;
}
.service_text::before{
	content:"";
   display:block;
   width:55px;
   height:1px;
   background-color:#001F45;
   position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.service_main{
	display:flex;
	padding:0px 0 13px;
	margin:40px auto 0 ;
	max-width:1280px;
}
@media all and (min-width: 320px) and (max-width: 801px) {
.service_main{
	max-width:90%;
	flex-wrap:wrap;
	}

}

.service_main div{
	width:calc(100% / 3);
	background:#fff;
	padding:30px 40px;
	margin:0 20px;
}
@media all and (min-width: 320px) and (max-width: 801px) {
.service_main div{
	width:calc(100% / 1);
	background:#fff;
	padding:30px 40px;
	margin:15px 0px;
	}
}




.service_main dt{
	font-size:2.1em;
	color:#001F45;
	font-weight:800;
	text-align:center;
	margin:0 0 20px;
	letter-spacing:2px;
}
.service_main dd{
	font-size:1.45em;
	margin:10px 0 0;
	line-height:1.6;
	max-width:425px;
}
.service_main dd span{
	display:block;
	height:100px;

}
.service_main p {
	margin:15px 0 0 ;
}
.service_main p a{
	color:#F05A24;
}
.imgphoto_service{
	text-align:center;
	padding:0px 0 0;
}
.imgphoto_service img{
	max-width:300px;
}
@media all and (min-width: 320px) and (max-width: 801px) {
.recruit img{
	max-width:100%;
	}
.service .imgphoto{
	max-width:60%;
	margin: 30px auto 0;
	text-align:center;

	}
}