@media screen and (max-width:768px) {
    .slider.slick{
        position: relative;
        display: block;
    }
    .slider.slick .slider-track{
        display: flex;
        transition: transform .35s ease;
        width: 100%;
    }

    .slider.slick .accordion-01__floor-img{
        flex: 0 0 100%;
    }
    .slider.slick .accordion-01__floor-item{
        width: calc(100% + 50px) !important;
        margin-left: -25px;
    }
    .vintage-garage .accordion-01__floor-item:nth-of-type(4) .accordion-01__floor-img{
         width: calc(100% + 50px) !important;
    }
    .slider.slick .accordion-01__floor-img{
        width: calc(100% + 50px) !important;
        margin-left: -25px;
        position: relative;
    }
    .slider.slick .accordion-01__floor-img__sp{
        height: 430px;
        position: relative;
    }
    .slider.slick .accordion-01__floor-img__sp.long{
        height: 500px;
    }
    .slider.slick .accordion-01__floor-img__sp .center-image{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .slider.slick .accordion-01__floor-img__sp .center-image .left30{
        margin-left: -30px;
    }
    .slider.slick .accordion-01__floor-img__sp .center-image::after{
        content: "";
        position: absolute;
        width: 65px;
        height: 65px;
        background-image: url(../images/landscape/new-image/compass.png);
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -20px;
        right: 20px;
    }
    .slider.slick .accordion-01__floor-img__sp .center-image.left-align::after{
        content: "";
        position: absolute;
        width: 65px;
        height: 65px;
        background-image: url(../images/landscape/new-image/compass.png);
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 20px;
        left: 20px;
    }
    .slider.slick img{
        /* width: auto; */
    }
    .slider.slick img.width-adjust70{
        width: 100%;
        max-width: 370px;
    }
    .slider.slick img.width-adjust60{
        width: 100%;
        max-width: 320px;
    }
    .slider.slick img.width-adjust50{
        width: 100%;
        max-width: 280px;
    }
    .slider.slick img.width-adjust20{
        width: 100%;
        max-width: 230px;
    }
    .simple-prev, .simple-next{
        position: absolute;
        top: 50%;
        left: 0;
        width: 80px;
        height: 80px;
        background-color: #7b755e;
        z-index: 1;
        transform: translate(-85%,-50%);
        border-radius: 50%;
    }
    .simple-next{
        left: auto;
        right: 0;
        transform: translate(85%,-50%);
    }
    .simple-prev span, .simple-next span{
        font-size: 2.2rem;
        color: #fff;
    }
    .simple-prev span{
        margin-right: -25px;
    }
    .simple-next span{
        margin-left: -25px;
    }

    .slider.slick::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 100px;
        background-image: url(../images/common/img_swiper.png); 
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 10;
        pointer-events: none;
        animation: swipeHint 1.5s ease-in-out infinite;
        transition: opacity 0.4s ease;
    }

    .slider.slick.swiped::after {
        opacity: 0;
        animation: none;
        pointer-events: none;
    }

    @keyframes swipeHint {
        0%   { transform: translateX(-50%); opacity: 1; }
        50%  { transform: translateX(calc(-50% - 20px)); opacity: 0.5; }
        100% { transform: translateX(-50%); opacity: 1; }
    }
}