/*Content CSS*/
footer {width:100%; background-color:#fff; padding:40px 0; clear:both; border-top:1px solid #eee;}
.footer_con {width: 1300px; margin: 0 auto; text-align: left; position: relative; display: flex; align-items: flex-start; justify-content: space-between;}
.ft_copy {font-size: 13px; font-weight: 300; color:rgba(0, 0, 0, 0.5); line-height: 24px;}
.ft_copy b {font-weight: 400;}
.ft_copy span {display: block; margin:5px 0 10px; font-weight: 300;}
.ft_copy span, .ft_copy a {color:rgba(0, 0, 0, 0.3);}

.ft_right {text-align: right;}
.ft_right span {font-size:12px; font-weight: 300; color:#d8d8d8; line-height: 18px;}
.ft_right span a {color:#d8d8d8;}
.ft_btn a {display: block;text-align: center; width: 140px; height: 30px; line-height: 30px; color:#fff; background: #ff7200; border-radius: 3px;  font-size: 10px; transition: all 0.3s; }
.ft_btn a:hover {background: #333;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);transition: all 0.3s}
#top_btn:hover {border-color:#ff7200;background:#ff7200;color:#fff}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
    .footer { padding-top:0}
    .footer ul li { width:100%; margin-right:0; margin-top:2%}
    .footer ul li:last-child { margin-top:2%}
}

@media screen and (max-width: 640px) {
    footer .footer_menu a { font-size:14px}
    footer .footer_address .add { font-size:12px; margin-top:120px}
    footer .footer_right { left:20px; right:inherit; top:50px}
    footer .telephone { padding-top:67px}
    footer .telephone p { text-align:left}
    footer .telephone .tel { font-size:20px}
    footer .footer_sns .icon_sns { top:30px; left:0; right:inherit}
    footer .footer_sns .icon_sns a { margin-left:0}
    footer .footer_address .add .copyright { font-size:12px}
}