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

    #headNav .inner {
       width: 100%; 
    }
    .naviMain a, .naviMain strong {
        font-size: var(--font_size04);
    }

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

@media screen and (max-width: 1257px) {
    :root {
        --site_width: 100%;
        --slide_width: 100vw;
    }
    .naviMain a, .naviMain strong {
        padding: 1rem .75rem;
    }

    .naviMain ul.level_1 li:first-child {
        flex: 0 0 10%;
        min-width: 100px;
    }
    .naviMain ul.level_1 li:nth-child(2) {
        flex: 0 0 13%;
        min-width: 130px;

    }
    .naviMain ul.level_1 li:nth-child(3) {
        flex: 0 0 13%;
        min-width: 130px;
    }



    .textBox h2 {
        font-size: var(--font_size07);
    }
    .textBox p {
        font-size: var(--font_size03);
    }

    
    .boxWrapper.wstandard .box-inside,
    .boxWrapper.wsmall .box-inside, 
    footer .inside,
    .mod_breadcrumb ul {
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .homeNewsColmn .rs-column.-large-col-4-1 {
        width: 31.333%;
    }       
    .homeNewsColmn .rs-column:nth-child(4n) {
        margin-right: 3%;
    }
    .homeNewsColmn .rs-column:nth-child(3n) {
        margin-right: 0;
    }


    body.rm2 .herobanner .inside {
        padding-left: 5%;
    }
    
    body.rm2 .herobanner h2 {
        font-size: 3rem;
    }

    body.rm2 .parallax__container .parallax {
        background-position: 70% center;
    }
    
}

@media screen and (max-width:1097px) {

    #headSearch input[type="text"] {
        width: 12rem;
    }
    .naviMeta {
        padding-right: 1rem;
    }
    .naviMeta a, .naviMeta strong {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .hamburger {
        position: relative;
        display: block;
        z-index: 100;
    }
    .naviMain {
        display: none;
    }

    h3.claim {
        font-size: var(--font_size07);
        padding-left: 4rem;
        padding-right: 1rem;
    
    }

    .textBox {
        padding: 0.75rem;
    }
    .textBox h2 {
        font-size: var(--font_size06);
    }
    .textBox p {
        font-size: var(--font_size02);
    }
    .textBox .buttons.txtSizeStd a {
        font-size: var(--font_size03);
        padding: 0.75rem;
    }


    .rs-column.-medium-col-1-1, .rs-column.-medium-col-2-2, .rs-column.-medium-col-3-3, .rs-column.-medium-col-4-4, .rs-column.-medium-col-5-5, .rs-column.-medium-col-6-6 {width: 100%;}      
    .rs-column.-medium-col-2-1, .rs-column.-medium-col-4-2, .rs-column.-medium-col-6-3 {width: 48.5%;}      
    .rs-column.-medium-col-3-1, .rs-column.-medium-col-6-2 {width: 31.333%;}      
    .rs-column.-medium-col-3-2, .rs-column.-medium-col-6-4 {width: 65.666%;}      
    .rs-column.-medium-col-4-1 {width: 22.75%;}          
    .rs-column.-medium-col-4-3 {width: 74.25%;}          
    .rs-column.-medium-col-5-1 {width: 17.6%;}      
    .rs-column.-medium-col-5-2 {width: 38.2%;}      
    .rs-column.-medium-col-5-3 {width: 58.8%;}      
    .rs-column.-medium-col-5-4 {width: 79.4%;}           
    .rs-column.-medium-col-6-1 {width: 14.1666%;}                    
    .rs-column.-medium-col-6-5 {width: 82.833%;}      


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

    .agendaList li {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .coltext {
        flex: 1 1 80%;
        padding: var(--inner-padding-tb) var(--inner-padding-tb) var(--inner-padding-lr) var(--inner-padding-lr);
    }
    .coltemplate,
    .coldecision {
        padding: 0 var(--inner-padding-tb) var(--inner-padding-lr) calc(var(--inner-padding-lr) * 5);
        flex: 0 0 100%;
    }
    .coldecision {
        padding-bottom: var(--inner-padding-tb); 
    }

    .coldate {
        flex-wrap: wrap;
        min-width: 160px;
    }
    .coldate .date {
        width: 100%;
        text-align: left;
        padding-bottom: 0.25rem;
    }
    .coldate i {
        margin-left: 0;
    }
    #mapNavi {
        width: 0;
        height: 0;
        overflow: hidden;
        display: none;
    }
    #mapsCol {
        order: -1;
    }
    #mapsCol .map {
        width: auto;
        height: auto;
        padding: 1rem 0;
    }
    .mapsTrigger span, .sheetTrigger span {
        padding: 0.75em 1em 0.75em 1em;;
    }
    #cityDatasheets {
        padding: 2rem;
    }

    body.rm2 .herobanner .inside {
        padding-right: 50%;
    }
    
    body.rm2 .herobanner h2 {
        font-size: 2.5rem;
    }

    body.rm2 .parallax__container .parallax {
        background-position: 75% center;
    }
}

