@charset "UTF-8";
.tpl-header__name {
	color: #3f2021;
}
.tpl-header__logo .tpl-header__svg {
	fill: #3f2021
}


.mv {
	position: relative;
	width: 100%;
	height: 100dvh;
}
.mv:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/top_hero.jpg) no-repeat center bottom/cover;
}
.mv picture {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
}
.mv .tpl-caption {
	text-shadow: none;
	bottom: -20px;
	right: 10px;
	color: #3f2021;
}

.tpl-txt__img {
	width: 145px;
	padding-bottom: 10px;
}

.tpl-col .tpl-headline__copy,
.tpl-col .tpl-headline__subcopy,
.tpl-headline--left .tpl-headline__copy,
.tpl-headline--left .tpl-headline__subcopy {
	text-align: center;
}

.no-link {
	pointer-events: none;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.flex .tpl-block:nth-child(1) {
	width: 54%;
}
.flex .tpl-block:nth-child(2) {
	width: 42%;
}

.img_concept .tpl-cover {
	padding: 0;
	display: block;
}
.img_concept .tpl-cover__bg {
	position: relative;
}

#plan .tpl-card {
	justify-content: space-between;
}
#plan .tpl-card .tpl-card__body {
	text-align: center;
}
#plan .tpl-room-type__example-note {
	gap: 0;
	flex-direction: column;
}
#plan .tpl-room-type__copy {
	justify-content: flex-end;
}

@media screen and (max-width: 768px) {
	.mv {
		height: calc(100dvh - 44px);
	}
	.mv:before {
		background: url(../images/top_hero_sp.jpg) no-repeat center bottom/cover;
	}
	.tpl-headline__copy>br,
	.tpl-headline__subcopy>br {
		display: inline;
	}

	.tpl-card-row__header {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}

	.tpl-col .tpl-headline__copy,
	.tpl-col .tpl-headline__subcopy,
	.tpl-headline--left .tpl-headline__copy,
	.tpl-headline--left .tpl-headline__subcopy {
		text-align: left;
	}


	.flex {
		display: block;
	}
	.flex .tpl-block:nth-child(1),
	.flex .tpl-block:nth-child(2) {
		width: 100%;
	}

	#plan .tpl-stack .swiper-wrapper {
		align-items: flex-end;
	}
	#plan .tpl-room-type__copy {
		justify-content: flex-start;
	}
}