/* ========================================
FACILITY
======================================== */

.facility-page{
	overflow:hidden;
	color:#222;
}

.facility-page img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}


/* ========================================
INTRO
======================================== */

.facility-page .sub-intro,
.facility-intro{
	padding-bottom:30px;
}


/* ========================================
COMMON
======================================== */

.facility-page .section-en{
	color:#222;
}

.facility-heading{
	margin:12px 0 0;
	color:#222;
	font-size:34px;
	font-weight:400;
	line-height:1.6;
}

.facility-lead{
	margin:28px 0 0;
	color:#222;
	font-size:22px;
	line-height:2;
}

.facility-text{
	margin:30px 0 0;
	color:#222;
	font-size:15px;
	line-height:2.3;
}

.facility-garden,
.facility-suzu,
.facility-guide,
.facility-banquet,
.facility-floor{
	position:relative;
}

/* 固定ヘッダーを考慮したアンカー位置 */
#garden,
#suzu{
	scroll-margin-top:100px;
}


/* ========================================
GARDEN
======================================== */

.facility-garden{
	padding:50px 0;
}

.facility-garden-inner{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
	align-items:start;
	max-width:1400px;
	margin:0 auto;
}

.facility-garden-image{
	aspect-ratio:3 / 2;
	height:auto;
	overflow:hidden;
}

.facility-garden-content{
	max-width:520px;
	padding:0 40px 40px 80px;
	color:#222;
}

.facility-garden-content .facility-text{
	max-width:470px;
}


/* ========================================
GALLERY
======================================== */

.facility-gallery{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
	width:90%;
	max-width:1280px;
	margin:50px auto 0;
}

.facility-gallery-item{
	height:280px;
	overflow:hidden;
}

.facility-gallery-item img{
	transition:transform 1.2s cubic-bezier(.22,1,.36,1);
}

@media(hover:hover){

	.facility-gallery-item:hover img{
		transform:scale(1.025);
	}

}


/* ========================================
SUZU
======================================== */

.facility-suzu{
	padding:50px 0;
}

.facility-suzu-inner{
	display:grid;
	grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);
	align-items:start;
	max-width:1400px;
	margin:0 auto;
}

.facility-suzu-content{
	max-width:520px;
	padding:0 80px 40px 40px;
	color:#222;
}

.facility-suzu-content .facility-text{
	max-width:470px;
}

.facility-suzu-image{
	aspect-ratio:3 / 2;
	height:auto;
	overflow:hidden;
}

.facility-suzu-hours{
	margin-top:30px;
	padding-top:22px;
	border-top:1px solid #c9c5ba;
}

.facility-suzu-hours-title{
	margin:0;
	font-size:14px;
	line-height:1.8;
}

.facility-suzu-hours-text{
	margin:8px 0 0;
	font-size:14px;
	line-height:2;
}

.facility-suzu-gallery{
	margin-top:50px;
}


/* ========================================
FACILITY GUIDE
======================================== */

.facility-guide{
	padding:50px 40px;
}

.facility-guide-inner{
	max-width:1280px;
	margin:0 auto;
}

.facility-section-head{
	max-width:720px;
	margin:0 auto 40px;
	text-align:center;
}

.facility-section-head .facility-text{
	margin-top:30px;
}


/* ----------------------------------------
FACILITY GRID
---------------------------------------- */

.facility-guide-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:60px 30px;
}

.facility-guide-item{
	margin:0;
}

.facility-guide-image{
	height:390px;
	overflow:hidden;
}

.facility-guide-content{
	padding:25px 5px 0;
}

.facility-guide-content .section-en{
	margin:0 0 8px;
	font-size:11px;
}

.facility-guide-content h3{
	margin:0;
	color:#222;
	font-size:22px;
	font-weight:400;
	line-height:1.7;
}

.facility-guide-content p:not(.section-en){
	margin:15px 0 0;
	color:#222;
	font-size:14px;
	line-height:2;
}


/* ========================================
BANQUET
======================================== */

.facility-banquet{
	padding:50px 40px;
}

