@charset "UTF-8";

/* mobile */
@media screen and (max-width:768px) {
	.subhead {
		left: -9%;
		width: 56vw;
	}
	.subhead-wrapper::after {
		left: 17%;
		background-position: bottom right 21.5%;
		background-image: url('/img/tokusai-subhead.png');
	}

	.tokusai-image4 {
		position: relative;
		text-align: left;
	}
	.tokusai-image4 figure {
		width: 72%;
	}
	.tokusai-image4 figcaption {
		text-align: center;
	}
	.tokusai-nobori {
		position: absolute;
		top: calc(1rem + 2vw);
		right: 0;
		width: 43%;
	}
}

/* PC */
@media not all and (max-width:768px) {
	.section-images ul {
		display: grid;
		grid-template: auto auto auto auto auto / 22.4% 24.8% 20.9% 6% 11%;
		column-gap: 3.5vw;
		align-items: flex-end;
	}
	.section-images li, .section-images figure {
		display: contents;
	}
	.tokusai-image1 img {
		grid-area: 1/1/2/2;
	}
	.tokusai-image1 figcaption {
		grid-area: 2/1/3/2;
	}
	.tokusai-image2 img {
		grid-area: 4/1/5/2;
	}
	.tokusai-image2 figcaption {
		grid-area: 5/1/6/2;
	}
	.tokusai-image3 {
		grid-area: 1/2/3/3;
	}
	.tokusai-image3 img {
		grid-area: 1/2/5/3;
	}
	.tokusai-image3 figcaption {
		grid-area: 5/2/6/3;
	}
	.tokusai-image4 figure img {
		grid-area: 1/3/5/5;
	}
	.tokusai-image4 figcaption {
		grid-area: 5/3/6/5;
	}
	.tokusai-nobori {
		grid-area: 1/4/5/6;
	}
}