@media screen and (max-width:575px) { 
    /* スライダー */
    .slider_fade {
        position: relative;
        width: 100%;
        height: 210px;
        overflow: hidden;
    }
}
@media screen and (min-width:576px) and ( max-width:767px) { 
    /* スライダー */
    .slider_fade {
        position: relative;
        width: 100%;
        height: 380px;
        overflow: hidden;
    }
}
@media screen and (min-width:768px) and ( max-width:991px) {
    /* スライダー */
    .slider_fade {
        position: relative;
        width: 100%;
        height: 510px;
        overflow: hidden;
    }
}
@media screen and (min-width:992px) and ( max-width:1199px) {
    /* スライダー */
    .slider_fade {
        position: relative;
        width: 100%;
        height: 650px;
        overflow: hidden;
    }
}
@media screen and (min-width:1200px) and ( max-width:1399px)  {
    /* スライダー */
    .slider_fade {
        position: relative;
        width: 100%;
        height: 800px;
        overflow: hidden;
    }
}
@media screen and (min-width:1400px) {
    /* スライダー */
    .slider_fade {
        position: relative;
        width: 100%;
        height: 930px;
        overflow: hidden;
    }
}
.slider_fade img {
    position: absolute;
    width: 100vw;
    height: auto;
    background: no-repeat 50% 50%;
    background-size: cover;
    animation-name: kenburns;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 16s;
    opacity: 1;
    transform: scale(1.2);
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-top: 0px;
}

.slider_fade > img {
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 12s 0s infinite;
    height: auto;
}
.slider_fade > img:nth-of-type(2) {
    animation-delay: 4s;
}
.slider_fade > img:nth-of-type(3) {
    animation-delay: 8s;
}

@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}