/* 2026-10-06 /iranai-jikka 専用（pref.css の色・申込パネルの上に重ねる）
   方針：1カラム960pxで揃える／PCは「説得（左）＋申込（右）」の2カラム／スマホは縦1列 */
.ir-page{--ir-w:1160px;--ir-r:16px;--ir-shadow:0 1px 2px rgba(23,62,53,.06),0 8px 24px rgba(23,62,53,.06)}
.ir-page .v3-wrap{width:min(var(--ir-w),calc(100% - 32px));margin:0 auto}
.ir-page .v3-guide-grid{display:block}
.ir-page main{word-break:normal;line-break:strict;overflow-wrap:anywhere}
.ir-page main p,.ir-page main li,.ir-page main small{text-wrap:pretty}
.ir-page main h1,.ir-page main h2,.ir-page main h3{text-wrap:balance}
.ir-page .nb{white-space:nowrap}
.ir-page h1,.ir-page h2,.ir-page .ir-num{font-family:'Shippori Mincho',var(--v3-serif,serif)}
.ir-page .pf-crumb{margin:14px 0 10px}

/* ---------- ヒーロー ---------- */
.ir-hero{position:relative;display:grid;grid-template-columns:1fr;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#eef4ef 0%,#f8f7f2 60%);border:1px solid #d7e0d8;box-shadow:var(--ir-shadow);margin:0 0 28px}
.ir-hero-img{position:relative;height:190px;overflow:hidden}
.ir-hero-img img{width:100%;height:100%;object-fit:cover;object-position:62% 42%;display:block}
.ir-hero-img:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to bottom,rgba(238,244,239,0),#eef4ef)}
.ir-hero-text{padding:6px 20px 22px;position:relative}
.ir-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1.5px solid var(--pf-green);border-radius:999px;background:#fff;color:var(--pf-green);font-size:13px;font-weight:700;line-height:1.4}
.ir-hero h1{font-size:31px;line-height:1.32;color:var(--pf-ink);margin:12px 0 10px;letter-spacing:.01em;font-weight:700}
.ir-lead{font-size:15.5px;line-height:1.85;color:#2c4a41;margin:0 0 18px}
.ir-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:14px 20px;border-radius:12px;background:var(--pf-akari);color:#173e35;font-weight:700;font-size:17.5px;line-height:1.4;text-decoration:none;box-shadow:0 4px 0 #c9b57a,0 10px 24px rgba(201,181,122,.35);transition:background .15s}
.ir-cta:hover{background:#ffe9b8;color:#173e35}
.ir-cta:focus-visible{outline:3px solid var(--pf-green);outline-offset:3px}
.ir-cta .ir-cta-arr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#173e35;color:var(--pf-akari);font-size:14px}
.ir-ok{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;list-style:none}
.ir-ok li{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:#2c4a41;font-weight:700}
.ir-ok li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--pf-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}
.ir-sub{display:inline-flex;align-items:center;gap:4px;margin:16px 0 0;font-size:14px;color:var(--pf-green);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.ir-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin:14px 0 0;font-size:11.5px;color:var(--pf-mute)}

/* ---------- 3択 ---------- */
.ir-q{margin:0 0 30px}
.ir-q h2{font-size:22px;line-height:1.4;color:var(--pf-ink);margin:0 0 4px}
.ir-q>p{font-size:13.5px;color:var(--pf-mute);margin:0 0 12px}
.ir-choose{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ir-choose a{position:relative;display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:12px;padding:14px 14px 14px 14px;background:#fff;border:1.5px solid var(--pf-line);border-left:5px solid var(--c);border-radius:12px;text-decoration:none;color:var(--pf-ink);box-shadow:var(--ir-shadow);transition:transform .15s,border-color .15s}
.ir-choose a:hover{border-color:var(--c);transform:translateY(-1px)}
.ir-choose .ir-ico{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--bg);color:var(--c)}
.ir-choose strong{display:block;font-size:17.5px;line-height:1.35}
.ir-choose small{display:block;font-size:13px;line-height:1.5;color:var(--pf-mute);margin-top:3px}
.ir-choose .ir-arr{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-size:14px}
.ir-c-green{--c:var(--pf-green);--bg:#e4efe8}
.ir-c-sugi{--c:var(--pf-sugi);--bg:var(--pf-sugi-bg)}
.ir-c-ai{--c:var(--pf-ai);--bg:var(--pf-ai-bg)}

/* ---------- 道（カード） ---------- */
.ir-path{background:#fff;border:1px solid var(--pf-line);border-radius:var(--ir-r);overflow:hidden;box-shadow:var(--ir-shadow);margin:0 0 26px;scroll-margin-top:12px}
.ir-path-head{display:flex;align-items:center;gap:12px;padding:16px 18px;color:#fff;background:var(--c)}
.ir-path-head svg{flex:none}
.ir-path-head h2{margin:0;font-size:21px;line-height:1.35;color:#fff}
.ir-path-head h2 span{display:block;font-family:'Noto Sans JP',var(--v3-sans,sans-serif);font-size:13px;font-weight:400;opacity:.92;margin-top:2px;letter-spacing:0}
.ir-path-body{padding:18px}
.ir-green{--c:var(--pf-green)}.ir-sugi{--c:var(--pf-sugi)}.ir-ai{--c:var(--pf-ai)}
.ir-h3{font-size:15px;font-weight:700;color:var(--pf-ink);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.ir-h3:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--c)}

/* 根拠（棒グラフ） */
.ir-proof{background:#f3f7f4;border-radius:12px;padding:16px;margin:0 0 18px}
.ir-proof p.ir-proof-t{font-size:16px;font-weight:700;color:var(--pf-ink);margin:0 0 12px;line-height:1.5}
.ir-bar{display:grid;grid-template-columns:7.5em 1fr;align-items:center;gap:10px;margin:0 0 8px;font-size:13px;color:#2c4a41}
.ir-bar i{display:block;height:26px;border-radius:6px;background:#cfdcd3;position:relative}
.ir-bar i b{position:absolute;inset:0 auto 0 0;border-radius:6px;background:var(--pf-green);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font:700 14px/1 'Shippori Mincho',serif;min-width:3.6em}
.ir-bar.ir-bar-lo i b{background:#8fa79a}
.ir-proof small{display:block;font-size:11.5px;color:var(--pf-mute);margin-top:8px;line-height:1.6}

/* よくある心配 */
.ir-worry{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.ir-worry li{border:1px solid var(--pf-line);border-radius:12px;padding:12px 14px;background:#fff}
.ir-worry q{display:block;font-size:14.5px;font-weight:700;color:var(--pf-ink);quotes:"「" "」";margin:0 0 4px}
.ir-worry span{display:flex;gap:8px;font-size:14px;line-height:1.7;color:#2c4a41}
.ir-worry span:before{content:"→";color:var(--c);font-weight:700;flex:none}
.ir-links{display:grid;gap:8px;margin:0}
.ir-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:10px 14px;border:1.5px solid var(--pf-line);border-radius:10px;background:#fff;color:var(--pf-ink);font-weight:700;font-size:14.5px;text-decoration:none}
.ir-links a:after{content:"›";color:var(--c);font-size:20px;line-height:1}
.ir-links a:hover{border-color:var(--c)}

/* 申込パネル（pref.css の .pf-offer をこのページ用に整える） */
.ir-page .pf-offer{margin:0;border-radius:14px;padding:20px 18px 18px;box-shadow:0 10px 28px rgba(14,58,48,.22)}
.ir-page .pf-offer h3{font-size:23px}
.ir-page .pf-offer .pf-fit3{grid-template-columns:repeat(3,1fr)}
.ir-offer-wrap{position:relative}

/* 売れないと言われた：出口3つ */
.ir-exits{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.ir-exit{border:1px solid #eadccb;background:var(--pf-sugi-bg);border-radius:12px;padding:14px}
.ir-exit-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.ir-exit-head .ir-badge{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--pf-sugi);color:#fff;flex:none}
.ir-exit-head h3{margin:0;font-size:16.5px;line-height:1.4;color:var(--pf-ink);flex:1}
.ir-cost{flex:none;font-size:12.5px;font-weight:700;color:var(--pf-sugi);background:#fff;border:1px solid #e3cfb6;border-radius:999px;padding:3px 10px;white-space:nowrap}
.ir-exit p{font-size:14px;line-height:1.75;color:#3d4a44;margin:0}
.ir-exit .ir-warn{display:flex;gap:6px;align-items:flex-start;margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#fff4e2;color:#6b4a1c;font-size:13px;line-height:1.6}
.ir-exit .ir-jump{display:inline-flex;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--pf-sugi);text-decoration:none;border-bottom:1px solid currentColor}
.ir-tsugi-grid{display:grid;gap:14px}
.ir-pref{border:2px solid var(--pf-sugi);border-radius:14px;padding:16px;background:#fff}
.ir-pref p.ir-pref-t{font-size:17px;font-weight:700;color:var(--pf-ink);margin:0 0 4px;line-height:1.45}
.ir-pref p.ir-pref-s{font-size:13px;color:var(--pf-mute);margin:0 0 12px;line-height:1.6}
.ir-pref select{width:100%;min-height:54px;padding:10px 44px 10px 14px;border:1.5px solid var(--pf-sugi);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a5a2b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;-webkit-appearance:none;font-size:16px;font-weight:700;color:var(--pf-ink)}
.ir-pref a{display:inline-block;margin-top:10px;font-size:13px;color:var(--pf-sugi);font-weight:700}

/* まだ決められない：期限カード */
.ir-lead2{font-size:15.5px;line-height:1.8;color:#2c4a41;margin:0 0 14px}
.ir-due{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.ir-due a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k n" "s n" "m m";gap:2px 12px;padding:14px 16px;border:1px solid #d5dfe9;border-radius:12px;background:var(--pf-ai-bg);text-decoration:none;color:var(--pf-ink)}
.ir-due a:hover{border-color:var(--pf-ai)}
.ir-due .k{grid-area:k;font-size:16px;font-weight:700}
.ir-due .s{grid-area:s;font-size:12.5px;color:var(--pf-mute)}
.ir-due .n{grid-area:n;align-self:center;text-align:right;color:var(--pf-ai);font-family:'Shippori Mincho',serif;font-weight:700;font-size:26px;line-height:1.1;white-space:nowrap}
.ir-due .n small{font-size:13px;margin-left:2px}
.ir-due .n em{display:block;font-style:normal;font-family:'Noto Sans JP',sans-serif;font-size:11.5px;font-weight:400;color:var(--pf-mute);margin-top:3px}
.ir-due .m{grid-area:m;font-size:13px;font-weight:700;color:var(--pf-ai);margin-top:6px}

/* 締め・出典 */
.ir-page .pf-end{border-radius:var(--ir-r)}
.ir-foot{font-size:12px;color:var(--pf-mute);line-height:1.8;margin:14px 0 40px}
.ir-foot a{color:var(--pf-mute)}

/* ---------- PC ---------- */
@media(min-width:760px){
  .ir-page .pf-crumb{margin:22px 0 14px}
  .ir-hero{grid-template-columns:1.05fr 1fr;min-height:420px;margin-bottom:40px}
  .ir-hero-img{order:2;height:auto}
  .ir-hero-img:after{inset:0 auto 0 0;width:38%;height:auto;background:linear-gradient(to right,#eff5f0,rgba(239,245,240,0))}
  .ir-hero-img img{object-position:58% 50%}
  .ir-hero-text{order:1;padding:44px 8px 40px 48px;align-self:center}
  .ir-hero h1{font-size:46px;margin:16px 0 14px}
  .ir-lead{font-size:17px}
  .ir-cta{width:auto;display:inline-flex;min-width:380px;font-size:18.5px;min-height:66px;padding:14px 28px}
  .ir-q{margin-bottom:44px}
  .ir-q h2{font-size:26px}
  .ir-choose{grid-template-columns:repeat(3,1fr);gap:14px}
  .ir-choose a{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;align-items:start;gap:10px;padding:20px 20px 18px;border-left-width:1.5px;border-top:5px solid var(--c);min-height:190px}
  .ir-choose strong{font-size:19px}
  .ir-choose small{font-size:13.5px}
  .ir-choose .ir-arr{position:absolute;right:16px;bottom:16px}
  .ir-path{margin-bottom:36px}
  .ir-path-head{padding:20px 28px}
  .ir-path-head h2{font-size:25px}
  .ir-path-body{padding:28px}
  .ir-kaitori-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}
  .ir-kaitori-grid .ir-offer-wrap{position:sticky;top:16px}
  .ir-exits{grid-template-columns:repeat(3,1fr);gap:14px}
  .ir-tsugi-grid{grid-template-columns:1fr 1.25fr;align-items:start;gap:20px}
  .ir-tsugi-grid .ir-pref{order:1}
  .ir-tsugi-grid .ir-offer-wrap{order:2}
  .ir-due{grid-template-columns:repeat(3,1fr);gap:14px}
  .ir-due a{grid-template-columns:1fr;grid-template-areas:"k" "s" "n" "m";padding:18px}
  .ir-due .n{text-align:left;margin-top:10px;font-size:30px}
  .ir-links{grid-template-columns:1fr 1fr}
  .ir-page .pf-sticky{left:50%;right:auto;transform:translateX(-50%);width:min(560px,calc(100% - 24px));max-width:none;bottom:18px}
}
@media(min-width:760px) and (max-width:900px){
  .ir-hero h1{font-size:38px}
  .ir-hero-text{padding-left:32px}
  .ir-cta{min-width:0;width:100%}
}

/* ---- 第3版の調整（10/6 撮影で確認した崩れ） ---- */
.ir-ok{gap:6px 14px}
.ir-ok li{font-size:13px}
.ir-bar{grid-template-columns:6.4em 1fr}
/* 出口の見出し：バッジ｜題名、その下に費用 */
.ir-exit-head{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"b t" "b c";column-gap:10px;row-gap:3px;align-items:center}
.ir-exit-head .ir-badge{grid-area:b;align-self:start}
.ir-exit-head h3{grid-area:t}
.ir-exit-head .ir-cost{grid-area:c;justify-self:start}
/* スマホ：根拠 → 心配 → 申込 → 関連リンク の順 */
.ir-kaitori-grid{display:flex;flex-direction:column;gap:0}
.ir-kaitori-grid>div:first-child{display:contents}
.ir-kaitori-grid .ir-proof{order:1}
.ir-kaitori-grid .ir-h3{order:2}
.ir-kaitori-grid .ir-worry{order:3}
.ir-kaitori-grid .ir-offer-wrap{order:4}
.ir-kaitori-grid .ir-links{order:5;margin-top:16px}
@media(min-width:760px){
  .ir-hero-img img{object-position:28% 50%}
  .ir-hero-img:after{width:22%}
  .ir-kaitori-grid{display:grid}
  .ir-kaitori-grid>div:first-child{display:block}
  .ir-kaitori-grid .ir-links{grid-template-columns:1fr;margin-top:0}
  .ir-tsugi-grid{align-items:stretch}
  .ir-pref{display:flex;flex-direction:column;justify-content:center}
  .ir-due .n{font-size:34px}
}
.ir-bar{grid-template-columns:8.6em 1fr}
.ir-pref-map{display:none}
@media(min-width:760px){
  .ir-pref{text-align:left}
  .ir-pref-map{display:block;width:150px;height:auto;margin:0 auto 14px;opacity:.9}
}
/* タブレット（760〜899px）：ヒーローだけ2列、中身は1列で読みやすく */
@media(min-width:760px) and (max-width:899px){
  .ir-kaitori-grid{display:flex}
  .ir-kaitori-grid>div:first-child{display:contents}
  .ir-kaitori-grid .ir-links{grid-template-columns:1fr 1fr;margin-top:16px}
  .ir-kaitori-grid .ir-offer-wrap{position:static}
  .ir-exits{grid-template-columns:1fr}
  .ir-tsugi-grid{grid-template-columns:1fr}
  .ir-tsugi-grid .ir-pref{order:2}
  .ir-pref-map{display:none}
}

/* ---- 10/6 3:00 ディテール調整（Junさんの指摘：26.6%のずれ・改行・整列） ---- */
/* 棒グラフ：数値は棒の外（右）に出す。棒が短くても崩れない */
.ir-bar i{position:relative;display:block;height:24px;border-radius:6px;background:#dbe6de}
.ir-bar i b{position:absolute;inset:0 auto 0 0;min-width:0;padding:0;border-radius:6px;background:var(--pf-green)}
.ir-bar.ir-bar-lo i b{background:#8fa79a}
.ir-bar i em{position:absolute;top:50%;transform:translateY(-50%);margin-left:8px;font:700 16px/1 'Shippori Mincho',serif;font-style:normal;color:var(--pf-green);white-space:nowrap}
.ir-bar.ir-bar-lo i em{color:#5d7a6b}
.ir-bar{grid-template-columns:7.4em 1fr;margin-bottom:10px}
.ir-bar>span{white-space:nowrap}
/* 申込パネル：スマホで手順・箇条書きが1文字だけ折り返さない */
.ir-page .pf-offer .pf-steps li{white-space:nowrap;font-size:11.5px;padding:8px 5px 9px 7px}
.ir-page .pf-offer ul:not(.pf-trust):not(.pf-fit3) li{font-size:13.5px}
.ir-page .pf-offer .pf-not{text-wrap:pretty}
@media(max-width:420px){.ir-page .pf-offer{padding:18px 15px 16px}}
/* 期限カード：スマホも縦積み（題名→補足→数字｜詳しく） */
.ir-due a{grid-template-columns:1fr auto;grid-template-areas:"k k" "s s" "n m";align-items:end}
.ir-due .n{text-align:left;margin-top:8px}
.ir-due .m{align-self:end;justify-self:end;margin:0 0 2px}
@media(min-width:760px){.ir-due a{grid-template-areas:"k k" "s s" "n n" "m m"}.ir-due .m{justify-self:start;margin-top:8px}}
.ir-bar{grid-template-columns:max-content 1fr;gap:12px}
/* よくある心配：答えは矢印ではなく左の線で（行頭のぶら下がりをなくす） */
.ir-worry span{display:block;padding-left:10px;border-left:3px solid #cfe0d5;font-size:14px}
.ir-worry span:before{content:none}
/* 出口の見出し：スマホは1行（バッジ｜題名｜費用）、PC3列のときだけ費用を下の段に */
.ir-exit-head{grid-template-columns:34px 1fr auto;grid-template-areas:"b t c"}
.ir-exit-head .ir-cost{justify-self:end}
@media(min-width:900px){.ir-exit-head{grid-template-columns:34px 1fr;grid-template-areas:"b t" "b c"}.ir-exit-head .ir-cost{justify-self:start}}
/* pref.css の「main内のspan・li・aは折り返す」（.v3-newguide.pf-page main :is(...){text-wrap:wrap}）より強く、折り返さない指定を効かせる */
.v3-newguide.ir-page main .nb,.v3-newguide.ir-page main .ir-bar>span,.v3-newguide.ir-page main .ir-bar em,.v3-newguide.ir-page main .ir-cost,.v3-newguide.ir-page main .pf-offer .pf-steps li{white-space:nowrap;text-wrap:nowrap}
/* 出口の見出し：狭いスマホ（〜420px）は 題名の下に費用 */
@media(max-width:420px){.ir-exit-head{grid-template-columns:34px 1fr;grid-template-areas:"b t" "b c"}.ir-exit-head .ir-cost{justify-self:start}}
.ir-fee{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.ir-fee li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 10px;border-radius:8px;background:#fff;font-size:13.5px;color:#3d4a44}
.ir-fee li b{font-family:'Shippori Mincho',serif;font-size:16px;color:var(--pf-sugi);white-space:nowrap}
.ir-exit p.ir-fee-note{font-size:12.5px;color:var(--pf-mute);margin:6px 0 0;line-height:1.6}
@media(min-width:760px){.ir-page br.sp{display:none}}
.ir-bar{grid-template-columns:8.6em 1fr}
/* 10/6 3:10 PC幅をサイト共通（1160px）に合わせる。広い画面での比率調整 */
@media(min-width:1100px){
  .ir-hero{grid-template-columns:1fr 1.05fr;min-height:460px}
  .ir-hero-text{padding:52px 24px 48px 64px}
  .ir-hero h1{font-size:52px}
  .ir-kaitori-grid{grid-template-columns:1fr 1fr;gap:36px}
  .ir-tsugi-grid{grid-template-columns:1fr 1.3fr}
  .ir-path-body{padding:32px 36px}
  .ir-path-head{padding:22px 36px}
}