@charset "UTF-8";
/* ==========================================================================
   フッター（全ページ共通）
   カンプ実測: 1440×436 ／ padding 64px 90px ／ コンテンツ幅 1260px
             院名（画像）224×32 ／ 情報は「項目名96px + 内容」の2列・行間16px
             地図 307×234 ／ 診療時間テーブル 520×198（行高46px）
   ========================================================================== */

.c-footer {
  padding: 64px 90px;
  background: var(--c-white);
  border-top: 1px solid var(--c-blue);
}

.c-footer-inner {
  width: 100%;
  max-width: var(--inner-wide);
  margin: 0 auto;
}

/* 院名（Kosugi Maru を読み込まないため文字ごと画像で書き出している） */
.c-footer-name {
  display: block;
  width: 224px;
}

.c-footer-info {
  margin-top: 32px;
}

.c-footer-row + .c-footer-row { margin-top: 16px; }

.c-footer-row p {
  font-size: 1rem;
  line-height: 1.4;
}

.c-footer-label {
  flex: 0 0 96px;
  max-width: 96px;
}

.c-footer-map {
  display: block;
  width: 307px;
  max-width: 100%;
}

.c-footer-copy {
  margin-top: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}


.footer-map {
  display: block;
  border: 1px solid rgba(24, 61, 129, 0.15);
  line-height: 0;
}

.footer-map iframe,
.footer-map img {
  display: block;
  /* aspect-ratio: 16/9; */
  width: 100%;
  max-width: 100%;
  height: 230px;
  border: 0;
}

.footer-map img {
  height: auto;
}


/* --------------------------------------------------------------------------
   診療時間テーブル（table が使えないので row / col で組む）
   -------------------------------------------------------------------------- */
.c-hours-head {
  background: var(--c-navy);
  color: var(--c-white);
}

.c-hours-row {
  border-bottom: 1px solid var(--c-navy);
}

.c-hours-th,
.c-hours-td {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 9px 4px;
  text-align: center;
}

.c-hours-th p,
.c-hours-td p {
  font-size: 1rem;
  line-height: 1.75;
}

.c-hours-head .c-hours-th p,
.c-hours-head .c-hours-td p {
  font-weight: 700;
}

.c-hours-mark { font-size: 0.75rem; }
.c-hours-mark--strong { font-size: 1rem; font-weight: 700; }

.c-hours-notes { margin-top: 8px; }
.c-hours-notes .c-note { line-height: 1.7; }

/* ------------------------------------------------------------------
   レスポンシブ
   ------------------------------------------------------------------ */
@media (max-width: 991.98px) {
  .c-footer { padding: 48px 24px; }
  .c-footer-map { margin-top: 32px; }
  .c-footer-copy { margin-top: 32px; text-align: center !important; }
  .footer-map iframe,.footer-map img{ aspect-ratio: 16 / 9; width: 100vw; height: 300px; }
  .footer-map{margin: 20px 0;}
}

@media (max-width: 767.98px) {
  .c-footer-name { width: 180px; }
  .c-footer-row p { font-size: 0.875rem; }
  .c-hours-th p,
  .c-hours-td p { font-size: 0.8125rem; }
  .c-hours-th,
  .c-hours-td { min-height: 40px; padding: 6px 2px; }
  .c-footer-copy { font-size: 0.8125rem; }
}
