.site-footer { position: relative; z-index: var(--z-content); background: var(--ink); color: var(--on-dark); border-top: 1px solid var(--line-dark); padding: 56px 0 28px; }
.footer-inner { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: start; }
.footer-logo { display: inline-flex; align-items: center; gap: 14px; font-family: var(--font-serif); font-size: var(--fs-h3); letter-spacing: 0.08em; }
.footer-logo img { height: 48px; width: 48px; object-fit: contain; }
.footer-company { margin-top: 20px; font-size: var(--fs-small); color: var(--on-dark-muted); line-height: 1.9; }
.footer-company a { word-break: break-all; }
.footer-company a:hover { color: var(--gold-light); }
.footer-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 32px; font-size: var(--fs-small); letter-spacing: 0.1em; }
.footer-nav a { color: var(--on-dark-muted); transition: color 0.4s var(--ease-out); }
.footer-nav a:hover { color: var(--gold-light); }
/* 本番にあった「ギャラリー・ポートフォリオ・歯科・美容サロン」への入口。右の列で、メインのリンクの下に細い線をはさんで並べる */
.footer-inner > .footer-brand { grid-row: 1 / span 2; }
.footer-nav--sub { grid-column: 2; align-self: start; margin-top: -16px; padding-top: 16px; border-top: 1px solid var(--line-dark); font-size: var(--fs-eyebrow); }
.footer-bottom { max-width: var(--container); margin: 40px auto 0; padding-left: var(--gutter); padding-right: var(--gutter); padding-top: 20px; border-top: 1px solid var(--line-dark); text-align: right; font-size: var(--fs-eyebrow); color: var(--on-dark-muted); }
@media (max-width: 760px) {
  .footer-inner { grid-template-columns: 1fr; }
  .footer-nav { justify-content: flex-start; }
  .footer-inner > .footer-brand { grid-row: auto; }
  .footer-nav--sub { grid-column: auto; margin-top: -16px; }
  .footer-bottom { text-align: left; }
}