.mobile-container {
    margin: 0 auto;

    max-width: 900px;
    min-width: 375px;

    position: relative;

    background-color: #fff;

    container-type: inline-size;
}




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-menu {
        overflow: hidden;
        position: relative;
        z-index: 20;
        display: flex;
        flex-direction: row;
        gap: 10px;

        padding: 10px 5px;
        background-color: #fff;
    }

        .mobile-section-menu-logo {
            flex: 0 0 45px;
        }
            .mobile-section-menu-logo img {
                display: block;
                width: 100%;
            }
        .mobile-section-menu-content {
            flex: 1 1 auto;
        }
        .mobile-section-menu-wrapper {
            flex: 0 0 auto;
            margin: 5px 10px;

            display: flex;
            flex-direction: row;
            gap: 10px;
        }
            .mobile-section-menu-contact-cta {
                display: flex;
                width: 130px;
                height: 23.972px;
                padding: 14.752px 25.816px;
                justify-content: center;
                align-items: center;
                gap: 9.22px;

                border-radius: 921.064px;
                background: #F5FF01;
            }
                .mobile-section-menu-contact-cta-text {
                    font-size: 12.908px;
                    font-weight: 500;
                }
            .mobile-section-menu-cta {
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 0 0 47px;
                width: 47px;
                height: 44px;
                padding: 0px;
                border: 0px;
                background: transparent;
                cursor: pointer;
            }
                .mobile-section-menu-cta img {
                    display: block;
                    width: 100%;
            }

    .mobile-section-menu-popup {
        position: fixed;
        inset: 0px;
        z-index: 15;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background: rgba(26, 26, 26, 0);
        transition: opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease;
    }
    .mobile-section-menu-popup.is-active {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        background: rgba(26, 26, 26, 0.18);
    }
        .mobile-section-menu-popup-panel {
            width: min(calc(100% - 30px), 420px);
            margin: 76px 15px 0px auto;
            padding: 26px 28px;

            border-radius: 8px;
            background: #70BBB3;
            box-shadow: 0px 12px 28px rgba(26, 26, 26, 0.18);

            transform: translateY(-8px);
            transition: transform 0.2s ease;
        }
        .mobile-section-menu-popup.is-active .mobile-section-menu-popup-panel {
            transform: translateY(0px);
        }
            .mobile-section-menu-popup-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 18px;
                row-gap: 24px;
            }
                .mobile-section-menu-popup-item {
                    display: block;
                    color: #FFF;
                }
                .mobile-section-menu-popup-item:hover {
                    color: #FFF;
                }
                    .mobile-section-menu-popup-item-ja {
                        font-size: calc(20 * 100cqi / 375);
                        font-weight: 700;
                    }
                    .mobile-section-menu-popup-item-en {
                        font-size: calc(12 * 100cqi / 375);
                        font-weight: 400;
                    }

    body.mobile-menu-popup-open {
        overflow: hidden;
    }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-top {
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;

        width: 100%;
        height: 100%;

        background-color: #E5F4F1;

        padding-top: calc(200 * 100cqi / 375);
        padding-left: calc(21 * 100cqi / 375);

        padding-bottom: calc(35 * 100cqi / 375);
    }
        .mobile-section-top-right-background {
            position: absolute;
            display: block;

            top: calc(35 * 100cqi / 375);
            right: 0px;

            width: calc(215 * 100cqi / 375);
        }
            .mobile-section-top-right-background img {
                display: block;
                width: 100%;
            }

        .mobile-section-top-row-1 {
            position: relative;

            width: calc(255 * 100cqi / 375);

            margin-bottom: calc(5 * 100cqi / 375);
        }
            .mobile-section-top-row-1 img {
                display: block;
                width: 100%;
            }

        .mobile-section-top-row-2 {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 10px;

            margin-bottom: calc(15 * 100cqi / 375);
        }
            .mobile-section-row-2-item-type-text {
                color: #1A1A1A;
                font-size: calc(28 * 100cqi / 375);
                font-weight: 700;
            }
            .mobile-section-row-2-item-type-text span {
                color: #FF7676;
                font-weight: 700;
            }


        .mobile-section-top-row-3 {
            position: relative;

            color: #437C80;
            font-size: calc(14 * 100cqi / 375);
            font-weight: 400;

            margin-bottom: calc(28 * 100cqi / 375);
        }

        .mobile-section-top-cta-wrapper {
            display: flex;

            width: calc(296 * 100cqi / 375);
            height: calc(50 * 100cqi / 375);

            border-radius: 50px;
            background: linear-gradient(90deg, #F5FF01 0%, #E5CB23 100%);
            box-shadow: -2.595px 3.893px 13.105px 0 rgba(0, 0, 0, 0.15);

            margin: 0 auto;
        }
            .mobile-section-top-cta-border {
                border-radius: 50px;
                border: 2.595px solid rgba(255, 255, 255, 0.30);

                flex: 1 0 auto;
                margin: calc(5 * 100cqi / 375);
                height: 80%;
                display: flex;
                justify-content: center;
            }
                .mobile-section-top-cta {
                    color: #FF7676;
                    font-size: calc(17 * 100cqi / 375);
                    font-weight: 700;

                    display: flex;
                    align-items: center;
                }




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-reason {
        position: relative;
        display: flex;
        flex-direction: column;

        padding-top: calc(64 * 100cqi / 375);

        margin-bottom: calc(64 * 100cqi / 375);
    }

        .mobile-section-reason-main-title-1 {
            color: #6398A4;
            text-align: center;
            font-size: calc(18 * 100cqi / 375);
            font-weight: 500;
        }
        .mobile-section-reason-main-title-2 {
            color: #6398A4;
            text-align: center;
            font-size: calc(27 * 100cqi / 375);
            font-weight: 500;

            margin-bottom: calc(60 * 100cqi / 375);
        }


        .mobile-section-reason-item-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;

            gap: calc(40 * 100cqi / 375);
        }
            .mobile-section-reason-item {

            }
                .mobile-section-reason-item-image-wrapper {
                    
                }
                    .mobile-section-reason-item-image-wrapper img {
                        display: block;
                        max-width: 100%;
                        padding: 0px calc(20 * 100cqi / 375);

                    }

                .mobile-section-reason-item-text {
                    color: #1A1A1A;
                    text-align: center;
                    font-size: calc(20 * 100cqi / 375);
                    font-weight: 500;
                }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-recommend {
        position: relative;
        display: flex;
        flex-direction: column;

        background-color: #70BBB3;

        padding-top: calc(28 * 100cqi / 375);

        padding-bottom: calc(70 * 100cqi / 375);
    }

        .mobile-section-recommend-main-title-image-wrapper {
            width: calc(273 * 100cqi / 375);
            margin-left: calc(20 * 100cqi / 375);

            padding-bottom: calc(13 * 100cqi / 375);
        }
            .mobile-section-recommend-main-title-image-wrapper img {
                display: block;
                width: 100%;
            }


        .mobile-section-recommend-item-wrapper {
            display: flex;
            flex-direction: column;
            gap: calc(20 * 100cqi / 375);

            align-items: center;

            margin-bottom: calc(34 * 100cqi / 375);
        }
            .mobile-section-recommend-item {
                padding: calc(12 * 100cqi / 375) 0px calc(12 * 100cqi / 375) calc(25 * 100cqi / 375);

                width: calc(322 * 100cqi / 375);
                
                border-radius: 12px;
                background-color: #fff;
                box-shadow: 3.217px 3.217px 5.63px 0 rgba(0, 0, 0, 0.34);                
            }

                .mobile-section-recommend-item-text {
                    color: #000;
                    font-size: calc(20 * 100cqi / 375);
                    font-weight: 500;
                }

                    .mobile-section-recommend-item-text span {
                        color: #70BBB3;
                    }



        .mobile-section-reason-bottom-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }

            .mobile-section-reason-bottom-image-wrapper {
                position: relative;
                display: flex;

                width: calc(349 * 100cqi / 375);
            }
                .mobile-section-reason-bottom-image-wrapper img {
                    display: block;
                    width: 100%;
                }

                .mobile-section-reason-bottom-content-wrapper {
                    position: absolute;
                    z-index: 1;

                    display: flex;
                    flex-direction: column;
                    
                    top: 0px;
                    left: 0px;

                    padding: calc(40 * 100cqi / 375);

                    color: #5E7F90;
                    font-size: calc(18 * 100cqi / 375);
                    font-weight: 500;
                }
                    .mobile-section-reason-bottom-content-text {
                    }






