/* ============================================================
   WEBサイトを作りたい /homepage/homepage/（最終ページ型）
   ⚠ ここは page-homepage-2.php 専用。他ページとクラス名が衝突しないよう p-hp2__ を付けている。
   ⚠ この面のスラッグは親ページ /homepage/ と同じ "homepage" になるため、functions.php の
      ページ別CSS自動読み込み（page-{slug}.css）はこのファイルではなく page-homepage.css を読む。
      統合担当が個別の読み込み対応をすること（page-homepage-2.php 冒頭コメントも参照）。
   ============================================================ */

/* ---- ページヘッダー（WEBSITE＋h1）。図形を置かない面 ---- */
.p-hp2__head {
  background: var(--c-ground);
}

.p-hp2__head-body { padding: 24px 0 32px; }

.p-hp2__title { margin-top: 12px; }

@media (min-width: 768px) {
  .p-hp2__head-body { padding: 44px 0 46px; }
  .p-hp2__title { margin-top: 14px; }
}

/* ---- リード：あなたのサイトのゴールは何ですか？ ---- */
.p-hp2__lead-title {
  margin: 0;
  font-size: 21px;
  line-height: 1.7;
}

.p-hp2__lead-body p + p { margin-top: 18px; }

@media (min-width: 768px) {
  .p-hp2__lead-body { padding-top: 6px; }
  .p-hp2__lead-title { font-size: 30px; line-height: 1.65; }
  .p-hp2__lead-body p + p { margin-top: 22px; }
}
@media (min-width: 1024px) {
  .p-hp2__lead .l-split { gap: 56px; }
}

/* ---- メニュー：ホームページ製作メニュー ----
   価格プランのような装飾カードは無い（現行サイトの本文は箇条書きの段落のみ）ため、
   t-label＋h2＋l-measure の単純な積み重ねで構成する。
   2026-08-13: 見出しをl-splitで2カラム化（おじさん指示）。見出しサイズはリード面と統一。 */
.p-hp2__menu-title {
  margin-top: 12px;
  font-size: 21px;
  line-height: 1.7;
}

.p-hp2__menu-body {
  margin-top: 24px;
}
.p-hp2__menu-body p + p { margin-top: 18px; }

@media (min-width: 768px) {
  .p-hp2__menu-title { margin-top: 0; font-size: 30px; line-height: 1.65; }
  .p-hp2__menu-body { margin-top: 0; padding-top: 6px; }
  .p-hp2__menu-body p + p { margin-top: 22px; }
}
@media (min-width: 1024px) {
  .p-hp2__menu .l-split { gap: 56px; }
}