.staffs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 16px;
    padding: 16px;
}

.staffs--imgBox {
    width: 100%;
}

.staffs--img {
    width: 100%;
}

.staffs--name {
    font-size: 1.6rem;
    margin-top: 8px;
    text-align: center;
}

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