/* ==========================================================
   TABLET
   max-width:1024px
========================================================== */

@media (max-width:1024px){

    .wrap{
        padding:0 24px;
    }

    /* ==========================
       Header
    ========================== */

    header{
        padding:22px 0;
    }

    nav ul{
        gap:24px;
    }

    nav .en{
        font-size:13px;
    }

    nav .ja{
        font-size:10px;
    }

    /* ==========================
       Hero
    ========================== */

    .hero{
        padding:70px 0;
    }

    .hero-inner{
        grid-template-columns:1fr 360px;
        gap:48px;
    }

    .hero-content{
        max-width:none;
    }

    .hero h1{
        font-size:30px;
    }

    .hero-visual img{
        max-width:360px;
    }

    /* ==========================
       Section
    ========================== */

    .room-type,
    .reasons,
    .menu,
    .flow,
    .profile{
        padding:80px 0;
    }

    /* ==========================
       Room Type
    ========================== */

    .type-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .type-card{
        padding:28px;
    }

    .copy-main{
        font-size:24px;
    }

    .copy-sub{
        font-size:17px;
    }

    .diagnosis-result{
        padding:40px;
    }

    /* ==========================
       Reasons
    ========================== */

    .reasons-grid{
        gap:22px;
    }

    /* ==========================
       Service
    ========================== */

    .menu-grid{
        gap:20px;
    }

    .menu-card{
        padding:26px;
    }

    .price{
        font-size:26px;
    }

    /* ==========================
       Flow
    ========================== */

    .flow-steps{
        gap:24px;
    }

    .flow-step h4{
        font-size:17px;
    }

    /* ==========================
       Profile
    ========================== */

    .profile-box{
        padding:36px;
    }

    /* ==========================
       CTA
    ========================== */

    .band{
        padding:60px 0;
    }

}