/* ============================================================
   オーナーセクション 最終仕上げ
   貼り付け先: /wp-content/themes/lily-theme/style.css の末尾
   日付: 2026-04-30 v3 仕上げ

   修正内容:
   1. 画像下の余白対策: .owner-split 全体にクリーム背景を効かせる
      → 画像下の余白がメッセージ側と同じ色で繋がり、違和感が消える

   2. Owner's Message の横線を両側に伸ばす
      ──── Owner's Message ────
      → 既存の左側の線 (::before) はそのまま、
         右側に ::after で線を追加
      → さらに、画像とラベルの間にあった「独立した左寄せ縦線」は
         (.owner-right::before) 不要なので非表示にする
   ============================================================ */

@media (min-width: 861px) {

  /* ========================================
     1. 画像下の余白対策
     .owner-split 全体に統一背景色
     ======================================== */
  .owner-split {
    background: var(--bg-2) !important;
  }

  /* 画像コンテナの個別背景色は不要(親の色で十分) */
  .owner-left {
    background: transparent !important;
  }

  /* メッセージ側の個別背景色も親と統一 */
  .owner-right {
    background: transparent !important;
  }
}

/* ============================================================
   両 PC・SP 共通: Owner's Message の横線を両側に
   ============================================================ */

/* 既存の独立した縦線(画像とラベルの間)を非表示 */
.owner-right::before {
  display: none !important;
}

/* セクションラベルを flex 化して両側に線を配置 */
.owner-right .section-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
  position: relative;
}

/* 既存の左側の線 (.section-label::before) はそのまま使われる */
/* width: 40px, height: 1px, background: var(--gold) */

/* 右側の線を追加 (::after) */
.owner-right .section-label::after {
  content: "" !important;
  display: inline-block !important;
  width: 40px !important;
  height: 1px !important;
  background: var(--gold) !important;
  flex-shrink: 0 !important;
}

/* === Lilyの取り組みセクション テキスト揃え修正 === */
.mv5-section-title {
  text-align: center !important;
}
.mv5-stats-lead {
  text-align: left !important;
  margin: 0 0 56px !important;
}


/* ---- お悩みフッターテキスト 左揃え ---- */
.mv5-concerns__footer {
    text-align: left !important;
}