.mobile-container {
    margin: 0 auto;

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

    position: relative;

    background-color: #ddf5ff;

    container-type: inline-size;
}




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-menu {
        overflow: visible;
        position: relative;
        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;
            position: relative;

            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: linear-gradient(90deg, #D17144 0%, #F4BB30 100%);
            }
                .mobile-section-menu-contact-cta-text {
                    color: #FFF;
                    font-size: 12.908px;
                    font-weight: 500;
                }
            .mobile-section-menu-cta {
                cursor: pointer;
            }
                .mobile-section-menu-cta img {
                    display: block;
                    width: 100%;
            }
                .mobile-section-menu-list {
                    position: absolute;
                    top: calc(100% + 12px);
                    right: 0;
                    z-index: 50;
                    display: none;
                    grid-template-columns: 1fr 1fr;
                    width: min(280px, calc(100vw - 30px));
                    padding: 12px;
                    gap: 8px;
                    border-radius: 16px;
                    background: #FFF;
                    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.20);
                }

                .mobile-section-menu.is-open .mobile-section-menu-list {
                    display: grid;
                }

                .mobile-section-menu-item {
                    display: block;
                    min-width: 0;
                    padding: 10px 12px;
                    border-radius: 10px;
                    color: #0D5A8D;
                    line-height: 1.25;
                }

                .mobile-section-menu-item:active,
                .mobile-section-menu-item:hover {
                    color: #1072BA;
                    background: #EEF9FD;
                }

                    .mobile-section-menu-item-ja {
                        color: #1072BA;
                        font-size: 15px;
                        font-weight: 700;
                        line-height: 1.2;
                    }

                    .mobile-section-menu-item-en {
                        margin-top: 3px;
                        color: #4B6E83;
                        font-size: 11px;
                        font-weight: 500;
                        line-height: 1.2;
                    }


