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

section {
	padding-block: var(--design-vh-6) var(--design-vh-3);
}

.guide-slide {
	margin-block: 2rem;
	li {
		position: relative;
		height: 350px;
		border-radius: 10px;
		picture {
			display: flex;
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.slide_name {
			color: var(--brown);
			background: #FFF;
			border-radius: 10px;
			font-size: clamp(16px, 3.66667vw, 22px);
			padding: 6px 2rem;
			right: 10px;
			bottom: 10px;
			position: absolute;
			display: flex;
			line-height: 1;
		}
	}
}

.area_map {
	display: flex;
	margin-block: 2rem;
}

.facility_inner {
	padding-block: 3rem;
}

.sec_FV {
	margin-block: 0px 1rem;
	position: relative;
	height: var(--design-vh-40);
	& > img {
		border-radius: 10px;
		width: 100%;
		height: var(--design-vh-35);
		object-fit: cover;
	}
	.sec_FV_desc_wrap {
		bottom: 0px;
		padding: 10px 3rem 16px 0px;
	}
}

.bg_green {
	.sec_FV_desc_wrap {
		background: var(--pale-green);
	}
}

.mark_wifi {
	&::before {
		content: '';
		background: url("../images/guide/mark_wifi.svg");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 106px;
		height: 51px;
		right: 20px;
		bottom: 60px;
		position: absolute;
	}
}

strong {
	color: #B7002C;
}

.facility_sub_photo {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	gap: 10px;
	margin-top: 1rem;
	li {
		border-radius: 10px;
		overflow: hidden;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}

.facility_sub_photo_desc {
	margin-top: 2rem;
	.facility_sub_photo_ttl {
		color: var(--main-green);
		font-size: clamp(20px, 4vw, 24px);
	}
} 



/* ----------------------------------------------
元気くらぶ伊都
---------------------------------------------- */
section#genki {
	background: #FCFAF4;
	padding-block: var(--design-vh-6);
	.genki_ttl {
		color: #CD5E16;
		font-size: clamp(22px, 4.66667vw, 28px);
		text-align: center;
	}
	.genki_desc {
		font-size: clamp(14px, 2.66667vw, 16px);
		font-family: '游ゴシックMedium';
		text-align: justify;
		line-height: 160%;
		margin-block: 1rem;
	}
}

.facility_wrap {
	.facility_lineup {
		li {
			background: #FFF;
			border-radius: 10px;
			overflow: hidden;
			.facility_name {
				color: #CD5E16;
			}
		}
	}
}

.genki_facility_ttl {
	color: var(--main-green);
	font-size: clamp(22px, 4.66667vw, 28px);
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	column-gap: 1em;
	position: relative;
	line-height: 1;
	&::before,
	&::after {
		content: '';
		background-repeat: no-repeat !important;
		background-size: contain !important;
		display: inline-block;
		width: 34px;
		height: 51px;
		position: relative;
	}
	&::before {
		background: url("../images/common/ttl_line_left.svg");
	}
	&::after {
		background: url("../images/common/ttl_line_right.svg");
	}
}

.genki_facility_ttl_wrap {
	display: flex;
	justify-content: center;
	.genki_facility_ttl {
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 599px) {
	.guide-slide li {
		height: clamp(220px, 58.333vw, 350px);
	}

	.facility_sub_photo {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sec_FV .sec_FV_desc_wrap {
		padding-right: clamp(16px, 8vw, 48px);
	}

	.mark_wifi::before {
		width: clamp(72px, 17.667vw, 106px);
		height: auto;
		aspect-ratio: 106 / 51;
	}
}