@charset "UTF-8";

/*================================================================
# 共通
================================================================ */
.section-wrap .decor05 {
	width: calc(402px / 4);
	position: absolute;
	top: 11vh;
	left: -128px;
	z-index: 1;
}

.sauna .icon {
	width: 100px;
	margin: 0 auto 16px;
}

.kitchen .icon {
	width: 120px;
	margin: 0 auto 16px;
}

.amenity .icon {
	width: 80px;
	margin: 0 auto 16px;
}

.sanitary .icon {
	width: 80px;
	margin: 0 auto 16px;
}

.section-wrap .content {
	margin: 0;
}

.section-wrap .item+.item {
	margin: 40px 0 0;
}

.section-wrap .title {
	padding: 0 0 0 40px;
	position: relative;
	font-size: 22px;
	font-weight: 600;
	color: var(--gold01);
	letter-spacing: 0.02em;
}

.sauna .title {
	padding: 0;
	font-size: 20px;
}

.section-wrap .title img {
	width: calc(402px / 5);
	position: absolute;
	top: -32px;
	left: -48px;
	z-index: 1;
}

.section-wrap .text {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 2;
}

.section-wrap .text .list-info {
	margin: 4px 0 0;
	font-size: 12px;
	color: var(--gray02);
}

.section-wrap .thumbs {
	margin: 24px 0 0 -8px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.section-wrap .thumbs .col-2 {
	width: calc((100% / 1) - 8px);
	margin: 8px 0 0 8px;
}

.section-wrap .thumbs .col-3 {
	width: calc((100% / 2) - 8px);
	margin: 8px 0 0 8px;
}

.section-wrap .thumbs .col-4 {
	width: calc((100% / 2) - 8px);
	margin: 8px 0 0 8px;
}

.section-wrap .thumbs .col-5 {
	width: calc((100% / 2) - 8px);
	margin: 8px 0 0 8px;
}

.section-wrap .thumb img {
	width: 100%;
	border-radius: 4px;
	object-fit: cover;
	aspect-ratio: 1.618 / 1;
}

.section-wrap .half-slide .text-area {
	padding: 0 24px;
}

.section-wrap .list {
	margin-top: 28px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.section-wrap .list>li {
	margin: 0 32px 0 0;
	padding: 6px 0 6px 18px;
	position: relative;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.02em;
}

.section-wrap .list>li::before {
	width: 8px;
	height: 8px;
	background: var(--gold, #b79a3e);
	position: absolute;
	content: "";
	top: 14px;
	left: 0;
	transform: rotate(45deg);
}

.warning {
	margin: 24px 0 0;
}

.section-wrap .tableware,
.section-wrap .drink {
	margin: 100px 0 0;
}

.section-wrap .drink .list {
	flex-direction: column;
}

.section-wrap .drink .list ul {
	margin: 16px 0 0 16px;
	padding: 8px 24px;
	border-left: 1px dotted var(--gray03);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 8px 24px;
}

.section-wrap .drink .list ul li {
	margin: 0;
	list-style: none;
	font-size: 12px;
}