/*Content CSS*/
#footer{padding: 95px 0 80px; border-top: solid 1px transparent; background-color: #333;}

#footer .fs_18{font-size: 18px; line-height: 1.41; color: rgba(223, 223, 223, 0.7);}
#footer .fs_17{font-size: 17px; line-height: 1.41; color: rgba(223, 223, 223, 0.7);}
#footer .fs_15{font-size: 15.5px; line-height: 1.5; color: #dfdfdf;}

#footer .footer_con{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}
#footer .footer_con .logo{padding-bottom: 51px; margin-bottom: 46px; border-bottom: solid 1px rgba(255,255,255,.3);}

#footer .footer_con  .flex_wrap{display: flex; justify-content: space-between; align-items: flex-start;}
#footer .footer_con .txt > span{display: inline-block; }
#footer .footer_con .txt > span:nth-child(n+2){margin-top: 13px;}
#footer .footer_con .txt > span:nth-child(n+4){margin-right: 53px;}
#footer .footer_con .txt > span:last-child{margin-right: 0;}
#footer .footer_con .txt b{color: #e9e9e9; margin-right: 18px; display: inline-block;}

#footer .footer_con .info{background-color: #262626; padding: 20px 37px; display: inline-block;}
#footer .footer_con .info li{display: flex; align-items: center;}
#footer .footer_con .info li + li{margin-top: 10px;}
#footer .footer_con .info li b{font-size: 1.028em; margin-right: 29px; min-width: 97px; display: inline-block; color: #e9e9e9;}
#footer .footer_con .info li i{margin-right: 10px; color: #fff; position:relative; top: 2px;}

#footer .footer_con .copy{margin-top: 57px;}
#footer .footer_con .copy .pc{display: none;}
#footer .footer_con .copy .mob{display: block;}
#footer .footer_con .logo{display: none;}


#top_btn{position: fixed; right: 20px; bottom: 20px; width: 76px; height: 76px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #aaa;  background: #f1f1f1; z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top_btn::before{content: ''; display: block; width: 24px; height: 24px; background: url('../img/scroll_up.png') 50% / cover no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; transition: .3s;}
#top_btn::after{content: ''; display: block; width: 24px; height: 24px; background: url('../img/scroll_up_hv.png') 50% / cover no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .3s;}

#top_btn:hover{border-color: #472f1c; background: #472f1c; color: #fff;}
#top_btn:hover::before{opacity: 0;}
#top_btn:hover::after{opacity: 1;}

.scrolled #top_btn {opacity: 1; pointer-events: auto;}

@media screen and (min-width: 1025px) {
    #footer .footer_con .copy .pc{display: block;}
    #footer .footer_con .copy .mob{display: none;}
    #footer .footer_con .logo{display: block;}


}
@media screen and (max-width: 1600px) {
    #footer{padding: 80px 0; }
    #footer .footer_con .txt b{margin-right: 10px;}


}
@media screen and (max-width: 1400px) {
    #footer{padding: 70px 0; }

    #footer .fs_18{font-size: 17px;}
    #footer .fs_17{font-size: 16px;}
    #footer .fs_15{font-size: 15px;}

    #footer .footer_con .txt > span:nth-child(n+4){margin-right: 30px;}
    #footer .footer_con .txt b{margin-right: 10px;}

    #footer .footer_con .copy{margin-top: 40px;}
    #footer .footer_con .info{padding: 20px 25px;}
    #footer .footer_con .info li b{margin-right: 15px;}
    #footer .footer_con .info li i{margin-right: 5px;}

}

@media screen and (max-width: 1024px) {
    #footer{padding: 50px 0; }
    #footer br:not(.space){display: none;}

    #footer .fs_18{font-size: 16px;}
    #footer .fs_17{font-size: 15px;}
    #footer .fs_15{font-size: 14px;}

    #footer .footer_con{text-align: center;margin-right: 0; padding: 0 30px;}
    #footer .footer_con .logo{padding-bottom: 35px; margin-bottom: 35px;}
    #footer .footer_con .flex_wrap{display: block;}
    #footer .footer_con .txt > span{display: block;}
    #footer .footer_con .txt > span:nth-child(n+4){margin-right: 0;}
    #footer .footer_con .copy{margin-top: 30px;}

    #footer .footer_con .info{display: block; width: 100%; margin: 40px auto 0; padding: 15px 30px;}
    #footer .footer_con .info li{justify-content: center;}
    #footer .footer_con .info li + li{border-top: solid 1px rgba(255,255,255,.2); margin-top: 15px; padding-top: 15px;}
    #footer .footer_con .info li b{margin-right: 10px; min-width: initial; font-size: 1em;}

    #top_btn{width: 50px; height: 50px;}
    #top_btn::before{width: 20px; height: 20px;}
    #top_btn::after{width: 20px; height: 20px;}
}

@media screen and (max-width: 640px) {
    #footer{padding: 40px 0;}
    #footer .footer_con{padding: 0 20px;}

    #footer .footer_con .txt > span:nth-child(n+2){margin-top: 8px;}
    #footer .footer_con .copy{margin-top: 20px; line-height: 1.7;}

    #footer .footer_con .info{margin-top: 25px; padding: 15px 20px;;}

}