/* 2026-11-04 ご利用の流れ・オーナー様・管理会社様へをトップの形（パターン1）に。本採用（栄成さん「１。見本がいいです。」）。GuidePage・OwnerPage が html に lk-p1 を付ける
   パターン1（トップ・年間いくら？・振込・口座振替との違い・法人向け）の作り：白い地・見出しは中央で太く大きく（page-np.css の np-h1・np-h2 と同じ）・最初の画面は文が上で絵が下・区画は白と薄いグレーの交互・主なボタンは紺
   文・並び・写真と絵は変えない */
/* --- 最初の画面 --- */
html.lk-p1 .gvb, html.lk-p1 .ow-hero { background: #fff; }
html.lk-p1 .ow-hero__bg, html.lk-p1 .g3-crumbs { display: none; }
html.lk-p1 .gvb__in, html.lk-p1 .ow-hero__in { display: block; text-align: center; }
html.lk-p1 .gvb__text, html.lk-p1 .ow-hero__copy { max-width: 760px; margin: 0 auto; }
html.lk-p1 .gvb__h, html.lk-p1 .ow-h1 { font: 800 clamp(28px, 5.2vw, 64px)/1.2 "Noto Sans JP", sans-serif; letter-spacing: -.04em; }
html.lk-p1 .gvb__lead, html.lk-p1 .ow-h1sub { margin-left: auto; margin-right: auto; }
html.lk-p1 .gvb__stores, html.lk-p1 .ow-cta-row { justify-content: center; }
html.lk-p1 .gvb__phones { margin: 48px auto 0; }
html.lk-p1 .ow-video { max-width: 720px; margin: 44px auto 0; }
/* --- 区画の見出し --- */
html.lk-p1 .g3-h2, html.lk-p1 .ow-h2 { font: 800 clamp(26px, 3.8vw, 46px)/1.3 "Noto Sans JP", sans-serif; letter-spacing: -.04em; text-align: center; text-wrap: balance; }
html.lk-p1 .g3-kicker, html.lk-p1 .ow-kicker { display: flex; justify-content: center; text-align: center; }
html.lk-p1 .g3-lead { margin-left: auto; margin-right: auto; text-align: center; }
/* --- 区画の地：白と薄いグレーの交互 --- */
html.lk-p1 .g3-sec--b, html.lk-p1 .g3-sec--sky, html.lk-p1 .g3-sec--g, html.lk-p1 .ow-band--worry { background: #f6f8fa; border-top: 0; }
/* --- 主なボタンは紺 --- */
html.lk-p1 .g3-btn:not(.g3-btn--line):not(.g3-btn--w), html.lk-p1 .ow-btn { background: #0b1b2b; color: #fff; box-shadow: none; }
@media (max-width: 900px) {
  html.lk-p1 .gvb__phones { margin-top: 32px; }
  html.lk-p1 .ow-video { margin-top: 28px; }
}
/* --- 11/4 オーナー様ページの最初の画面の背景は、ひとまず a「白だけ」（栄成さん「一旦はaにしましょう。」）。決定 #117 の青→緑の帯は出さない --- */
html.lk-p1 .ow-hero::before, html.lk-p1 .ow-hero::after { display: none; }
/* --- 11/4 最初の画面のボタンのまわり：ボタンの下の中央に1行の文字のリンク（freee の形。栄成さん「「管理会社様にお任せのオーナー様はこのページを共有する」のせいでごちゃごちゃして見えます。」・docs/不動産会社様_すり合わせ.md 7-52） --- */
html.lk-p1 .ow-hero .ow-cta-row { flex-direction: column; gap: 14px; }
html.lk-p1 .ow-hero .ow-share--link .ow-share__btn { display: inline; padding: 0; text-align: center; line-height: 1.6; }
html.lk-p1 .ow-hero .ow-share--link .ow-share__btn small { display: inline; font-size: 13px; }
html.lk-p1[lang="ja"] .ow-hero .ow-share--link .ow-share__btn small::after { content: '、'; }
html.lk-p1:not([lang="ja"]) .ow-hero .ow-share--link .ow-share__btn small::after { content: ' '; }
html.lk-p1 .ow-hero .ow-share--link .ow-share__btn span { display: inline-block; font-size: 13px; white-space: nowrap; } /* 「このページを共有する ↗」は途中で折り返さない */
html.lk-p1 .ow-hero .ow-share__alt { left: 50%; transform: translateX(-50%); }