.facility-banquet-inner{
	max-width:1280px;
	margin:0 auto;
}


/* ----------------------------------------
BANQUET GRID
---------------------------------------- */

.facility-banquet-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:30px;
}

.facility-banquet-item{
	margin:0;
}

.facility-banquet-item:nth-child(3){
	grid-column:1 / 3;
	display:grid;
	grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
	align-items:start;
	margin-top:20px;
}

.facility-banquet-image{
	height:390px;
	overflow:hidden;
}

.facility-banquet-item:nth-child(3) .facility-banquet-image{
	height:480px;
}

.facility-banquet-content{
	padding:25px 5px 0;
}

.facility-banquet-item:nth-child(3) .facility-banquet-content{
	padding:0 0 0 60px;
}

.facility-banquet-content .section-en{
	margin:0 0 8px;
	font-size:11px;
}

.facility-banquet-content h3{
	margin:0;
	color:#222;
	font-size:22px;
	font-weight:400;
	line-height:1.7;
}

.facility-banquet-capacity{
	margin:12px 0 0;
	color:#222;
	font-size:13px;
	line-height:1.8;
}

.facility-banquet-text{
	margin:18px 0 0;
	color:#222;
	font-size:14px;
	line-height:2;
}


/* ========================================
FLOOR GUIDE
======================================== */

.facility-floor{
	padding:50px 40px;
}

.facility-floor-inner{
	max-width:1280px;
	margin:0 auto;
}

.facility-floor-image{
	max-width:1100px;
	margin:0 auto;
	overflow:hidden;
}

.facility-floor-image img{
	width:100%;
	height:auto;
	object-fit:contain;
}


/* ========================================
IMAGE EFFECT
======================================== */

.facility-guide-image img,
.facility-banquet-image img{
	transition:transform 1.2s cubic-bezier(.22,1,.36,1);
}

@media(hover:hover){

	.facility-guide-item:hover .facility-guide-image img,
	.facility-banquet-item:hover .facility-banquet-image img{
		transform:scale(1.025);
	}

}


/* ========================================
TABLET
======================================== */

@media(max-width:1100px){

	.facility-page .sub-intro,
	.facility-intro{
		padding-bottom:50px;
	}

	.facility-heading{
		font-size:30px;
	}

	.facility-lead{
		font-size:20px;
	}


	/* GARDEN */

	.facility-garden{
		padding:50px 0;
	}

	.facility-garden-inner{
		grid-template-columns:1.15fr .85fr;
	}

	.facility-garden-content{
		padding:0 40px 30px 55px;
	}


	/* GALLERY */

	.facility-gallery{
		gap:15px;
		margin-top:40px;
	}

	.facility-gallery-item{
		height:220px;
	}


	/* SUZU */

	.facility-suzu{
		padding:50px 0;
	}

	.facility-suzu-inner{
		grid-template-columns:.85fr 1.15fr;
	}

	.facility-suzu-content{
		padding:0 55px 30px 40px;
	}


	/* FACILITY */

	.facility-guide{
		padding:50px 40px;
	}

	.facility-guide-image{
		height:320px;
	}


	/* BANQUET */

	.facility-banquet{
		padding:50px 40px;
	}

	.facility-banquet-image{
		height:320px;
	}

	.facility-banquet-item:nth-child(3){
		grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
	}

	.facility-banquet-item:nth-child(3) .facility-banquet-image{
		height:400px;
	}

	.facility-banquet-item:nth-child(3) .facility-banquet-content{
		padding-left:45px;
	}


	/* FLOOR */

	.facility-floor{
		padding:50px 40px;
	}

}


/* ========================================
MOBILE
======================================== */

