.sub-page {
	overflow: hidden
}
.mv,.lead,figure {
	position: relative;
}
figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	padding: 3px 5px;
}


.mv {
	width: 100vw;
	height: 100vh;
	background: url(../images/concept/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;
	}
	.mv .mainCopy h2 {
		font-size: 52px;
		font-weight: 500;
		font-family: "YakuhanMP", "Shippori Mincho", serif;
		line-height: 1;
	}
@media only screen and (max-width: 598px) {
	.mv {
		background: url(../images/concept/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: 100vw;
	height: 100vh;
	background: url(../images/concept/bg_concept.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(40px, 4.27vw, 82px);
		font-weight: 500;
		font-family: "YakuhanMP", "Shippori Mincho", serif;
		line-height: 1.5;
		margin-bottom: 60px;
		color: #fff;
		}
		.lead .txtWrap {
		}
			.lead .txtWrap p {
				font-size: clamp(14px, 0.9375vw, 18px);
				color: #fff;
				font-weight: 500;
				font-family: "YakuhanMP", "Shippori Mincho", serif;
				line-height: 2;
				letter-spacing: .15em;
				margin-bottom: 20px;
			}
@media only screen and (max-width: 598px) {
	.lead {
		height: auto;
		min-height: 100vh;
		background: url(../images/concept/bg_concept_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 {
			font-size: clamp(32px, 4.27vw, 82px);
			margin-bottom: 30px;
			}
			.lead .txtWrap {
			}
				.lead .txtWrap p {
					font-size: clamp(14px, 0.9375vw, 18px);
					margin-bottom: 15px;
					text-align: justify;
				}
}

.firstWrap {
	width: 100%;
	background : linear-gradient(-135deg, rgba(101, 173, 46, 0.05) 0%, rgba(132, 190, 89, 0.06) 4.51%, rgba(165, 207, 132, 0.07) 9.94%, rgba(193, 222, 170, 0.08) 15.62%, rgba(215, 234, 201, 0.09) 21.49%, rgba(233, 243, 225, 0.11) 27.62%, rgba(245, 250, 242, 0.12) 34.1%, rgba(253, 254, 252, 0.13) 41.18%, rgba(255, 255, 255, 0.15) 50%, rgba(252, 253, 254, 0.13) 58.12%, rgba(242, 248, 252, 0.12) 64.64%, rgba(225, 240, 247, 0.11) 70.61%, rgba(201, 228, 241, 0.1) 76.25%, rgba(170, 213, 233, 0.09) 81.66%, rgba(132, 194, 223, 0.08) 86.89%, rgba(88, 172, 212, 0.07) 91.99%, rgba(37, 146, 199, 0.06) 96.86%, rgba(0, 128, 189, 0.05) 100%);
}
.secondWrap {
	width: 100%;
	background : linear-gradient(-45deg, rgba(101, 173, 46, 0.05) 0%, rgba(132, 190, 89, 0.06) 4.51%, rgba(165, 207, 132, 0.07) 9.94%, rgba(193, 222, 170, 0.08) 15.62%, rgba(215, 234, 201, 0.09) 21.49%, rgba(233, 243, 225, 0.11) 27.62%, rgba(245, 250, 242, 0.12) 34.1%, rgba(253, 254, 252, 0.13) 41.18%, rgba(255, 255, 255, 0.15) 50%, rgba(252, 253, 254, 0.13) 58.12%, rgba(242, 248, 252, 0.12) 64.64%, rgba(225, 240, 247, 0.11) 70.61%, rgba(201, 228, 241, 0.1) 76.25%, rgba(170, 213, 233, 0.09) 81.66%, rgba(132, 194, 223, 0.08) 86.89%, rgba(88, 172, 212, 0.07) 91.99%, rgba(37, 146, 199, 0.06) 96.86%, rgba(0, 128, 189, 0.05) 100%);
}
	.concept .inner {
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
	}
		.conts {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
		.access,
		.landmark {
			flex-direction: row-reverse;
		}
			.concept .mainImg {
				width: 52.083333333%;
			}
			.concept .txtWrap {
				margin-top: 80px;
				position: relative;
			}
				.txtWrap .contsTtl {
					font-size: 42px;
					font-weight: 600;
					font-family: "YakuhanMP", "Shippori Mincho", serif;
						margin-bottom: 20px;
				}
					.txtWrap .contsTtl span {
						background: linear-gradient(110deg, rgba(101, 173, 46, 1) 0%, rgba(0, 128, 189, 1) 50%, rgba(0, 87, 130, 1) 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				.txtWrap .contsSubTtl {
					font-size: 24px;
					font-family: "YakuhanJP", "noto sans jp", serif;
					line-height: 2;
					margin-bottom: 30px;
				}
				.txtWrap .contsTxt {
					font-size: 15px;
					font-family: "YakuhanJP", "noto sans jp", serif;
					line-height: 2;
					margin-bottom: 80px;
				}
				.txtWrap .photoWrap {
					width: 100%;
				}

		.location {
			padding-top: 200px;
		}
			.location .txtWrap {
				width: 34.895833333%;
				margin-right: 8.333333333%;
			}
			.location .txtWrap:after {
				content: "LOCATION";
				position: absolute;
				top: -180px;
				right: -10%;
				font-size: clamp(60px, 7.291666666vw, 140px);
				color: rgba(101, 173, 46, .15);
				line-height: 1;
				font-family: "Oswald", serif;
				font-weight: 300;
				text-align: right;
			}

		.access {
			padding-top: 160px;
		}
			.access .txtWrap {
				width: 43.229166666%;
			}
			.access .txtWrap:after {
				content: "ACCESS";
				position: absolute;
				top: -180px;
				left: 10%;
				font-size: clamp(60px, 7.291666666vw, 140px);
				color: rgba(0, 128, 189, .15);
				line-height: 1;
				font-family: "Oswald", serif;
				font-weight: 300;
			}
				.access .txtWrap .txtConts {
					width: 80.722891566%;
					margin-left: 8.333333333%;
					margin-right: 0;
					margin-left: auto;
				}
				.access .txtWrap .photoWrap {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}
					.access .txtWrap .photoWrap figure {
						width: 48.192771084%;
					}
					.access .txtWrap .photoWrap figure + figure {
						margin-top: 60px;
					}

		.development {
			padding-top: 160px;
		}
			.development .txtWrap {
				width: 43.229166666%;
			}
			.development .txtWrap:after {
				content: "DEVELOPMENT";
				position: absolute;
				top: -180px;
				right: 10%;
				font-size: clamp(60px, 7.291666666vw, 140px);
				color: rgba(0, 128, 189, .15);
				line-height: 1;
				font-family: "Oswald", serif;
				font-weight: 300;
				text-align: right;
			}
				.development .txtWrap .txtConts {
					width: 80.722891566%;
					margin-right: 8.333333333%;
					margin-left: 0;
					margin-right: auto;
				}
				.development .txtWrap .photoWrap {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}
					.development .txtWrap .photoWrap figure {
						width: 48.192771084%;
					}

		.landmark {
			padding-top: 200px;
			padding-bottom: 200px;
		}
			.landmark .txtWrap {
				width: 43.229166666%;
			}
			.landmark .txtWrap:after {
				content: "LANDMARK";
				position: absolute;
				top: -180px;
				left: 10%;
				font-size: clamp(60px, 7.291666666vw, 140px);
				color: rgba(101, 173, 46, .15);
				line-height: 1;
				font-family: "Oswald", serif;
				font-weight: 300;
			}
				.landmark .txtWrap .txtConts {
					width: 80.722891566%;
					margin-left: 8.333333333%;
					margin-right: 0;
					margin-left: auto;
				}
				.landmark .txtWrap .photoWrap {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					width: 80.722891566%;
					margin-right: 0;
					margin-left: auto;
				}
				.landmark .txtWrap .photoWrap + .photoWrap {
					margin-top: 40px;
					margin-right: auto;
					margin-left: 0;
				}
					.landmark .txtWrap .photoWrap figure {
						width: 50%;
					}
@media only screen and (max-width: 598px) {
	.concept .inner {
		width: 100%;
		margin: 0 auto;
	}
		.conts {
			display: block;
		}
			.concept .mainImg {
				width: 100%;
			}
			.concept .txtWrap {
				margin: 80px auto 0;
				position: relative;
				width: 90%;
			}
				.txtWrap .contsTtl {
					font-size: 24px;
					margin-bottom: 15px;
				}
				.txtWrap .contsSubTtl {
					font-size: 17px;
					margin-bottom: 15px;
				}
				.txtWrap .contsTxt {
					font-size: 12px;
					margin-bottom: 20px;
				}
				.txtWrap .photoWrap {
					width: 100%;
				}

		.location {
			padding-top: 60px;
		}
			.location .txtWrap {
				width: 90%;
				margin-right: auto;
			}
			.location .txtWrap:after {
				top: -65px;
				right: 0;
				font-size: clamp(60px, 7.291666666vw, 140px);
				text-align: right;
			}

		.access {
			padding-top: 60px;
		}
			.access .txtWrap {
				width: 90%;
			}
			.access .txtWrap:after {
				top: -65px;
				right: 0;
				left: auto;
				font-size: clamp(60px, 7.291666666vw, 140px);
				text-align: right;
			}
				.access .txtWrap .txtConts {
					width: 100%;
					margin-right: auto;
					margin-left: auto;
				}
				.access .txtWrap .photoWrap {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}
					.access .txtWrap .photoWrap figure {
						width: 48.192771084%;
					}
					.access .txtWrap .photoWrap figure + figure {
						margin-top: 20px;
					}

		.development {
			padding-top: 60px;
		}
			.development .txtWrap {
				width: 90%;
			}
			.development .txtWrap:after {
				top: -65px;
				right: 0;
				font-size: clamp(60px, 7.291666666vw, 140px);
				text-align: right;
			}
				.development .txtWrap .txtConts {
					width: 100%;
					margin-left: auto;
					margin-right: auto;
				}
				.development .txtWrap .photoWrap {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}
					.development .txtWrap .photoWrap figure {
						width: 48.192771084%;
					}

		.landmark {
			padding-top: 60px;
			padding-bottom: 60px;
		}
			.landmark .txtWrap {
				width: 90%;
			}
			.landmark .txtWrap:after {
				top: -65px;
				left: auto;
				right: 0;
				font-size: clamp(60px, 7.291666666vw, 140px);
			}
				.landmark .txtWrap .txtConts {
					width: 100%;
					margin-right: auto;
					margin-left: auto;
				}
				.landmark .txtWrap .photoWrap {
					width: 90%;
				}
				.landmark .txtWrap .photoWrap + .photoWrap {
					margin-top: 20px;
				}
					.landmark .txtWrap .photoWrap figure {
						width: 50%;
					}
}