/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-voice {
        position: relative;
        display: flex;
        flex-direction: column;

        background-color: #e5f4f1;

        padding-top: calc(56 * 100cqi / 375);
    }

        .mobile-section-voice-top-image-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;

            margin-bottom: calc(10 * 100cqi / 375);
        }
            .mobile-section-voice-top-image-wrapper img {
                display: block;
            }

        .mobile-section-voice-top-text {
            color: #437C80;
            text-align: center;
            font-size: calc(27 * 100cqi / 375);
            font-weight: 500;

            margin-bottom: calc(40 * 100cqi / 375);
        }


        .mobile-section-voice-voice-item-wrapper {
            display: flex;
            align-items: stretch;
            gap: 10px;
            position: relative;

            width: calc(260 * 100cqi / 375);
            margin: 0 auto;

            margin-bottom: calc(70 * 100cqi / 375);
        }

        .mobile-section-voice-voice-item-wrapper.swiper {
            overflow: visible;
        }

        .mobile-section-voice-voice-item-wrapper .swiper-wrapper {
            align-items: stretch;
        }

        .mobile-section-voice-voice-item-wrapper .swiper-slide {
            height: auto;
        }

        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-prev,
        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-next {
            position: absolute;
            top: 50%;
            z-index: 10;
            width: 52px;
            height: 52px;
            padding: 0;
            margin-top: 0;
            background: #fff !important;
            box-shadow: none !important;
            border-radius: 25px !important;
            border: 0;
            color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: translateY(-50%);
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            outline: none;
        }

        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-prev::after,
        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-next::after {
            content: none;
        }

        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-prev {
            left: -56px;
        }

        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-next {
            right: -56px;
        }

        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-prev img,
        .mobile-section-voice-voice-item-wrapper .mobile-voice-swiper-button-next img {
            display: block;
            width: 100%;
            height: auto;
            pointer-events: none;
        }

            .mobile-section-voice-voice-item {
                display: flex;
                flex-direction: column;
                height: 100%;
                gap: 13px;

                background-color: #fff;

                border-radius: 20px;
            }
                .mobile-section-voice-voice-item-title-wrapper {
                    display: flex;
                    gap: 7px;

                    padding-top: calc(15 * 100cqi / 375);
                    padding-left: calc(15 * 100cqi / 375);
                }
                    .mobile-section-voice-voice-item-title-icon-wrapper {
                        width: calc(97 * 100cqi / 375);
                    }
                        .mobile-section-voice-voice-item-title-icon-wrapper img {
                            display: block;
                            width: 100%;
                        }

                    .mobile-section-voice-voice-item-title-text-wrapper {
                        color: #1A1A1A;
                        text-align: center;
                        font-size: calc(15 * 100cqi / 375);
                        font-weight: 700;

                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                    }
                        .mobile-section-voice-voice-item-title-text-text-1 {
                            
                        }
                        .mobile-section-voice-voice-item-title-text-text-2 {
                            font-size: calc(12 * 100cqi / 375);
                        }

                .mobile-section-voice-voice-item-description {
                    color: #1A1A1A;
                    font-size: calc(12 * 100cqi / 375);
                    font-weight: 400;
                }

                .mobile-section-voice-voice-item-description-wrapper {
                    flex: 1;
                    padding: 0px calc(25 * 100cqi / 375);
                    padding-bottom: calc(15 * 100cqi / 375);
                }
                    .mobile-section-voice-voice-item-description-row {

                    }
                        .mobile-section-voice-voice-item-description-row span {
                            color: #1A1A1A;
                            font-size: calc(12 * 100cqi / 375);
                            font-weight: 700;
                        }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-flow {
        position: relative;
        display: flex;
        flex-direction: column;

        background-color: #fff;

        padding-bottom: calc(80 * 100cqi / 375);
    }

        .mobile-section-flow-title {
            margin-top: calc(30 * 100cqi / 375);
            margin-bottom: calc(30 * 100cqi / 375);

            color: #437C80;
            text-align: center;
            font-size: calc(27 * 100cqi / 375);
            font-weight: 500;
        }

        .mobile-section-flow-item-wrapper {
            display: flex;
            flex-direction: column;

            padding-left: calc(44 * 100cqi / 375);
            padding-right: calc(44 * 100cqi / 375);
        }
            .mobile-section-flow-item {
                display: flex;
                gap: calc(33 * 100cqi / 375);
            }
                .mobile-section-flow-item-left {
                    display: flex;
                    flex-direction: column;
                }

                    .mobile-section-flow-item-left-number {
                        color: #76BCA7;
                        text-align: center;
                        font-size: calc(40 * 100cqi / 375);
                        font-weight: 500;
                    }
                    .mobile-section-flow-item-left-image-wrapper {
                        
                    }
                        .mobile-section-flow-item-left-image-wrapper img {
                            display: block;
                            width: 100%;
                        }
                
                .mobile-section-flow-item-right {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }
                    .mobile-section-flow-item-right-row-1 {
                        color: #ABEAC3;
                        text-align: center;
                        font-size: calc(20 * 100cqi / 375);
                        font-weight: 700;

                        margin-bottom: calc(16 * 100cqi / 375);
                    }
                    .mobile-section-flow-item-right-row-2 {
                        color: #ABEAC3;
                        text-align: center;
                        font-size: calc(16 * 100cqi / 375);
                        font-weight: 500;
                    }




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-faq {
        position: relative;
        display: flex;
        flex-direction: column;

        background-color: #70BBB3;

        padding-bottom: calc(60 * 100cqi / 375);
    }

        .mobile-section-faq-title {
            margin-top: calc(36 * 100cqi / 375);
            margin-bottom: calc(36 * 100cqi / 375);

            color: #fff;
            text-align: center;
            font-size: calc(27 * 100cqi / 375);
            font-weight: 500;
        }

        .mobile-section-faq-item-wrapper {
            display: flex;
            flex-direction: column;
            gap: calc(20 * 100cqi / 375);

            padding-left: calc(20 * 100cqi / 375);
            padding-right: calc(20 * 100cqi / 375);
        }

            .mobile-section-faq-item {
                display: flex;
                flex-direction: column;
            }
                .mobile-section-faq-item-question {
                    position: relative;
                    background-color: #E5F4F1;
                    padding: 
                        calc(5 * 100cqi / 375)
                        calc(10 * 100cqi / 375);
                    padding-left: calc(40 * 100cqi / 375);
                    border-radius: 20px 20px 0 0;

                    color: #437C80;
                    font-size: calc(16 * 100cqi / 375);
                    font-weight: 500;
                }
                    .mobile-section-faq-item-question::after {
                        position: absolute;
                        display: flex;
                        align-items: center;
                        top: 0px;
                        left: calc(10 * 100cqi / 375);
                        height: 100%;
                        content: 'Q.';
                    }
                .mobile-section-faq-item-answer {
                    position: relative;
                    background-color: #fff;
                    padding: calc(10 * 100cqi / 375);
                    padding-left: calc(40 * 100cqi / 375);

                    border-radius: 0 0 20px 20px;

                    color: #437C80;
                    font-size: calc(14 * 100cqi / 375);
                    font-weight: 400;
                }
                    .mobile-section-faq-item-answer::after {
                        position: absolute;
                        display: flex;
                        align-items: flex-start;
                        top: calc(10 * 100cqi / 375);
                        left: calc(10 * 100cqi / 375);
                        height: 100%;
                        content: 'A.';
                    }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-contact {
        position: relative;
        display: flex;
        flex-direction: column;

        background-color: #E5F4F1;

        padding-bottom: calc(34 * 100cqi / 375);
    }

        .mobile-section-contact-title {
            display: flex;
            flex-direction: column;

            padding-top: calc(32 * 100cqi / 375);
            padding-bottom: calc(17 * 100cqi / 375);
        }

            .mobile-section-contact-title-text {
                color: #437C80;
                text-align: center;
                font-size: 17px;
                font-weight: 700;
            }

        .mobile-section-contact-description {
            color: #437C80;
            text-align: center;
            font-size: calc(14 * 100cqi / 375);
            font-weight: 400;

            margin-bottom: calc(35 * 100cqi / 375);;
        }

        .mobile-section-contact-cta-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            max-width: calc(320 * 100cqi / 375);
            height: calc(55 * 100cqi / 375);

            border-radius: 50px;
            background: linear-gradient(90deg, #F5FF01 0%, #E5CB23 100%);
            box-shadow: -1.596px 2.395px 8.062px 0 rgba(0, 0, 0, 0.15);

            padding: 10px;
            margin: 0 auto;

        }
            .mobile-section-contact-cta-border {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                border-radius: 50px;
                border: 1.596px solid rgba(255, 255, 255, 0.30);

                width: 100%;
                height: 100%;
            }
                .mobile-section-contact-cta-text {
                    color: #FFF;
                    font-size: calc(20 * 100cqi / 375);
                    font-weight: 700;

                    padding: 50px 20px;
                }