@media(max-width:768px){

	.facility-page .sub-intro,
	.facility-intro{
		padding-bottom:40px;
	}

	.facility-heading{
		margin-top:8px;
		font-size:25px;
		line-height:1.55;
	}

	.facility-lead{
		margin-top:22px;
		font-size:18px;
		line-height:1.9;
	}

	.facility-text{
		margin-top:22px;
		font-size:14px;
		line-height:2.1;
	}


	/* GARDEN */

	.facility-garden{
		padding:40px 0;
	}

	.facility-garden-inner{
		display:flex;
		flex-direction:column;
	}

	.facility-garden-image{
		width:calc(100% - 30px);
		height:68vw;
		aspect-ratio:auto;
		margin-right:auto;
		margin-left:auto;
	}

	.facility-garden-content{
		width:100%;
		max-width:none;
		padding:35px 25px 0;
	}

	.facility-garden-content .facility-text{
		max-width:none;
	}


	/* GALLERY */

	.facility-gallery{
		grid-template-columns:1fr;
		gap:15px;
		width:calc(100% - 40px);
		margin-top:35px;
	}

	.facility-gallery-item{
		height:60vw;
	}


	/* SUZU */

	.facility-suzu{
		padding:40px 0;
	}

	.facility-suzu-inner{
		display:flex;
		flex-direction:column;
	}

	.facility-suzu-content{
		order:2;
		width:100%;
		max-width:none;
		padding:35px 25px 0;
	}

	.facility-suzu-image{
		order:1;
		width:calc(100% - 30px);
		height:68vw;
		aspect-ratio:auto;
		margin-right:auto;
		margin-left:auto;
	}

	.facility-suzu-content .facility-text{
		max-width:none;
	}

	.facility-suzu-hours{
		margin-top:25px;
		padding-top:20px;
	}

	.facility-suzu-hours-title,
	.facility-suzu-hours-text{
		font-size:13px;
	}

	.facility-suzu-gallery{
		margin-top:35px;
	}


	/* SECTION HEAD */

	.facility-section-head{
		margin-bottom:35px;
		text-align:left;
	}

	.facility-section-head .facility-text{
		margin-top:22px;
	}


	/* FACILITY GUIDE */

	.facility-guide{
		padding:40px 20px;
	}

	.facility-guide-grid{
		grid-template-columns:1fr;
		gap:40px;
	}

	.facility-guide-image{
		height:60vw;
	}

	.facility-guide-content{
		padding:20px 0 0;
	}

	.facility-guide-content h3{
		font-size:20px;
	}

	.facility-guide-content p:not(.section-en){
		margin-top:12px;
		font-size:14px;
		line-height:2;
	}


	/* BANQUET */

	.facility-banquet{
		padding:40px 20px;
	}

	.facility-banquet-grid{
		display:grid;
		grid-template-columns:1fr;
		gap:40px;
	}

	.facility-banquet-item:nth-child(3){
		grid-column:auto;
		display:block;
		margin-top:0;
	}

	.facility-banquet-image,
	.facility-banquet-item:nth-child(3) .facility-banquet-image{
		height:60vw;
	}

	.facility-banquet-content,
	.facility-banquet-item:nth-child(3) .facility-banquet-content{
		padding:20px 0 0;
	}

	.facility-banquet-content h3{
		font-size:20px;
	}


	/* FLOOR */

	.facility-floor{
		padding:40px 20px;
	}

	.facility-floor-image{
		width:100%;
		margin:0 auto;
	}

}


/* ========================================
SMALL MOBILE
======================================== */

@media(max-width:480px){

	.facility-heading{
		font-size:23px;
	}

	.facility-lead{
		font-size:17px;
	}

	.facility-garden-content{
		padding-right:20px;
		padding-left:20px;
	}

	.facility-guide,
	.facility-banquet,
	.facility-floor{
		padding-right:20px;
		padding-left:20px;
	}

	.facility-suzu-content{
		padding-right:20px;
		padding-left:20px;
	}

}


/* ----------------------------------------
FLOOR GUIDE MAP
---------------------------------------- */

.facility-floor-guide{
	max-width:1100px;
	margin:50px auto 0;
}

.facility-floor-guide img{
	display:block;
	width:100%;
	height:auto;
	object-fit:contain;
	opacity:.6;
}

@media(max-width:768px){

	.facility-floor-guide{
		margin-top:40px;
	}

	.facility-floor-guide img{
		opacity:1;
	}

}