@charset "utf-8";

.jp_slide_img_wrapper {
    position: relative;
    width: 95%;
    height: 300px;
    background-image: url(img/slide2.jpg);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0px 0px;
    animation-name: slide_img;
    animation-duration: 350s; /* スピード調整 (例: 200秒) */
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin: 0 auto; /* 中央寄せ */
}

@keyframes slide_img {
    100% {
        background-position: -10000px 0;
    }
}

.jp_slide_img_overlay {
    position: absolute;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 896px) {
    .jp_slide_img_wrapper {
        height: 35vh;
    }
}

@media screen and (max-width: 700px) {
    .jp_slide_img_wrapper {
        height: 30vh;
    }
}