@charset "utf-8";

.l-extra {
}
.l-extra-image.default {
	background-image: url("../../img/1-10.jpg");
	background-image: image-set(url("../../img/1-10.jpg") 1x, url("../../img/1-10.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/1-10.jpg") 1x, url("../../img/1-10.jpg") 2x);
}
.l-extra-image.c3 {
	background-image: url("../../img/2-6-1.jpg");
	background-image: image-set(url("../../img/2-6-1.jpg") 1x, url("../../img/2-6-1.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/2-6-1.jpg") 1x, url("../../img/2-6-1.jpg") 2x);
}

.img_1-16 {
	margin: 6rem 2rem 3rem;
	background-image: url("../../img/1-16.jpg");
	background-image: image-set(url("../../img/1-16.jpg") 1x, url("../../img/1-16.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/1-16.jpg") 1x, url("../../img/1-16.jpg") 2x);
}

.img_factory_01 {
	background-image: url("../../img/factory_01.jpg");
	background-image: image-set(url("../../img/factory_01.jpg") 1x, url("../../img/factory_01.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/factory_01.jpg") 1x, url("../../img/factory_01.jpg") 2x);
}
.img_factory_01::before {
/*	padding-top: calc(((900 / 1200) * 100%));	*/
}

.img_factory_02 {
	background-image: url("../../img/factory_02.jpg");
	background-image: image-set(url("../../img/factory_02.jpg") 1x, url("../../img/factory_02.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/factory_02.jpg") 1x, url("../../img/factory_02.jpg") 2x);
}
.img_factory_02::before {
/*	padding-top: calc(((900 / 1200) * 100%));	*/
}

.img_1-15 {
	width: 90%;
	margin: 5em auto;
	background-image: url("../../img/1-15.jpg");
	background-image: image-set(url("../../img/1-15.jpg") 1x, url("../../img/1-15.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/1-15.jpg") 1x, url("../../img/1-15.jpg") 2x);
}
.img_1-15::before {
/*	padding-top: calc(((900 / 1200) * 100%));	*/
	aspect-ratio: 12 / 9;
}

.img_2-6-2 {
	background-image: url("../../img/2-6-2.jpg");
	background-image: image-set(url("../../img/2-6-2.jpg") 1x, url("../../img/2-6-2.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/2-6-2.jpg") 1x, url("../../img/2-6-2.jpg") 2x);
}
.img_2-6-2::before {
/*	padding-top: calc(((900 / 1200) * 100%));	*/
}

.content h2 {
	margin: 0 0 1.5em;
	font-size: 6vw;
	font-weight: 700;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	line-height: 1.8;
}
.content h3 {
	margin: 5em 0 1.5em;
	font-size: 22px;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
}
.content p {
	font-size: 15px;
	line-height: 2;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
.content p.lead {
	font-size: 17px;
}
.content p + p {
	margin-top: 1em;
}
.content p + .image {
	margin-top: 4em;
}

.factory {
}
.handle {
	margin-top: 14rem;
}

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

	.l-extra {
		height: 100vh;
	}
	.l-extra-image.c3 {
		background-position: center center;
	}

	.img_1-16 {
		margin: 2rem 2rem;
	}

	.content h2 {
		font-size: 30px;
	}



}