.footer {
  width: 100%;
  display: flex;
  border-top: 1px solid var(--sub-color);
}

/* PC */
@media (min-width: 768px) {
  .footer {
    max-width: calc(var(--page-width) - var(--page-margin-pc) * 2);
    width: calc(100% - var(--page-margin-pc) * 2);
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: start;
    margin-top: 100px;
    padding: 32px 0 64px;
  }
}

/* SP */
@media (max-width: 768px) {
  .footer {
    width: calc(100% - var(--page-margin-sp) * 2);
    flex-flow: column nowrap;
    margin-top: 40px;
    padding: 20px 0 40px;
    gap: 8px;
  }
}

.footer-logo {
  width: 120px;
}

/* PC */
@media (min-width: 768px) {
  .footer-logo {
    width: 120px;
  }
}

/* SP */
@media (max-width: 768px) {
  .footer-logo {
    width: 100px;
  }
}

.footer-copyright {
  font-size: 12px;
}