/* footer */
#footer { min-height:120px;background-color:#37383a;color:#999;text-align:center; }
.footer_wrap { display:inline-block;width:1400px;margin:0 auto;padding:32px 0; }
.footer_logo { float:left;max-width:285px;margin-right:56px;cursor:pointer; }
.footer_logo>img { display:block;width:auto;height:40px;opacity:.5; }
.footer_logo:hover>img { opacity:.7; }
.footer_div::after,
.footer_social::after { content:'';display:block;clear:both; }
.footer_div { float:left;text-align:left; }
.footer_div>p:not(.copy) { line-height:19px; }
.footer_div>p.copy { margin-top:1px;color:#999;font-size:12px; }
.footer_div>p>span { font-size:14px;color:#999; }
.footer_div>p>span:not(:last-child):not(.mobile_company):after { content:'｜'; }
.footer_social { float:right; }
.footer_social>li { float:left;margin-left:10px; }
.footer_social>li>a { display:block;width:50px;height:50px;background-color:#313234;line-height:50px;border-radius:25px;
    transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -ms-border-radius:25px;
    -o-border-radius:25px;
}
.footer_social>li>a>img,
.footer_social>li>a>i { max-width:100%;max-height:100%;vertical-align:top;opacity:.5; }
.footer_social>li>a>i { color:#fff;font-size:18px;line-height:50px; }
.footer_social>li:hover>a>img,
.footer_social>li:hover>a>i { opacity:1; }
.footer_social>li:hover:nth-child(1)>a { background-color:#f3dc00; }
.footer_social>li:hover:nth-child(2)>a { background-color:#00dd40; }
.footer_social>li:hover:nth-child(3)>a { background-color:#fff; }
.footer_social>li:hover>a>i { color:#000; }

.footer_nav { height:40px;padding-left:20px;background-color:#2d2d2f;text-align:center; }
.footer_nav>ul { width:1400px;height:100%;margin:0 auto; }
.footer_nav>ul>li { float:left;height:100%; }
.footer_nav>ul>li>a { display:block;height:100%;color:#fff;font-size:14px;line-height:40px; }
.footer_nav>ul>li>a>span { padding:0 10px;color:#444;font-size:13px; }

@media (max-width:1600px) {
    .footer_wrap { width:100%; }
    .footer_logo { width:155px;margin-left:20px; }
    .footer_logo>img { width:100%;height:auto; }
    .footer_social { margin-right:20px; }
}
@media (max-width:1450px) {
    .footer_nav { width:100%;padding-left:20px }
    .footer_nav>ul { width:auto; }
}
@media (max-width:1200px) and (min-width:993px) {
    .footer_wrap { padding:32px 0 5px; }
    .footer_div { width:calc(100% - 231px); }
}
@media (max-width:992px) {
    .footer_wrap { padding:30px 10px; }
    .footer_logo { width:auto; }
    .footer_logo>img { width:auto;height:27px; }
    .footer_div { float:none;text-align:center; }
    .footer_div>p { font-size:10px;word-break:keep-all; }
    .footer_div>p.copy { font-size:10px; }
    .footer_div>p>span { font-size:12px; }
    .footer_div>p>span.mobile_company { font-size:14px;font-weight:bold; }
    .footer_div>p>span.mobile_no_verbar::after { display:none; }
    .footer_social { display:inline-block;float:none;margin:20px 0 0; }
    .footer_social>li>a>i { font-size:20px }
    .footer_social>li:nth-child(4)>a>i { font-size:23px; }

    .footer_nav { padding:0;text-align:center; }
    .footer_nav>ul { display:inline-block;width:auto; }
    .footer_nav>ul>li>a { font-size:12px; }
    .footer_nav>ul>li>a>span { font-size:11px; }
}
@media (max-width:359px) {
    .footer_div>p>span:not(.pc_only) { display:block; }
    .footer_div>p>span:not(:last-child):not(.mobile_company):after { display:none; }
    .footer_div br { display:none; }
    .footer_nav>ul>li>a { font-size:10px; }
}