/* https://github.com/akakaki/portfolio2018/blob/master/data/slicing/weijung/aboutus.html */
footer { background: url('../images/footer-bg.jpg') no-repeat 0 0 /cover; color: #fff; }
footer ul, footer li { list-style-type: none; margin: 0; padding: 0; }
footer a { color: #fff; }
footer a:hover { color: #0a3c7b; }
.footer { position: relative; overflow: hidden; transition: .2s linear; }
.footer__container { max-width:1280px; margin: 0 auto; padding: 30px 0 40px; position: relative; }
.footer__aside { display: flex; flex-direction: column; flex-wrap: wrap; }
.copyright { background: #d7e3f2; color: #0a3c7b; transition: .2s linear; }
.copyright__container { max-width: 1280px; margin: 0 auto; padding: 24px 0; text-align: right;}
.footer__img { transition: 2s linear; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/footer-img.png') no-repeat 0 bottom; }
.footer__info { margin-right: 100px; display: flex; flex-direction: column; justify-content: space-between; }
.footer__contact { border-top: 1px solid #fff; padding-top: 17px; font-size: 18px; }
.footer__item { display: flex; margin-top: 22px; }
.footer__tips { font-size: 30px; font-family: 'Staatliches', cursive; line-height: 1; text-transform: uppercase; }
.footer__menu__item { font-size: 18px; margin-bottom: 5px; }
.footer__address,
.footer__phone,
.footer__fax,
.footer__mail { display: flex; }
.footer__address::before,
.footer__phone::before,
.footer__fax::before,
.footer__mail::before { content: ''; width: 25px; height: 25px; display: block; margin-right: 10px; flex: 0 0 25px; }
.footer__address::before { background: url('../images/footer-address.png') no-repeat center center; }
.footer__phone::before { background: url('../images/footer-phone.png') no-repeat center center; }
.footer__fax::before { background: url('../images/footer-fax.png') no-repeat center center; }
.footer__mail::before { background: url('../images/footer-mail.png') no-repeat center center; margin-left: 10px; }

.gotop { display:none; background:#5e95d6; border: 1px solid #fff; position:fixed; right:20px; bottom:20px; cursor:pointer; width:58px; height:58px; z-index:999; border-radius:58px; color:#fff; transition:.28s linear; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.gotop::before, .gotop::after{ display:block; text-align:center; }
.gotop::before{ font-size: 1.4rem; }
.gotop::after{ content:'TOP'; }
.gotop:hover { background:#376da9; }

@media only screen and (max-width: 1280px){
  .copyright__container, 
  .footer { padding-right: 20px; padding-left: 20px; }
}

@media only screen and (min-width: 1200px){
  .footer__container { display: flex; }
  .footer__aside { max-height: 249px; }
  .footer__menu { margin: 9px 56px 10px 0; }
}

@media only screen and (max-width: 1200px){
  .footer__info { margin-bottom: 20px; margin-right: 0; }
  .footer__item { display: block; }
  .footer__mail::before { margin-left: 0; }
}

@media only screen and (max-width: 900px){
  .footer__img { display: none; }
}

@media only screen and (max-width: 600px){
  .footer__tips {
    font-size: 1.37rem;
    line-height: 2;
  }

  .footer__contact,
  .footer__menu__item {
    font-size: .85rem;
  }

  .footer__address,
  .footer__phone,
  .footer__mail,
  .footer__fax { margin: 0 0 10px; }
  .footer__item { margin: 0; }
}