@charset "utf-8";

.l-extra {
	height: 91vh;
}
.l-extra-image.default {
	background-image: url("../../img/2-13-1.jpg?1026a");
	background-image: image-set(url("../../img/2-13-1.jpg?1026a") 1x, url("../../img/2-13-1.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-13-1.jpg?1026a") 1x, url("../../img/2-13-1.jpg?1026a") 2x);
}
.l-extra-image.c2 {
	background-image: url("../../img/2-12a-1.jpg?1026a");
	background-image: image-set(url("../../img/2-12a-1.jpg?1026a") 1x, url("../../img/2-12a-1.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-12a-1.jpg?1026a") 1x, url("../../img/2-12a-1.jpg?1026a") 2x);
}
.l-extra-image.c3 {
	background-image: url("../../img/2-15.jpg?1026a");
	background-image: image-set(url("../../img/2-15.jpg?1026a") 1x, url("../../img/2-15.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-15.jpg?1026a") 1x, url("../../img/2-15.jpg?1026a") 2x);
}
.l-extra-image.c4 {
	background-image: url("../../img/2-11-2.jpg?1026a");
	background-image: image-set(url("../../img/2-11-2.jpg?1026a") 1x, url("../../img/2-11-2.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-11-2.jpg?1026a") 1x, url("../../img/2-11-2.jpg?1026a") 2x);
}

.image {
	width: 80%;
}

.img_2-11-1 {
	background-image: url("../../img/2-11-1.jpg?1026a");
	background-image: image-set(url("../../img/2-11-1.jpg?1026a") 1x, url("../../img/2-11-1.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-11-1.jpg?1026a") 1x, url("../../img/2-11-1.jpg?1026a") 2x);
}
.img_2-11-1::before {
/*	padding-top: calc(((1150 / 1000) * 100%));	*/
	aspect-ratio: 1000 / 1350;
}

.img_2-11-2 {
	margin-top: 5rem;
	background-image: url("../../img/2-11-2.jpg?1026a");
	background-image: image-set(url("../../img/2-11-2.jpg?1026a") 1x, url("../../img/2-11-2.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-11-2.jpg?1026a") 1x, url("../../img/2-11-2.jpg?1026a") 2x);
}
.img_2-11-2::before {
/*	padding-top: calc(((2200 / 2000) * 100%));	*/
	aspect-ratio: 2000 / 2200;
}

.img_2-12b-2 {
	margin-top: 8rem;
	background-image: url("../../img/2-12b-2.webp?1218");
	background-image: image-set(url("../../img/2-12b-2.webp?1218") 1x, url("../../img/2-12b-2.webp?1218") 2x);
	background-image: -webkit-image-set(url("../../img/2-12b-2.webp?1218") 1x, url("../../img/2-12b-2.webp?1218") 2x);
}
.img_2-12b-2::before {
/*	padding-top: calc(((1000 / 750) * 100%));	*/
	aspect-ratio: 750 / 900;
}

.img_2-12a-1 {
	margin-top: 5rem;
	background-image: url("../../img/2-12a-1.jpg?1026a");
	background-image: image-set(url("../../img/2-12a-1.jpg?1026a") 1x, url("../../img/2-12a-1.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-12a-1.jpg?1026a") 1x, url("../../img/2-12a-1.jpg?1026a") 2x);
}
.img_2-12a-1::before {
/*	padding-top: calc(((1000 / 767) * 100%));	*/
	aspect-ratio: 767 / 1000;
}

.img_2-12a-2 {
	margin-top: 8rem;
	background-image: url("../../img/2-12a-2.jpg?1026a");
	background-image: image-set(url("../../img/2-12a-2.jpg?1026a") 1x, url("../../img/2-12a-2.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-12a-2.jpg?1026a") 1x, url("../../img/2-12a-2.jpg?1026a") 2x);
}
.img_2-12a-2::before {
/*	padding-top: calc(((1000 / 767) * 100%));	*/
	aspect-ratio: 767 / 900;
}

