.gridCol2 {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    /* margin-bottom: 32px; */
}

.gridCol3 {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
}

.gridCol2--figure,
.gridCol3--figure {
}

.gridCol2--img,
.gridCol3--img {
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    .gridCol2,
    .gridCol3 {
        grid-template-columns: 1fr;
    }
}