/* The page footer follows the entire inquiry scene, outside its photograph. */
.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; min-height: 104px; margin-left: 82px; padding: 26px clamp(24px,5vw,84px); border-top: 1px solid #18364426; background: #f4f5f0; color: #25414b; font-family: var(--font-standard,"Hiragino Sans","Yu Gothic",sans-serif); }
.site-footer > span { font-family: Arial,sans-serif; font-size: 10px; letter-spacing: .13em; line-height: 1.8; }
.site-footer .footer-links { gap: 10px 28px; }
.site-footer a { color: inherit; font-size: 13px; line-height: 1.8; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.site-footer a:focus-visible { outline: 2px solid #2785a4; outline-offset: 4px; }
body[data-time="night"] .site-footer { border-color: #d1e4ed26; background: #10212c; color: #e7eff0; }
@media (max-width: 800px) { .site-footer { margin-left: 0; padding: 24px; } .site-footer .footer-links { gap: 6px 22px; } }
@media (max-width: 400px) { .site-footer { padding-inline: 20px; } .site-footer a { font-size: 12px; } .site-footer .footer-links { gap: 6px 18px; } }