.sub-page {
	overflow: hidden
}
.mv,.lead,figure {
	position: relative;
}
.contents .inner {
	max-width: 1600px;
	width: 90%;
	margin: 0 auto;
}
figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	padding: 3px 5px;
}
.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.ta-c {
	text-align: center;
}
picture {
	position: relative;
	display: block;
}



.mv {
	width: 100%;
	height: 100vh;
	background: url(../images/zeh/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/zeh/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;
		}
}


.contentWrap {
	padding: 150px 0 70px;
}
.contentWrap .txt {
	font-size: clamp(12px, .78125vw, 15px);
	line-height: 2;
	letter-spacing: .1em;
	font-family: "YakuhanJP", "Noto sans JP", serif;
	font-weight: 400;
}
.contentWrap .caution {
	font-size: clamp(10px, .0572916666vw, 11px);
	line-height: 2;
	letter-spacing: .1em;
	font-family: "YakuhanJP", "Noto sans JP", serif;
	font-weight: 400;
}

.secHead {
	margin-bottom: 80px;
}
.secHead h3 {
	font-size: clamp(40px, 3.125vw, 60px);
	font-weight: 300;
	font-family: "Oswald", serif;
	line-height: 1;
	padding-bottom: 30px;
	border-bottom: solid 1px #3399ca;
	margin-bottom: 30px;
	color: #3399ca;
}
.secHead p {
	font-size: clamp(20px, 1.666666666vw, 32px);
	font-weight: 400;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.6;
	color: #3399ca;
}

.zeh {
	background: #e5f2f8;
	padding: 80px 100px;
	margin-bottom: 120px;
}
.zeh h4 {
	font-size: clamp(20px, 1.458333333vw, 28px);
	font-weight: 400;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.6;
	margin-bottom: 30px;
}
.zeh h4 small {
	font-size: 60%;
}
.zeh .txt {
	margin-bottom: 60px;
}
.img_zeh figcaption {
	position: static;
	margin-top: 10px;
	color: #000;
	background: none;
	padding: none;
	text-align: right;
}

.merit {
	max-width: 1200px;
	margin: 0 auto 120px;
}
.merit li + li {
	margin-top: 80px;
}
.merit .txtWrap {
	width: 55.833333333%;
}
.merit .txtWrap h4 {
	font-size: clamp(18px, 1.458333333vw, 28px);
	font-weight: 400;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.8;
	margin-bottom: 30px;
}
.merit figure {
	width: 37.5%;
}
.merit figcaption {
	position: static;
	background: none;
	padding: 0;
	margin-top: 10px;
	color: #000;
	text-align: right;
}

.system {

}
.system h4 {
	font-size: clamp(20px, 1.666666666vw, 32px);
	font-weight: 400;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.8;
	margin-bottom: 60px;
	color: #0080bc;
}
.system h5 {
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 400;
	font-family: "YakuhanMP", "Shippori Mincho", serif;
	line-height: 1.75;
	padding-bottom: 15px;
	border-bottom: solid 1px #0080bc;
	margin-bottom: 15px;
}
.system ul {
	align-items: stretch;
}
.system ul:after {
	content: '';
	width: 30%;
	display: block;
}
.system .w1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.system li {
	width: 30%;
	margin-bottom: 80px;
}
.system .w1200 li {
	width: 46.666666666%;
}
.system .w1200 li:nth-child(3) {
	width: 100%;
}
.system .w1200 li:nth-child(3) .flex {
	align-items: flex-start;
}
.system .w1200 li:nth-child(3) .txtWrap {
	width: 45%;
}
.system li figure {
	margin-top: 20px;
}
.system .w1200 li:nth-child(3) .gas {
	width: 50%;
	padding: 30px;
	border: solid 1px #ef8200;
	margin-top: 10px;
}
.system .w1200 li:nth-child(3) .gas figure {
	width: 40.74074074%;
	margin: 0;
}
.system .w1200 li:nth-child(3) .gas .txt {
	width: 55.555555555%;
}
.system li figure + .caution {
	margin-top: 10px;
}

@media only screen and (max-width: 598px) {
	.contentWrap {
		padding: 60px 0 30px;
	}
	.contentWrap .txt {
		text-align: justify;
	}

	.secHead {
		margin-bottom: 40px;
	}
	.secHead h3 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.zeh {
		background: #e5f2f8;
		padding: 40px 20px;
		margin: 0 calc(50% - 50vw) 40px;
		width: 100vw;
	}
	.zeh h4 {
		margin-bottom: 20px;
	}
	.zeh .txt {
		margin-bottom: 30px;
		text-align: justify;
	}

	.merit {
		margin: 0 auto 60px;
	}
	.merit li + li {
		margin-top: 40px;
	}
	.merit .txtWrap {
		width: 100%;
	}
	.merit .txtWrap h4 {
		margin-bottom: 15px;
	}
	.merit .txtWrap .txt {
		margin-bottom: 20px;
	}
	.merit figure {
		width: 100%;
	}

	.system h4 {
		margin-bottom: 30px;
	}
	.system h5 {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.system ul:after {
		display: none;
	}
	.system li {
		width: 100%;
		margin-bottom: 30px;
	}
	.system .w1200 li {
		width: 100%;
	}
	.system .w1200 li:nth-child(3) .flex {
		align-items: flex-start;
	}
	.system .w1200 li:nth-child(3) .txtWrap {
		width: 100%;
	}
	.system li figure {
		margin-top: 20px;
	}
	.system .w1200 li:nth-child(3) .gas {
		width: 100%;
		padding: 20px;
		margin-top: 20px;
	}
	.system .w1200 li:nth-child(3) .gas figure {
		width: 60%;
		margin: 0 auto 20px;
	}
	.system .w1200 li:nth-child(3) .gas .txt {
		width: 100%;
		text-align: justify;
	}
}