@charset "utf-8";

.gallery1 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 35px;
}
.gallery1 img {
    width: 100%;
}
.gallery1 .subject {
    text-align: center;
    padding: 20px 0;
}
@media (max-width: 850px) {
    .gallery1 ul {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 640px) {
    .gallery1 ul {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 15px;
    }
}