:root {
	--color-brw:#9C886B;
}

.c-flex {
	display: flex;
}
.c-flex.c-spb {
	justify-content: space-between;
}
.c-flex.c-wrap {
	flex-wrap: wrap;
}
.c-flex.c-ac {
	align-items: center;
}
.c-flex.c-afs {
	align-items: flex-start;
}

.c-mix {
	mix-blend-mode: multiply;
}

[class*=__inner] {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.location .navigation-bar {
	transform: translateY(0);
}

.p-location {
	background-image: url(../images/location/bg1.webp);
	background-size: 100%;
}
.p-location-mv {
	position: relative;
}
.p-location-mv__title {
	font-family: "miller-banner", serif;
	font-weight: 300;
	opacity: 0.2;
	color: var(--color-brw);
	position: absolute;
	z-index: 2;
	font-size: clamp(6rem, 3rem + 9.375vw, 21rem);
	letter-spacing: 0.05em;
	left: 20px;
	top: 100%;
}
@media screen and (max-width: 767px) {
	.p-location-mv__title {
		opacity: 1;
	}
}
.p-location-mv__title span {
	display: block;
}
@media screen and (max-width: 767px) {
	.-bg1 .p-location-mv__title {
		top: auto;
		bottom: 25px;
	}
}
@media screen and (max-width: 767px) {
	.-bg2 .p-location-mv__title {
		top: 0;
		color: var(--color-brw) !important;
		font-size: clamp(5.5rem, 5.4rem + 0.3125vw, 6rem);
	}
}
@media screen and (max-width: 767px) {
	.-bg3 .p-location-mv__title {
		top: 10px;
		left: auto;
		right: 10px;
		width: auto;
		color: var(--color-brw) !important;
	}
}
@media screen and (max-width: 767px) {
	.-bg4 .p-location-mv__title {
		top: auto;
		bottom: 30px;
		width: auto;
		color: var(--color-brw) !important;
	}
}
.p-location-mv__title.-wh {
	color: #fff;
}
.p-location-mv__title2 {
	color: #fff;
	position: absolute;
	z-index: 2;
	font-size: clamp(1.5rem, 1.1rem + 1.25vw, 3.5rem);
	letter-spacing: 0.2em;
	line-height: 1.5;
	top: 50%;
	left: 0%;
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.-bg1 .p-location-mv__title2 {
		top: 45%;
	}
}
.p-location-txt {
	padding-top: 12%;
	padding-bottom: 150px;
	position: relative;
}
@media screen and (max-width: 1200px) {
	.p-location-txt {
		padding: 15% 0 15% 0;
	}
}
.p-location-txt__inner {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
	.p-location-txt__inner {
		flex-direction: column;
		row-gap: 60px;
		margin-bottom: 2.5%;
	}
}
.p-location-txt__inner dl {
	width: 45%;
}
@media screen and (max-width: 1200px) {
	.p-location-txt__inner dl {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.p-location-txt__inner dl {
		width: 100%;
		text-align: center;
	}
}
.p-location-txt__inner dl dt {
	font-family: "miller-banner", serif;
	font-weight: 300;
	color: var(--color-brw);
	font-size: clamp(1.5rem, 1rem + 1.5625vw, 4rem);
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
	.-bg4 .p-location-txt__inner dl dt {
		color: var(--color-brw) !important;
	}
}
.p-location-txt__inner dl dd {
	font-size: clamp(1.4rem, 1.32rem + 0.25vw, 1.8rem);
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.p-location-txt__inner figure {
	width: 50%;
}
@media screen and (max-width: 1200px) {
	.p-location-txt__inner figure {
		width: 45%;
	}
}
@media screen and (max-width: 767px) {
	.p-location-txt__inner figure {
		width: 95%;
	}
}
@media screen and (max-width: 767px) {
	.-bg1 .p-location-txt__inner figure img {
		width: 112%;
		margin-left: -6%;
	}
}
@media screen and (max-width: 767px) {
	.-bg2 .p-location-txt__inner figure {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.-bg3 .p-location-txt__inner figure .caption {
		font-size: clamp(1.4rem, 1.28rem + 0.375vw, 2rem);
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.-bg4 .p-location-txt__inner figure .caption {
		font-size: clamp(1.4rem, 1.28rem + 0.375vw, 2rem);
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.p-location-txt__inner.a1 {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-location-txt__inner.a1 figure {
		width: 100%;
	}
}
.p-location-txt.-wh dl dt {
	color: #fff;
}
.p-location-txt.-wh dl dd {
	color: #fff;
}
.p-location-txt.-wh .slick-dots li button {
	background-color: #fff;
}
.p-location-txt .c-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
	.p-location-txt .c-grid {
		display: flex;
		flex-direction: column;
		gap: 10vw;
		width: 80%;
		margin-block: 10%;
	}
}
.p-location-txt .c-grid figure {
	width: 100%;
}
.p-location-txt .c-grid figure:nth-of-type(1) {
	grid-area: 1/2/3/3;
	width: 85%;
	margin-inline: auto 0;
	margin-block-start: 15%;
}
@media screen and (max-width: 767px) {
	.p-location-txt .c-grid figure:nth-of-type(1) {
		width: 100%;
		margin: 0 auto;
	}
}
.p-location-txt .c-grid figure:nth-of-type(2) {
	grid-area: 1/1/2/2;
	width: 90%;
	margin-inline: -10% auto;
}
@media screen and (max-width: 767px) {
	.p-location-txt .c-grid figure:nth-of-type(2) {
		width: 100%;
		margin: 0 auto;
	}
}
.p-location-txt .c-grid figure:nth-of-type(3) {
	grid-area: 2/1/3/2;
	width: 70%;
	margin-inline: auto 0;
}
@media screen and (max-width: 767px) {
	.p-location-txt .c-grid figure:nth-of-type(3) {
		width: 100%;
		margin: 0 auto;
	}
}
.p-location .slider {
	margin-top: 180px;
}
@media screen and (max-width: 767px) {
	.p-location .slider {
		margin-top: 10%;
	}
}
.p-location .slider .slide {
	margin-bottom: 0;
	opacity: 0;
	transition: opacity 0.3s linear;
}
.p-location .slider .slide.slick-initialized {
	opacity: 1;
}
.p-location .slider .slide li figure {
	margin: 0 30px;
}
@media screen and (max-width: 1200px) {
	.p-location .slider .slide li figure {
		margin: 0 15px;
	}
}
@media screen and (max-width: 767px) {
	.p-location .slider .slide li figure {
		margin: 0 7.5%;
	}
}
.p-location .slider .slide li figure figcaption {
	font-size: clamp(1.4rem, 1.32rem + 0.25vw, 1.8rem);
	line-height: 1.3;
	margin-top: 10px;
}
.p-location .slider .slide .none {
	display: none !important;
}
.p-location .slider .slide .slick-list {
	padding: 0 7% 0 0 !important;
}
@media screen and (max-width: 767px) {
	.p-location .slider .slide .slick-list {
		padding: 0 !important;
	}
}
.p-location .slick-dots {
	margin-top: 80px;
	position: static;
}
@media screen and (max-width: 767px) {
	.p-location .slick-dots {
		margin-top: 2.5%;
	}
}
.p-location .slick-dots li {
	width: 15px;
	height: 15px;
	margin: 0 15px;
}
@media screen and (max-width: 767px) {
	.p-location .slick-dots li {
		margin: 0 10px;
		width: 9px;
		height: 9px;
	}
}
.p-location .slick-dots li button {
	background-color: var(--color-brw);
	border-radius: 12px;
	width: 15px;
	height: 15px;
	padding: 0;
	opacity: 0.25;
}
@media screen and (max-width: 767px) {
	.p-location .slick-dots li button {
		width: 9px;
		height: 9px;
	}
}
.p-location .slick-dots li button:before {
	content: "";
}
.p-location .slick-dots li.slick-active button {
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.p-location .-bg1 .p-location-mv .img-wrapper .caption {
		position: static;
		color: #333;
		margin-top: 0;
	}
}
.p-location .-bg2 {
	position: relative;
}
.p-location .-bg2:before {
	content: "";
	background-color: #9C886B;
	mix-blend-mode: multiply;
	position: absolute;
	width: 100%;
	height: 100%;
}
.p-location .-bg3 {
	position: relative;
}
.p-location .-bg3:before {
	content: "";
	background-color: #4F4D4D;
	mix-blend-mode: multiply;
	position: absolute;
	width: 100%;
	height: 100%;
}
.p-location .-bg4 {
	position: relative;
}
.p-location .-bg4:before {
	content: "";
	background-color: #5F6F62;
	mix-blend-mode: multiply;
	position: absolute;
	width: 100%;
	height: 100%;
}
.p-location-map {
	padding: 200px 0;
	background-image: url(../images/location/bg2.webp);
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.p-location-map {
		padding: 10% 0 0 0;
	}
}
.p-location-map h3 {
	text-align: center;
	color: #fff;
	font-family: "miller-banner", serif;
	font-weight: 300;
	font-size: clamp(1.5rem, 0.8rem + 2.1875vw, 5rem);
	letter-spacing: 0.05em;
	margin-block-end: clamp(1rem, 0.7rem + 0.9375vw, 2.5rem);
}
.p-location-map .lead {
	font-size: clamp(1.5rem, 1.1rem + 1.25vw, 3.5rem);
	margin-block-end: clamp(2.5rem, 2rem + 1.5625vw, 5rem);
	letter-spacing: 0.15em;
}
.p-location-map figure {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.p-location-map figure {
		width: 100%;
	}
}
.p-location-life {
	padding: 200px 0 150px 0;
}
@media screen and (max-width: 767px) {
	.p-location-life {
		padding: 0 0 10% 0;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul {
		display: flex !important;
		flex-wrap: wrap;
		margin-bottom: 10%;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul li {
		background-color: var(--color-brw);
		color: #fff;
		width: 33.33%;
		border: 1px solid #fff;
		text-align: center;
		font-size: 1.6rem;
		padding: 13px 0;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul li.t1 {
		order: 1;
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul li.t2 {
		order: 4;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul li.t3 {
		order: 2;
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul li.t4 {
		order: 3;
	}
}
@media screen and (max-width: 767px) {
	.p-location-life ul li.t5 {
		order: 5;
	}
}
.p-location-life h3 {
	text-align: center;
	color: var(--color-brw);
	font-family: "miller-banner", serif;
	font-weight: 300;
	font-size: clamp(1.5rem, 0.8rem + 2.1875vw, 5rem);
	letter-spacing: 0.05em;
	margin-bottom: 140px;
}
.p-location-life .tab-area {
	display: none;
}
@media screen and (max-width: 767px) {
	.p-location-life .tab-area {
		display: block;
	}
}
.p-location-life .tab-area .tab {
	cursor: pointer;
}
.p-location-life .panel-area {
	max-width: 900px;
	width: 85%;
	margin: 0 auto;
	column-count: 2;
	column-gap: 120px;
}
@media screen and (max-width: 1200px) {
	.p-location-life .panel-area {
		column-gap: 60px;
		column-count: 1;
	}
}
.p-location-life .panel-area .panel {
	padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.p-location-life .panel-area .panel {
		display: none;
		padding-bottom: 0;
	}
}
.p-location-life .panel-area .panel.act {
	display: block;
}/*# sourceMappingURL=location.css.map */