.features {
    margin: auto;
    width: 100%;
}


.features .reposTitle {
    height: clamp(94px, 7vw, 900px);
}

.features img {
    margin: auto;
    width: 100%;
}


.features .resize1 {
    aspect-ratio: 4 /1;
}

.features .resize2 {
    aspect-ratio: 4 /1;
}

.features .resize3 {
    aspect-ratio: 4 /1;
}

.features .resize4 {
    aspect-ratio: 4 /1;
}

@media (max-width: 600px) {
    /* .features {
        width: 100%;
        height: 401vw;
        aspect-ratio: auto;
    } */

    .features .reposTitle {
        height: 70px;
    }

    .features .resize1 {
        height: 64vw;
        aspect-ratio: auto;
        padding-bottom: 8vw;
    }

    .features .resize2 {
        height: 72vw;
        padding-bottom: 8vw;
        aspect-ratio: auto;
    }

    .features .resize3 {
        height: 64vw;
        padding-bottom: 8vw;
        aspect-ratio: auto;
    }

    .features .resize4 {
        height: 93vw;
        padding-bottom: 16vw;
        aspect-ratio: auto;
    }

    .br-sp {
        display: block;
    }

}


@media (min-width: 601px) and (max-width: 1100px) {

    .features .resize1 {
        height: 64vw;
        aspect-ratio: auto;
        padding-bottom: 8vw;
    }

    .features .resize2 {
        height: 72vw;
        padding-bottom: 8vw;
        aspect-ratio: auto;
    }

    .features .resize3 {
        height: 64vw;
        padding-bottom: 8vw;
        aspect-ratio: auto;
    }

    .features .resize4 {
        height: 93vw;
        padding-bottom: 16vw;
        aspect-ratio: auto;
    }


    .br-sp {
        display: block;
    }
}