.elementor-75864 .elementor-element.elementor-element-ef9b130{--display:flex;}body.elementor-page-75864:not(.elementor-motion-effects-element-type-background), body.elementor-page-75864 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-75864{margin:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-6bc82c2 */.carousel-container {
    width: 100%;
    overflow: hidden;
    background-color: #f4f4f9;
    padding: 20px 0;
}

.carousel-track {
    display: flex;
    /* Slide 1が中央に来る位置からスタート */
    transform: translateX(-75%);
    /* アニメーションの繋ぎ目を滑らかにする設定 */
    animation: infiniteLoop 15s infinite;
}

.carousel-slide {
    flex: 0 0 50%; /* 1枚が画面幅の半分 */
    padding: 0 10px;
    box-sizing: border-box;
}

.carousel-slide img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* 5秒(33.3%)ごとの内訳:
  - 4.5秒間静止 (例: 0%〜30%)
  - 0.5秒間でスライド移動 (例: 30%〜33.3%)
*/
@keyframes infiniteLoop {
    /* 1枚目表示（Slide 1） */
    0%, 30% { transform: translateX(-75%); }
    
    /* 1枚目から2枚目へ移動 */
    33.3%, 63.3% { transform: translateX(-125%); }
    
    /* 2枚目から3枚目へ移動 */
    66.6%, 96.6% { transform: translateX(-175%); }
    
    /* 3枚目から、右に用意した「1枚目のクローン」へ移動 */
    /* ここが100%に達した瞬間、0%の(-75%)へ一瞬で戻ります */
    100% { transform: translateX(-225%); }
}

/* モバイル対応 (600px以下) */
@media (max-width: 600px) {
    .carousel-slide {
        flex: 0 0 70%;
    }
    .carousel-track {
        transform: translateX(-85%);
    }
    @keyframes infiniteLoop {
        0%, 30% { transform: translateX(-85%); }
        33.3%, 63.3% { transform: translateX(-155%); }
        66.6%, 96.6% { transform: translateX(-225%); }
        100% { transform: translateX(-295%); }
    }
}/* End custom CSS */