/* メインコンテナ */
.rt-team-container {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 80px 0;
    background-color: #f8f8f8;
}

/* カルーセルコンテナ */
.rt-carousel-holder {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}

/* スワイパーコンテナ */
.rttm-carousel-slider {
    overflow: visible !important;
    padding: 0;
}

/* スライドアイテム */
.single-team-area {
    width: 340px !important;
    margin: 0;
    background: #fff;
    transition: transform 0.3s ease;
}

/* 画像エリア */
.single-team-area figure {
    position: relative;
    width: 100%;
    padding-top: 140%;
    margin: 0;
    overflow: hidden;
}

.single-team-area figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキストエリア */
.tlp-overlay1 {
    position: relative;
    padding: 20px;
    text-align: center;
    background: #fff;
}

/* 名前の色を黒に変更 */
.team-name a {
    color: #000 !important;
}

/* Read Moreボタンの色を黒に変更 */
.readmore-btn a {
    background-color: #000 !important;
    color: #fff !important;
}

.team-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* ループのための追加設定 */
.swiper-wrapper {
    transition-timing-function: linear;
}

.swiper-slide-duplicate {
    pointer-events: auto !important;
}

/* レスポンシブ設定 */
@media (max-width: 1280px) {
    .rt-carousel-holder {
        max-width: 1000px;
    }
    .single-team-area {
        width: 320px !important;
    }
}

@media (max-width: 767px) {
    .rt-carousel-holder {
        max-width: 100%;
    }
    .single-team-area {
        width: 280px !important;
        margin: 0 auto !important;
    }
    .rttm-carousel-slider {
        padding: 0;
    }
    /* スライドの位置調整 */
    .swiper-slide {
        display: flex;
        justify-content: center;
    }
    /* スライド内のコンテンツを中央寄せ */
    .single-team-area figure {
        margin: 0 auto;
    }
}