@charset "utf-8";
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Main ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
#footer #flogo a{height:100px;background-size:auto 100%;}
#mcontbox_8 .contbox .cont1 .txt1{font-size:36px;text-align:center;}
#mcontbox_8 .contbox .cont1 .txt2 ul{flex-flow:nowrap;gap:10px;}
#mcontbox_8 .contbox .cont1 .txt2 li{width:100%;}
#mcontbox_8 .contbox .cont1 .txt2 li a{background:#ccc;}
#mcontbox_8 .contbox .cont1 .txt3 li.active{display:block;text-align:center;}
#mcontbox_8 .contbox .cont1 .txt2 li.active a{background:var(--main-color);color:#fff;}
/* ----------------------------------------------------------------------------------------------------------------
-- 1920 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:1920px){
    #footer #flogo a{height:6.25rem;}
    #mcontbox_8 .contbox .cont1 .txt1{font-size:2.25rem;}
    #mcontbox_8 .contbox .cont1 .txt2 ul{gap:0.625rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 820 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:820px){
    #footer #flogo a{height:6.6666666666667rem;}
    .mainvisualbanner_wrap .mainvisualbanner_txt .txt3{margin-top:-2rem;}
    #mcontbox_8 .contbox .cont1 .txt1{font-size:2.4rem;}
    #mcontbox_8 .contbox .cont1 .txt2 ul{gap:0.66666666666667rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 540 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:540px){
    #footer #flogo a{height:6.25rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide.bnstyle_1 .txtbox .text_2{font-size:1.5rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide.bnstyle_1 .txtbox .text_3{margin-top:1rem;font-size:1.5rem;}
    .mainvisualbanner_wrap .mainvisualbanner_txt .txt3{margin-top:2rem;}
    #mcontbox_8 .contbox .cont1 .txt1{font-size:2.25rem;}
    #mcontbox_8 .contbox .cont1 .txt2 ul{gap:0.625rem;}
}