/* オーナー様・管理会社様ページの見本 look="p2"（2026-11-05・案）：区画の並びと地の色だけ。文は変えない
   ①「お支払いいただけるもの・ご利用いただける物件」を、お悩みと解決のあと（真ん中の申し込みの下）へ移す（OwnerPage.astro の look）
   ② 隣り合う区画の地の色を交互に：…真ん中の申し込み（灰）→ 払えるもの・物件（白）→ 契約書や口座（薄い青）→ はじめ方（灰）→ よくある質問（白）→ 最後（紺） */
.ow-scope-sec { padding: clamp(56px, 7vw, 88px) 0; background: #fff; }
.ow-scope-sec .ow-scope { margin-top: 0; }
.ow-same { background: #eef6fd !important; }
.ow-final { background: #0b1b2b !important; color: #fff; }
.ow-final .ow-final__h { color: #fff; }
.ow-final .ow-h1sub { color: rgba(255,255,255,.82); }
.ow-final .ow-btn { background: #fff !important; color: #0b1b2b !important; box-shadow: 0 18px 36px -18px rgba(0,0,0,.6) !important; }
/* 11/5 解決01：理由の1位の図のすぐ下の1文 */
.ow-why__re { margin: 14px 0 0; padding: 12px 16px; border-radius: 14px; background: #e8f8f2; font-size: 16px; font-weight: 800; line-height: 1.7; color: #0b1b2b; word-break: auto-phrase; }
/* 11/5 ほかの空室対策と、いっしょに：ほかの対策の札 ＋ RentEase の札（動画のお悩み2の場面と同じ絵） */
.ow-combo { display: flex; align-items: center; justify-content: center; gap: 14px; max-width: 720px; margin: 0 auto 24px; }
.ow-combo__others { flex: 1 1 auto; padding: 12px 14px 14px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px #dfe6ee; }
.ow-combo__k { margin: 0 0 6px; text-align: center; font-size: 13px; font-weight: 800; color: #6f7b87; }
.ow-combo__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ow-combo__row figure { margin: 0; text-align: center; }
.ow-combo__row img { width: 100%; max-width: 92px; height: auto; margin: 0 auto; mix-blend-mode: multiply; }
.ow-combo__row figcaption { margin-top: 2px; font-size: 13px; font-weight: 800; color: #3a4652; }
.ow-combo__plus { flex: none; font: 900 30px/1 "Inter", sans-serif; color: #23c6d0; }
.ow-combo__re { flex: none; display: grid; justify-items: center; gap: 6px; padding: 16px 18px; border-radius: 18px; background: linear-gradient(135deg, #0a8fe6, #13c79a); color: #fff; box-shadow: 0 16px 30px -18px rgba(0,60,120,.6); }
.ow-combo__re img { width: 104px; height: auto; filter: brightness(0) invert(1); }
.ow-combo__re b { display: grid; justify-items: center; font-size: 12px; font-weight: 800; }
.ow-combo__re b span { font: 900 34px/1.05 "Inter", sans-serif; } .ow-combo__re b small { font-size: 15px; }
@media (max-width: 600px) {
  .ow-combo { flex-direction: column; gap: 8px; }
  .ow-combo__others { width: 100%; }
  .ow-combo__re { grid-auto-flow: column; align-items: center; gap: 12px; padding: 12px 18px; }
  .ow-combo__re b { justify-items: start; }
}
/* 11/5 解決02 の崩れの直し（栄成さん「この表記で本当にいいと思っていますか？デザインが崩れていないですか？」）：look-p1 の .ow-h2（中央ぞろえ・行の長さをそろえる）で、PC で見出しだけ中央・「オーナー様・」だけの行ができていた → PC は左の列を左ぞろえ、見出しを2行に。下の段は見出しを絵の上に */
/* 11/5 表示チェック：look-p1 の html.lk-p1 .ow-h2／.ow-kicker（中央ぞろえ・46px・行の長さをそろえる）が、page-owner.css の左ぞろえの区画（お悩みの行・解決02・契約書や口座の変更）を上書きしていた → PC だけ元の左ぞろえと大きさに戻す */
@media (min-width: 901px) {
  html.lk-p1 #solve-2 .ow-h2 { text-align: left; text-wrap: wrap; font-size: clamp(30px, 2.7vw, 37px); }
  html.lk-p1 #solve-2 .ow-kicker, html.lk-p1 .ow-head--left .ow-kicker, html.lk-p1 .ow-worry--row .ow-kicker { justify-content: flex-start; text-align: left; }
  #solve-2 .ow-kicker::after, .ow-head--left .ow-kicker::after { display: none; }
  html.lk-p1 .ow-head--left .ow-h2 { text-align: left; }
  html.lk-p1 .ow-worry--row .ow-h2 { text-align: left; text-wrap: wrap; font-size: clamp(24px, 2.1vw, 27px); line-height: 1.4; word-break: auto-phrase; }
}
.ow-why0 { margin-top: 20px; padding: 16px 18px; border-radius: 16px; background: #f2f8fd; text-align: left; }
.ow-why0 b { display: block; font-size: 16px; font-weight: 800; color: var(--ink); }
.ow-why0 p { margin: 4px 0 0; font-size: 15px; line-height: 1.75; color: var(--ink2); word-break: auto-phrase; }
.ow-s2row--one { gap: 24px; justify-items: center; }
.ow-s2row__h--top { margin: 0; text-align: center; }
.ow-s2row--one .ow-combo { margin: 0 auto; }

/* 11/10 申し込む前の質問の窓口の1行（決定表 #275）。ボタンより目立たせない：小さめの文字＋下線のリンク */
.ow-ask { margin: 20px auto 0; font-size: 14px; line-height: 1.7; color: var(--ink2, #4a5868); text-align: center; word-break: auto-phrase; }
.ow-ask a { display: inline-block; color: #0a6fd6; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.ow-ask a:hover { text-decoration-thickness: 2px; }
.ow-ask--dark { margin-top: 18px; color: rgba(255,255,255,.78); text-align: left; }
.ow-ask--dark a { color: #7fd0ff; }
@media (max-width: 900px) { .ow-ask--dark { text-align: center; } }