@charset "utf-8";
/* ===================================================
	Facilities CSS
====================================================== */


/* ---------------------------------------------------
	sec01
------------------------------------------------------ */
#sec01 { padding-bottom: clamp(110px, 18.636vw, 205px); }
#sec01 .bnr { margin-top: clamp(20px, 3.636vw, 40px); }

@media screen and (min-width: 651px) {
}



/* ---------------------------------------------------
	sec02
------------------------------------------------------ */
#sec02 { padding-bottom: clamp(70px, 11.364vw, 125px); }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
}


/* ---------------------------------------------------
	sec03
------------------------------------------------------ */
#sec03 { padding-bottom: clamp(105px, 17.273vw, 190px); }
#sec03 .cmn_layout02 { margin-top: clamp(55px, 9.091vw, 100px); }
#sec03 .cmn_layout02 .flex_box .tit_block p > span { font-size: 15px; }
#sec03 .tel_col { margin-top: clamp(50px, 8.636vw, 95px); display: flex; justify-content: center; text-align: center; flex-direction: column; padding: 15px 20px; background: #fff; border: 1px solid #b2b2b2; line-height: 1; gap: 5px; }
#sec03 .tel_col .tel-link { font-size: 20px; }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
	#sec03 .cmn_layout02 .flex_box .tit_block p > span { font-size: 17px; }
	#sec03 .tel_col { flex-direction: row; align-items: flex-end; padding: 25px 20px; gap: 0; }
	#sec03 .tel_col .tel-link { font-size: 25px; }
}


/* ---------------------------------------------------
	sec0
------------------------------------------------------ */
#sec04 { padding: clamp(75px, 12.727vw, 140px) 0 clamp(70px, 12.273vw, 135px); }
#sec04 .cmn_tit02 { margin-bottom: clamp(45px, 9.091vw, 100px); }

#sec04 .cmn_table .row dt { width: 100%; color: rgba(0, 0, 0, 0.6); }
#sec04 .cmn_table .row dd span { display: inline-block; }
#sec04 .cmn_layout02 .flex_box + .flex_box { margin-top: clamp(40px, 6.818vw, 75px); }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
	#sec04 .cmn_table .row dt { width: 40%; }
}
