@charset "Shift_JIS";

.footer {
  margin: 5vw;
}

.footer__middle {
  width: 40%;
  margin: 0 auto;
  padding-top: 5vw;
}

.footer__logo {
  width: 50%;
  margin: 0 auto;
  margin: 5vw auto 0;
}

.footer__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__item {
  transition: .3s;
}

.footer__item:hover {
  opacity: .6;
}

.footer__link {
  font-weight: bold;
  font-size: calc(18px + 7 * (100vw - 768px) / 673);
}

.footer__copyright {
  font-size: calc(12px + 5 * (100vw - 768px) / 673);
  text-align: center;
  margin: 5vw 0 0;
}

@media screen and (max-width: 767px) {
  .footer__logo {
    width: 60%;
    margin: 10vw auto 0;
  }

  .footer__middle {
    width: 35%;
    margin: 10vw auto 0;
    padding-top: 0;
  }

  .footer__link {
    font-size: calc(8px + 10 * (100vw - 320px) / 447);
  }

  .footer__copyright {
    font-size: calc(10px + 8 * (100vw - 320px) / 447);
  }
}