.mobile-container {
    margin: 0 auto;

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

    position: relative;

    background-color: #fff;

    container-type: inline-size;
}




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

        padding: 10px 5px;
    }

        .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;
            align-items: center;
            gap: 10px;
        }
            .mobile-section-menu-contact-cta {
                display: flex;

                width: calc(121 * 100cqi / 375);
                height: calc(30 * 100cqi / 375);
                max-height: 44px;

                padding: 0px calc(30 * 100cqi / 375);;
                justify-content: center;
                align-items: center;
                gap: calc(12 * 100cqi / 375);

                background: linear-gradient(90deg, #DB5B0B 0%, #DD995A 100%);
                box-shadow: 2.482px 2.482px 4.965px 0 rgba(0, 0, 0, 0.25);
            }
                .mobile-section-menu-contact-cta-text {
                    color: #FFF;
                    font-size: calc(10 * 100cqi / 375);
                    font-weight: 500;
                }
            .mobile-section-menu-cta {
                display: block;
                appearance: none;
                -webkit-appearance: none;
                padding: 0;
                border: 0;
                background: transparent;
                cursor: pointer;
                line-height: 0;
            }
                .mobile-section-menu-cta img {
                    display: block;
                    width: 100%;
                }

            .mobile-section-menu-popup {
                position: absolute;
                top: calc(100% + 8px);
                right: 15px;
                z-index: 30;

                width: min(calc(330 * 100cqi / 375), calc(100% - 30px));
                padding: calc(24 * 100cqi / 375) calc(22 * 100cqi / 375);

                background-color: #70BBB3;
                box-shadow: 3px 6px 18px rgba(0, 0, 0, 0.18);

                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transform: translateY(-8px);
                transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
            }
            .mobile-section-menu-popup.is-active {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateY(0);
            }
            .mobile-section-menu-popup::before {
                content: "";
                position: absolute;
                top: -8px;
                right: 8px;

                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #70BBB3;
            }
                .mobile-section-menu-popup-menu {
                    display: flex;
                    flex-direction: column;
                    gap: calc(22 * 100cqi / 375);
                }
                    .mobile-section-menu-popup .mobile-section-foot-menu-row {
                        width: 100%;
                        column-gap: calc(18 * 100cqi / 375);
                    }
                    .mobile-section-menu-popup .mobile-section-foot-menu-row-item {
                        display: block;
                        color: #FFF;
                    }
                    .mobile-section-menu-popup .mobile-section-foot-menu-row-item:hover {
                        color: #FFF;
                    }




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-top {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: calc(10 * 100cqi / 375);

        margin-top: calc(20 * 100cqi / 375);
    }


        .mobile-section-top-title-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: calc(10 * 100cqi / 375);
        }
            .mobile-section-top-title-row-1 {
                color: #1A1A1A;
                font-size: calc(24 * 100cqi / 375);
                font-weight: 700;

                margin-left: calc(16 * 100cqi / 375);
            }
            .mobile-section-top-title-row-2 {
                color: #1A1A1A;
                font-size: calc(24 * 100cqi / 375);
                font-weight: 700;

                margin-left: calc(56 * 100cqi / 375);
            }

                .mobile-section-top-title-wrapper span {
                    background-color: #20c3c8;
                    color: #FFF;
                    font-size: calc(35 * 100cqi / 375);
                    font-weight: 700;
                    padding: 2px 8px;
                }

        .mobile-section-top-image-wrapper {
            display: flex;
            justify-content: center;

            margin-top: calc(8 * 100cqi / 375);
        }
            .mobile-section-top-image-wrapper img {
                display: block;
                max-width: 100%;
                padding: 0px calc(3 * 100cqi / 375);
            }



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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        background-color: #20C3C8;

        padding-top: calc(15 * 100cqi / 375);
        padding-bottom: calc(31 * 100cqi / 375);
    }

        .mobile-section-ad-top-wrapper {
            padding-left: calc(30 * 100cqi / 375);
            padding-bottom: calc(17 * 100cqi / 375);
        }
            .mobile-section-ad-top-row {
                color: #FFF;
                font-size: calc(14 * 100cqi / 375);
                font-weight: 400;
            }
                .mobile-section-ad-top-row span {
                    font-weight: 700;
                }


        .mobile-section-ad-middle-wrapper {
            padding-left: calc(30 * 100cqi / 375);
            padding-bottom: calc(17 * 100cqi / 375);
        }
            .mobile-section-ad-middle-row-1 {
                color: #FFF;
                font-size: calc(14 * 100cqi / 375);
                font-weight: 400;
            }
            .mobile-section-ad-middle-row-2 {
                background-color: #fff;
                color: #000;
                font-size: calc(14 * 100cqi / 375);
                font-weight: 700;
            }


        .mobile-section-ad-bottom-cta-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;

            margin: 0 auto;

            width: calc(300 * 100cqi / 375);
            height: 90px;

            border: 3px solid #FFBF8C;
            background: linear-gradient(90deg, #DB5D0E 0%, #DD9959 100%);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);

            padding: 5px;
        }
            .mobile-section-ad-bottom-cta-border {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                border: 2.595px solid rgba(255, 255, 255, 0.30);

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



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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        padding-top: calc(26 * 100cqi / 375);
        padding-bottom: calc(30 * 100cqi / 375);
    }

        .mobile-section-nayami-top-wrapper {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            gap: calc(4 * 100cqi / 375);

            color: #000;
            font-size: calc(16 * 100cqi / 375);
            font-weight: 700;

            margin-bottom: calc(43 * 100cqi / 375);
        }
            .mobile-section-nayami-top-wrapper span {
                background-color: #dd8e4c;
                color: #FFF;
                font-size: calc(24 * 100cqi / 375);
                font-weight: 700;
            }

        .mobile-section-nayami-image-wrapper {
            display: flex;
            justify-content: center;
        }
            .mobile-section-nayami-image-wrapper img {
                display: block;
                max-width: 100%;
                padding: 0px calc(3 * 100cqi / 375);
            }



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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        background-color: #20C3C8;

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

        .mobile-section-result-top-wrapper {
            display: flex;
            flex-direction: row;
            gap: calc(13 * 100cqi / 375);
            justify-content: center;
            align-items: flex-end;
        }
            .mobile-section-result-top-image {
                display: flex;
            }
                .mobile-section-result-top-image img {
                    display: block;
                }

            .mobile-section-result-top-text {
                color: #FFF;
                text-align: center;
                font-size: calc(16 * 100cqi / 375);
                font-weight: 700;
            }



        .mobile-section-result-content-image-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: calc(20 * 100cqi / 375);

            background-color: #fff;

            padding: calc(20 * 100cqi / 375) 0px;
            margin: 0px calc(45 * 100cqi / 375);

            margin-bottom: 17px;
        }
            .mobile-section-result-content-image {
                display: flex;
            }
                .mobile-section-result-content-image img {
                    display: block;
                }
            .mobile-section-result-content-text {
                color: #000;
                font-size: calc(16 * 100cqi / 375);
                font-weight: 400;
            }
            .mobile-section-result-content-border {
                background-color: #20c3c8;
                width: calc(170 * 100cqi / 375);
                height: calc(3 * 100cqi / 375);
            }

        
        .mobile-section-result-description-1 {
            display: flex;
            flex-direction: column;
            align-items: center;

            margin-bottom: calc(33 * 100cqi / 375);
        }
            .mobile-section-result-description-1-row {
                position: relative;

                color: #FFF;
                text-align: center;
                font-size: calc(16 * 100cqi / 375);
                font-weight: 400;

                width: fit-content;
            }
                .mobile-section-result-description-1-row.dot::after {
                    position: absolute;
                    display: flex;

                    width: 100%;
                    height: calc(3 * 100cqi / 375);
                    content: '';
                    background-image: url('../img/m-result-description-dot.png');
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                }


        .mobile-section-result-description-2 {
            text-align: center;

            color: #FFF;
            font-size: calc(16 * 100cqi / 375);
            font-weight: 700;

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

        .mobile-section-result-description-3 {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;

            color: #FFF;
            text-align: center;
            font-size: calc(16 * 100cqi / 375);
            font-weight: 700;
        }
            .mobile-section-result-description-3 span {
                background-color: #fff;
                color: #000;
                text-align: center;
                font-size: calc(26 * 100cqi / 375);
                font-weight: 700;
            }




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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        padding-top: calc(26 * 100cqi / 375);
        padding-bottom: calc(30 * 100cqi / 375);
    }

        .mobile-section-connect-top-wrapper {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            gap: calc(4 * 100cqi / 375);

            color: #000;
            font-size: calc(16 * 100cqi / 375);
            font-weight: 700;

            margin-bottom: calc(43 * 100cqi / 375);
        }
            .mobile-section-connect-top-wrapper span {
                background-color: #dd8e4c;
                color: #FFF;
                font-size: calc(24 * 100cqi / 375);
                font-weight: 700;
            }

        .mobile-section-connect-image-wrapper {
            display: flex;
            justify-content: center;
        }
            .mobile-section-connect-image-wrapper img {
                display: block;
                max-width: 100%;
                padding: 0px calc(38 * 100cqi / 375);
            }



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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        background-color: #20c3c8;

        padding-top: calc(26 * 100cqi / 375);
        padding-bottom: calc(30 * 100cqi / 375);
    }


        .mobile-section-reason-top-wrapper {
            display: flex;
            justify-content: center;
            gap: calc(7 * 100cqi / 375);
        }
            .mobile-section-reason-top-image {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }   
                .mobile-section-reason-top-image img {
                    display: block;
                }
            .mobile-section-reason-top-text {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
                .mobile-section-reason-top-text-row-1 {
                    color: #FFF;
                    text-align: center;
                    font-size: calc(20 * 100cqi / 375);
                    font-weight: 700;
                }
                .mobile-section-reason-top-text-row-2 {
                    color: #FFF;
                    font-size: calc(26 * 100cqi / 375);
                    font-weight: 700;
                }


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

            margin: 0 calc(28 * 100cqi / 375);

            margin-top: calc(33 * 100cqi / 375);
            margin-bottom: calc(50 * 100cqi / 375);
        }

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

                justify-content: center;
                align-items: center;
            }
                .mobile-section-reason-item-title {
                    background-color: #fff;
                    color: #DD8E4C;
                    text-align: center;
                    font-size: calc(20 * 100cqi / 375);
                    font-weight: 700;

                    width: fit-content;

                    padding: calc(5 * 100cqi / 375) calc(24 * 100cqi / 375);
                }

                .mobile-section-reason-item-content-wrapper {
                    background-color: #fff;

                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: calc(20 * 100cqi / 375);

                    width: 100%;

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

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

                    }
                    .mobile-section-reason-item-content-text-2-row {
                        color: #000;
                        text-align: center;
                        font-size: calc(14 * 100cqi / 375);
                        font-weight: 400;
                    }




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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        padding-top: calc(36 * 100cqi / 375);
        padding-bottom: calc(36 * 100cqi / 375);
    }
        .mobile-section-target-image-wrapper {
            position: absolute;
            display: flex;

            top: calc(35 * 100cqi / 375);
            right: calc(22 * 100cqi / 375);
        }
            .mobile-section-target-image-wrapper img {
                display: block;
                max-width: 100%;
                padding: 0px calc(22 * 100cqi / 375);
            }

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

            margin-top: calc(169 * 100cqi / 375);
        }
            .mobile-section-target-title {
                display: flex;
                width: fit-content;

                background-color: #20c3c8;
                color: #FFF;
                text-align: center;
                font-size: calc(20 * 100cqi / 375);
                font-weight: 700;

                margin-left: calc(18 * 100cqi / 375);
                padding: calc(5 * 100cqi / 375) calc(16 * 100cqi / 375);
            }
            .mobile-section-target-content {
                background-color: #20c3c8;
                color: #FFF;
                font-size: calc(14 * 100cqi / 375);
                font-weight: 500;

                padding: calc(20 * 100cqi / 375) 0;
                padding-left: calc(11 * 100cqi / 375);

                margin-left: calc(18 * 100cqi / 375);
                margin-right: calc(22 * 100cqi / 375);
            }


    .mobile-section-target-bottom-border {
        background-color: #d2f3f4;
        height: calc(16 * 100cqi / 375);;
    }




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

        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        height: 100%;

        background-color: #20c3c8;

        padding-top: calc(20 * 100cqi / 375);
        padding-bottom: calc(46 * 100cqi / 375);
    }

        .mobile-section-apply-title {
            color: #FFF;
            font-size: calc(18 * 100cqi / 375);
            font-weight: 700;
            
            text-align: center;

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

        .mobile-section-apply-subtitle {
            display: flex;
            flex-direction: column;
        }
            .mobile-section-apply-subtitle-row {
                color: #EBF7F7;
                text-align: center;
                font-size: calc(20 * 100cqi / 375);
                font-weight: 700;
            }
                .mobile-section-apply-subtitle-row span {
                    position: relative;
                    display: inline-block;
                    padding-bottom: calc(6 * 100cqi / 375);
                    font-size: calc(26 * 100cqi / 375);
                }
                    .mobile-section-apply-subtitle-row span::after {
                        position: absolute;
                        content: '';

                        left: 45%;
                        bottom: 7px;

                        width: calc(42.32 * 100cqi / 375);
                        height: calc(4.6 * 100cqi / 375);

                        background-image: url('../img/m-apply-subtitle-dot.png');
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: 100% 100%;
                        transform: translateX(-50%);
                    }


        .mobile-section-apply-item-wrapper {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: calc(18 * 100cqi / 375);
            width: fit-content;

            margin: calc(35 * 100cqi / 375) auto;
            justify-content: stretch;
        }

            .mobile-section-apply-item {
                display: flex;
                gap: calc(27 * 100cqi / 375);
                align-items: center;
            }
                .mobile-section-apply-item-image {
                    display: flex;
                }
                    .mobile-section-apply-item-image img {
                        display: block;
                    }
                .mobile-section-apply-item-text {
                    color: #FFF;
                    font-size: calc(18 * 100cqi / 375);
                    font-weight: 700;
                }

        .mobile-section-apply-bottom {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
            .mobile-section-apply-bottom-row-1 {
                color: #FFF;
                font-size: calc(18 * 100cqi / 375);
                font-weight: 400;
            }
            .mobile-section-apply-bottom-row-2 {
                color: #FFF;
                font-size: calc(18 * 100cqi / 375);
                font-weight: 700;
            }






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

        display: flex;
        flex-direction: column;
        gap: 10px;

        align-items: center;

        width: 100%;
        height: 100%;

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

        .mobile-section-contact-title {
            color: #168B83;
            font-size: calc(20 * 100cqi / 375);
            font-weight: 700;

            margin-bottom: calc(19 * 100cqi / 375);
        }
            .mobile-section-contact-title span {
                font-size: calc(28 * 100cqi / 375);
            }

        .mobile-section-contact-description {
            margin-bottom: calc(31 * 100cqi / 375);
        }
            .mobile-section-contact-description-row {
                color: #168B83;
                text-align: center;
                font-size: calc(14 * 100cqi / 375);
                font-weight: 400;
            }
                .mobile-section-contact-description-row span {
                    font-weight: 700;
                }



        .mobile-section-contact-cta-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;

            margin: 0 auto;

            width: 524px;
            height: 90px;

            border: 3px solid #FFBF8C;
            background: linear-gradient(90deg, #DB5D0E 0%, #DD9959 100%);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);

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

                border: 2.595px solid rgba(255, 255, 255, 0.30);

                width: 100%;
                height: 100%;
            }
                .mobile-section-contact-cta-text {
                    color: #FFF;
                    font-size: 30px;
                    font-weight: 700;
                }


/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .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;
        }














/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-bottom-arrow-border-wrapper {
        position: relative;
        background-color: #d2f3f4;
    }
        .mobile-section-bottom-arrow-fill {
            height: 15px;
        }
        .mobile-section-bottom-arrow-border {
            position: relative;

            display: flex;
            flex-direction: column;

            background-color: #fff;
            height: 15px;
        }

        .mobile-section-bottom-arrow-border::after {
            content: "";
            position: absolute;
            inset: 0;

            background-color: #d2f3f4;
            clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
        }


/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
        .mobile-section-bottom-arrow-border-reverse {
            position: relative;

            display: flex;
            flex-direction: column;

            background-color: #fff;
            height: 15px;
        }

        .mobile-section-bottom-arrow-border-reverse::after {
            content: "";
            position: absolute;
            inset: 0;

            background-color: #d2f3f4;
            clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);
        }