.slider {
    /* height: 53vw; */
    margin-inline: auto;
    overflow: hidden;
    /* 画像がはみ出ないようにする */
    width: 100%;
    display: flex;
}

    .slider-top, .slider-bottom {
        width: 50%;
        padding: 0;
        margin: 0;
    }
    
    .slider ul {
        list-style: none;
    }

    .slider ul .slider-item img {
        width: 100%;
    }

@media screen and (max-width:767px) {
    .slider {
        display: block;
    }
    .slider-top, .slider-bottom {
        width: 100%;
    }
}