.img_2-12a-3 {
	background-image: url("../../img/2-12a-3.jpg?1026a");
	background-image: image-set(url("../../img/2-12a-3.jpg?1026a") 1x, url("../../img/2-12a-3.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-12a-3.jpg?1026a") 1x, url("../../img/2-12a-3.jpg?1026a") 2x);
}
.img_2-12a-3::before {
/*	padding-top: calc(((1000 / 1000) * 100%));	*/
	aspect-ratio: 800 / 1200;
}

.img_2-14-1 {
	margin-top: 8rem;
	background-image: url("../../img/2-14-1.jpg?1026a");
	background-image: image-set(url("../../img/2-14-1.jpg?1026a") 1x, url("../../img/2-14-1.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-14-1.jpg?1026a") 1x, url("../../img/2-14-1.jpg?1026a") 2x);
	background-size: 150%;
}
.img_2-14-1::before {
/*	padding-top: calc(((900 / 1000) * 100%));	*/
	aspect-ratio: 1000 / 1500;
}

.img_2-14-2 {
	background-image: url("../../img/2-14-2.jpg?1026a");
	background-image: image-set(url("../../img/2-14-2.jpg?1026a") 1x, url("../../img/2-14-2.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-14-2.jpg?1026a") 1x, url("../../img/2-14-2.jpg?1026a") 2x);
}
.img_2-14-2::before {
/*	padding-top: calc(((1000 / 800) * 100%));	*/
	aspect-ratio: 800 / 1000;
}

.img_2-15 {
	width: 90%;
	margin-top: 5rem;
	background-image: url("../../img/2-15.jpg?1026a");
	background-image: image-set(url("../../img/2-15.jpg?1026a") 1x, url("../../img/2-15.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../../img/2-15.jpg?1026a") 1x, url("../../img/2-15.jpg?1026a") 2x);
}
.img_2-15::before {
/*	padding-top: calc(((1000 / 1000) * 100%));	*/
	aspect-ratio: 1000 / 1200;
}


.chapter2 {
	padding: 0;
}
.chapter3 {
	padding: 12rem 0 0 0;
}
.chapter4 {
	padding: 12rem 0 0 0;
}

.img_2-12b-2 {
	width: 85%;
}
.img_2-12a-3 {
	width: 90%;
}
.img_2-12a-2 {
	width: 100%;
}
.img_2-12a-1 {
	width: 75%;
}
.img_2-14-1 {
	width: 70%;
}
.img_2-11-1 {
	width: 100%;
}
.img_2-14-2 {
	width: 100%;
}

.l-main h1 {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

@media screen and (min-width: 1025px) {

	.l-extra {
		height: 100vh;
	}
	.l-extra-image {
		height: 100vh;
		margin-bottom: 0;
		background-size: auto 90%;
		background-position: center center;
	}
	.l-extra-image.c2 {
		background-size: 80% auto;
	}
	.l-extra-image.c3 {
		background-size: 80% auto;
	}
	.l-extra-image.c4 {
		background-size: 80% auto;
	}

	.chapter2 {
		padding: 15rem 0;
	}
	.chapter3 {
		padding: 15rem 0;
	}
	.chapter4 {
		padding: 15rem 0 0;
	}

	.img_2-12b-2 {
		width: 100%;
		margin-top: 0;
	}
	.img_2-12b-2::before {
		aspect-ratio: 750 / 1000;
	}
	.img_2-12a-2 {
		width: 90%;
	}
	.img_2-12a-3 {
		width: 70%;
	}
	.img_2-12a-3::before {
		aspect-ratio: 800 / 1150;
	}
	.img_2-14-2 {
		width: 90%;
	}
	.img_2-14-1 {
		width: 60%;
	}
	.img_2-14-1::before {
		aspect-ratio: 800 / 1200;
	}
	.img_2-11-1 {
		width: 90%;
	}
	.img_2-15::before {
		aspect-ratio: 1000 / 1000;
	}
	.img_2-12a-1,
	.img_2-15,
	.img_2-11-2 {
		display: none;
	}

	.l-main h1 {
		padding-top: 15rem;
		padding-bottom: 0rem;
	}

}