/* ===================================================================
 * overview.css — 会社概要(block/page/overview.php)
 *
 * 会社の基本情報: ページヒーローのクリームから地を続け、1段狭いコンテナに表を置く。
 * 事業所番号・提携先はセルの中で「名前 → 値」を2列にそろえる(md 未満は名前の下に値)。
 * アクセスは共通の .access をそのまま使う。
 * =================================================================== */

.overview-info {
  padding-block: 2.5rem var(--space-6xl);
}

.overview-table td {
  font-size: 1.0625rem;
}

/* cld の a[href^="tel:"](SP で下線)より優先させるため a を付ける。ホバーの下線を出すので text-decoration-none は使わない */
a.overview-table__tel {
  text-decoration: none;
}

a.overview-table__tel:hover {
  text-decoration: underline;
}

.overview-table__list.list--dot > li:not(:last-child) {
  margin-bottom: 2px;
}

/* --- 名前 → 値 の2列(事業所番号・提携先) ------------------------- */

.overview-pairs {
  grid-template-columns: max-content minmax(0, 1fr);
}

.overview-pairs dt {
  font-weight: 400;
}

/* 番号は桁をそろえて読みやすくする。提携先の氏名には字間を付けない */
.overview-pairs--numbers dd {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}

/* md 未満は Bootstrap の既定(dd の下 .5rem)で名前と値の組を区切り、2列では行の間隔(row-gap)に任せる */
@media (min-width: 768px) {
  .overview-pairs dd {
    margin-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  .overview-info {
    padding-block: var(--space-lg) 2.5rem;
  }

  .overview-table td {
    font-size: 1rem;
  }

  /* タップ領域を 44px 以上にする */
  .overview-table__tel {
    display: inline-block;
    padding-block: 10px;
  }
}