@charset "utf-8";

.sec_common h2+p {
    margin-bottom: 2em;
}

.sec_common .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em 1.5em;
}


.sec_common .list li figcaption {
    margin-top: .5em;
    text-align: center;
}

.sec_common .list li img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}


@media (max-width: 799px) {

    .sec_common .list {
        grid-template-columns: repeat(2, 1fr);
        gap: 2em 1em;
    }



}


@media (max-width: 399px) {

    .sec_common .list {
        grid-template-columns: repeat(1, 1fr);
    }


}