/* ==========================================================================
   price.css — 料金（Price）ページ専用。page-price.php / is_page('price') で読込。
   蒼夜トンマナ・サブスク型3カード・ティア別カラー＋多色アクセント。全 pr- 接頭辞で自己完結。
   ========================================================================== */
:root{
 --pr-bg:#13161a;--pr-panel:#191e24;--pr-panel2:#1d242b;--pr-text:#EDEFF2;--pr-dim:#A7AEB6;--pr-faint:#717982;
 --pr-ice:#8FC1DE;--pr-mint:#69C6A6;--pr-gold:#E6BE6A;--pr-coral:#E5917A;--pr-violet:#B79BE0;--pr-sky:#7FB0E0;
 --pr-line:#2c333b;--pr-line2:#232930;--pr-r:14px;
}
body.pr{margin:0;color:var(--pr-text);font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased;
 background:
  radial-gradient(1100px 520px at 12% -120px, rgba(143,193,222,.10), transparent 70%),
  radial-gradient(1000px 520px at 92% 220px, rgba(230,190,106,.06), transparent 70%),
  radial-gradient(900px 600px at 60% 1100px, rgba(105,198,166,.05), transparent 70%),
  var(--pr-bg);background-attachment:fixed;}
.pr .en{font-family:"Outfit",sans-serif;letter-spacing:.04em}
.pr a{color:inherit;text-decoration:none}
.pr-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(24px,6vw,44px);}
/* hero（全幅・背景写真＋スクリム。header-price.webp 未配置時は暗いスクリムのみで成立） */
.pr-hero{position:relative;overflow:hidden;
 background:linear-gradient(180deg, rgba(15,18,23,.5), rgba(19,22,26,.8) 62%, var(--pr-bg) 100%), url(../../img/hero/header-price.webp);
 background-size:cover;background-position:center 40%;background-repeat:no-repeat;}
