@charset "utf-8";
/* ============================================================================================================
   TOP > リード文（template-parts/top/lead.php）
   ※SCSSのコンパイル環境を通していないため、当ファイルは素のCSSで直接編集する
   ※2026-09-18、KV右下のお知らせ（.top-intro__news）をこのセクションへ同居させたため、
     背景を上下で分けている
     ・上（お知らせが乗る余白）… bg_intro.jpg     ※旧テーマの .top-intro と同じ
     ・下（リード文）          … bg_contents.png  ※「歴史・文化スポット巡り」と同じ
   ※SP表示は 375px 基準の vw 換算（旧 size_sp() 相当）
============================================================================================================ */

/* セクション全体
   お知らせを top:-142px でKVへ食い込ませるための基準（旧 .top-intro と同じ役割）。
   上の余白がそのままお知らせの乗る領域になるため、値は旧テーマの .top-intro に合わせている
   （1190px以下はお知らせが position:relative に切り替わり通常フローに入る） */
.top-lead {
  position: relative;
  z-index: 1;
  padding-top: 78px;
  background: url(../img/top/bg_intro.jpg);
}
@media screen and (max-width: 1190px) {
  .top-lead {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .top-lead {
    padding-top: 5.3333333333vw;
  }
}

/* リード文の領域。背景は「歴史・文化スポット巡り」(.top-contents) と同じ */
.top-lead__body {
  padding: 78px 0 82px;
  background: url(../img/top/bg_contents.png) no-repeat center/cover;
}
@media (max-width: 767px) {
  .top-lead__body {
    padding: 12.8vw 0 13.3333333333vw;
  }
}

.top-lead__inner {
  max-width: 1280px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top-lead__inner {
    padding: 0 6.4vw;
  }
}

.top-lead__txt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.04em;
  color: #003600;
  text-align: center;
}
@media (max-width: 767px) {
  .top-lead__txt {
    /* SPは文字サイズを変えない（14px相当のまま）。行間のみ広げる */
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 2;
    text-align: left;
  }
}