@charset "UTF-8";
/* ============================================================
施設紹介
============================================================ */
/* ------------------------------------
KV
------------------------------------ */
#kv {
	background: url(../img/facilities/kv_pht.jpg) no-repeat center center / cover;
	}


/* ------------------------------------
lead
------------------------------------ */
#lead .title::after {
	content: 'Our Facilities';
	}


/* ------------------------------------
gallery
------------------------------------ */
#sct_gallery {
	margin-top: 75px;
	}
#sct_gallery .column {
	position: relative;
	}
#sct_gallery .column:nth-of-type(2n+1) {
	background-color: #e9ebeb;
	}
#sct_gallery .column:nth-of-type(2n) {
	background-color: #fff;
	}
#sct_gallery .column::before {
	width: 100%;
	display: block;
	position: absolute;
	content: '';
	}
#sct_gallery .column::after {
	width: 100%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	color: #006788;
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	text-align: right;
	}
#sct_gallery .column#clm_roomtype::after { content: 'ROOM TYPE'; }
#sct_gallery .column#clm_amenities::after { content: 'AMENITIES'; }
#sct_gallery .column#clm_sauna::after { content: 'SAUNA'; }
#sct_gallery .column#clm_outdoor::after { content: 'OUTDOOR FACILITIES'; }
#sct_gallery .clm_wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
#sct_gallery .column h2 {
	color: #006788;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	text-align: center;
	}
#sct_gallery .column h2 span {
	padding-bottom: 15px;
	display: inline-block;
	border-bottom: 2px dashed #006788;
	}
#sct_gallery .bundle {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
	}
#sct_gallery .bundle figcaption {
	margin-top: 18px;
	text-align: center;
	}

/* 768＜ --------------------------- */
@media (min-width: 768px) {

	#sct_gallery .column {
		margin-top: 36px;
		}
	#sct_gallery .column::before {
		height: 36px;
		top: -36px;
		}
	#sct_gallery .column:nth-of-type(2n+1)::before {
		background: #e9ebeb url(../img/common/wave_02.png) repeat-x center top;
		}
	#sct_gallery .column:nth-of-type(2n)::before {
		background: #fff url(../img/common/wave_03.png) repeat-x center top;
		}
	#sct_gallery .column::after {
		max-width: 1260px;
		padding-right: 30px;
		top: -60px;
		font-size: 6rem;
		font-size: clamp(4.8rem,6.25vw,6rem);
		}
	#sct_gallery .clm_wrap {
		max-width: 1260px;
		padding: 3px 30px 120px;
		}
	#sct_gallery .column h2 {
		padding-top: 80px;
		font-size: 4.2rem;
		font-size: clamp(3.4rem,4.42vw,4.2rem);
		}
	#sct_gallery .bundle.clm2 {
		width: 66%;
		margin-left: auto;
		margin-right: auto;
		}
	#sct_gallery .bundle figure {
		width: 32%;
		margin-top: 36px;
		}
	#sct_gallery .bundle.clm2 figure {
		width: 49%;
		}
	#sct_gallery .bundle figure img {
		border-radius: 18px;
		}
	#sct_gallery .bundle figcaption {
		font-size: 1.7rem;
		line-height: 1.5;
		}

} /* end 768＜ */
/* ＞767 --------------------------- */
@media (max-width: 767px) {

	#sct_gallery .column {
		margin-top: 12px;
		}
	#sct_gallery .column::before {
		height: 12px;
		top: -12px;
		}
	#sct_gallery .column:nth-of-type(2n+1)::before {
		background: #e9ebeb url(../img/common/wave_02.png) repeat-x center top / auto 12px;
		}
	#sct_gallery .column:nth-of-type(2n)::before {
		background: #fff url(../img/common/wave_03.png) repeat-x center top / auto 12px;
		}
	#sct_gallery .column::after {
		padding-right: 3%;
		top: -24px;
		font-size: 3.6rem;
		}
	#sct_gallery .clm_wrap {
		padding: 3px 4% 75px;
		}
	#sct_gallery .column h2 {
		margin-top: -48px;
		padding-top: 96px;
		font-size: 2.4rem;
		}
	#sct_gallery .bundle figure {
		width: 49%;
		margin-top: 24px;
		}
	#sct_gallery .bundle figure img {
		border-radius: 9px;
		}
	#sct_gallery .bundle figcaption {
		padding: 0 1.5%;
		font-size: 1.3rem;
		line-height: 1.5;
		}

} /* end ＞767 */


/* ------------------------------------
movie
------------------------------------ */
#sct_movie {
	position: relative;
	background-color: #07769a;
	}
#sct_movie::before {
	width: 100%;
	display: block;
	position: absolute;
	content: '';
	}
#sct_movie .sct_wrap {
	width: 100%;
	margin: 0 auto;
	}
#sct_movie h2 {
	color: #fff;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
	letter-spacing: 0.2rem;
	text-align: center;
	}
#sct_movie h2::before {
	margin-right: 24px;
	display: inline-block;
	position: relative;
	bottom: -1px;
	background: url(../img/common/icn_movie.png) no-repeat 0 0 / contain;
	content: '';
	}
#sct_movie .movie iframe {
	height: auto;
	aspect-ratio: 560 / 315;
	}

/* 768＜ --------------------------- */
@media (min-width: 768px) {

	#sct_movie {
		margin-top: 36px;
		}
	#sct_movie::before {
		height: 36px;
		top: -36px;
		background: #07769a url(../img/common/wave_02.png) repeat-x center top;
		}
	#sct_movie .sct_wrap {
		max-width: 1260px;
		padding: 75px 30px 0;
		}
	#sct_movie h2 {
		font-size: 3.6rem;
		font-size: clamp(3.2rem,4.16vw,3.6rem);
		}
	#sct_movie h2::before {
		width: 44px;
		height: 30px;
		}
	#sct_movie .movie {
		margin-top: 48px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
		}
	#sct_movie .movie iframe {
		width: calc(50% - 15px);
		max-width: 560px;
		}

} /* end 768＜ */
/* ＞767 --------------------------- */
@media (max-width: 767px) {

	#sct_movie {
		margin-top: 12px;
		}
	#sct_movie::before {
		height: 12px;
		top: -12px;
		background: #07769a url(../img/common/wave_02.png) repeat-x center top / auto 12px;
		}
	#sct_movie .sct_wrap {
		padding: 60px 0 0;
		}
	#sct_movie h2 {
		font-size: 2.4rem;
		}
	#sct_movie h2::before {
		width: 30px;
		height: 20px;
		}
	#sct_movie .movie {
		padding: 0 6%;
		margin-top: 24px;
		text-align: center;
		}
	#sct_movie .movie iframe {
		width: 100%;
		}
	#sct_movie .movie iframe+iframe {
		margin-top: 18px;
		}

} /* end ＞767 */