.pr-heroin{padding-top:clamp(46px,9vw,92px);padding-bottom:clamp(34px,6vw,54px);}/* 左右は .pr-wrap のgutterを使う(ショートハンドで0上書きしない) */
.pr-badge{display:inline-block;border:1px solid var(--pr-ice);color:var(--pr-ice);font-family:"Outfit",sans-serif;font-size:11px;letter-spacing:.34em;padding:6px 16px;border-radius:999px;text-transform:uppercase;margin-bottom:20px;}
.pr-kicker{font-family:"Outfit",sans-serif;font-size:12px;letter-spacing:.46em;text-transform:uppercase;color:var(--pr-ice);margin:0 0 12px;}
.pr-hero h1{font-family:"Shippori Mincho",serif;font-weight:700;font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.15;margin:0;letter-spacing:.04em;
 background:linear-gradient(100deg,#fff 30%,var(--pr-ice) 78%,var(--pr-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.pr-lead{font-size:clamp(.95rem,2vw,1.1rem);color:var(--pr-text);margin:16px 0 0;font-weight:500;}
/* in-page nav */
.pr-nav{position:sticky;top:0;z-index:9;background:rgba(19,22,26,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line);}
.pr-navin{display:flex;gap:4px;overflow-x:auto;}
.pr-nav a{display:flex;align-items:center;gap:9px;padding:14px 16px;font-size:13px;color:var(--pr-dim);white-space:nowrap;border-bottom:2px solid transparent;transition:.2s;}
.pr-nav a:nth-child(1){--c:var(--pr-ice)}.pr-nav a:nth-child(2){--c:var(--pr-mint)}.pr-nav a:nth-child(3){--c:var(--pr-gold)}.pr-nav a:nth-child(4){--c:var(--pr-coral)}
.pr-nav a:hover{color:var(--pr-text);border-bottom-color:var(--c)}
.pr-nn{font-family:"Outfit",sans-serif;font-weight:600;color:var(--c)}
/* strengths */
.pr-strengths{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:42px 0 12px;}
.pr-st{background:var(--pr-panel);border:1px solid var(--pr-line);border-radius:var(--pr-r);padding:20px 22px;position:relative;overflow:hidden;}
.pr-st::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c)}
.pr-st.s1{--c:var(--pr-ice)}.pr-st.s2{--c:var(--pr-mint)}.pr-st.s3{--c:var(--pr-gold)}.pr-st.s4{--c:var(--pr-coral)}
.pr-st h3{margin:0 0 6px;font-size:1rem;font-weight:700}
.pr-st h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:9px;vertical-align:middle}
.pr-st p{margin:0;color:var(--pr-dim);font-size:13px;line-height:1.7}
.pr-note{color:var(--pr-faint);font-size:12.5px;margin:14px 0 60px;line-height:1.8}
/* area */
.pr-area{margin:0 0 84px;scroll-margin-top:64px}
.pr-ahd{display:flex;align-items:center;gap:18px;margin-bottom:8px}
.pr-ano{font-family:"Outfit",sans-serif;font-weight:200;font-size:clamp(2.4rem,6vw,3.8rem);color:var(--area-ac);line-height:.9;text-shadow:0 0 30px color-mix(in srgb,var(--area-ac) 35%,transparent)}
.pr-ahd h2{font-family:"Shippori Mincho",serif;font-weight:700;font-size:clamp(1.4rem,3.2vw,2rem);margin:0;line-height:1.2}
.pr-aen{font-family:"Outfit",sans-serif;font-weight:300;font-size:11.5px;color:var(--pr-faint);letter-spacing:.2em;text-transform:uppercase;margin:3px 0 0}
.pr-pos{color:var(--pr-dim);font-size:14.5px;margin:0 0 26px;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--area-ac) 55%,transparent)}
/* tiers */
.pr-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.pr-tier{--ac:var(--pr-ice);position:relative;display:flex;flex-direction:column;border:1px solid var(--pr-line);border-radius:var(--pr-r);padding:30px 24px 26px;overflow:hidden;
 background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 7%,var(--pr-panel2)),var(--pr-panel));transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.pr-tier::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 20%,transparent))}
