@charset "utf-8";
/* ========== 〇〇の相続手続き対応エリア（選ばれる理由の下） ========== */
.area-lp .area-coverage {
  /* 1項目の高さ（文字20＋上下余白12＋枠線2）・行間・枠内の余白。4行分で高さを止める */
  --cov-item: calc(34 * var(--u));
  --cov-gap: calc(8 * var(--u));
  --cov-pad: calc(16 * var(--u));
  padding: calc(50 * var(--u)) calc(15 * var(--u));
  background: #fcfcfc;
}
.area-lp .area-coverage__inner {
  max-width: calc(1024 * var(--u));
  margin: 0 auto;
}
/* 見出し：他のセクションタイトル（area-local__title）と同じ */
.area-lp .area-coverage__title {
  margin: 0;
  color: #0e5a88;
  font-size: calc(24 * var(--u));
  letter-spacing: 0.12em;
  line-height: 1.6;
  text-align: center;
}
.area-lp .area-coverage__box {
  max-height: calc(var(--cov-item) * 4 + var(--cov-gap) * 3 + var(--cov-pad) * 2 + calc(2 * var(--u)));
  margin-top: calc(24 * var(--u));
  overflow-y: auto;
  overscroll-behavior: contain;
  border: calc(1 * var(--u)) solid #dbe0de;
  border-radius: calc(10 * var(--u));
  background: #fff;
}
.area-lp .area-coverage__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cov-gap);
  margin: 0;
  padding: var(--cov-pad);
  list-style: none;
}
.area-lp .area-coverage__item {
  margin: 0;
  padding: calc(6 * var(--u)) calc(12 * var(--u));
  border: calc(1 * var(--u)) solid #dbe0de;
  border-radius: calc(20 * var(--u));
  background: #fff;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(13 * var(--u));
  line-height: calc(20 * var(--u));
  white-space: nowrap;
}
/* 市区町村ページへのリンク */
.area-lp .area-coverage__item.is-link {
  padding: 0;
  border-color: #0e5a88;
}
.area-lp .area-coverage__item.is-link a {
  display: block;
  padding: calc(6 * var(--u)) calc(12 * var(--u));
  border-radius: calc(20 * var(--u));
  color: #0e5a88;
  text-decoration: none;
  transition: background .3s, color .3s;
}
.area-lp .area-coverage__item.is-link a:hover {
  background: #0e5a88;
  color: #fff;
}
/* 市区町村LPの町名（リンクではないので「 / 」区切りの文章。4行で止める） */
.area-lp .area-coverage__box--text {
  max-height: calc(26 * var(--u) * 4 + var(--cov-pad) * 2 + calc(2 * var(--u)));
}
.area-lp .area-coverage__text {
  margin: 0;
  padding: var(--cov-pad);
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(14 * var(--u));
  letter-spacing: 0.05em;
  line-height: calc(26 * var(--u));
}
/* 縦スクロールの案内（4行を超えるときだけ表示） */
.area-lp .area-coverage__scroll-note {
  display: none;
  margin: calc(8 * var(--u)) 0 0;
  color: #666;
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(12 * var(--u));
  line-height: calc(18 * var(--u));
  text-align: right;
}
.area-lp .area-coverage.is-scroll .area-coverage__scroll-note { display: block; }

@media (min-width: 992px) {
  .area-lp .area-coverage {
    padding: calc(100 * var(--u)) calc(24 * var(--u));
  }
  .area-lp .area-coverage__title {
    font-size: calc(40 * var(--u));
    letter-spacing: calc(8 * var(--u));
    line-height: calc(64 * var(--u));
  }
  .area-lp .area-coverage__box { margin-top: calc(40 * var(--u)); }
}

/* 直後に人口・世帯データ（同じ背景色）が続くときは、間の余白が二重にならないよう上の余白をなくす（2026-11-12） */
.area-lp .area-coverage + script + .area-data,
.area-lp .area-coverage + .area-data {
  padding-top: 0;
}