.accessMap {
    padding: 0 5% 48px;
}

.accessMap .googleMapBox {
    margin-top: 40px;
}

.accessMap .navigationPictures {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 24px;
}

.accessMap .navigationPictures .navigationPicture {
    width: 100%;
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */

    .accessMap .googleMapBox {
        margin-top: 24px;
    }

    .accessMap .navigationPictures {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}