.pr-t1{--ac:var(--pr-ice)}.pr-t2{--ac:var(--pr-mint)}.pr-t3{--ac:var(--pr-gold)}
.pr-tier:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 18px 46px rgba(0,0,0,.46),0 0 30px color-mix(in srgb,var(--ac) 18%,transparent)}
.pr-name{font-family:"Shippori Mincho",serif;font-weight:600;font-size:1.18rem;line-height:1.4}
.pr-for{color:var(--pr-faint);font-size:12px;line-height:1.65;margin-top:6px;min-height:2.4em}
.pr-price{margin:16px 0 2px;display:flex;align-items:baseline;gap:1px;flex-wrap:wrap}
.pr-amt{font-family:"Outfit",sans-serif;font-weight:700;color:var(--ac);line-height:1;letter-spacing:-.01em;font-size:clamp(2.3rem,4.6vw,2.9rem)}
.pr-t2 .pr-amt{font-size:clamp(2.7rem,5.2vw,3.35rem)}.pr-t3 .pr-amt{font-size:clamp(3rem,5.8vw,3.8rem)}
.pr-cur{font-family:"Outfit",sans-serif;font-weight:400;font-size:1.05rem;color:var(--ac)}
.pr-pnote{color:var(--pr-faint);font-size:11.5px;margin-bottom:14px}
.pr-days{display:flex;gap:9px;align-items:baseline;font-size:11.5px;color:var(--pr-dim);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--pr-line2);line-height:1.5}
.pr-days span{flex:0 0 auto;font-family:"Outfit",sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:4px;padding:2px 7px}
.pr-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.pr-feat li{display:flex;gap:11px;font-size:13.5px;line-height:1.6;color:var(--pr-text)}
.pr-ck{width:16px;height:16px;flex:0 0 16px;margin-top:3px;color:var(--ac)}
.pr-excl{color:var(--pr-faint);font-size:11.5px;line-height:1.6;margin:14px 0 0}
.pr-cta{margin-top:22px;display:block;text-align:center;padding:13px 16px;border:1px solid color-mix(in srgb,var(--ac) 60%,transparent);border-radius:8px;color:var(--ac);font-size:13.5px;font-weight:600;letter-spacing:.04em;background:color-mix(in srgb,var(--ac) 9%,transparent);transition:.25s}
.pr-cta:hover{background:var(--ac);color:#10141a;border-color:var(--ac)}
/* addons */
.pr-adwrap{margin-top:18px;border:1px solid var(--pr-line2);border-radius:10px;background:var(--pr-panel)}
.pr-adwrap summary{cursor:pointer;padding:15px 22px;font-family:"Outfit",sans-serif;font-size:12.5px;letter-spacing:.08em;color:var(--area-ac);list-style:none}
.pr-adwrap summary::-webkit-details-marker{display:none}
.pr-adwrap summary::before{content:"＋";margin-right:10px;font-weight:600}
.pr-adwrap[open] summary::before{content:"−"}
.pr-addons{padding:4px 22px 22px}
.pr-adgrp{font-family:"Outfit",sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:18px 0 8px;padding:6px 0 6px 12px;border-left:3px solid var(--gc);color:var(--gc)}
.pr-adgrp.g1{--gc:var(--pr-ice)}.pr-adgrp.g2{--gc:var(--pr-mint)}.pr-adgrp.g3{--gc:var(--pr-gold)}.pr-adgrp.g4{--gc:var(--pr-coral)}.pr-adgrp.g5{--gc:var(--pr-violet)}.pr-adgrp.g6{--gc:var(--pr-sky)}
.pr-adrows{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2px 30px}
.pr-adrow{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:8px 0;border-bottom:1px dotted var(--pr-line2)}
.pr-adn{font-size:13.5px;color:var(--pr-text)}
.pr-adp{font-family:"Outfit",sans-serif;font-weight:600;font-size:14px;color:var(--pr-text);white-space:nowrap;text-align:right}
.pr-adp i{font-style:normal;color:var(--pr-faint);font-size:11px;font-weight:400}
/* sections */
.pr-shd{font-family:"Shippori Mincho",serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;margin:0 0 6px}
.pr-shd .en{display:block;font-family:"Outfit",sans-serif;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--pr-ice);margin-bottom:10px;font-weight:500}
.pr-sep{height:2px;background:linear-gradient(90deg,var(--pr-ice),var(--pr-mint),var(--pr-gold),var(--pr-coral),transparent);opacity:.5;margin:0 0 30px;border-radius:2px}
.pr-pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin:0 0 82px}
.pr-pkg{border:1px solid var(--pr-line);border-radius:var(--pr-r);padding:24px;background:var(--pr-panel);position:relative;overflow:hidden}
.pr-pkg::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c)}
.pr-pkg.p1{--c:var(--pr-ice)}.pr-pkg.p2{--c:var(--pr-mint)}.pr-pkg.p3{--c:var(--pr-gold)}.pr-pkg.p4{--c:var(--pr-coral)}
.pr-pkg h3{font-family:"Shippori Mincho",serif;font-size:1.12rem;margin:0 0 10px;font-weight:600}
.pr-pkgd{color:var(--pr-dim);font-size:13px;margin:0 0 14px;line-height:1.8}
.pr-pkgr{display:flex;gap:12px;font-size:12.5px;margin:8px 0;color:var(--pr-dim);line-height:1.75}
.pr-pkgr .k{flex:0 0 3em;color:var(--c);font-family:"Outfit",sans-serif;font-size:11px;letter-spacing:.08em;padding-top:3px}
.pr-terms{border:1px solid var(--pr-line);border-radius:var(--pr-r);overflow:hidden;margin:0 0 52px}
.pr-term{display:grid;grid-template-columns:13em 1fr;border-bottom:1px solid var(--pr-line2)}
.pr-term:last-child{border-bottom:none}
.pr-term dt{margin:0;padding:16px 20px;background:#10141a;font-weight:700;font-size:13.5px}
.pr-term dd{margin:0;padding:16px 22px;color:var(--pr-dim);font-size:13.5px;line-height:1.85}
.pr-foot{border-top:1px solid var(--pr-line);padding:26px 0 90px;color:var(--pr-faint);font-size:12.5px;line-height:1.9}
.pr-foot strong{color:var(--pr-ice);font-weight:600}
.pr-foot-cta{display:inline-block;margin-top:18px;padding:14px 30px;border-radius:8px;background:linear-gradient(100deg,var(--pr-ice),var(--pr-mint));color:#10141a;font-weight:700;font-size:14px;letter-spacing:.04em;transition:.25s}
.pr-foot-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}
@media(max-width:880px){.pr-tiers{grid-template-columns:1fr;max-width:460px;margin:0 auto}.pr-for{min-height:auto}}
@media(max-width:680px){body.pr{font-size:15px}.pr-term{grid-template-columns:1fr}.pr-term dt{background:#0e1217}.pr-adrows{grid-template-columns:1fr}
 /* 追加オプションの価格ノートが長いと横はみ出し→モバイルは折返し許可 */
 .pr-adp{white-space:normal}
 /* 事業領域ジャンプ: モバイルは横スクロールをやめ、4領域を一画面に出す2×2チップ */
 .pr-nav{position:static;border-top:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
 .pr-navin{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:visible;padding-top:14px;padding-bottom:4px}
 .pr-nav a{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 13px;white-space:normal;font-size:12px;line-height:1.4;color:var(--pr-text);border:1px solid var(--pr-line);border-radius:11px;background:var(--pr-panel);min-height:100%}
 .pr-nav a:hover,.pr-nav a:focus-visible{border-color:var(--c);color:var(--pr-text)}
 .pr-nav .pr-nn{font-size:15px}}
@media print{body.pr{background:#fff;color:#1a1a1a}.pr-nav{display:none}.pr-tier,.pr-st,.pr-pkg,.pr-terms,.pr-adwrap{background:#fff}.pr-hero h1{-webkit-text-fill-color:#1f2430}}

/* ===== 追加: ヒーロー副題 / 月額プラン / 予算化サポート ===== */
.pr-sub{color:var(--pr-dim);font-size:14.5px;margin:12px 0 0;letter-spacing:.02em}
.pr-monthly{margin:54px 0 72px}
.pr-mlead{color:var(--pr-dim);font-size:14.5px;margin:0 0 22px}
.pr-mcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pr-mcard{--ac:var(--pr-ice);position:relative;display:flex;flex-direction:column;border:1px solid var(--pr-line);border-radius:var(--pr-r);padding:24px 22px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 8%,var(--pr-panel2)),var(--pr-panel));transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.pr-mcard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 20%,transparent))}
.pr-mcard.m1{--ac:var(--pr-ice)}.pr-mcard.m2{--ac:var(--pr-mint)}.pr-mcard.m3{--ac:var(--pr-gold)}.pr-mcard.m4{--ac:var(--pr-coral)}
.pr-mcard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 26px color-mix(in srgb,var(--ac) 16%,transparent)}
.pr-mtag{align-self:flex-start;font-family:"Outfit",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:999px;padding:3px 12px;margin-bottom:12px}
.pr-mcard h3{font-family:"Shippori Mincho",serif;font-weight:600;font-size:1.1rem;margin:0;line-height:1.4}
.pr-mfor{color:var(--pr-faint);font-size:11.5px;line-height:1.6;margin:6px 0 0;min-height:2.3em}
.pr-mprice{margin:14px 0 2px;display:flex;align-items:baseline;gap:3px}
.pr-mamt{font-family:"Outfit",sans-serif;font-weight:700;font-size:2.4rem;color:var(--ac);line-height:1;letter-spacing:-.01em}
.pr-mcur{font-family:"Outfit",sans-serif;font-size:.95rem;color:var(--ac)}
.pr-mterm{color:var(--pr-faint);font-size:11px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--pr-line2);line-height:1.55}
.pr-mfeat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.pr-mfeat li{display:flex;gap:10px;font-size:12.5px;line-height:1.55;color:var(--pr-text)}
.pr-mcard .pr-cta{margin-top:18px}
.pr-budget{margin:0 0 72px}
.pr-blead{color:var(--pr-dim);font-size:14.5px;margin:0 0 22px}
.pr-bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px}
.pr-bcard{border:1px solid var(--pr-line);border-radius:var(--pr-r);padding:20px 22px;background:var(--pr-panel);border-left:3px solid var(--pr-ice)}
.pr-bcard:nth-child(2){border-left-color:var(--pr-mint)}.pr-bcard:nth-child(3){border-left-color:var(--pr-gold)}.pr-bcard:nth-child(4){border-left-color:var(--pr-coral)}.pr-bcard:nth-child(5){border-left-color:var(--pr-violet)}
.pr-bcard h4{margin:0 0 8px;font-size:.98rem;font-weight:700}
.pr-bcard p{margin:0;color:var(--pr-dim);font-size:12.5px;line-height:1.78}
.pr-foot-line{color:var(--pr-dim);font-size:13px;margin:12px 0 0}
@media(max-width:980px){.pr-mcards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pr-mcards{grid-template-columns:1fr}.pr-mfor{min-height:auto}}

