@charset "utf-8";
/*
	Last Update:2021/05/10
	Auther: iw
*/
/*===================================================================
	top
===================================================================*/
#main_image_wrap { position:relative; }
#main_image_wrap::after { position:absolute; display:block; content:""; background:url(../image/contents/top/scroll_icon.png) no-repeat center center / contain; width:60px; height:50px; transform:translateX(-50%); left:50%; bottom:40px; filter:drop-shadow(0 1px 4px rgba(133, 133, 133, 0.5));}
#main_image_wrap #main_image .unit .img_back { background-position:center center; }
#main_image_wrap #main_text { position:absolute; top:0; left:0; width:100%; height:100%; }
#main_image_wrap #main_text .center { display:table; width:100%; height:100%; }
#main_image_wrap #main_text .center h2 { display:table-cell; vertical-align:middle; }
	@media(max-width: 1100px){
		#main_image_wrap #main_text img { max-height:160px; }
	}
	@media (max-width: 767px) {
		#main_image_wrap::after { width:50px; bottom:20px; display: none;}
	}
	@media(max-width: 575px){
		#main_image_wrap,
		#main_image_wrap #main_image .unit .img_back { height:44vw; }
		#main_image_wrap #main_text img { max-width:70%; }
	}
	@media(min-width: 576px){
		#main_image_wrap,
		#main_image_wrap #main_image .unit .img_back { height:40vw; max-height:600px; }
	}
	@media(min-width: 1200px){
		#main_image_wrap,
		#main_image_wrap #main_image .unit .img_back { height:100vw; max-height:600px; }
	}

#message { background:url(../image/contents/top/message_bg3.jpg) no-repeat center center / cover; background-position:right;}
/*@media (max-width: 767px) {
	#message { background-color:rgba(255,255,255,0.8); background-blend-mode:color; }
}*/
@media ( max-width: 575px ) {
	#message { background:url(../image/contents/top/message_bg_sp3.jpg) no-repeat center center / cover; background-position:right;}
}

#service { background:url(../image/contents/top/service_bg.jpg) no-repeat center center / cover; }
#service .box .photo { height:280px; }

#facility { background:url(../image/contents/top/facility_bg.png) no-repeat center center / cover; }
#facility .facility_unit { color:#5667AB; background:#fff; padding:20px 0; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16); text-align:center; font-weight:bold; font-size:1.2em; margin-bottom:20px; }
@media ( max-width: 991px ) {
	#facility .facility_unit { font-size:1em; }
}
@media ( max-width: 575px ) {
	#facility .facility_unit { padding:15px 0; margin-bottom:15px; }
}

#company .image_box { height:100%; }
#company .image_box > * { height:calc(50% - 5px); }
#company .image_box > .row { margin-left:-5px; margin-right:-5px; }
#company .image_box > .row > * { height:100%; padding-left:5px; padding-right:5px; }
#company .image_unit { background:no-repeat center center / cover; }
#company .image_unit._1 { background-image:url(../image/contents/top/company4.jpg); margin-bottom:10px; height: 380px;}
#company .image_unit._2 { background-image:url(../image/contents/top/company2.jpg); height:100%; }
#company .image_unit._3 { background-image:url(../image/contents/top/company3.jpg); height:100%; }
@media( max-width: 991px ){
	#company .image_box { padding-top:20px; height:500px; }
}
@media( max-width: 575px ){
	#company .image_box { height:320px; }
	#company .image_unit._1 { height: 290px;}
}

#contact { background:url(../image/contents/top/contact_bg.jpg) no-repeat center center / cover; }
#recruit .recruit_box { position:relative; width:45%; height:200px; margin-left:auto; }
#recruit .recruit_box .text { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:250px; }
#recruit .recruit_box .text > .hl_2 { margin-left:auto; margin-right:auto; line-height:normal; margin-bottom:0; }
#recruit .recruit_btn { width:100%; text-align:center; padding:5px 0; background:#4461BB; color:#fff; margin-top:5px; font-size:.9em; }
#recruit .recruit_btn i { padding-right:5px; }
@media( max-width: 767px ){
	#recruit .recruit_box .text { min-width:225px; }
}
@media( max-width: 575px ){
	#recruit .recruit_box { min-width:240px; }
	#recruit .recruit_box .text { min-width:185px; }
	#recruit .recruit_btn { font-size:.75em; }
}