/* ===== スライド共通 ===== */
.slide {
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
}

/* ===== 1枚目は強制表示 ===== */
.s1 {
    opacity:1;
}

/* ===== フェードアニメ ===== */
@keyframes fadeSlide {
    0%   { opacity:0; }
    10%  { opacity:1; }
    40%  { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:0; }
}

/* ===== 2枚目以降だけ動かす ===== */
.s2 {
    animation: fadeSlide 12s infinite;
}

.s3 {
    animation: fadeSlide 12s infinite;
    animation-delay:6s;
}