@charset "utf-8";

/*style include s*/
#footer {background-color: #222;padding: 60px 0; box-sizing: border-box; position: relative;}
#footer .f_logo {width: 296px; margin-bottom: 30px;}
#footer .f_logo img {width: 100%;}

#footer .f_inform {color: #ddd;}

#footer .f_inform .text {margin-bottom: 25px; line-height: 180%; word-break: keep-all;}
#footer .f_inform a {color: #ddd;}
#footer .f_inform p {display: inline-block; position: relative; font-size: 14px; margin-right: 18px;}

#footer .f_inform p span {display: inline-block;}
#footer .f_inform p span.bold {font-weight: 600; display: inline-block; margin-right: 18px;}


#footer .copy {font-size: 14px; margin-top: 20px; color: #ddd;}

#footer .f_sns_box {margin-top: 0; float: right;}
#footer .f_sns_box .f_sns {display: inline-block; width: 33px; height: 33px; text-indent: -9999px;}
#footer .f_sns_box .f_sns1 {background: url(/resources/img/main/main_ico.png)no-repeat 0px 0px;}
#footer .f_sns_box .f_sns2 {background: url(/resources/img/main/main_ico.png)no-repeat 0px -75px; margin: 0 10px;}
#footer .f_sns_box .f_sns3 {background: url(/resources/img/main/main_ico.png)no-repeat 0px -150px;}

#footer .top_btn {position: absolute;  width: 50px; height: 50px; bottom: -47px; right: 0; padding-top: 13px; box-sizing: border-box; cursor: pointer; border: 1px solid #fff; }
#footer .top_btn span {display: block;}
#footer .top_btn .ico {background: url(/resources/img/common/top_arrow.png)no-repeat left 0px bottom 0px; height: 5px; width: 8px;margin: 0 auto;}
#footer .top_btn .txt {font-size: 14px; color: #ddd; text-align: center; font-weight: 600; margin-top: 5px;}

@media screen and (max-width:1024px){
    #footer .f_logo {width: 200px;}
#footer .f_logo, #footer .f_inform, #footer .f_sns_box {float: none;}
#footer .f_inform {width: 100%; margin-left: 0; margin-top: 20px;}
#footer .f_sns_box {position: absolute; top: 0; right: 0;}
}

@media screen and (max-width:768px){
#footer .f_inform > div {margin-top: 0;}
#footer .f_inform p {display: block;}
#footer .f_inform p span {margin-top: 5px;}
#footer .f_inform p:after {display: none;}
}

@media screen and (max-width:500px){
#footer .top_btn {height: 35px;}
#footer .top_btn .txt {display: none;}
    #footer .f_inform .text {font-size: 14px;}
}