@charset "utf-8";
html, body {
    height: 100%;
}
body{
    margin: 0;
    height: 100vh;
   position: relative;
}
.wrap-pc{
    height: 100%;
}
.direct-pc{
    display: inline-block;
    width: 13%;

    position: absolute;
    top: 3%;
    right: 1%;
    z-index: 9999;
}

.direct-pc img{
    display: block;
    width: 100%;
} 
.direct-m{
    position: absolute;
    top: 3%;
    right: 5%;
    z-index: 9999;
}
.direct-m{
    display: none;
}

.swiper{
    width: 100%;
    height: 100%;
}
.swiper img{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-button-prev{
    color: transparent !important;
    width: 52px !important;
    height: 110px !important;
    background-image: url(/images/prev.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.swiper-button-next{
    color: transparent !important;
    width: 52px !important;
    height: 110px !important;
    background-image: url(/images/next.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.wrap-m{
    display: none;
}

@media(max-width:768px){
    .direct-pc{
        display:none;
    }
    .direct-m{
        display: block;
    }
    .wrap-pc{
        display: none;
    }
    .wrap-m{
        display: block;
        height: 100%;
    }
    .swiper-button-prev{
        color: transparent !important;
        height: 83px !important;
        background-image: url(/images/m/prev.png);
        background-repeat:  no-repeat;
        background-position: center;
    }
    .swiper-button-next{
        color: transparent !important;
        height: 83px !important;
        background-image: url(/images/m/next.png);
        background-repeat:  no-repeat;
        background-position: center;
    }
    .swiper img{
        display: block;
        width: 100%;
        height: 100%;
    }

}