/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-head {
        overflow: hidden;
        position: relative;

        border-radius: 0 0 50px 50px;
        background: linear-gradient(270deg, #1072BA 12.76%, #46DDFF 100%);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.30);

        width: 100%;
        height: 100%;

        padding: 0px 20px 50px;
    }

        
        .mobile-section-head-content {
            position: relative;

            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            margin: 30px auto 0px;
        }

            .mobile-section-head-content-text-1 {
                height: 55px;
                width: min(calc(300 * 100cqi / 375), 409);
                display: block;
                margin-bottom: 31px;
            }
                .mobile-section-head-content-text-1 img {
                    display: block;
                    width: 100%;
                }
            .mobile-section-head-content-text-2 {
                width: min(calc(337 * 100cqi / 375), 570);
                display: block;
                margin: 0px auto 54px;
            }
                .mobile-section-head-content-text-2 img {
                    width: 100%;
                    display: block;
                }
            .mobile-section-head-content-text-3 {
                color: #FFF;
                font-size: 20px;
                font-weight: 500;

                margin: 0 auto 33px;
            }
                .mobile-section-head-content-text-3-row {
                    text-align: center;
                }
            .mobile-section-head-content-contact-cta {
                display: flex;
                width: calc(285 * 100cqi / 375);
                height: calc(50 * 100cqi / 375);
                padding: 7.785px 10.168px 9.552px 9.084px;
                justify-content: center;
                align-items: center;

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

                margin: 0 auto;
            }
                .mobile-section-head-content-contact-text-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #FFF;
                    font-weight: 700;

                    width: 100%;
                    height: 100%;

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

                    text-align: center;
                }
                    .mobile-section-head-content-contact-text {
                        display: block;
                        font-size: calc(16 * 100cqi / 375);
                    }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-problem {
        margin: 0 auto;

        background: linear-gradient(180deg, #F8FDFF 0%, #A3E4FF 68.42%);

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

        .mobile-section-problem-title-wrapper {
            padding: calc(40 * 100cqi / 375) 0px 38px;
            position: relative;
        }
            .mobile-section-problem-title-text-2::after {
                position: absolute;
                display: block;

                color: #C5EEFF;
                text-align: center;
                font-size: calc(30 * 100cqi / 375);
                font-weight: 700;

                top: -80%;
                width: 100%;

                content: 'PROBLEM';
                z-index: -1;
            }
            .mobile-section-problem-title-text-2 {
                position: relative;
                display: block;
                z-index: 1;

                color: #0D5A8D;
                text-align: center;
                font-size: calc(18 * 100cqi / 375);
                font-weight: 700;
            }


        .mobile-section-problem-card-item-wrapper {
            display: flex;
            flex-direction: column;
            gap: 22px;

            align-items: center;
        }
            .mobile-section-problem-card-item {
                width: calc(350 * 100cqi / 375);
            }
                .mobile-section-problem-card-item img {
                    display: block;
                    width: 100%;
                }
        

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

        width: 100%;
        margin-top: 0px;

        background-color: #fff;
    }

        .mobile-section-cast-background-image-wrapper {
            position: absolute;
            top: -10%;
            width: 100%;
        }
            .mobile-section-cast-background-image {
                width: 100%;
                display: block;
            }

        .mobile-section-cast-title-wrapper {
            position: absolute;
            display: block;
            top: -76px;
        }
            .mobile-section-cast-title-image {
                display: block;
                width: 100%;
            }

        .mobile-section-cast-title-offset {
            height: calc(75 * 100vw / 375);
        }


        .mobile-section-cast-content-wrapper {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: center;

            gap: 30px;

            width: 100%;
        }
            .mobile-section-cast-content-image-2 {
                min-width: 0;
                overflow: hidden;
                flex-shrink: 1;
            }
                .mobile-section-cast-content-image-2 img {
                    display: block;
                    width: auto;
                    max-width: none;
                    height: auto;
                }

            .mobile-section-cast-content {
                flex: 0 0 80%;
                max-width: 80%;
                margin: 0 auto;

                display: flex;
                flex-direction: column;

                margin-bottom: calc(50 * 100cqi / 375);
            }
                .mobile-section-cast-content-title {
                    color: #0D5A8D;
                    text-align: center;
                    font-size: calc(22 * 100cqi / 375);
                    font-weight: 700;

                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;

                    margin-bottom: 45px;
                }
                .mobile-section-cast-content-body {
                    display: flex;
                    flex-direction: column;
                    gap: 45px;
                }
                    .mobile-section-cast-content-body-item-wrapper {
                    }
                        .mobile-section-cast-content-body-item-title {
                            color: #0D5A8D;
                            font-size: calc(18 * 100cqi / 375);
                            font-weight: 700;
                            line-height: 150%; /* 42px */
                        }
                        .mobile-section-cast-content-body-item-description {
                            color: #0D5A8D;
                            font-size: calc(15 * 100cqi / 375);
                            font-weight: 500;
                            line-height: 150%;
                        }



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

        width: 100%;
        margin-top: 0px;

        background-color: #fff;

        container-type: inline-size;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
        .mobile-section-service-main-image {
            display: block;
            width: 100%;
        }




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

        margin: 0 auto;

        padding-bottom: 80px;
        background-color: #fff;
    }
        .mobile-section-ourwork-background-image-wrapper {
            position: absolute;
            inset: 0 0 auto 0;
            display: block;
            width: 100%;
            overflow: hidden;
        }
            .mobile-section-ourwork-background-image {
                display: block;
                width: 100%;
                height: auto;
            }

        .mobile-section-ourwork-title-wrapper {
            padding: 110px 0px 100px;
            position: relative;
        }
            .mobile-section-ourwork-title-text-1 {
                position: absolute;
                display: block;

                color: #C5EEFF;
                text-align: center;
                font-size: 60px;
                font-weight: 700;

                top: 60px;
                width: 100%;
            }
            .mobile-section-ourwork-title-text-2 {
                display: block;
                z-index: 1;
                position: relative;
                width: fit-content;
                margin: 0 auto;
                padding: 0 8px;

                color: #0D5A8D;
                text-align: center;
                font-size: 35px;
                font-weight: 700;
            }
                .mobile-section-ourwork-title-text-2::after {
                    content: "";
                    position: absolute;
                    left: -70px;
                    right: -70px;
                    bottom: 0;
                    height: 60%;
                    background: #FFF75C;
                    z-index: -1;
                }


        .mobile-section-ourwork-card-item-wrapper {
            display: flex;
            flex-direction: column;
            gap: 53px;
            align-items: center;

            padding: 0px 20px;
        }
            .mobile-section-ourwork-card-item {
                position: relative;
                z-index: 1;
                background-color: #fff;
            }
                .mobile-section-ourwork-card-item-image {
                    display: block;
                    background-color: #fff;
                    width: 100%;
                }



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-value::before {
        content: "";
        position: absolute;
        top: -80px;
        left: 0;
        right: 0;
        height: 80px;
        background: linear-gradient(to top, #ddf5ff 0%, transparent 100%);
        pointer-events: none;
    }
    .mobile-section-value {
        position: relative;
        isolation: isolate;

        width: 100%;
        margin-top: 0px;
        background-color: #ddf5ff;

        container-type: inline-size;
    }
        .mobile-section-value-main-image {
            display: block;
            position: relative;
            z-index: 1;
            width: 100%;
        }




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

        width: 100%;
        margin-top: 0px;
        background: linear-gradient(270deg, #1073BA 38.55%, #46DDFF 100.08%);
        border-radius: 0 0 50px 50px;

        stroke-width: 1px;
        stroke: #000;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));

        padding-bottom: 50px;

        container-type: inline-size;
    }

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

            padding-top: 30px;
        }

            .mobile-section-contact-content-title {
                color: #FFF;
                font-family: "Noto Sans JP";
                font-size: calc(18 * 100cqi / 375);
                font-weight: 700;
                text-align: center;

                margin-bottom: 50px;
            }
            .mobile-section-contact-content-description {
                display: flex;
                flex-direction: column;
                
                color: #FFF;
                text-align: center;
                font-family: "Noto Sans JP";
                font-size: calc(12 * 100cqi / 375);
                font-weight: 500;
                line-height: 36px; /* 150% */

                margin-bottom: 75px;
            }

            .mobile-section-contact-content-cta-wrapper {
                display: flex;
                flex-direction: column;
                gap: 25px;
                justify-content: center;
                align-items: center;
            }
                .mobile-section-contact-content-cta {
                    display: flex;
                    width: 80%;
                    height: calc(45 * 100cqi / 375);
                    padding: 7px;
                    
                    justify-content: center;
                    align-items: center;

                    border-radius: 999px;
                    background: linear-gradient(90deg, #D47942 0%, #F2B731 100%);
                    box-shadow: -2px 3px 10px 0 rgba(0, 0, 0, 0.15);

                    color: #FFF;
                    font-size: calc(16 * 100cqi / 375);
                    font-weight: 700;
                }
                a.mobile-section-contact-content-cta:active,
                a.mobile-section-contact-content-cta:hover {
                    color: #FFF;
                }
                    .mobile-section-contact-content-cta-border {
                        display: flex;
                        width: 100%;
                        height: 100%;
                        justify-content: center;
                        align-items: center;
                        border-radius: 34px;
                        border: 2px solid rgba(255, 255, 255, 0.30);
                    }





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

        width: 100%;
        height: 50px;

        background-color: transparent;

    }




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
    .mobile-section-foot {
        position: relative;
        background-color: #1073ba;
        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;
                    }
                    a.mobile-section-foot-menu-row-item:active,
                    a.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;
        }