/* ===== 追加(10.2): 人日単価表 / 月額メタ・年間一括 / 詳細条件 / きめ細やか ===== */
.pr-manday{border:1px solid var(--pr-line);border-radius:var(--pr-r);background:var(--pr-panel);padding:22px 24px;margin:0 0 26px}
.pr-mdintro{color:var(--pr-dim);font-size:13.5px;line-height:1.9;margin:0 0 16px}
.pr-mdtbl{overflow-x:auto}
.pr-mdtbl table{width:100%;border-collapse:collapse;font-size:14px;min-width:440px}
.pr-mdtbl thead th{background:#10141a;color:var(--pr-faint);font-family:"Outfit",sans-serif;font-weight:500;font-size:11px;letter-spacing:.1em;text-align:left;padding:11px 14px;border-bottom:1px solid var(--pr-line)}
.pr-mdtbl thead th:nth-child(2),.pr-mdtbl thead th:nth-child(3){text-align:right}
.pr-mdtbl tbody th{text-align:left;font-weight:600;color:var(--pr-text);padding:11px 14px;border-bottom:1px solid var(--pr-line2);font-size:13.5px}
.pr-mdtbl tbody td{padding:11px 14px;border-bottom:1px solid var(--pr-line2);text-align:right}
.pr-mdtbl tbody tr:last-child th,.pr-mdtbl tbody tr:last-child td{border-bottom:none}
.pr-mdp{font-family:"Outfit",sans-serif;font-weight:600}
.pr-mdtbl td:nth-child(2) .pr-mdp{color:var(--pr-ice)}.pr-mdtbl td:nth-child(3) .pr-mdp{color:var(--pr-mint)}
.pr-mdp i{font-style:normal;color:var(--pr-faint);font-size:10.5px;font-weight:400;margin-left:3px}
.pr-mmeta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px;font-size:11px;color:var(--pr-dim);line-height:1.5}
.pr-mrate{font-family:"Outfit",sans-serif;color:var(--ac)}
.pr-annual{font-size:11.5px;color:var(--pr-dim);background:color-mix(in srgb,var(--ac) 10%,transparent);border:1px solid color-mix(in srgb,var(--ac) 30%,transparent);border-radius:7px;padding:8px 11px;margin:0 0 14px;line-height:1.5}
.pr-annual b{color:var(--ac);font-family:"Outfit",sans-serif;font-size:1.1em;margin-left:2px}
.pr-annual em{display:block;font-style:normal;color:var(--pr-faint);font-size:10px;margin-top:2px}
/* 詳細条件 */
.pr-detail{margin:0 0 40px}
.pr-dlead{color:var(--pr-dim);font-size:14px;line-height:1.95;margin:0 0 26px;max-width:64em}
.pr-tsecs{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}
.pr-tsec{border:1px solid var(--pr-line);border-radius:var(--pr-r);background:var(--pr-panel);padding:22px 24px;border-top:3px solid var(--tc)}
.pr-tsec:nth-child(6n+1){--tc:var(--pr-ice)}.pr-tsec:nth-child(6n+2){--tc:var(--pr-mint)}.pr-tsec:nth-child(6n+3){--tc:var(--pr-gold)}.pr-tsec:nth-child(6n+4){--tc:var(--pr-coral)}.pr-tsec:nth-child(6n+5){--tc:var(--pr-violet)}.pr-tsec:nth-child(6n+6){--tc:var(--pr-sky)}
.pr-tsec h3{display:flex;align-items:baseline;gap:12px;font-family:"Shippori Mincho",serif;font-weight:700;font-size:1.1rem;margin:0 0 4px;line-height:1.4}
.pr-tnum{font-family:"Outfit",sans-serif;font-weight:300;font-size:1.5rem;color:var(--tc);line-height:1}
.pr-tlead{color:var(--pr-faint);font-size:12.5px;line-height:1.65;margin:0 0 12px}
.pr-trows{margin:0}
.pr-trow{padding:13px 0;border-top:1px solid var(--pr-line2)}
.pr-trow dt{font-weight:700;font-size:13px;color:var(--pr-text);margin:0 0 5px}
.pr-trow dd{margin:0;color:var(--pr-dim);font-size:12.8px;line-height:1.9}
.pr-care-hd{font-family:"Shippori Mincho",serif;font-weight:700;font-size:1.3rem;margin:46px 0 0}
.pr-care-hd .en{display:block;font-family:"Outfit",sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--pr-ice);margin-bottom:8px;font-weight:500}
.pr-care{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin-top:20px}
.pr-care-card{border:1px solid var(--pr-line);border-radius:var(--pr-r);background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 6%,var(--pr-panel)),var(--pr-panel));padding:20px 22px}
.pr-care-card:nth-child(4n+1){--cc:var(--pr-ice)}.pr-care-card:nth-child(4n+2){--cc:var(--pr-mint)}.pr-care-card:nth-child(4n+3){--cc:var(--pr-gold)}.pr-care-card:nth-child(4n+4){--cc:var(--pr-coral)}
.pr-care-card h4{margin:0 0 8px;font-size:.98rem;font-weight:700;color:var(--pr-text)}
.pr-care-card h4::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cc);margin-right:9px;vertical-align:middle}
.pr-care-card p{margin:0;color:var(--pr-dim);font-size:12.5px;line-height:1.85}

