.p-layout {
	--plan-main: #007B89;
	--plan-text: #222;
	--plan-sub: #555;
	--plan-line: #888;
	--plan-card: #fff;
	--plan-grad-end: #0a4047;
	--plan-shadow: rgba(0, 0, 0, 0.08);
	--font-opt: optima-nova-lt-pro, sans-serif;
	background-image: url(../images/furniture-layout/bg.webp);
	background-size: cover;
}
.p-layout-mv {
	position: relative;
}
.p-layout-mv__text {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	inset: 0;
	margin: auto;
	width: 100%;
}
.p-layout-mv__text figure {
	max-width: 440px;
	width: 90%;
}
@media screen and (max-width: 1200px) {
	.p-layout-mv__text figure {
		width: 35%;
	}
}
@media screen and (max-width: 767px) {
	.p-layout-mv__text figure {
		width: 45%;
	}
}
.p-layout-mv__text h2 {
	color: var(--plan-main);
	font-size: clamp(30px, 20.8px + 2.875vw, 76px);
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	text-shadow: 0 0 16px var(--plan-card), 0 0 16px var(--plan-card), 0 0 16px var(--plan-card), 0 0 16px var(--plan-card), 0 0 16px var(--plan-card), 0 0 16px var(--plan-card), 0 0 16px var(--plan-card);
}
.p-layout-mv__text h2 span {
	border-bottom: 1px solid var(--plan-main);
}
@media screen and (max-width: 767px) {
	.p-layout-mv .-pic .caption {
		color: var(--plan-text);
	}
}
.p-layout-plan {
	padding-block: clamp(80px, 70px + 3.125vw, 130px) clamp(80px, 70px + 3.125vw, 130px);
}
.p-layout-plan__inner {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.p-layout-plan__box {
	position: relative;
	padding: 0 0 clamp(10px, -2px + 3.75vw, 70px) clamp(20px, 10.6px + 2.9375vw, 67px);
	background-color: var(--plan-card);
	box-shadow: 0 0 10px var(--plan-shadow);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__box {
		padding-inline: 0;
	}
}
.p-layout-plan__box + .p-layout-plan__box {
	margin-top: clamp(50px, 28px + 6.875vw, 160px);
}
.p-layout-plan__box::before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 37.08%;
	aspect-ratio: 445/195;
	transform: translate(-28.1%, -40%);
	pointer-events: none;
	background: url("../images/furniture-layout/plan1.webp") no-repeat left top/contain;
	pointer-events: none;
}
.p-layout-plan__box:nth-of-type(2)::before {
	background-image: url("../images/furniture-layout/plan2.webp");
}
.p-layout-plan__box > figure {
	max-width: 400px;
	margin: clamp(10px, 4px + 1.875vw, 40px) auto clamp(30px, 28px + 0.625vw, 40px) auto;
}
@media screen and (max-width: 767px) {
	.p-layout-plan__box > figure {
		width: 65%;
	}
}
.p-layout-plan__item {
	display: grid;
	grid-template-columns: 430px 1fr;
	grid-template-rows: auto 1fr;
	align-items: start;
}
@media screen and (max-width: 1000px) {
	.p-layout-plan__item {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
}
.p-layout-plan__item > .p-layout-plan__madori {
	grid-column: 1;
	grid-row: 1/span 2;
	max-width: 365px;
	width: 100%;
	margin-top: clamp(40px, 35.6px + 1.375vw, 62px);
	position: relative;
}
@media screen and (max-width: 1000px) {
	.p-layout-plan__item > .p-layout-plan__madori {
		align-self: center;
	}
}
@media screen and (max-width: 767px) {
	.p-layout-plan__item > .p-layout-plan__madori {
		width: 80%;
	}
}
.p-layout-plan__item > .p-layout-plan__madori::after {
	content: "";
	position: absolute;
	right: -50px;
	bottom: 0;
	background-size: cover;
	width: 50px;
	background-image: url(../images/furniture-layout/plan-dir.webp);
	aspect-ratio: 100/122;
}
@media screen and (max-width: 767px) {
	.p-layout-plan__item > .p-layout-plan__madori::after {
		width: 25px;
		right: -25px;
	}
}
.p-layout-plan__pic {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	min-height: 358px;
	padding-top: clamp(40px, 35px + 1.5625vw, 65px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__pic {
		padding-top: 0;
	}
}
.p-layout-plan__pic > figure {
	position: absolute;
	top: 0;
	right: 0;
	width: 75%;
	height: 100%;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 40%);
	mask-image: linear-gradient(to right, transparent 0%, #000 40%);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__pic > figure {
		position: relative;
		width: 100%;
		height: auto;
		mask-image: none;
	}
}
.p-layout-plan__pic > figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-layout-plan__pic h3 {
	position: relative;
	z-index: 1;
	font-size: clamp(22px, 20px + 0.625vw, 32px);
	font-weight: 400;
	color: var(--plan-main);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__pic h3 {
		margin-block-start: 20px;
		padding-inline-start: 5%;
	}
}
.p-layout-plan__pic .-txt1 {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	margin-top: clamp(20px, 18px + 0.625vw, 30px);
	padding: clamp(5px, 4.8px + 0.0625vw, 6px) clamp(14px, 13.2px + 0.25vw, 18px);
	background: linear-gradient(to right, var(--plan-main), var(--plan-grad-end));
	font-family: var(--font-opt);
	font-weight: 300;
	line-height: 1;
	color: var(--plan-card);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__pic .-txt1 {
		display: flex;
		width: 90%;
		margin-inline: auto;
	}
}
.p-layout-plan__pic .-txt1 dt {
	display: grid;
	grid-template-columns: auto auto;
	align-items: end;
	column-gap: 2px;
	margin-right: clamp(12px, 11.2px + 0.25vw, 16px);
	padding-right: clamp(12px, 11.2px + 0.25vw, 16px);
	border-right: 1px solid var(--plan-card);
	font-size: clamp(18px, 16.4px + 0.5vw, 26px);
}
.p-layout-plan__pic .-txt1 dt:not(:has(em)) {
	display: flex;
	align-items: baseline;
}
.p-layout-plan__pic .-txt1 dt span {
	grid-row: 1/span 2;
	font-size: clamp(30px, 27.6px + 0.75vw, 42px);
}
.p-layout-plan__pic .-txt1 dt em {
	margin-bottom: -6px;
	font-size: clamp(13px, 12px + 0.3125vw, 18px);
	font-style: normal;
	line-height: 1;
}
.p-layout-plan__pic .-txt1 dd {
	margin: 0;
	font-size: clamp(20px, 18.4px + 0.5vw, 28px);
	white-space: nowrap;
	letter-spacing: 0.05em;
}
.p-layout-plan__pic .-txt1 dd span {
	font-size: clamp(24px, 22.4px + 0.5vw, 32px);
}
.p-layout-plan__pic .-txt1 dd span.-n {
	font-size: clamp(30px, 28px + 0.625vw, 40px);
}
.p-layout-plan__pic .-txt1 dd span.-n ~ .-n {
	font-size: clamp(26px, 24.4px + 0.5vw, 34px);
}
.p-layout-plan__pic .-txt1 dd span.-s {
	font-size: clamp(16px, 14.8px + 0.375vw, 22px);
}
.p-layout-plan__pic .-txt2 {
	position: relative;
	z-index: 1;
	margin-top: clamp(18px, 16.6px + 0.4375vw, 25px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__pic .-txt2 {
		width: 90%;
		margin-inline: auto;
	}
}
.p-layout-plan__pic .-txt2 dt {
	font-size: clamp(11px, 10.8px + 0.0625vw, 12px);
	color: var(--plan-sub);
}
.p-layout-plan__pic .-txt2 dd {
	margin: 0;
	color: var(--plan-text);
}
.p-layout-plan__pic .-txt2 dd p {
	font-size: clamp(10px, 9.8px + 0.0625vw, 11px);
}
.p-layout-plan__pic .-txt2 dd p span:nth-child(1) {
	font-size: clamp(38px, 36px + 0.625vw, 48px);
}
.p-layout-plan__pic .-txt2 dd p span:nth-child(2), .p-layout-plan__pic .-txt2 dd p span:nth-child(3) {
	font-size: clamp(28px, 26.4px + 0.5vw, 36px);
}
.p-layout-plan__pic .-txt2 dd p + p {
	max-width: 370px;
	width: 100%;
	margin-top: clamp(6px, 5.6px + 0.125vw, 8px);
	padding-top: clamp(6px, 5.6px + 0.125vw, 8px);
	border-top: 1px solid var(--plan-line);
	font-size: clamp(10px, 9.8px + 0.0625vw, 11px);
}
.p-layout-plan__pic .-txt2 dd p + p span {
	font-size: clamp(12px, 11.8px + 0.0625vw, 13px) !important;
}
.p-layout-plan__txt {
	grid-column: 2;
	grid-row: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: row dense;
	column-gap: clamp(30px, 24px + 1.875vw, 60px);
	margin-top: clamp(40px, 36.4px + 1.125vw, 58px);
	padding-right: clamp(20px, 14px + 1.875vw, 50px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 90%;
		margin-inline: auto;
		padding-right: 0;
	}
}
.p-layout-plan__txt dt {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: 10px;
	padding: clamp(3px, 2.8px + 0.0625vw, 4px) clamp(14px, 13.2px + 0.25vw, 18px);
	border-radius: 30px;
	background: linear-gradient(to right, var(--plan-main), var(--plan-grad-end));
	font-family: var(--font-opt);
	font-size: clamp(14px, 13.6px + 0.125vw, 16px);
	font-weight: 300;
	line-height: 1.1;
	color: var(--plan-card);
}
.p-layout-plan__txt dt span {
	font-size: clamp(18px, 17.2px + 0.25vw, 22px);
	display: inline-block;
}
.p-layout-plan__txt dt:nth-of-type(odd) {
	grid-column: 1;
}
.p-layout-plan__txt dt:nth-of-type(even) {
	grid-column: 2;
}
.p-layout-plan__txt dt:nth-of-type(n + 3) {
	margin-top: clamp(35px, 32px + 0.9375vw, 50px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt dt:nth-of-type(n + 3) {
		margin-top: 0;
	}
}
.p-layout-plan__txt dd {
	margin: clamp(5px, 3px + 0.625vw, 15px) 0 0;
	font-size: clamp(16px, 14.8px + 0.375vw, 22px);
	line-height: 1.65;
	font-feature-settings: "palt";
	color: var(--plan-text);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt dd {
		margin-block-end: 15px;
	}
}
.p-layout-plan__txt dd span {
	display: inline-block;
}
.p-layout-plan__txt dd:nth-of-type(odd) {
	grid-column: 1;
}
.p-layout-plan__txt dd:nth-of-type(even) {
	grid-column: 2;
}
.p-layout-plan__txt dd figure {
	margin-top: clamp(20px, 18px + 0.625vw, 30px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt dd figure {
		margin-top: 5px;
	}
}
.p-layout-plan__txt.-col2 {
	grid-auto-flow: row;
	grid-template-rows: max-content max-content max-content 1fr;
	column-gap: 20px;
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-col2 {
		column-gap: 0;
	}
}
.p-layout-plan__txt.-col2 dt {
	align-self: start;
}
.p-layout-plan__txt.-col2 dt:nth-of-type(1) {
	grid-column: 1;
	grid-row: 1;
}
.p-layout-plan__txt.-col2 dd:nth-of-type(1) {
	grid-column: 1;
	grid-row: 2;
	margin-top: clamp(10px, 9px + 0.3125vw, 15px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-col2 dd:nth-of-type(1) {
		margin-top: 0;
	}
}
.p-layout-plan__txt.-col2 dt:nth-of-type(2) {
	grid-column: 1;
	grid-row: 3;
	margin-top: clamp(35px, 34px + 0.3125vw, 40px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-col2 dt:nth-of-type(2) {
		margin-top: 0;
	}
}
.p-layout-plan__txt.-col2 dd:nth-of-type(2) {
	grid-column: 1;
	grid-row: 4;
	margin-top: clamp(10px, 9px + 0.3125vw, 15px);
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-col2 dd:nth-of-type(2) {
		margin-top: 0;
	}
}
.p-layout-plan__txt.-col2 dt:nth-of-type(3) {
	grid-column: 2;
	grid-row: 1;
	margin-top: clamp(35px, 34px + 0.3125vw, 40px);
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-col2 dt:nth-of-type(3) {
		margin-top: 0;
	}
}
.p-layout-plan__txt.-col2 dd:nth-of-type(3) {
	grid-column: 2;
	grid-row: 2/span 3;
}
.p-layout-plan__txt.-wide {
	grid-template-columns: 1fr;
}
.p-layout-plan__txt.-wide dt,
.p-layout-plan__txt.-wide dd {
	grid-column: 1;
}
@media (min-width: 1001px) and (max-width: 1300px) {
	.p-layout-plan__txt.-wide dt span,
	.p-layout-plan__txt.-wide dd span {
		display: inline;
	}
}
.p-layout-plan__txt.-wide dt:nth-of-type(n + 2) {
	margin-top: clamp(35px, 32px + 0.9375vw, 50px);
}
.p-layout-plan__txt.-wide dd {
	display: grid;
	grid-template-columns: 1fr 385px;
	align-items: start;
	column-gap: clamp(20px, 18px + 0.625vw, 30px);
}
@media screen and (max-width: 1300px) {
	.p-layout-plan__txt.-wide dd {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 1000px) {
	.p-layout-plan__txt.-wide dd {
		grid-template-columns: 1fr 385px;
	}
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-wide dd {
		grid-template-columns: 1fr;
	}
}
.p-layout-plan__txt.-wide dd > span {
	grid-column: 1;
}
.p-layout-plan__txt.-wide dd figure {
	grid-column: 2;
	grid-row: 1/span 3;
	margin-top: -45px;
}
@media screen and (max-width: 1300px) {
	.p-layout-plan__txt.-wide dd figure {
		grid-column: 1;
		grid-row: auto;
		margin-top: 20px;
	}
}
@media screen and (max-width: 1000px) {
	.p-layout-plan__txt.-wide dd figure {
		grid-column: 2;
		grid-row: 1/span 3;
		margin-top: -45px;
	}
}
@media screen and (max-width: 767px) {
	.p-layout-plan__txt.-wide dd figure {
		grid-column: 1;
		grid-row: auto;
		margin-top: 5px;
	}
}/*# sourceMappingURL=layout.css.map */