/* ===== フッター（参考：灰色の面に中央寄せのリンク、下に白い帯で著作権表示） ===== */
.footer { background-color: var(--gray); }
.fnav ul { display: flex; flex-wrap: wrap; justify-content: center; }
.fnav a { display: block; padding: 0 1em; color: var(--sub); transition: color 0.3s; }
.fnav a:hover { color: var(--main); }
.footer__btm { padding: 24px 0 48px; background-color: #fff; }
.footer__btm-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 1.5em; color: var(--sub); }
.footer__copy { font-size: 13px; letter-spacing: 0.12em; }
.footer__note { font-size: 12px; }
@media (max-width: 767px) {
  .fnav ul { display: block; }
  .fnav a { position: relative; padding: 0.5em 1em 0.5em 0; }
  .fnav a::before { content: ""; position: absolute; top: 0; bottom: 0; right: 4px; width: 6px; height: 6px; margin: auto; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); }
  .footer__btm { padding: 24px 0; }
  .footer__btm-in { display: block; text-align: center; }
  .footer__note { margin-top: 4px; }
}