/* ヒーロー: 目安・柔軟対応の一言 */
.pr-flex{display:inline-block;margin:18px 0 0;padding:11px 18px;border:1px solid color-mix(in srgb,var(--pr-ice) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--pr-ice) 9%,transparent);color:var(--pr-text);font-size:13.5px;line-height:1.75;max-width:42em}
.pr-flex strong{color:var(--pr-ice);font-weight:700}

/* 月額: 課題→解決アプローチ / 民間・公共サブ見出し */
.pr-msub{font-family:"Shippori Mincho",serif;font-weight:700;font-size:1.18rem;margin:34px 0 16px;display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}
.pr-msub .en{font-family:"Outfit",sans-serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--pr-ice);font-weight:500}
.pr-mprob{background:color-mix(in srgb,var(--ac) 11%,transparent);border:1px solid color-mix(in srgb,var(--ac) 22%,transparent);border-radius:9px;padding:10px 13px;margin-bottom:14px;font-size:12.8px;line-height:1.6;color:var(--pr-text);font-weight:500}
.pr-mprob span{display:block;font-family:"Outfit",sans-serif;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin-bottom:4px;font-weight:600}
.pr-msolve{font-size:12.8px;line-height:1.7;color:var(--ac);margin:0 0 14px;font-weight:600;padding-left:11px;border-left:2px solid color-mix(in srgb,var(--ac) 55%,transparent)}
.pr-mmeta{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px;font-family:"Outfit",sans-serif;font-size:11px;color:var(--pr-dim);letter-spacing:.02em}

