@charset "UTF-8";

.event-benefit-template {

    .c-tab--round {
        text-align: center;
    }

    .c-tab--round-filed-black .c-tab__list {
        margin: 0 auto 0 0;
    }

    .multi-benefits {
        .l-article__inner {
            display: flex;
            flex-direction: column;
        }

        payment-benefits {
            display: block;
        }
    }

    /* .best-models {
        .c-title {
            text-align: left;
        }

    } */

    .must-trom-dry {
        .custom-scroll-slider {
            max-width: calc(350 * var(--ratio));
            margin: 0 auto;
        }
        .c-responsive-video {
            position: relative;
            overflow: hidden;
            max-width: 717px;
            border-radius: 16px;
            width: calc(350 * var(--ratio));
        }
    }
    
    .easy-laundry-fix {
        .c-tab__content {
            display: flex;
            column-gap: 16px;
        }
        .c-tab__panel {
            display: none;
        }
        /* .c-title {
            text-align: left;
        } */
        .c-native-scroll-slide__item {
            flex: 0 0 calc(350 * var(--ratio));
        }
        .c-tab__panel.active {
            display: block;
        }
    }

    .all-weather-laundry {
        .c-list {
            display: flex;
            align-items: initial;
        }
        .c-tab__content {
            display: flex;
            column-gap: 16px;
        }
        .c-tab__panel {
            display: none;
            padding: 0 calc(20 * var(--ratio));
        }
        /* .c-title {
            text-align: left;
        } */
        .c-tab__list {
            width: 100vw;
            justify-content: initial;
        }
        .c-native-scroll-slide__item {
            flex: 0 0 calc(350 * var(--ratio));
        }
        .c-tab__panel.active {
            display: block;
        }
    }

    .real-review {
        .l-article__inner {
            background-color: #f0f0f0;
        }
        .l-article__content {
            width: 100vw;
        }
        .c-swiper--fade-type {
            width: 100%;
            max-width: 895px;

            .swiper-slide {
                width: calc(285 * var(--ratio));
                margin: 0 calc(10 * var(--ratio));
                opacity: 0.5;
                transition: opacity 0.25s ease-in-out;
            }
            .swiper-slide-active {
                opacity: 1;
            }
        }
    }

    .item-content__linker {
        position: absolute;
        width: 39.5%;
        height: 19%;
        top: 74%;
        left: 7%;
        /* background: tomato;
        opacity: 0.4; */
    }
    /* .item-content__linker--01 {
        left: 7%;
    } */
    .item-content__linker--02 {
        left: 6.8%;
    }
    .item-content__linker--03 {
        left: 53.4%
    }

    .benefit-accordion-article{
        .c-custom-accordion__area--fade {
            height: calc(431 * var(--ratio));
            &::after {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 77%, #FFF 100%);
            }
        }
    }
}