/* front-page */
#front-page {}
#front-page .content {}
#front-page .site-main {}

/* #front-page .page-header */
#front-page .page-header {}
#front-page .text-wrap {}
#front-page .page-title {}
#front-page .page-title span {}
#front-page .saruya-title {}
#front-page .saruya-title img {}
#front-page .btn-wrap {
	display: none;
}
@media (max-width: 767px) {
	#front-page .saruya-title {
		display: block;
	}
	#front-page .saruya-title img {
		max-width: 242px;
		margin: 0 auto;
	}
	#front-page .btn-wrap {
		display: block;
		margin-top: 150px;
	}
	#front-page .top-mv-btn {
		display: block;
		width: fit-content;
		margin: 0 auto;
	}
	#front-page .top-mv-btn img {
		
	}
}

/* #front-page .page-body */
#front-page .page-body {
	padding: 150px 0 0;
}
#front-page .page-body .sec__inner {}
#front-page .page-body .sec__titlewrap {}
#front-page .page-body .sec__body {}
@media (max-width: 767px) {
	#front-page .page-body {
		padding: 50px 0;
	}
}

/* #front-page .sec */
#front-page .sec {
	padding-bottom: 180px;
}
#front-page .sec .sec__inner {}
#front-page .sec .sec__titlewrap {
	line-height: 1.6;
}
@media (min-width: 768px) {
	#front-page .sec .sec__titlewrap {
		position: relative;
	}
	#front-page .sec .sec__titlewrap::before {
		content: "";
		position: absolute;
		top: 60px;
		bottom: 0;
		left: 0;
		width: 1px;
		background-color: #000000;
	}
}
@media (max-width: 767px) {
	#front-page .sec {
		padding-bottom: 75px;
	}
	#front-page .sec .sec__titlewrap {
		margin-bottom: 40px;
	}
}

#front-page .sec .sec__body {}
#front-page .sec .sec__title {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
}
#front-page .sec .sec__titlewrap .sec__text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	font-size: 14px;
	padding: 2em 0 1em;
}
#front-page .sec .sec__titlewrap .sec__text p {
}
#front-page .sec .sec__titlewrap .sec__text a {
	color: #000000;
	text-decoration: none;
}
#front-page .sec .sec__titlewrap .sec__text ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#front-page .sec .sec__titlewrap .sec__text ul li {}
#front-page .sec .sec__titlewrap .sec__text dl {}
#front-page .sec .sec__titlewrap .sec__text dl dt {
	margin-bottom: 1.4em;
}
#front-page .sec .sec__titlewrap .sec__text dl dd {}
#front-page .sec .sec__body p {
	line-height: 1.75;
	margin-bottom: 1.75em;
}
#front-page .sec .sec__body .sec__text {}
#front-page .sec .sec__btn {}
#front-page .sec .sec__image img {
	width: 100%;
}
@media (min-width: 768px) {
	#front-page .sec .sec__title {
		min-height: 60px;
	}
}
@media (max-width: 767px) {
	#front-page .sec .sec__title {
		display: block;
		margin: 0 auto;
		padding: 0em 0.5em 0.25em;
		color: #000000;
		text-decoration: none;
		border-bottom: solid 1px #000000;
		width: fit-content;
	}
	#front-page .sec .sec__titlewrap .sec__text {
		padding: 1.0em 0 0;
	}
	#front-page .sec .sec__titlewrap .sec__text ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		font-size: 10px;
		line-height: 1;
		gap: 0.5em 0;
	}
	#front-page .sec .sec__titlewrap .sec__text ul li {
		padding: 0 0.5em;
	}
	#front-page .sec .sec__titlewrap .sec__text ul li:not(:last-child) {
		border-right: solid 1px #000000;
	}
	#front-page .sec .sec__titlewrap .sec__text dl {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		font-size: 10px;
		line-height: 1;
		gap: 0.5em 0;
	}
	#front-page .sec .sec__titlewrap .sec__text dl dt {
		padding: 0 0.5em;
		margin: 0;
		border-right: solid 1px #000000;
	}
	#front-page .sec .sec__titlewrap .sec__text dl dd {
		padding: 0 0.5em;
	}
	#front-page .sec .sec__titlewrap .sec__text dl dd:not(:last-child) {
		border-right: solid 1px #000000;
	}
}

@media (max-width: 767px) {
	#front-page .sec .sec__image {
		margin-left: max(-50px, -16.65%);
		margin-right: max(-50px, -16.65%);
		width: calc(100% + min(100px, 33.3%));
		max-width: calc(100% + min(100px, 33.3%));
	}
}


/* #front-page .concept */
#front-page .concept {
	padding-bottom: 230px;
}
#front-page .concept .sec__inner {}
#front-page .concept .sec__titlewrap {
	flex: clamp(170px, 200px, 20%) 0 0;
}
#front-page .concept .sec__body {}
#front-page .concept .sec__title {}
#front-page .concept .sec__text {}
#front-page .concept .sec__btn {}
@media (min-width: 768px) {
	#front-page .concept .sec__body {}
	#front-page .concept .sec__text {
		max-width: 780px;
	}
}
@media (max-width: 767px) {
	#front-page .concept {
		padding-bottom: 75px;
	}
}

/* #front-page .room */
#front-page .room {}
#front-page .room .sec__inner {}
#front-page .room .sec__titlewrap {}
#front-page .room .sec__body {}
#front-page .room .sec__title {}
#front-page .room .sec__text {}
#front-page .room .sec__image {}
#front-page .room .sec__image img {}

/* #front-page .food */
#front-page .food {}
#front-page .food .sec__inner {}
#front-page .food .sec__titlewrap {}
#front-page .food .sec__body {}
#front-page .food .sec__title {}
#front-page .food .sec__text {}
#front-page .food .sec__image {}
#front-page .food .sec__image img {}