/* =====================================================================
   brand.css — 大阪老人ホーム相談室 下層ページ（/kansai/・/chokuei/）共通のブランドの型（2026-10-17）
   トップ（index.html の 2026-10-17 ブランド刷新）と同じ型：生成り・墨・木の3色／見出しは明朝＋英字の小見出し／角丸・影・浮く動きなし。
   各ページの <style> の後ろで読み、同じクラス名を上書きする（文言・計測・リンクは触らない）。
   ===================================================================== */
:root{
  --paper:#F6F3EC; --ink:#1F1F1D; --sub:#5C5A54; --mute2:#6B6860; --rule:#DCD6CA; --wood:#94744E;
  --serif:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
  --sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
  --en:"Cormorant Garamond","Times New Roman",Georgia,serif;
  --navy:#1F1F1D; --navy2:#2A2A27; --gold:#94744E; --gold-deep:#6F563A; --gold-soft:#EFEAE0; --cream:#F6F3EC; --tint:#F6F3EC;
  --line:#DCD6CA; --line2:#E6E1D6; --mute:#5C5A54; --faint:#6B6860; --shadow:none; --shadow-sm:none;
}
body{font-family:var(--sans)!important;color:var(--ink);letter-spacing:.04em;line-height:1.95}
h1,h2,h3,.hdr,.btn,.kicker{font-family:var(--sans)}
h1,h2,h2.t,h3{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:.08em}
.sec{padding:84px 0}
@media(max-width:759px){.sec{padding:56px 0}.wrap{padding:0 20px}}
.kicker{background:none!important;padding:0!important;border-radius:0!important;font-family:var(--en)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.3em!important;color:var(--sub)!important;text-transform:uppercase}
.kicker::before{content:"";width:26px;height:1px;background:var(--rule);display:inline-block}
h2.t{color:var(--ink);font-size:23px;line-height:1.75}
@media(min-width:760px){h2.t{font-size:29px}}
.lead{color:var(--sub);font-size:14.5px;line-height:2}
/* ボタン（トップと同じ） */
.btn{border-radius:0!important;box-shadow:none!important;font-weight:600;letter-spacing:.1em;font-size:14px;border:1px solid var(--ink)!important;transition:background .2s,color .2s}
.btn:hover{transform:none!important}
.btn.line{background:var(--ink)!important;color:#fff!important}
.btn.line .ic{color:#06C755}
.btn.gold,.btn.ghost,.btn.home{background:#fff!important;color:var(--ink)!important}
.btn.gold:hover,.btn.ghost:hover,.btn.home:hover{background:var(--paper)!important}
.btn.onnavy{background:transparent!important;color:#fff!important;border-color:#8D8A82!important}
/* ヘッダー */
.hdr{background:rgba(255,255,255,.97)!important;backdrop-filter:none!important;border-bottom:1px solid var(--rule)!important;box-shadow:none!important}
.hdr .row{height:68px}
.brand{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:.12em;color:var(--ink)!important;font-size:16px!important}
.brand .mk{display:none}
.brand img.pmark{height:38px;width:auto;display:block}
.brand small{font-family:var(--en);font-size:10px!important;letter-spacing:.24em!important;color:var(--mute2)!important;font-weight:500!important}
.hdr .tel{font-family:var(--en);font-weight:500!important;letter-spacing:.08em;color:var(--ink)!important}
.hdr .tel .ic{color:var(--ink)!important}
@media(max-width:430px){.brand small{display:none}.hdr .btn.home{display:none}}
/* ヒーロー：生成り・左に言葉、右に写真 */
.hero{background:var(--paper)!important;color:var(--ink)!important}
.hero::after{display:none!important}
.hero .tag{background:none!important;border:0!important;padding:0!important;font-family:var(--en);font-weight:500!important;letter-spacing:.3em!important;color:var(--sub)!important;font-size:12.5px!important}
.hero h1{color:var(--ink)!important;font-size:27px!important;line-height:1.65!important;font-weight:500!important}
@media(min-width:760px){.hero h1{font-size:36px!important}}
.hero h1 .em{color:var(--ink)!important;border-bottom:1px solid var(--wood)}
.hero .sub{color:var(--sub)!important;font-size:14.5px!important;line-height:2.05}
.hero .chips{gap:4px 18px!important}
.hero .chip{background:none!important;border:0!important;padding:0!important;color:var(--ink)!important;font-weight:500!important;border-radius:0!important}
.hero .chip svg{stroke:var(--wood)!important}
.hero .fine{color:var(--sub)!important}
/* 写真：角なし・枠なし・影なし、色味をそろえる */
img{filter:none}
.hero img,.why .ph img,.fac .gal img,.lifecell img,.reccell img,.bimg{filter:saturate(.86) contrast(.98)}
/* 関西：エリアの格子 */
.kpref{border-radius:0!important;box-shadow:none!important;border:1px solid var(--rule)!important;background:#fff!important}
.kpref:hover{transform:none!important;border-color:var(--ink)!important}
.kpref b{font-family:var(--serif);font-weight:600;color:var(--ink)!important;letter-spacing:.1em}
.kpref.osaka{background:var(--ink)!important;border-color:var(--ink)!important}
.kpref.osaka b{color:#fff!important}
.kpref.osaka::after{border-radius:0!important;background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)}
/* 関西：見学の7つ・直営：約束 */
.points,.promise,.flow,.kansai,.facs{background:var(--paper)!important}
.pgrid{gap:0 40px!important;border-top:1px solid var(--rule)}
.pcard{background:transparent!important;border:0!important;border-bottom:1px solid var(--rule)!important;border-radius:0!important;box-shadow:none!important;padding:22px 2px!important}
.pcard:hover{transform:none!important;box-shadow:none!important}
.pcard .no{background:none!important;border-radius:0!important;width:auto!important;height:auto!important;font-family:var(--en);font-weight:500!important;color:var(--wood)!important;letter-spacing:.1em;font-size:20px!important}
.pcard h3{color:var(--ink)!important}
.pcard p{color:var(--sub)!important}
.pcard .eye{background:none!important;border-radius:0!important;padding:0!important;color:var(--wood)!important;font-weight:600!important}
.pcard[style*="background"]{background:var(--ink)!important;padding:24px 22px!important}
.pcard .tantou{border-radius:0!important;border:0!important;box-shadow:none!important}
.pcard .ci{background:none!important;box-shadow:none!important;border-radius:0!important;color:var(--ink)!important}
.pcard .ci img{filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply}
/* 直営の目・理由 */
.why .ph{border-radius:0!important;box-shadow:none!important}
.why .ph .phcap{background:rgba(255,255,255,.94)!important;color:var(--ink)!important;left:0;right:auto;bottom:0;padding:8px 14px!important}
.why h3,.reason h3,.fac h3,.kcard h3{color:var(--ink)!important}
.why li svg{stroke:var(--wood)!important}
.reason{border-radius:0!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--rule)!important;background:transparent!important;padding:24px 2px!important}
.reason .ro{background:none!important;border-radius:0!important;color:var(--wood)!important;width:auto!important;height:auto!important;justify-content:flex-start!important}
/* 流れ */
.fsteps{gap:0!important;border-top:1px solid var(--rule)}
.fstep{border:0!important;border-bottom:1px solid var(--rule)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:20px 2px!important}
@media(min-width:760px){.fsteps{gap:28px!important;border-top:0}.fstep{border-bottom:0!important;border-top:1px solid var(--ink)!important}}
.fstep::before{font-family:var(--en);font-weight:500!important;color:var(--wood)!important;letter-spacing:.24em}
.fstep h3{color:var(--ink)!important}
/* 直営：数字の帯・施設カード・暮らし */
.stats{background:#fff!important;border-top:1px solid var(--rule)!important;border-bottom:1px solid var(--rule)}
.stats .it{color:var(--ink)!important}
.stats .it .n{color:var(--ink)!important;font-family:var(--serif)!important;font-weight:500!important}
.stats .it .n small{color:var(--wood)!important}
.stats .it .l{color:var(--sub)!important}
.heromedia .hmain{border-radius:0!important;box-shadow:none!important;border:0!important}
.heromedia .hsub,.heromedia .hbadge{display:none!important}
.fac{border-radius:0!important;box-shadow:none!important;border:1px solid var(--rule)!important}
.fac .area,.fac .fchip{background:none!important;border-radius:0!important;padding:0!important;border:0!important;color:var(--wood)!important;font-weight:600!important}
.fac .chipset{gap:4px 14px!important}
.fac .meta{border-radius:0!important}
.fac .meta .k{background:var(--paper)!important;color:var(--ink)!important}
.fac .map{border-radius:0!important}
.galbadge{border-radius:0!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}
.life{background:var(--ink)!important}
.lifecell,.reccell{border-radius:0!important}
.lifecell:hover img,.reccell:hover img{transform:none!important}
.lifecell .cap,.reccell .cap{background:rgba(255,255,255,.94)!important;color:var(--ink)!important;left:0;right:auto;bottom:0;padding:6px 12px!important}
.reccell .cap b{color:var(--wood)!important}
.rchip{border-radius:0!important;background:none!important;border:1px solid rgba(255,255,255,.35)!important}
.rchip:hover{transform:none!important}
.rchip svg{stroke:#fff!important}
.kcard{border-radius:0!important;box-shadow:none!important}
.kregions span{background:none!important;border:1px solid var(--rule);border-radius:0!important;color:var(--ink)!important}
/* 最後の相談・フッター・追従バー */
.ctaf{background:var(--ink)!important}
.ctaf .kicker{color:#BDB8AD!important}
.ctaf .btn.gold{background:transparent!important;color:#fff!important;border-color:#fff!important}
.ctaf .btn.line{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
footer.ft,.ft{background:var(--paper)!important;color:var(--sub)!important}
.ft b{color:var(--ink)!important}
.ft .cp{border-top-color:var(--rule)!important;color:var(--mute2)!important}
.mbar{background:#fff!important;box-shadow:none!important;border-top:1px solid var(--rule)!important;padding:0!important;gap:0!important;backdrop-filter:none!important}
.mbar .btn{border:0!important;border-right:1px solid var(--rule)!important;padding:16px 4px!important;font-size:13px!important}
.mbar .btn:last-child{border-right:0!important}
.mbar .btn.line{background:var(--ink)!important;color:#fff!important}
/* 動き：ふわっと出る・浮く動きをやめる */
.reveal,.hasjs .reveal,.hasjs .pcard,.hasjs .reason,.hasjs .fac{opacity:1!important;transform:none!important;transition:none!important}
/* 右下の宮永（トップと同じ） */
.myc .lau{animation:none!important;filter:none!important}
.myc .lau .ring{background:#fff!important;padding:2px!important;border:1px solid var(--ink);border-radius:50%}
.myc .lau .dot{display:none!important}
.myc .lau .tag{background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:0!important}
.myc .hint{border-radius:0!important;box-shadow:none!important;border:1px solid var(--ink)!important;font-weight:600!important}/* 吹き出しは戻した（2026-10-17 夕） */
/* 関西：ヒーローに宮永の実写（左に写真・右に言葉。スマホは写真→言葉） */
.kph{margin:0 0 26px;position:relative}
.kph img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.kph figcaption{position:absolute;left:0;bottom:0;background:rgba(255,255,255,.94);color:var(--ink);font-size:12px;padding:7px 14px;letter-spacing:.08em}
.kph figcaption b{font-family:var(--serif);font-weight:600;margin-right:10px;letter-spacing:.14em}
@media(min-width:920px){.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero .inner{margin-left:0!important;max-width:none!important}.kph{margin:0}}
/* 直営：ヒーローの写真は1枚に・数字の帯は線で区切る */
.stats .wrap{gap:0!important}
.stats .it{border-right:1px solid var(--rule)}
.stats .it:last-child{border-right:0}
/* 直営：施設カードの写真の列を、右の説明の高さまで伸ばす（下の空きをなくす） */
@media(min-width:900px){.fac .gal{display:flex;flex-direction:column;background:transparent!important}.fac .gal .main{flex:1;aspect-ratio:auto!important;min-height:320px}}
.fac .gal .main::after{display:none!important}

/* ===== 2026-10-17 夕 3AI 画面点検（関西・直営）R1 の採用分 ===== */
/* 関西：黒い相談枠の文字を明るく（背景に同化していた） */
.pcard[style*="background"] h3,.pcard[style*="background"] p{color:#F2EFE8!important}
/* スマホ：ヒーローの写真を低く（トップと同じ考え方）・相談ボタンを同じ幅に */
@media(max-width:919px){
  .kph img{aspect-ratio:auto;height:clamp(220px,30svh,260px)}
  .heromedia .hmain img{aspect-ratio:auto!important;height:clamp(220px,30svh,260px)}
  .hero .cta,.ctaf .btns{display:grid!important;grid-template-columns:1fr;gap:10px}
  .hero .cta .btn,.ctaf .btns .btn{width:100%;min-height:52px;white-space:normal;line-height:1.5}
}
/* 直営：施設一覧へすぐ飛べる入口・固定ヘッダーに隠れない */
.jump{display:inline-block;margin-top:18px;font-size:13.5px;letter-spacing:.1em;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}
#facilities{scroll-margin-top:84px}
/* 写真の名札（直営のヒーロー） */
.heromedia .hmain{position:relative}
/* スマホ〜小さいタブレット：ヘッダーは名前と LINE だけ（運営会社名と「相談室トップ」は下のフッターにある） */
@media(max-width:600px){.brand small{display:none!important}.hdr .btn.home{display:none!important}.hdr .cta{white-space:nowrap}}
/* 直営：PC のヒーロー写真は横長 3:2 に固定（縦に伸びて人物が大きくなりすぎない） */
@media(min-width:920px){.heromedia .hmain img{aspect-ratio:3/2!important;height:auto!important}}
/* スマホ：見出し → 相談ボタン → 説明 の順（トップと同じ。最初の画面で相談ボタンが押せるように） */
@media(max-width:919px){
  .hero .inner,.herotext{display:flex;flex-direction:column}
  .hero .tag{order:1}.hero h1{order:2}.hero .cta{order:3;margin-top:20px!important}.hero .fine{order:4}.hero .jump{order:5}.hero .sub{order:6}.hero .chips{order:7}
  .herogrid .heromedia{order:-1}
  .herogrid{display:flex!important;flex-direction:column}
}
@media(max-width:430px){.brand{font-size:14px!important;white-space:nowrap;gap:6px!important}.brand img.pmark{height:32px}.hdr .cta{padding:9px 12px!important;font-size:12px!important;white-space:nowrap}}
@media(max-width:430px){.hero h1{font-size:23px!important;letter-spacing:.04em}}

/* ===== 2026-10-17 夕 宮永の一言（オーナー「動かしてる時 話させて」「見せ方 考えて」）=====
   PC＝アイコンの左に、白い紙のような枠。上に小さく「看護師 宮永」、一言は明朝、下に「話を聞く →」。押すと相談パネルが開く。
   スマホ＝追従バーのすぐ上に横長の帯（本文の真ん中にかぶらない）。左に宮永の写真、出ている間は丸いアイコンを引っ込める。
   出し方はふわっと出るだけ（跳ねない）。相談ボタンと重なる間は出ない（concierge.js の判定）。 */
.myc .hint{pointer-events:auto!important;cursor:pointer;background:#fff!important;color:#1F1F1D!important;border:1px solid #1F1F1D!important;border-radius:0!important;box-shadow:0 8px 22px rgba(31,31,29,.10)!important;
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif!important;font-weight:500!important;font-size:14px!important;letter-spacing:.06em;line-height:1.7;
  padding:12px 16px!important;white-space:normal!important;width:250px;transition:opacity .35s ease,transform .35s ease!important}
.myc .hint::before{content:"看護師 宮永";display:block;font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;font-size:11px;letter-spacing:.16em;color:#6B6860;margin-bottom:3px}
.myc .hint::after{content:"話を聞く →";display:block;margin-top:6px;font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;font-size:11.5px;letter-spacing:.08em;color:#1F1F1D;text-decoration:underline;text-underline-offset:3px}
@media(max-width:759px){
  .myc .hint{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;
    min-height:66px;padding:11px 14px 11px 66px!important;font-size:13.5px!important;
    background:#fff url("images/miyanaga.jpg") 12px 50%/42px 42px no-repeat!important}
  .myc .hint::after{content:"押すと相談できます →"}
  .myc:has(.hint.on) .lau{opacity:0!important;pointer-events:none!important}
  .myc.dodge .hint.on{opacity:1!important}
}

@media(max-width:759px){
  .myc .hint{min-height:0!important;padding:9px 34px 9px 60px!important;font-size:13px!important;line-height:1.6;background-size:38px 38px!important;background-position:11px 50%!important}
  .myc .hint::before{font-size:10.5px;margin-bottom:1px}
  .myc .hint::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;font-size:22px;text-decoration:none;color:#1F1F1D}
}