/* =====================================================================
*
*   top banner-large css
*
* =================================================================== */
:root {
  --swiper-preloader-color: #FF5A00;
}

/* first-user-banner */
.first-user-banner.swiper_area {
    padding: 0 10px 0 10px;
    background: #FFFFFF;
}

.first-user-banner .swiper {
    width: 100%;
    height: 100%;
    max-width: 660px;
}

.first-user-banner .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #FFFFFF;
    padding: 20px 0 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.first-user-banner .swiper-slide img {
    width: 100%;
    height: auto;
}

/* member-banner-large */
.member-banner-large.swiper {
    width: 100%;
    height: 100%;
}

/* JS実行前の初期状態: 最初のスライドを中央寄せ */
.member-banner-large:not(.swiper-initialized) .swiper-wrapper {
    transform: translateX(calc(5% - 5px));
}

.member-banner-large .swiper-slide {
    width: 90%;
    margin-inline: 5px;
}

.member-banner-large .swiper-slide img {
    width: 100%;
    max-height: 394px;
    height: auto;
}

.banner-area {
    padding: 10px 0 2px 0;
    background: #FFFFFF;
}

.banner-area__swiper {
    padding: 0;
    background: #FFFFFF;
}

.member-banner-large .swiper-slide {
    padding: 5px 0 40px 0;
    max-height: 394px;
}
.member-banner-large.swiper-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
}

.member-banner-large.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.member-banner-large .swiper-pagination-bullet-active {
    background: #FF5A00;
}

@media screen and (min-width: 720px) {
    .member-banner-large .swiper-slide {
        width: 80%;
        margin-inline: 5px;
    }

    /* JS実行前の初期状態: 最初のスライドを中央寄せ */
    .member-banner-large:not(.swiper-initialized) .swiper-wrapper {
        transform: translateX(calc(10% - 5px));
    }
}