/* 全体設定 */
.css-carousel-slider8 {
    width: 300px;
    overflow: hidden;
    position: absolute;
    top: 552px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.css-carousel-slider8 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider8 .slide-wrap {
    width: 800%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider8 60s infinite;
    animation-delay: 3s;
}
.css-carousel-slider8 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main8 60s infinite;
    animation-delay: 3s;
}
.css-carousel-slider8 .slide {
    font-size:1.4rem;
    font-family: "ＭＳ ゴシック",sans-serif;
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider8 {
    0% { transform: translateX(0); }

    10.5% { transform: translateX(calc(1 / 8 * -100%)); }
    12.5% { transform: translateX(calc(1 / 8 * -100%)); }

    23% { transform: translateX(calc(2 / 8 * -100%)); }
    25% { transform: translateX(calc(2 / 8 * -100%)); }

    35.5% { transform: translateX(calc(3 / 8 * -100%)); }
    37.5% { transform: translateX(calc(3 / 8 * -100%)); }

    48% { transform: translateX(calc(4 / 8 * -100%)); }
    50% { transform: translateX(calc(4 / 8 * -100%)); }

    60.5% { transform: translateX(calc(5 / 8 * -100%)); }
    62.5% { transform: translateX(calc(5 / 8 * -100%)); }

    73% { transform: translateX(calc(6 / 8 * -100%)); }
    75% { transform: translateX(calc(6 / 8 * -100%)); }

    85.5% { transform: translateX(calc(7 / 8 * -100%)); }
    87.5% { transform: translateX(calc(7 / 8 * -100%)); }

    98% { transform: translateX(calc(8 / 8 * -100%)); }
    100% { transform: translateX(calc(8 / 8 * -100%)); }
}

@keyframes css-carousel-slider-main8 {
    0% { transform: translateX(100%); }
    87.5% { transform: translateX(100%); }
    98% { transform: translateX(0%);}
}