@charset "utf-8";

.about_text {
	width: 100%;
	margin: var(--cont-margin50) auto 0;
	display: flow-root;
	.about_img {
		width: min(100%,400px);
		float: left;
		margin: 0 var(--cont-margin30) var(--cont-margin30);
		img {
			aspect-ratio: 4/3;
			object-fit: cover;
		}
	}
}
.about_text::after {
	content: "";
	display: block;
	clear: both;
}
@media (max-width: 599.98px) {
	.about_text {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		.about_img {
			float: none;
			margin: 0 auto var(--cont-margin30);
		}
	}
}


.gallery_wrap {
	width: 100%;
	ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));
		justify-content: center;
		gap: var(--cont-margin40);
		margin-top: var(--cont-margin50);
	}
	li {
		width: min(100%, 350px);
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		img {
			aspect-ratio: 4/3;
			object-fit: cover;
		}
	}
}

#access .iframe_wrap {
	margin-top: var(--cont-margin50);
}

@media (min-width: 1200px) {
	.gallery_wrap ul { grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 599.98px) {
	.gallery_wrap ul { grid-template-columns: repeat(2, 1fr);}
}