#eyecatch{
	background: url(../img/gallery/top_main.png) no-repeat center center;
	background-size: 100%;
	text-align: center;
	position: relative;
	padding-top: 27%;
}

#eyecatch:before{
	content: "";
}

#eyecatch h2{
	margin: 0 auto;
	position: absolute;
	bottom: 40px;
	left:50%;
	transform: translate(-50%,0);
    font-size: 40px;
    border-bottom: 6px solid #1f5d46;
}

	/* responsive */
	@media all and (min-width: 421px) and (max-width: 767px) {
		#eyecatch{
			width: 980px;
			padding-top: 40%;
		}
	}

	@media all and (min-width: 0) and (max-width: 420px) {
		#eyecatch{
			width: 980px;
			padding-top: 83%;
		}
	}

/* contents */

.galleries {
    display: grid;
    gap: 5em;
}

.gallery-section {
    display: grid;
    gap: 1em;
    .gallery-section__name {
        font-size: 24px;
    }
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;

    img {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

figure {
	padding: 0;
	margin: 0;
	figcaption {
		font-size: 15px;
		margin-top: 6px;
	}
}