:root {
	--color-base: #1D1610;
	--color-brw: #978268;
	--color-rd: #631E38;
	--color-wh: #fff;
	--color-bk: #2C2C2C;
	--font-en: "Cinzel", serif;
	--font-jp-gothic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}

.p-design-mv {
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-design-mv {
		aspect-ratio: 750/650;
	}
}
@media screen and (max-width: 767px) {
	.p-design-mv figure {
		height: 100%;
	}
	.p-design-mv figure img {
		height: inherit;
		object-fit: cover;
	}
}
.p-design-mv .mv-txt-wrap {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
}
.p-design-mv .mv-heading {
	color: var(--color-wh);
	margin-bottom: clamp(8px, 1.2vw, 12px);
	padding-bottom: clamp(6px, 1vw, 10px);
	width: fit-content;
	position: relative;
	font-family: var(--font-en);
	font-size: clamp(3.2rem, 8vw, 8.8rem);
	font-weight: 400;
	letter-spacing: clamp(0.3rem, 0.6vw, 0.6rem);
}
.p-design-mv .mv-heading::after {
	content: "";
	width: calc(100% + 9.5238095238vw);
	height: 1px;
	background: var(--color-wh);
	position: absolute;
	bottom: 0;
	left: 0;
}
.p-design-mv .mv-txt {
	color: var(--color-wh);
	font-size: clamp(1.3rem, 2.2vw, 2.2rem);
}
.p-design .c-heading {
	font-size: clamp(2.4rem, 2.16rem + 0.75vw, 3.6rem);
	line-height: 1.5;
	letter-spacing: 0.06em;
}
.p-design .c-heading2 {
	font-size: clamp(1.8rem, 1.68rem + 0.375vw, 2.4rem);
	line-height: 1.5;
	letter-spacing: 0.06em;
}
.p-design .c-lead {
	font-size: clamp(1.6rem, 1.56rem + 0.125vw, 1.8rem);
	line-height: 2;
	letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
	.p-design .c-lead {
		font-size: 1.4rem;
		line-height: 1.9;
		letter-spacing: 0;
	}
}
.p-design [class*=__inner] {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.p-design [class*=__inner].-md {
	max-width: 780px;
}
.p-design .fz12 {
	font-size: clamp(1rem, 0.96rem + 0.125vw, 1.2rem);
}
.p-design .fz14 {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
}
.p-design .fz16 {
	font-size: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);
}
.p-design .c-en {
	font-family: var(--font-en);
	color: var(--color-brw);
	font-size: clamp(1.8rem, 1.68rem + 0.375vw, 2.4rem);
}
.p-design-material {
	padding-block-start: clamp(2.5rem, 1.9rem + 1.875vw, 5.5rem);
}
.p-design-material__inner {
	display: grid;
	grid-template-columns: 53% 37%;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-design-material__inner {
		display: flex;
		flex-direction: column;
	}
}
.p-design-material__inner > dl {
	border-left: 3px solid var(--color-brw);
	padding-inline-start: clamp(2.5rem, 2.1rem + 1.25vw, 4.5rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-design-material__inner > dl {
		margin-block-end: 20px;
	}
}
.p-design-material__inner > dl:before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: var(--color-brw);
	position: absolute;
	top: 0;
	left: 5px;
}
.p-design-material__inner > dl dt span {
	display: block;
	margin-block-end: clamp(1.5rem, 1.2rem + 0.9375vw, 3rem);
}
.p-design-material__box {
	grid-column: 1/-1;
	margin-block-end: clamp(3rem, 2.2rem + 2.5vw, 7rem);
	margin-block-start: clamp(2rem, 1.4rem + 1.875vw, 5rem);
	background-color: var(--color-wh);
	background-image: url(../images/design/design5.webp);
	background-size: cover;
	position: relative;
	display: grid;
	align-items: flex-end;
	grid-template-columns: 1.45fr 1fr;
	gap: clamp(2rem, 1.5rem + 1.5625vw, 4.5rem);
	padding-block: clamp(2rem, 1.6rem + 1.25vw, 4rem);
	padding-inline: clamp(2rem, 1.4rem + 1.875vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-design-material__box {
		display: flex;
		flex-direction: column;
	}
}
.p-design-material__box p {
	font-family: var(--font-en);
	font-size: clamp(1.5rem, 1.4rem + 0.3125vw, 2rem);
	letter-spacing: 0.06em;
	background-color: var(--color-brw);
	position: absolute;
	top: 0;
	left: 50px;
	width: 318px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.p-design-material__box p {
		width: 90%;
		height: 40px;
		left: 5%;
	}
}
@media screen and (max-width: 1100px) {
	.p-design-material__box dl {
		padding-block-start: 10%;
	}
}
.p-design-material__box dl dt {
	display: flex;
	align-items: flex-end;
	gap: clamp(1rem, 0.8rem + 0.625vw, 2rem);
	margin-block-end: clamp(1.5rem, 1.2rem + 0.9375vw, 3rem);
}
@media screen and (max-width: 1100px) {
	.p-design-material__box dl dt {
		flex-direction: column;
		align-items: center;
	}
}
.p-design-material__box dl dt span {
	font-family: var(--font-jp-gothic);
	font-weight: 700;
	font-size: clamp(1.4rem, 1.28rem + 0.375vw, 2rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.p-design-material__box dl dt span span {
	font-size: clamp(3.5rem, 3.16rem + 1.0625vw, 5.2rem);
}
.p-design-material__box dl dt em {
	font-size: clamp(1.2rem, 1.14rem + 0.1875vw, 1.5rem);
	font-style: normal;
}
.p-design-material__box ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(1rem, 0.8rem + 0.625vw, 2rem);
}
.p-design-material__box ul li {
	font-size: clamp(1rem, 0.96rem + 0.125vw, 1.2rem);
	line-height: 1.3;
}
.p-design-material__box ul li figure {
	margin-block-end: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
}
.p-design-material__box ul li span {
	font-size: clamp(1.8rem, 1.64rem + 0.5vw, 2.6rem);
}
.p-design-balcony__inner, .p-design-lounge__inner {
	max-width: 1285px !important;
	padding-block: clamp(4rem, 3.2rem + 2.5vw, 8rem);
}
.p-design-balcony dl, .p-design-lounge dl {
	display: grid;
	grid-template-columns: 1fr max-content;
	justify-content: space-between;
}
@media screen and (max-width: 1150px) {
	.p-design-balcony dl, .p-design-lounge dl {
		display: flex;
		flex-direction: column;
	}
}
.p-design-balcony dl dt span, .p-design-lounge dl dt span {
	display: block;
	margin-block-end: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem);
}
.p-design-contents {
	background-color: var(--color-base);
	color: var(--color-wh);
}
.p-design-intro {
	position: relative;
	background-image: url(../images/design/bg1.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-inline-start: 7.5%;
	border-bottom: 1px solid #47413c;
	padding-block-start: clamp(5rem, 4.5rem + 1.5625vw, 7.5rem);
}
@media screen and (min-width: 1680px) {
	.p-design-intro {
		padding-inline-start: calc((100% - 1200px) / 2);
	}
}
@media screen and (max-width: 767px) {
	.p-design-intro {
		padding-inline-start: 5%;
	}
}
.p-design-intro__inner {
	max-width: none !important;
	width: 100% !important;
	position: relative;
}
@media screen and (max-width: 1200px) {
	.p-design-intro__inner {
		padding-block-start: 15%;
	}
}
@media screen and (max-width: 1000px) {
	.p-design-intro__inner {
		padding-block-start: 0;
	}
}
.p-design-intro h3 {
	position: absolute;
	top: 5%;
	left: 15%;
	width: 8%;
}
@media screen and (max-width: 767px) {
	.p-design-intro h3 {
		width: 15%;
		top: -3%;
		left: 3%;
	}
}
.p-design-intro figure {
	width: 85%;
	margin-inline: auto 0;
}
.p-design-intro dl {
	width: 40%;
	position: absolute;
	left: 0;
	bottom: 5%;
}
@media screen and (max-width: 1000px) {
	.p-design-intro dl {
		position: static;
		width: 100%;
		padding-block: 5%;
	}
}
.p-design-intro dl dt span {
	display: block;
	margin-block-end: clamp(2rem, 1.8rem + 0.625vw, 3rem);
}
.p-design-landplan {
	background-image: url(../images/design/design9.webp);
	background-size: cover;
	color: var(--color-bk);
	padding-block-start: clamp(5rem, 3.8rem + 3.75vw, 11rem);
	padding-block-end: clamp(5rem, 3.6rem + 4.375vw, 12rem);
	position: relative;
}
.p-design-landplan__inner {
	max-width: 1300px !important;
	position: relative;
}
.p-design-landplan__inner > dl {
	margin-block-start: clamp(3rem, 2.2rem + 2.5vw, 7rem);
	margin-block-end: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
.p-design-landplan__inner > dl dt {
	display: flex;
	gap: clamp(1rem, 0.8rem + 0.625vw, 2rem);
	font-size: clamp(1.6rem, 1.52rem + 0.25vw, 2rem);
	margin-block-end: 15px;
}
@media screen and (max-width: 767px) {
	.p-design-landplan__inner > dl dt {
		flex-wrap: wrap;
		line-height: 1.5;
	}
}
.p-design-landplan__inner > dl dd {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
	line-height: 1.7;
}
.p-design-landplan h3 {
	position: absolute;
	top: 40px;
	left: 40px;
}
@media screen and (max-width: 767px) {
	.p-design-landplan h3 {
		position: static;
	}
}
.p-design-landplan h3 span {
	display: block;
	margin-block-end: clamp(2rem, 1.8rem + 0.625vw, 3rem);
}
.p-design-landplan ul {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: clamp(2rem, 1.7rem + 0.9375vw, 3.5rem);
}
@media screen and (max-width: 767px) {
	.p-design-landplan ul {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
	}
}
.p-design-landplan p.caption {
	margin-block: clamp(1rem, 0.8rem + 0.625vw, 2rem) clamp(4rem, 3.2rem + 2.5vw, 8rem);
}
.p-design-landplan__box {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: clamp(2rem, 1.6rem + 1.25vw, 4rem) clamp(2rem, 1.3rem + 2.1875vw, 5.5rem);
}
@media screen and (max-width: 767px) {
	.p-design-landplan__box {
		display: flex;
		flex-direction: column;
	}
}
.p-design-landplan__item {
	position: relative;
}
.p-design-landplan__item:nth-of-type(1), .p-design-landplan__item:nth-of-type(3) {
	grid-column: 1/4;
}
.p-design-landplan__item:nth-of-type(2), .p-design-landplan__item:nth-of-type(4) {
	grid-column: 4/7;
}
.p-design-landplan__item:nth-of-type(5) {
	grid-column: 1/3;
}
.p-design-landplan__item:nth-of-type(6) {
	grid-column: 3/5;
}
.p-design-landplan__item:nth-of-type(7) {
	grid-column: 5/7;
}
.p-design-landplan__item dl dt {
	background-color: var(--color-rd);
	color: var(--color-wh);
	font-size: clamp(1.6rem, 1.52rem + 0.25vw, 2rem);
	height: 38px;
	display: flex;
	align-items: center;
	gap: clamp(0.5rem, 0.44rem + 0.1875vw, 0.8rem);
	padding-inline: 10px;
}
.p-design-landplan__item dl dt span {
	flex-shrink: 0;
	background-color: var(--color-brw);
	border: 1px solid var(--color-wh);
	color: var(--color-wh);
	width: 20px;
	height: 20px;
	font-size: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-design-landplan__item dl dd {
	display: flex;
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
	line-height: 1.7;
}
@media screen and (max-width: 1200px) {
	.p-design-landplan__item dl dd {
		flex-wrap: wrap;
	}
}
.p-design-landplan__item dl dd p {
	padding-inline-end: clamp(2rem, 1.4rem + 1.875vw, 5rem);
	margin-block-start: 10px;
}
@media screen and (max-width: 767px) {
	.p-design-landplan__item dl dd p {
		padding: 0;
	}
}
.p-design-landplan__item dl dd span {
	display: block;
	font-size: clamp(1rem, 0.98rem + 0.0625vw, 1.1rem);
	line-height: 1.5;
	margin-block-start: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
}
.p-design-landplan__item:nth-of-type(1) dd figure, .p-design-landplan__item:nth-of-type(3) dd figure, .p-design-landplan__item:nth-of-type(2) dd figure, .p-design-landplan__item:nth-of-type(4) dd figure {
	margin-block-start: -38px;
}
@media screen and (max-width: 1300px) {
	.p-design-landplan__item:nth-of-type(1) dd figure, .p-design-landplan__item:nth-of-type(3) dd figure, .p-design-landplan__item:nth-of-type(2) dd figure, .p-design-landplan__item:nth-of-type(4) dd figure {
		margin-block-start: 0;
	}
}
.p-design-landplan__item:nth-of-type(1) dd figure .caption, .p-design-landplan__item:nth-of-type(3) dd figure .caption, .p-design-landplan__item:nth-of-type(2) dd figure .caption, .p-design-landplan__item:nth-of-type(4) dd figure .caption {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.p-design-landplan__item:nth-of-type(2) dd figure {
		margin-block-start: -12% !important;
	}
}
.p-design-landplan__item:nth-of-type(2) dd figure .caption {
	margin: 0;
	right: 0;
}
@media screen and (max-width: 1200px) {
	.p-design-landplan__item:nth-of-type(5) dd {
		flex-wrap: wrap;
	}
}
.p-design-landplan__item:nth-of-type(5) dd p {
	padding-inline-end: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
.p-design-landplan__item:nth-of-type(5) dd figure {
	margin-block-start: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
	max-width: 120px;
}
.p-design-landplan__item:nth-of-type(6) dd p {
	padding: 0;
}
.p-design-landplan__item:nth-of-type(7) dd {
	align-items: flex-start;
}
@media screen and (max-width: 1200px) {
	.p-design-landplan__item:nth-of-type(7) dd {
		flex-wrap: wrap;
	}
}
.p-design-landplan__item:nth-of-type(7) dd p {
	padding-inline-end: 10px;
}
.p-design-landplan__item:nth-of-type(7) dd figure {
	margin-block-start: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
	max-width: 115px;
}
@media screen and (max-width: 1100px) {
	.p-design-landplan__item:nth-of-type(7) dd figure {
		width: 50%;
		max-width: none;
	}
}
.p-design-landplan__item:nth-of-type(7) dd figure .caption {
	font-size: 1rem;
}
.p-design-landplan__item figure {
	flex-shrink: 0;
	max-width: 240px;
}
@media screen and (max-width: 1200px) {
	.p-design-landplan__item figure {
		margin-inline: auto;
		margin-block-start: 20px !important;
	}
}/*# sourceMappingURL=design.css.map */