@charset "UTF-8";

/* =========================================
   footer.css
   ========================================= */

.footer {
  height: 21.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__logo {
  margin-bottom: 4rem;
}

.footer__logo img {
  width: 22.5rem;
  height: auto;
}

.footer__copyright {
  font-size: 1rem;
  color: var(--color-white);
  letter-spacing: 0.1em;
  font-family: var(--font-en);
  text-align: center;
  line-height: calc(24 / 10);
}

/* レスポンシブ (SP/Tablet) */
@media screen and (max-width: 1024px) {
  .footer {
    height: 58vw; /* 218px */
  }

  .footer__logo {
    margin-bottom: 8vw;
  }

  .footer__logo img {
    width: 60vw; /* 225px */
  }

  .footer__copyright {
    font-size: 2.66vw; /* 10px */
  }
}