/*Content CSS*/
footer {width:100%; background-color:#fff; padding:42px 0; clear:both; border-top:1px solid #f2f2f2;}
.footer_con {width: 1300px; margin: 0 auto; text-align: left; position: relative; display: flex; align-items: center; justify-content: space-between;}
.ft_copy {font-size: 12px; font-weight: 300; color:#bbb; line-height: 18px;}
.ft_copy b {font-weight: 400;}
.ft_copy span {display: block; margin-top:10px;}
.ft_copy span, .ft_copy a {color:#bbb;}

.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: #dbdbdb; border-radius: 3px;  font-size: 10px; transition: all 0.3s; float:right; margin-top:15px; display: none;}
.ft_btn a:hover {background: #0064b6;}

#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:#0064b6;background:#0064b6;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}
}