.sub-page {
	overflow: hidden
}
.sub-page .inner {
	width: min(90%, 1600px);
	margin-left: auto;
	margin-right: auto;
}
.mv,.lead,section,figure {
	position: relative;
}
figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	padding: 3px 5px;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.ai-st {
	align-items: stretch;
}
.ai-c {
	align-items: center;
}
.jc-sb {
	justify-content: space-between;
}
.jc-c {
	justify-content: center;
}
.cap-l {
	background: none;
	color: #000;
	left: 0;
	right: auto;
	padding: 0;
}
.f-reverse {
	flex-direction: row-reverse;
}

.mv {
	width: 100%;
	height: 100vh;
	background: url(../images/landplan/mv.jpg) no-repeat center center/cover;
	position: relative;
}
	.mv .mainCopy {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		color: #fff;
		filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.2));
	}
	.mv .mainCopy .en {
		font-size: 140px;
		font-weight: 300;
		font-family: "Oswald", serif;
		line-height: 1;
		margin-bottom: 40px;
		white-space: nowrap;
	}
	.mv .mainCopy h2 {
		font-size: 52px;
		font-weight: 500;
		font-family: "YakuhanMP", "Shippori Mincho", serif;
		line-height: 1;
		white-space: nowrap;
	}
@media only screen and (max-width: 598px) {
	.mv {
		background: url(../images/landplan/mv_sp.jpg) no-repeat center center/cover;
	}
		.mv .mainCopy .en {
			font-size: 15.789473684vw;
			margin-bottom: 20px;
		}
		.mv .mainCopy h2 {
			font-size: 5.789473684vw;
		}
}


