@media screen and (max-width:3000px){
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden; /* スクロールバーを非表示にする */
}


.swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    background-size: cover;
    background-position: center center;
    animation: move 15s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}


.demo01{background:url("../img/index01_L.jpg") no-repeat;height:100vh;}

.demo02{background:url("../img/index02_L.jpg") no-repeat;height:100vh;}

.demo03{background:url("../img/index03_L.jpg") no-repeat;height:100vh;}

}

@media screen and (max-width:768px){
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden; /* スクロールバーを非表示にする */
}


.swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    background-size: cover;
    background-position: center center;
    animation: move 15s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}


.demo01{background:url("../img/index01_s.jpg") no-repeat;}

.demo02{background:url("../img/index02_s.jpg") no-repeat;}

.demo03{background:url("../img/index03_s.jpg") no-repeat;}

}