@charset "utf-8";
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Main ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
#header #logo a{background-size:auto 100%;background-position:left center;}
#footer #flogo a{background-size:auto 100%;}
#mcontbox_0 .contbox .img1 img,
.mcontbox_sub .contbox .cont .img img{width:100%;}
#mcontbox_8 .contbox .cont1 .txt2 li{width:33.333333333333%;}
#mcontbox_8 .contbox .cont1 .txt3 li.active{display:block !important;}
#mcontbox_8 .contbox .cont1 .txt3 li img{width:100%;}
.mainquickcs_wrap{background:#000;}
/* ----------------------------------------------------------------------------------------------------------------
-- 820 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:820px){
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide.bnstyle_2 .txtbox .text_1{font-size:2.5rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide.bnstyle_2 .txtbox .text_2{font-size:3.5rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 540 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:540px){
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide.bnstyle_2 .txtbox .text_1{font-size:2rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide.bnstyle_2 .txtbox .text_2{font-size:3rem;}
}