.lead {
	width: 100%;
	height: 100vh;
	background: url(../images/landplan/bg_landplan.jpg) no-repeat center center/cover;
	position: relative;
}
	.lead .leadWrap {
		width: 90%;
		max-width: 1600px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
		.lead h3 {
		font-size: clamp(24px, 4.27vw, 42px);
		font-weight: 500;
		font-family: "YakuhanMP", "Shippori Mincho", serif;
		line-height: 1.85;
		margin-bottom: 60px;
		color: #fff;
		}
		.lead .txtWrap {
		}
			.lead .txtWrap p {
				font-size: clamp(14px, 0.9375vw, 18px);
				color: #fff;
				font-weight: 400;
				font-family: "Noto Sans JP", sans-serif;
				line-height: 2;
				letter-spacing: .15em;
				margin-bottom: 20px;
			}
@media only screen and (max-width: 598px) {
	.lead {
		height: auto;
		min-height: 50vh;
		background: url(../images/landplan/bg_landplan_sp.jpg) no-repeat center center/cover;
		padding: 60px 0;
	}
		.lead .leadWrap {
			width: 90%;
			max-width: 1600px;
			position: relative;
			top: auto;
			left: auto;
			transform: none;
			margin: 0 auto;
		}
			.lead h3 {
			margin-bottom: 30px;
			}
			.lead .txtWrap {
			}
				.lead .txtWrap p {
					font-size: clamp(14px, 0.9375vw, 18px);
					margin-bottom: 15px;
					text-align: justify;
				}
}


.enTtl {
	font-size: clamp(40px, 4.166666666vw, 80px);
	font-weight: 300;
	font-family: "Oswald", serif;
	line-height: 1;
	margin-bottom: 50px;
}
.enTtl.blue {
	color: #a7c7df;
}
.enTtl.green {
	color: #c2d8b1;
}
.landplanTtl {
	font-size: clamp(18px, 1.458333333vw, 28px);
	font-weight: 500;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.85;
	margin-bottom: 30px;
}
.landplanTxt {
	font-size: clamp(12px, 0.78125vw, 15px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2;
}
.landplanTxt span {
	font-size: clamp(10px, 0.572916666vw, 11px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
}
.enSubTtl {
	font-size: clamp(20px, 1.666666666vw, 32px);
	font-weight: 300;
	font-family: "Oswald", serif;
	line-height: 1;
	color: #fff;
	margin-bottom: 20px;
}
.landplanBigTtl {
	font-size: clamp(24px, 2.1875vw, 42px);
	font-weight: 500;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.85;
	color: #fff;
	margin-bottom: 40px;
}
.landplanBigTtl + .landplanTxt {
	font-size: clamp(14px, 0.9375vw, 18px);
	color: #fff;
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2;
	letter-spacing: .15em;
}
.over {
	width: 100%;
	min-height: 960px;
	position: relative;
}
.overWrap {
	width: 90%;
	max-width: 900px;
	position: absolute;
	top: 50%;
	left: 8%;
	transform: translateY(-50%);
}
.overWrap.overWrap-r {
	left: auto;
	right: 8%;
}
@media screen and (max-width: 768px){
	.enTtl {
		margin-bottom: 15px;
	}
	.landplanTtl {
		margin-bottom: 15px;
	}
	.enSubTtl {
		margin-bottom: 10px;
	}
	.landplanBigTtl {
		margin-bottom: 20px;
	}
	.over {
		width: 100%;
		min-height: 50vh;
	}
	.overWrap {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.overWrap.overWrap-r {
		left: 50%;
		right: auto;
	}
}


.lifeingreen {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 50%, rgba(252, 253, 254, 0.14) 58.61%, rgba(242, 247, 250, 0.13) 65.54%, rgba(225, 236, 244, 0.13) 71.87%, rgba(201, 221, 235, 0.12) 77.86%, rgba(170, 202, 224, 0.12) 83.6%, rgba(132, 178, 211, 0.11) 89.15%, rgba(88, 150, 194, 0.11) 94.56%, rgba(37, 118, 176, 0.1) 99.72%, rgba(34, 116, 175, 0.1) 100%);
	padding: 150px 0 0;
}
.lifeingreen .txtWrap {
	width: 45%;
}
.lifeingreen .txtWrap figure {
	margin-top: 40px;
}
.lifeingreen .txtWrap .landplanTxt figure {
	margin-top: 70px;
}
.lifeingreen .map {
	flex: 1;
	margin-right: calc(50% - 50vw);
	margin-left: 7.5%;
}
@media screen and (max-width: 768px){
	.lifeingreen {
		padding: 60px 0 0;
	}
	.lifeingreen .inner > figure {
		width: 100%;
		margin: 0 calc(50% - 50vw);
	}
	.lifeingreen .txtWrap {
		width: 100%;
		margin: 30px auto;
	}
	.lifeingreen .txtWrap figure {
		width: 90%;
		margin: 20px auto 0;
	}
	.lifeingreen .txtWrap .landplanTxt figure {
		margin-top: 30px;
	}
	.lifeingreen .map {
		flex: none;
		margin-right: 0;
		margin-left: auto;
		width: 90vw;
		margin-right: calc(50% - 50vw);
	}
}


.eco {
	background : linear-gradient(135deg, rgba(255, 255, 255, 0.15) 50%, rgba(253, 253, 252, 0.14) 59.05%, rgba(245, 248, 242, 0.13) 66.33%, rgba(232, 240, 225, 0.13) 72.98%, rgba(213, 228, 201, 0.12) 79.27%, rgba(189, 213, 170, 0.11) 85.31%, rgba(160, 194, 132, 0.11) 91.14%, rgba(126, 173, 89, 0.1) 96.72%, rgba(103, 158, 59, 0.1) 100%);
	padding: 150px 0;
}
.eco .inner > .flex {
	margin-bottom: 80px;
}
.eco .txtWrap {
	width: 50%;
}
.eco .abinc {
	max-width: 540px;
	width: 33.75%;
}
.planting {
	background: #fff;
	filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.1));
	padding: 100px;
}
.planting .plantingTtl {
	font-size: clamp(18px, 1.458333333vw, 28px);
	font-weight: 500;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.5;
	text-align: center;
	color: #679e3b;
	margin-bottom: 20px;
}
.planting .plantingList {
	width: 75%;
	margin: 0 auto;
}
.planting .plantingList li {
	width: 22.5%;
	margin-top: 40px;
}
.planting .plantingList li .plantingTxt {
	font-size: clamp(12px, 0.729166666vw, 14px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1;
	margin-top: 10px;
}
@media screen and (max-width: 768px){
	.eco {
		padding: 60px 0;
	}
	.eco .inner > .flex {
		margin-bottom: 30px;
	}
	.eco .txtWrap {
		width: 100%;
		margin-bottom: 20px;
	}
	.eco .abinc {
		max-width: 540px;
		width: 100%;
	}
	.planting {
		filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
		padding: 30px 20px;
	}
	.planting .plantingTtl {
		margin-bottom: 0;
	}
	.planting .plantingList {
		width: 100%;
		margin: 0 auto;
	}
	.planting .plantingList li {
		width: 48%;
		margin-top: 20px;
	}
	.planting .plantingList li .plantingTxt {
		margin-top: 10px;
	}
}


.parking {
	background: url(../images/landplan/bg_parking.jpg) no-repeat center center/cover;
}
@media screen and (max-width: 768px){
	.parking {
		background: url(../images/landplan/bg_parking_sp.jpg) no-repeat center center/cover;
	}
}


.carlife {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 50%, rgba(252, 253, 254, 0.14) 58.61%, rgba(242, 247, 250, 0.13) 65.54%, rgba(225, 236, 244, 0.13) 71.87%, rgba(201, 221, 235, 0.12) 77.86%, rgba(170, 202, 224, 0.12) 83.6%, rgba(132, 178, 211, 0.11) 89.15%, rgba(88, 150, 194, 0.11) 94.56%, rgba(37, 118, 176, 0.1) 99.72%, rgba(34, 116, 175, 0.1) 100%);
	padding: 150px 0;
}
.carlife .txtWrap {
	width: 41.875%;
}
.carlife figure {
	width: 53.125%;
}
@media screen and (max-width: 768px){
	.carlife {
		padding: 60px 0;
	}
	.carlife .txtWrap {
		width: 100%;
		margin-bottom: 40px;
	}
	.carlife figure {
		width: 100%;
	}
}


.entrance {
	background: url(../images/landplan/bg_entrance.jpg) no-repeat center center/cover;
}
@media screen and (max-width: 768px){
	.entrance {
		background: url(../images/landplan/bg_entrance_sp.jpg) no-repeat center center/cover;
	}
}

.landplan {
	background : linear-gradient(135deg, rgba(255, 255, 255, 0.15) 50%, rgba(253, 253, 252, 0.14) 59.05%, rgba(245, 248, 242, 0.13) 66.33%, rgba(232, 240, 225, 0.13) 72.98%, rgba(213, 228, 201, 0.12) 79.27%, rgba(189, 213, 170, 0.11) 85.31%, rgba(160, 194, 132, 0.11) 91.14%, rgba(126, 173, 89, 0.1) 96.72%, rgba(103, 158, 59, 0.1) 100%);
	padding: 150px 0;
}
.landplan .txtWrap {
	width: 41.875%;
}
.landplan .enTtl {
	margin-bottom: 80px;
}
.landplan .meritList {
	width: 100%;
}
.landplan .meritList li {
	width: 100%;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
}
.landplan .meritList li + li {
	width: calc(50% - 5px);
	margin-top: 10px;
}
.landplan figure {
	width: 53.125%;
}
@media screen and (max-width: 768px){
	.landplan {
		padding: 60px 0;
	}
	.landplan .txtWrap {
		width: 100%;
		margin-bottom: 40px;
	}
	.landplan .enTtl {
		margin-bottom: 40px;
	}
	.landplan .meritList li + li {
		width: 100%;
		margin-top: 10px;
	}
	.landplan figure {
		width: 100%;
	}
	.landplan figure figcaption {
		bottom: -20px;
		right: 0;
		left: auto;
	}
}


.commonspace {
	background: url(../images/landplan/bg_common.jpg) no-repeat center center/cover;
}
@media screen and (max-width: 768px){
	.commonspace {
		background: url(../images/landplan/bg_common_sp.jpg) no-repeat center center/cover;
	}
}


.commonDetail {
	padding: 150px 0;
}
.commonDetail li + li {
	margin-top: 100px;
}
.commonDetail .txtWrap {
	width: 41.875%;
}
.commonDetail figure {
	width: 53.125%;
}
.commonEnTtl {
	font-size: clamp(40px, 3.125vw, 60px);
	font-weight: 300;
	font-family: "Oswald", serif;
	line-height: 1;
	color: #4e90bf;
	margin-bottom: 20px;
}
.commonTtl {
	font-size: clamp(12px, 0.78125vw, 15px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1;
	color: #4e90bf;
	margin-bottom: 30px;
}
.commonSubTtl {
	font-size: clamp(18px, 1.458333333vw, 28px);
	font-weight: 500;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.85;
	margin-bottom: 30px;
}
.commonTxt {
	font-size: clamp(12px, 0.78125vw, 15px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2;
	text-align: justify;
}
@media screen and (max-width: 768px){
	.commonDetail {
		padding: 60px 0;
	}
	.commonDetail li + li {
		margin-top: 40px;
	}
	.commonDetail .txtWrap {
		width: 100%;
		margin-bottom: 30px;
	}
	.commonDetail figure {
		width: 100%;
	}
	.commonEnTtl {
		margin-bottom: 10px;
	}
	.commonTtl {
		margin-bottom: 20px;
	}
	.commonSubTtl {
		margin-bottom: 20px;
	}
}


.study {
	padding-bottom: 150px;
}
.studyWrap {
	width: 100%;
	margin: 0 calc(50% - 50vw);
	position: relative;
}
.studyWrap .txtWrap {
	position: absolute;
	width: 90%;
	max-width: 1600px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 40px;
}
.studyWrap .commonEnTtl {
	font-size: clamp(40px, 4.166666666vw, 80px);
	color: #fff;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.2));
}
.studyWrap .commonTtl {
	color: #fff;
	margin-bottom: 0;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.2));
}
.studyDetail {
	padding-top: 60px;
}
.studyDetail .txtWrap {
	margin-bottom: 60px;
}
.studyDetail ul li {
	width: 30%;
}
.studyDetail .studyTtl {
	font-size: clamp(16px, 1.25vw, 24px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1;
	margin-top: 20px;
}
.studyDetail .studyTxt {
	font-size: clamp(12px, 0.78125vw, 15px);
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2;
	margin-top: 15px;
}
@media screen and (max-width: 768px){
	.study {
		padding-bottom: 60px;
	}
	.studyWrap {
		width: 100%;
		margin: 0 calc(50% - 50vw);
		position: relative;
	}
	.studyWrap .txtWrap {
		bottom: 10px;
	}
	.studyWrap .commonTtl {
		color: #fff;
		margin-bottom: 0;
	}
	.studyDetail {
		padding-top: 30px;
	}
	.studyDetail .txtWrap {
		margin-bottom: 30px;
	}
	.studyDetail ul li {
		width: 90%;
		margin: 0 auto;
	}
	.studyDetail ul li + li {
		margin-top: 20px;
	}
	.studyDetail .studyTtl {
		margin-top: 10px;
	}
	.studyDetail .studyTxt {
		margin-top: 5px;
	}
}