@charset 'utf-8';





.lst_sns_fot{ display: flex; }
.lst_sns_fot li{ margin-left:10px;}
.lst_sns_fot li a{display: flex;width: 36px;height: 36px;background: #000;border-radius: 50%;}
@media screen and (max-width: 840px) {
    .lst_sns_fot li{ margin-left:2.5vw;}
    .lst_sns_fot li a{display: flex;width: 8vw;height: 8vw;}
}

#footer{}
#footer > .inner_footer{ }
#footer .box_pc{display: none;/* display: flex; */justify-content: center;}

.gnb_footer{
    padding: 50px 0;
    background: #fff;
}
.gnb_footer > .inner,
.sitemap_footer > .inner,
#footer .copyright > .inner{max-width:1740px;margin-left:auto;margin-right:auto;display: flex;align-items: stretch;}
.gnb_footer .area_lft,
.sitemap_footer .area_lft,
#footer .copyright .area_lft{ min-width: 370px; }
.gnb_footer .area_cen{
    flex-grow: 1;
    display: flex;
}
.gnb_footer .area_rgh,
.sitemap_footer .area_rgh,
#footer .copyright .area_rgh{
    margin-left: auto;
}

.sitemap_footer{
    padding: 50px 0 40px;
    background: #000;
}

.sitemap_footer .area_cen{}
.sitemap_footer .menu_fot a{ color: #9b9b9b; }
.sitemap_footer .menu_fot a:hover{ color: #fff; font-weight: 500; }
.sitemap_footer .menu_fot dt{ color: #fff; font-size: 17px; font-weight: 600; }

#footer .copyright{
    padding: 0 0 50px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

#footer .copyright{ font-size: 13px; }
#footer .copyright a{ color:#9b9b9b; }
#footer .copyright a:hover{ color: #fff; }
#footer .copyright .t1{ font-size: 13px; }
#footer .copyright .t2{font-size: 13px;color: #9b9b9b;margin-top: 12px; display:flex; align-items:center;}
#footer .copyright .t2 span{ margin-left:10px; padding-left:10px; position:relative;  }
#footer .copyright .t2 span.bold a{ color: #fff; font-weight: 600;  }
#footer .copyright .t2 span:after{ position:absolute; left:0; top:2px; width:1px; height:12px; background:#444; content:""; }
#footer .copyright .t2 span:first-child{ padding-left:0; margin-left:0; }
#footer .copyright .t2 span:first-child:after{ display:none; }



.menu_fot{display: flex;}
.menu_fot > li{min-width: 200px;}
.menu_fot dl{  }
.menu_fot dl > dt{font-size: 18px;font-weight: 600;color: #000;margin-bottom: 21px;}
.menu_fot dl > dd{margin-bottom: 8px;}
.menu_fot dl > dd a{font-size: 14px;font-weight: 400;color: #000; display: inline-block; line-height: 1.2;}
.menu_fot dl > dd a:hover{ font-weight:600; }

.fot_langmenu{display: flex;font-size: 13px;}
.fot_langmenu .box:first-child{margin-left: 0;min-width: 171px;}
.fot_langmenu .box{margin-left: 50px;min-width: 90px;}
.fot_langmenu .stit{
    color: #fff;
    font-weight: 500;
    margin-bottom: 7px;
}
.fot_langmenu .box > ul{
    margin-bottom: 29px;
}
.fot_langmenu .box > ul > li{
    margin-top: 6px;
}
.fot_langmenu .box > ul > li > a{}


@media screen and (max-width: 1820px) {
    .gnb_footer .logo img{ width: 9.43vw;min-width: 130px; }
    .menu_fot > li{min-width: 12vw;}
    .gnb_footer > .inner,
    .sitemap_footer > .inner,
    #footer .copyright > .inner{
        max-width:auto;
        margin-left: 40px;
        margin-right: 40px;
    }

    .gnb_footer .area_lft, .sitemap_footer .area_lft, #footer .copyright .area_lft{min-width: 18vw;}
}

@media screen and (max-width: 1460px) {
    .gnb_footer .area_rgh, .sitemap_footer .area_rgh, #footer .copyright .area_rgh{ display:none; }
    #footer .box_pc{ display: flex; }
    .menu_fot > li{width: 15.1vw;}
}
@media screen and (max-width: 1180px) {
    .gnb_footer .area_lft, 
    .sitemap_footer .area_lft, 
     #footer .copyright .area_lft{ display:none; }
    .menu_fot > li{width: 18.6vw;}
}
@media screen and (max-width: 840px) {

    .gnb_footer > .inner,
    .sitemap_footer > .inner,
    #footer .copyright > .inner{
        max-width:auto;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    
    #footer .box_pc{
    padding: 3vw 0 3vw;
}

    .gnb_footer, .sitemap_footer{ display:none; }
        #footer .copyright{
        padding: 0 0 50px;
        background: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 300;
    }
    #footer .copyright .area_cen{display:flex;flex-direction: column-reverse;align-items: center;flex-grow: 1;}
    #footer .copyright{ padding:5vw 0 4vw;}
    #footer .copyright a{ color:#fff; }
    #footer .copyright a:hover{ color: #fff; }
    #footer .copyright .t2 span.bold a{ font-weight: 400;  }
    #footer .copyright .t1{font-size: 2.4vw;margin-top: 3vw;text-align: center;width: 59vw;line-height: 1.6;}
    #footer .copyright .t2{font-size: 2.4vw;margin-top: 0;}
    #footer .copyright .t2 span{ margin-left:3vw; padding-left:3vw; }
    #footer .copyright .t2 span:after{  top:0vw;  height:3vw; }
    #footer .copyright .t2 span:first-child{ padding-left:0; margin-left:0; }
    #footer .copyright .t2 span:first-child:after{ display:none; }
}