/* ===== 導線(視線誘導) ver11.5: 追従ナビCTA / おすすめ / 単発・スポット / 下部相談バー ===== */
/* PC: 追従ナビ右端の常設CTA */
.pr-navcta{margin-left:auto;align-self:center;flex:0 0 auto;padding:8px 16px;border-radius:7px;font-family:"Outfit",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(100deg,var(--pr-ice),var(--pr-mint));color:#10141a}
.pr-navcta:hover{filter:brightness(1.08)}
/* 視線アンカー: おすすめ(pr-tier は position:relative 既定) */
.pr-rec{box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 55%,transparent),0 18px 46px rgba(0,0,0,.42)}
.pr-rec::after{content:"おすすめ";position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:3;font-family:"Outfit",sans-serif;font-size:10px;letter-spacing:.14em;padding:3px 13px;border-radius:999px;background:var(--ac);color:#10141a;font-weight:700}
/* 単発・スポット撮影ブロック */
.pr-spot{margin:30px 0 8px}
.pr-mdtbl th i{display:block;font-style:normal;color:var(--pr-faint);font-size:11px;font-weight:400;margin-top:3px}
.pr-spot-cta{--ac:var(--pr-ice);max-width:320px;margin-top:16px}
/* モバイル: 下部固定の相談バー(JSが is-hidden を制御。未起動でも常時表示=安全縮退) */
.pr-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(16,20,26,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--pr-line);transition:transform .3s ease}
.pr-stickybar__t{font-size:11.5px;color:var(--pr-dim);line-height:1.35}
.pr-stickybar__t b{display:block;color:var(--pr-text);font-size:13px;font-weight:700}
.pr-stickybar a{flex:0 0 auto;padding:12px 18px;border-radius:8px;font-weight:700;font-size:13.5px;white-space:nowrap;background:linear-gradient(100deg,var(--pr-ice),var(--pr-mint));color:#10141a}
.pr-stickybar.is-hidden{transform:translateY(120%)}
@media(max-width:680px){ .pr-navin .pr-navcta{display:none} .pr-stickybar{display:flex} body.pr{padding-bottom:74px} }

/* ===== モバイル最終上書き(ファイル末尾=最も後勝ち)。基底が後方定義の.pr-tsecs等を確実に1カラム化し横はみ出しを根絶 ===== */
@media(max-width:680px){
 .pr-tsecs{grid-template-columns:1fr}        /* minmax(400px)が390px画面を超えるのを解消 */
 .pr-care{grid-template-columns:1fr}
 .pr-pkgs{grid-template-columns:1fr}
 .pr-bgrid{grid-template-columns:1fr}
 .pr-strengths{grid-template-columns:1fr}
}

/* ===== ここから下に CSS を追記しないこと =====
   上の @media(max-width:680px) ブロックは「ファイル末尾＝最も後勝ち」で、
   基底(.pr-tsecs 等, minmax で 390px 画面を超える定義)を1カラムに上書きして
   横スクロールを根絶している。ここより下に同セレクタを追記すると後勝ちが
   奪われ、モバイルの横はみ出しが再発する。新規ルールは上記ブロックより前へ。
   ============================================ */