/* ============================================================
   component: site-footer
   左に社名、右に連絡先・リンク
   ============================================================ */

.site-footer {
  background: var(--c-surface-alt);
  padding-block: clamp(48px, 5vw, 72px);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 4vw, 48px);
}

.site-footer__name {
  font-family: var(--font-jp);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--c-ink);
  line-height: 1.5;
}

.site-footer__tagline {
  margin-top: 6px;
  color: var(--c-muted);
}

.site-footer__heading {
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--c-ink);
  margin-bottom: 18px;
}

.site-footer__list > li + li { margin-top: 6px; }

.site-footer__list a { color: inherit; }

.site-footer__list a:hover { opacity: .6; }

@media (max-width: 700px) {
  .site-footer__inner { grid-template-columns: 1fr; }
}