/* フッター（よもぎ色の面。院名・電話・予約、受付時間と駐車場の図、地図、ナビ） */
.footer { padding: 124px 0 40px; }
.footer__inner { width: 90%; max-width: 1200px; margin: 0 auto; }
.footer__top { margin-bottom: 72px; text-align: center; }
.footer__logo { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-bottom: 56px; }
.footer__name { font-size: 2.75rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; }
.footer__txt { margin-bottom: 16px; font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.12em; }
.footer__num { font-family: var(--f-en); font-weight: 600; font-size: 1.875rem; margin: 0 2px; }
.footer .cta__list { gap: 50px; }

.footer__md { display: grid; grid-template-columns: 39.3627% auto; column-gap: 8.1537%; align-items: center; max-width: 1067px; margin: 0 auto 56px; }
.hours--ft th, .hours--ft td { border-bottom-color: rgba(53, 96, 31, 0.2); }
.hours--ft .on { color: var(--deep); }
.footer .schedule__info { padding: 0.875rem 0 0.75rem; }
.park { padding: 0.75rem 0 1.125rem; border-bottom: 1px solid rgba(53, 96, 31, 0.2); font-size: 0.875rem; letter-spacing: 0.04em; }

.fnav ul { display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: column; grid-template-rows: repeat(3, auto); margin-top: 12px; }
.fnav a { position: relative; display: block; padding: 0.3125em 0 0.3125em 1.3125em; letter-spacing: 0.12em; transition: color 0.4s ease-out; }
.fnav a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0.5rem; height: 0.5rem; margin: auto; border-top: 2px solid var(--deep); border-right: 2px solid var(--deep); transform: rotate(45deg); }
.fnav a:hover { color: var(--deep); }

.footer__map { display: block; width: 100%; height: auto; aspect-ratio: 1; border: 1px solid rgba(53, 96, 31, 0.2); border-radius: 1rem; }

.footer__btm { padding: 8px 0; text-align: center; }
.footer__copy { font-family: var(--f-en); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--deep); }
.footer__note { margin-top: 16px; font-size: 0.8125rem; line-height: 1.8; text-align: center; }

@media (max-width: 1279px) {
  .fnav ul { grid-template-columns: 1fr; grid-auto-flow: row; grid-template-rows: none; }
}
@media (max-width: 1023px) {
  .footer__md { grid-template-columns: 1fr 1fr; column-gap: 5%; }
}
@media (max-width: 767px) {
  .footer { padding: 62px 0 32px; }
  .footer__inner { width: 86%; }
  .footer__top { margin-bottom: 40px; }
  .footer__logo { gap: 12px; margin-bottom: 32px; }
  .footer__name { font-size: 1.7143rem; }
  .footer__txt { font-size: 1.25rem; letter-spacing: 0.08em; }
  .footer .cta__list { display: block; }
  .footer .cta__list .tel-num { margin-bottom: 8px; }
  .footer__md { display: block; margin-bottom: 32px; }
  .footer__lft { margin-bottom: 24px; }
  .fnav ul { display: block; }
}