@media screen and (max-width:857px) {

    .boxWrapper.wstandard .box-inside, .boxWrapper.wsmall .box-inside, footer .inside, .mod_breadcrumb ul {
        padding-left: 2rem;
        padding-right: 2rem;
      }

    #headSearch input[type="text"] {
        width: 0;
        height: 0;
        overflow: hidden;
        display: none;
    }
    #headSearch button {
        border-radius: var(--radius_standard);
    }

    h1, .txtH1, .txtH1 p {
        font-size: var(--font_size08);
    }
    h2,  .txtH2, .txtH2 p, h3.claim {
        font-size: var(--font_size06);
     }
    h3, .txtH3, .txtH3 p, .matterbox h3 {
        font-size:var(--font_size06);
    }
    h4, .txtH4, .txtH4 p {
        font-size:var(--font_size05);
    }

    .rs-column.-small-col-1-1, .rs-column.-small-col-2-2, .rs-column.-small-col-3-3, .rs-column.-small-col-4-4, .rs-column.-small-col-5-5, .rs-column.-small-col-6-6 {width: 100%;}      
    .rs-column.-small-col-2-1, .rs-column.-small-col-4-2, .rs-column.-small-col-6-3 {width: 48.5%;}           
    .rs-column.-small-col-3-1, .rs-column.-small-col-6-2 {width: 31.333%;}      
    .rs-column.-small-col-3-2, .rs-column.-small-col-6-4 {width: 65.666%;}         
    .rs-column.-small-col-4-1 {width: 22.75%;}          
    .rs-column.-small-col-4-3 {width: 74.25%;}           
    .rs-column.-small-col-5-1 {width: 17.6%;}      
    .rs-column.-small-col-5-2 {width: 38.2%;}      
    .rs-column.-small-col-5-3 {width: 58.8%;}      
    .rs-column.-small-col-5-4 {width: 79.4%;}           
    .rs-column.-small-col-6-1 {width: 14.1666%;}                      
    .rs-column.-small-col-6-5 {width: 82.833%;}
    
    .homeNewsColmn .rs-column.-large-col-4-1 {
        width: 48.5%;
    }       
    .homeNewsColmn .rs-column:nth-child(4n),
    .homeNewsColmn .rs-column:nth-child(3n) {
        margin-right: 3%;
    }
    .homeNewsColmn .rs-column:nth-child(even) {
        margin-right: 0;
    }
    figure.float_right,
    figure.float_left {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    .designCI001 .is-active .ac-panel, .designCI002 .is-active .ac-panel, .designCI008 .is-active .ac-panel, .designCI011 .is-active .ac-panel {
        padding: 1.5rem;
    }


    .dateList li {
        flex-wrap: wrap;
    }

    .coldate,
    .collocation {
        flex: 0 0 50%;
    }
    .colboard {
        flex: 0 0 100%;
     }
    .coldate {
        order: 1;
    }
    .collocation {
        order: 2;
    }
    .colboard {
        order: 3;
    }
    .ac .ac-trigger {
        font-size: var(--font_size06);
    }
    .ac-trigger::after, .ac-trigger::before {
        width: 1.5rem;
        height: 1.5rem;
    }
    .ac-trigger .headline {
        padding-top: 0;
    }
   .padTop_25, .padTop_3,.padTop_35, .padTop_4, .padTop_45 {
        padding-top: 1rem;
    }
    .padBottom_15, .padBottom_2, .padBottom_25, .padBottom_3,
    .padBottom_35, .padBottom_4, .padBottom_45 {
        padding-bottom: 1rem;
    }

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

}

