/* ============================================================
   ECサイトの更新や保守を頼みたい /homepage/maintenance/（最終ページ型）
   ⚠ ここは page-maintenance.php 専用。他ページとクラス名が衝突しないよう p-maint__ を付けている。
   ============================================================ */

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

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

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

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

/* ---- リード：あなたのECサイトは生きていますか？ ---- */
.p-maint__lead-title {
  margin: 0;
  font-size: 21px;
  line-height: 1.7;
}

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

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

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

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

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