@charset "UTF-8";

/* facility */
#pageHeaderWrapper {
	&::after {
		background-image: url(../images/facility/main_image.webp);
	}
}
#images {
	.imgList {
		display: flex;
		flex-wrap: wrap;
	}
	.hasText {
		.text {
			& > * + * { margin-top: 2em; }
		}
	}
}
@media screen and (min-width:769px), print{
	#images {
		margin-top: 100px;
		& > * + * { margin-top: 100px; }
		.imgList {
			gap: 20px;
			li { width: calc((100% - 40px) / 3); }
		}
		.hasText {
			display: flex;
			gap: 70px;
			letter-spacing: -0.02em;
			& > * { width: calc(50% - 35px); }
			.text {
				margin-top: -0.6em;
			}
		}
	}
}
@media screen and (max-width:768px){
	#images {
		padding-inline: 25px;
		& > * + * { margin-top: 50px; }
		.imgList {
			gap: 15px;
			li { width: calc(50% - 7.5px); }
			img {
				object-fit: cover;
				aspect-ratio: 31 / 28;
			}
		}
		.hasText .text { margin-top: 40px; }
	}
}