@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 {
        font-size: var(--font_size03);
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .naviMeta a span::before, .naviMeta strong::before {
        background-size: 0.875rem;
        padding-left: 1.25rem;
    }



    h1, .txtH1, .txtH1 p {
        font-size: var(--font_size07);
    }
    h2, .txtH2, .txtH2 p {
        font-size: var(--font_size06);
     }
    h3,  .txtH3, .txtH3 p {
        font-size:var(--font_size05);
    }
    h4, .txtH4, .txtH4 p {
        font-size:var(--font_size04);
    }
    .herobanner .inside h2 {
        font-size:var(--font_size7);
    }
    .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;
    }
    #mainTop .inner {
        padding: 1rem 0.5rem 1rem 1rem;
    }
    #mainTop figure {
        width: 200px;
    }
    #headSearch {
        display: none;
    }
    .naviMeta {
        padding-right: 0;
        margin: 0 auto;
    }
    .naviMeta a, .naviMeta strong {
        font-size: var(--font_size02);
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    #thumbsNav {
        width: 0;
        height: 0;
        overflow: hidden;
        display: none;
    }

    .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);
    }
    #headSearch {
        padding-left: 1rem;
        padding-right: 0.5rem;
    }
    #headSearch button:hover {
        padding: 0.625rem 1rem;
    }
    .naviMeta a span::before, 
    .naviMeta strong::before {
        width: 0;
        height: 0;
        padding: 0;
        overflow: hidden;
        display: none;
    }

    #siteImage .textBox br {
        display: none;
    }

    .topLeft.ph5 .textBox,
    .centerLeft.ph5 .textBox,
    .bottomLeft.ph5 .textBox,
    .topRight.ph5 .textBox,
    .centerRight.ph5 .textBox,
    .bottomRight.ph5 .textBox,
    .topLeft.ph75 .textBox,
    .centerLeft.ph75 .textBox,
    .bottomLeft.ph75 .textBox,
    .topRight.ph75 .textBox,
    .centerRight.ph75 .textBox,
    .bottomRight.ph75 .textBox,
    .topLeft.ph10 .textBox,
    .centerLeft.ph10 .textBox,
    .bottomLeft.ph10 .textBox,
    .topRight.ph10 .textBox,
    .centerRight.ph10 .textBox,
    .bottomRight.ph10 .textBox,
    .topLeft.ph125 .textBox,
    .centerLeft.ph125 .textBox,
    .bottomLeft.ph125 .textBox,
    .topRight.ph125 .textBox,
    .centerRight.ph125 .textBox,
    .bottomRight.ph125 .textBox,
    .topLeft.ph15 .textBox,
    .centerLeft.ph15 .textBox,
    .bottomLeft.ph15 .textBox,
    .topRight.ph15 .textBox,
    .centerRight.ph15 .textBox,
    .bottomRight.ph15 .textBox,
    .topLeft.ph175 .textBox,
    .centerLeft.ph175 .textBox,
    .bottomLeft.ph175 .textBox,
    .topRight.ph175 .textBox,
    .centerRight.ph175 .textBox,
    .bottomRight.ph175 .textBox,
    .topLeft.ph20 .textBox,
    .centerLeft.ph20 .textBox,
    .bottomLeft.ph20 .textBox,
    .topRight.ph20 .textBox,
    .centerRight.ph20 .textBox,
    .bottomRight.ph20 .textBox,
    .topLeft.ph225 .textBox,
    .centerLeft.ph225 .textBox,
    .bottomLeft.ph225 .textBox,
    .topRight.ph225 .textBox,
    .centerRight.ph225 .textBox,
    .bottomRight.ph225 .textBox,
    .topLeft.ph25 .textBox,
    .centerLeft.ph25 .textBox,
    .bottomLeft.ph25 .textBox,
    .topRight.ph25 .textBox,
    .centerRight.ph25 .textBox,
    .bottomRight.ph25 .textBox,  
    .topLeft.pv5 .textBox,
    .topCenter.pv5 .textBox,
    .topRight.pv5 .textBox,
    .bottomLeft.pv5 .textBox,
    .bottomCenter.pv5 .textBox,
    .bottomRight.pv5 .textBox,
    .topLeft.pv75 .textBox,
    .topCenter.pv75 .textBox,
    .topRight.pv75 .textBox,
    .bottomLeft.pv75 .textBox,
    .bottomCenter.pv75 .textBox,
    .bottomRight.pv75 .textBox,
    .topLeft.pv10 .textBox,
    .topCenter.pv10 .textBox,
    .topRight.pv10 .textBox,
    .bottomLeft.pv10 .textBox,
    .bottomCenter.pv10 .textBox,
    .bottomRight.pv10 .textBox,
    .topLeft.pv125 .textBox,
    .topCenter.pv125 .textBox,
    .topRight.pv125 .textBox,
    .bottomLeft.pv125 .textBox,
    .bottomCenter.pv125 .textBox,
    .bottomRight.pv125 .textBox { 
        margin: auto;
    }

    .herobanner .inside.hxs,
    .herobanner .inside.hs,
    .herobanner .inside.hm,
    .herobanner .inside.hl,
    .herobanner .inside.hxl,
    .herobanner .inside.h2xl,
    .herobanner .inside.h3xl,
    .herobanner .inside.h4xl,
    .herobanner .inside.h5xl {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    
    .homeNewsColmn .rs-column.-large-col-4-1 {
        width: 100%;
        margin: 1.5% 0;
    }

    .coldate i, 
    .colboard i {
        font-size: 1rem;
        margin-right: 0.5rem;
    }
    .colboard a.boardUrl {
        hyphens: none;
    }

    .designCI001 .is-active .ac-panel, .designCI002 .is-active .ac-panel, .designCI008 .is-active .ac-panel, .designCI011 .is-active .ac-panel {
        padding: 1rem 0.75rem;
    }
    .layout_list_01 .eventContent a {
        flex-wrap: wrap;
    }
    .layout_list_01 .col01 {
        flex: 0 0 calc(100% - 1rem);
        padding-bottom: 0;
    }

    .layout_list_01 .col02 {
        flex: 0 0 100%;
        padding-top: 0.5rem;
    }
    .layout_list_01.eventCol01 .col02 {
        border-left: 1rem solid var(--ci001);
    }
    .layout_list_01.eventCol02 .col02 {
        border-left: 1rem solid var(--ci002);
    }
    .tw25, .tw33, .tw50, .tw66, .tw75 {
        width: 100%;
    }
    body.rm2 .herobanner h2  {
        display: none;
    }
    body.rm2 .parallax__container .parallax {
        background-position: 90% center;
    }
}

@media screen and (max-width: 392px) {
    #headTop .inner {
        padding: 1rem;
    }
    .naviMeta {
        width: 0;
        height: 0;
        overflow: hidden;
        display: none;
    }
    body.rm2 .parallax__container .parallax {
        background-position: 82% center;
    }
    
    .mod_breadcrumb li {
        font-size: var(--font_size01);
           }

    .member {
        flex-direction: column;
    }
    .member .image_container {
        max-width: 110px;
        margin-bottom: 1rem;
    }
    .colnumber {
        padding: 1rem 0.5rem 1rem 1rem;
    }
    .coltext {
        padding: 1rem 1rem 1rem 0;
        width: calc(100% - 3.5rem);
        flex: 0 1 auto;
    }
    .coltemplate, .coldecision {
        padding-left: 3.5rem;
        padding-right: 1rem;
        width: calc(100% - 3.5rem);
        flex: 0 1 100%;
    }
    .dateLocation {
        flex-direction: column;
        gap: 0;
    }
    .dateLocation .date i, 
    .dateLocation .time i, 
    .dateLocation .location i {
        font-size: 1.25em;
    }
    .dateLocation .date, 
    .dateLocation .time, 
    .dateLocation .location p {
        font-size: var(--font_size06);
    }
 }