@media (min-width: 992px) {


.footer {background:#333; padding:30px 0px;   }
.footer .container { position:relative;  }
.footer .footer-link-menu {margin-bottom:35px;}
.footer .footer-link-menu dl { float:left; width:23.5%; margin-left:2%; position:relative;  z-index:100;  }
.footer .footer-link-menu dl:first-child {  margin-left:0px;  }
.footer .footer-link-menu dl dt a { display:inline-block; color:#afafaf;  padding:7px 25px 0px; height:35px; width:100%; background:#4a484b; font-size:15px; font-weight:normal;    }
.footer .footer-link-menu dl dt a span { float:right; font-size:12px; }
.footer .footer-link-menu dl dd { display:none; background:#4a484b; padding:10px 25px; position:absolute; bottom:35px; overflow-y:auto; max-height:350px;  width:100%; border-bottom:1px solid #000;   }
.footer .footer-link-menu dl dd a { font-size:15px; display:block; margin:5px 0;color:#afafaf;    }
.footer .foot-logo {margin-bottom:20px;   }
.footer .foot-logo .logo {float:left; margin-right:10px;   }
.footer .foot-logo .class {float:left; color:#4f4f4f; font-size:14px;  font-weight:bold; display:block; margin-top:12px;  }
.footer address { color:#8a8a8a; font-size:15px; line-height:1.6;margin-bottom:5px;   }
.footer .comment { color:#8a8a8a; font-size:14px;  }

.footer  .privacy {  margin-bottom:20px; position:absolute; top:80px; right:0px; text-decoration:underline;  }
.footer  .privacy a {   color: #8a8a8a; font-size:18px; }


}


@media (max-width: 991px) {

.footer {background:#333; padding:30px 15px;   }
.footer .footer-link-menu {margin-bottom:0.6rem; margin-left:-2%; }
.footer .footer-link-menu dl { float:left; width:49%; margin-left:1%; position:relative;  margin-bottom:1%; z-index:100;  }
.footer .footer-link-menu dl dt a { display:inline-block; color:#afafaf;  padding:7px 25px 0px; height:35px; width:100%; background:#4a484b; font-size:0.55rem; font-weight:normal;    }
.footer .footer-link-menu dl dt a span { float:right; font-size:0.45rem; }
.footer .footer-link-menu dl dd { display:none; background:#4a484b; padding:10px 25px; position:absolute; bottom:35px; overflow-y:auto; max-height:350px;  width:100%; border-bottom:1px solid #000;   }
.footer .footer-link-menu dl dd a {font-size:0.55rem; display:block; margin:5px 0;color:#afafaf;    }
.footer .foot-logo {display:none;   }
.footer .foot-logo .logo {float:left; margin-right:10px;   }
.footer .foot-logo .class {float:left; color:#4f4f4f;font-size:0.53rem  font-weight:bold; display:block; margin-top:12px;  }
.footer address { color:#8a8a8a; font-size:0.53rem ;  line-height:1.6;margin-bottom:5px;  }
.footer address p { margin-bottom:0.4rem;  }
.footer address p:after { clear:both; display:table; content:'';  }
.footer address p.address strong {  float:left; width:80px;   }
.footer address p.address span { float:right;  width:calc(100% - 80px);  }
.footer .comment { color:#8a8a8a;font-size:0.51rem  }

.footer  .privacy {  margin-bottom:20px; text-decoration:underline;  }
.footer  .privacy a {   color: #8a8a8a; font-size:0.6rem; }


}