.slider-container-outer{
            overflow: hidden;
        }
        .slider-container {
            position: relative;
            width: 100%;
            height:calc(280px + 240 * (100vw - 1023px) / 897);

            z-index:2;
            padding-bottom:2rem;
            min-width:1023px;
            /*box-shadow: 0 4px 6px rgba(0,0,0,0.1);*/
        }

        .slider-track {
            position: absolute;
            display: flex;
            width: 200%; /* 10枚の画像の幅（5枚の元画像 + 5枚の複製） */
            animation: slideLeft 30s linear infinite;
        }

        .slide {
            flex: 0 0 10%; /* 各画像が10%の幅を占める */
            height: 100%;
            display: flex;
            font-size: 48px;
            font-weight: bold;
            color: white;
            padding:0; /* 画像間の間隔をさらに狭く設定 */
        }
        .slide img {
            width: auto;
            height: 10%;
            min-height:200px;
            margin: 2rem 1rem;
            border-radius: 10px;
        }

        .slide:nth-child(1) { background-color:""; }
        .slide:nth-child(2) { background-color:""; }
        .slide:nth-child(3) { background-color:""; }
        .slide:nth-child(4) { background-color:""; }
        .slide:nth-child(5) { background-color:""; }
        .slide:nth-child(6) { background-color:""; }

        @keyframes slideLeft {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        /* ホバーで一時停止 */
        .slider-container:hover .slider-track {
            animation-play-state: paused;
        }

        .slider-content {
            text-align: center;
            padding: 20px;
        }

        /*ホバーコンテンツ01*/
        .set1{
            transition:display 1s;
            content:"";
            background:#ffffff00;
            background-size: cover;
            width:100%;
            height:100%;
            display:block;
        }
        .set1::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        opacity: 0;
        animation-name: fadein;
        animation-duration: 0.8s;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        z-index:1;
        }


        @keyframes fadein {
            0% {
                    opacity: 0;
                    background-color:#ffffff00;
            }
            100% {
                    opacity: 1;
                    background-color: rgb(213,25,63,1);
            }
        }

        .single-hover-content_inner{
            position:relative;
            z-index:3;
        }


        @media screen and (max-width:1023px){
            .slider-container {
                height:calc(230px + 240 *  (100vw - 769px) / 254);
            }
        }

        @media screen and (max-width:768px){
            .slider-container {
                height: calc(230px + 240 * (100vw - 540px) / 228);
            }
        }