/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-post {
        position: relative;

        width: 100%;
        height: 50px;

        background-color: transparent;

    }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-foot {
        position: relative;
        background-color: #70BBB3;
        width: 100%;

        display: flex;
        flex-direction: column;

        padding: 0px 0px 20px 0px;        
    }

        .mobile-section-foot-grid {
            position: relative;
            width: 100%;

            display: flex;
            flex-direction: column;

            padding: 50px 50px;

            gap: 30px;
        }
            .mobile-section-foot-company {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
                .mobile-section-foot-company-logo {
                    margin-bottom: 7px;
                }
                    .mobile-section-foot-company-logo-image {
                        display: block;
                    }

                .mobile-section-foot-company-address {
                    color: #FFF;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 140%; /* 21px */

                    margin-left: 22px;
                }
                    .mobile-section-foot-company-address-text {

                    }

            .mobile-section-foot-menu {
                display: flex;
                flex-direction: column;
                gap: 30px;

                width: 100%;
                align-items: center;
            }
                .mobile-section-foot-menu-row {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    width: 80%;
                }
                    .mobile-section-foot-menu-row-item {
                        color: #FFF;
                    }
                    .mobile-section-foot-menu-row-item:hover {
                        color: #FFF;
                    }
                        .mobile-section-foot-menu-row-item-ja {
                            font-size: calc(20 * 100cqi / 375);
                            font-weight: 700;
                        }
                        .mobile-section-foot-menu-row-item-en {
                            font-size: calc(12 * 100cqi / 375);
                            font-weight: 400;
                        }

        .mobile-section-foot-copyright {
            display: block;
            color: #fff;
            text-align: center;
        }