@charset "utf-8";

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

.img_2-8 {
	width: 80%;
	margin: 0 auto;
	background-image: url("../../img/2-8.jpg");
	background-image: image-set(url("../../img/2-8.jpg") 1x, url("../../img/2-8.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/2-8.jpg") 1x, url("../../img/2-8.jpg") 2x);
}

.img_2-1-2 {
	width: 80%;
	margin: 0 auto;
	background-image: url("../../img/2-1-2.jpg");
	background-image: image-set(url("../../img/2-1-2.jpg") 1x, url("../../img/2-1-2.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/2-1-2.jpg") 1x, url("../../img/2-1-2.jpg") 2x);
}
.img_2-1-2::before {
/*	padding-top: calc(((1100 / 1200) * 100%));	*/
	aspect-ratio: 1200 / 1100;
}

.img_2-12a-4 {
	width: 80%;
	margin: 0 auto;
	background-image: url("../../img/2-12a-4.jpg");
	background-image: image-set(url("../../img/2-12a-4.jpg") 1x, url("../../img/2-12a-4.jpg") 2x);
	background-image: -webkit-image-set(url("../../img/2-12a-4.jpg") 1x, url("../../img/2-12a-4.jpg") 2x);
}
.img_2-12a-4::before {
/*	padding-top: calc(((1000 / 800) * 100%));	*/
	aspect-ratio: 800 / 1000;
}

.l-main h1 {
	margin-top: 2rem;
}
.content h2 {
	margin: 3em 0 1.5em;
	font-size: 6.5vw;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.content h3 {
	margin: 4em 0 1.5em;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
.content h4 {
	margin: 1.5em 0 1.5em;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
.content h3 .en,
.content h4 .en {
	letter-spacing: 0.05em;
}
.content p {
	font-size: 16px;
	line-height: 2;
	font-feature-settings: "palt";
	letter-spacing: 0.15em;
}
.content p.lead {
	font-size: 17px;
}
.content p + p {
	margin-top: 1em;
}
.content p + .image {
	margin-top: 5em;
	margin-bottom: 5em;
}

.content h3 + .menu-link {
	margin-top: 2.5em;
}
.content .btn-link {
	display: inline-block;
	padding: 1em 2em;
	background: rgb(21, 69, 119);
	color: #fff;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.content .menu-link {
	text-align: center;
}
.content .direct {
	padding-bottom: 5rem;
	text-align: center;
}
.content .partners {
/*	margin-top: 15rem;	*/
}
.content .partners h3 {
	margin-bottom: 0.5em;
	letter-spacing: 0.03em;
}
.content .partners h4 {
	margin-bottom: 0.5em;
}
.content .address {
	font-size: 14px;
	line-height: 1.6;
}
.content .notes {
	margin-top: 2rem;
	letter-spacing: 0.05em;
}
.content .notes li {
	margin-left: 1em;
	font-size: 14px;
	line-height: 1.6;
	text-indent: -1em;
	list-style: none;
}

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

	.l-extra {
		height: 100vh;
	}
	.content h2 {
		font-size: 30px;
	}
	.content .direct {
		text-align: left;
	}

	.content .menu-link {
		text-align: left;
	}
	.content .partners h3 {
		letter-spacing: 0.05em;
	}

}