@charset "utf-8";
/* CSS Document */

/***** top_visual *****/
section.top_visual{
	background-image:url(../img/top/img02.jpg);
	height: 36.9275vw;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
section.top_visual p{
	line-height: 1.6;
	letter-spacing: 0.142em;
	left: 5.8%;
	top: 30.5%;
}
section.top_visual p img{
    max-width: 832.5px;
	width: 30.8148em;
    display: block;
	margin-bottom: 1.2em;
}

/***** top_facility *****/
section.top_facility{
	padding: 6em 0 4em 0;
}
section.top_facility .bx-wrapper{
	margin-top:0;
	padding-top:0;
}
section.top_facility #bx_silde{
	margin: 0 auto;
}
section.top_facility #bx_silde li{
	position: relative;
	margin-right:2em!important;
	width:30em !important;
}
section.top_facility #bx_silde li p{
	position: absolute;
	bottom: 0.65em;
	left: 0;
	display: inline-block;
	width: 45%;
	background: #fff;
	font-size: 15px;
	text-align: center;
	padding: 0.625em 0.625em;
}
section.top_facility p.btn{
	margin-top: 5em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	section.top_facility #bx_silde li p{
		font-size: 11px;
		width: auto;
		padding: 0.625em 1.5em;
	}
}

/***** top_flow *****/
section.top_flow{
	padding: 4.5em 0 6em 0;
}
section.top_flow .ttl_sec{
	letter-spacing: 0.1em;
}
section.top_flow .flow_container{
	max-width: 343px;
	width: 21.9%;
	margin-right: calc(12.4% / 3);
}
section.top_flow .flow_container.last{
	margin-right:0;
}
section.top_flow .flow_container .flow_midashi{
	max-width: 15em;
	width: 96%;
	letter-spacing: 0.1em;
	margin: 0 auto;
	line-height: 1;
	padding: 0.6em 0 0.325em 0;
	border-radius: 0.25em;
	margin-top: -1.25em;
	font-weight: 500;
}
section.top_flow .flow_container .flow_midashi span{
	font-size: 1.75em;
	vertical-align: middle;
	letter-spacing: 0.14em;
	margin-right: 0.3em;
	font-weight: 400;
}
section.top_flow .flow_container .flow_intr{
	letter-spacing: 0.1em;
	line-height: 1.7;
}






@media (min-width: 1280px) and (max-width: 1612px) {
	section.top_service .service_container .service_box .bg_pink{
		font-size: 1.16em;
	}
}


/******************************************* ipad ********************************************************/

@media (min-width: 768px) and (max-width: 1279px) {
	section.top_visual{
		height: 56.928vw;
	}
	section.top_visual p{
		left: 1.8%;
		top: 25.5%;
	}
	section.top_visual p img{
		width: 24.815em;
	}
	section.top_service .service_container .service_box .bg_pink{
		font-size: 1.1em;
	}
	section.top_service .service_container .service_box.third .bg_pink{
		font-size: 0.9em;
		padding: 0.268em 0;
		margin: 1.15em auto 0.7em auto;
	}
	section.top_flow .flow_container .flow_midashi{
		font-size: 1.05em;
	}
}