@media screen and (max-width: 1477px) {
    :root {
        --site_width: var(--site_width_lg);
        }

     .boxWrapper.wstandard .box-inside {
        width: var(--site_width_lg);
    }   
}

@media screen and (max-width: 1237px) {
    :root {
        --site_width: 100%;
        --slide_width: 100vw;
    }
    
    .boxWrapper.wstandard .box-inside,
    .boxWrapper.wsmall .box-inside, 
    footer .inside,
    .mod_breadcrumb ul {
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
           

}

@media screen and (max-width:1097px) {
    .layout_newslist {
        width:48.5%;
    }
    .megaNews .layout_home {
       flex-direction: column;
    }
    .megaNews .layout_home .col2 {
        padding-top: 0;
    }

    footer .mod_navigation li, footer .mod_customnav li{
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
}

@media screen and (max-width:785px) {
    .hamburger {
        position: relative;
        display: block;
        z-index: 100;
    }
    .naviMain {
        display: none;
    }

    h1 {
        font-size: var(--font_size08);
    }
    h2, h3.claim {
        font-size: var(--font_size07);
     }
    h3, .matterbox h3 {
        font-size:var(--font_size06);
    }
    h4 {
        font-size:var(--font_size05);
    }
}

@media screen and (max-width: 657px) {
    #mainTop,
    .boxWrapper.wstandard .box-inside,
    .boxWrapper.wsmall .box-inside, 
    footer .inside,
    .mod_breadcrumb ul {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #mainTop figure {
        width: 220px;
    }
    h3.claim {
        display:none;
    }
    .naviMeta a, .naviMeta strong {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .layout_newslist {
        width:100%;
    }
    h1 {
        font-size: var(--font_size06);
    }
    h2 {
        font-size: var(--font_size05);
     }
    h3 {
        font-size:var(--font_size05);
    }
    h4 {
        font-size:var(--font_size04);
    }
    .herobanner .inside h2 {
        font-size:var(--font_size08);
    }
    .herobanner .inside p {
        font-size:var(--font_size04);
    }
    .herobanner .inside .icon-button {
        font-size:var(--font_size03);
    }
    .toggler {
        font-size:var(--font_size05);
    }
    .ce_gallery .cols_3 li,
    .ce_gallery .cols_4 li,
    .ce_gallery .cols_5 li,
    .ce_gallery .cols_6 li, 
    .ce_gallery .cols_7 li, 
    .ce_gallery .cols_8 li, 
    .ce_gallery .cols_9 li, 
    .ce_gallery .cols_10 li, 
    .ce_gallery .cols_11 li, 
    .ce_gallery .cols_12 li {
        width:49%;
}
}

@media screen and (max-width: 597px) {
    #mainTop {
        padding-left: 0;
        padding-right: 0;
    }
    .herobanner .inside h2 {
        font-size:var(--font_size07);
    }
    .herobanner .inside p {
        font-size:var(--font_size03);
        font-weight: bold;
    }
    .herobanner .inside .icon-button {
        font-size:var(--font_size01);
    }

 
}

@media screen and (max-width: 392px) {
    .naviMeta a, .naviMeta strong {
 font-size: var(--font_size01);
    }
    
    .mod_breadcrumb li {
        font-size: var(--font_size01);
           }


}