/* guide-faq.html 由来。body.lsu-guide-faq 配下へ閉じてある（他ページと干渉しない） */
body.lsu-guide-faq{
--ilife-green:#4CAF50;
--deep-green:#2E7D32;
--light-green:#C8E6C9;
--pale-green:#E8F5E9;
--su-pink:#EC407A;
--su-pink-deep:#C2185B;
--su-pink-soft:#FCE4EC;
--su-yellow:#FFC107;
--su-yellow-soft:#FFF8E1;
--su-blue:#1E88E5;
--su-blue-soft:#E3F2FD;
--su-red:#E53935;
--su-red-soft:#FFEBEE;
--ink:#212121;
--ink-soft:#424242;
--ink-mute:#666666;
--line:#E0E0E0;
--white:#FFFFFF;
--off:#FAFAFA;
--font-jp:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif;
--font-en:'Inter',-apple-system,sans-serif;
--max:1120px;
}body.lsu-guide-faq,body.lsu-guide-faq *{box-sizing:border-box}body.lsu-guide-faq,body.lsu-guide-faq{margin:0;padding:0}body.lsu-guide-faq{
font-family:var(--font-jp);
color:var(--ink);
background:var(--white);
line-height:1.8;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}body.lsu-guide-faq img{display:block;max-width:100%}body.lsu-guide-faq a{color:inherit;text-decoration:none}body.lsu-guide-faq button{font-family:inherit}body.lsu-guide-faq .btn{
display:inline-flex;align-items:center;gap:10px;
padding:16px 30px;border-radius:999px;font-weight:700;
font-size:16px;line-height:1;cursor:pointer;border:none;
transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
white-space:nowrap;
}body.lsu-guide-faq .btn:hover{transform:translateY(-2px)}body.lsu-guide-faq .btn-pink{
background:var(--su-pink);color:#fff;
box-shadow:0 6px 0 var(--su-pink-deep),0 10px 24px rgba(236,64,122,.25);
}body.lsu-guide-faq .btn-pink:hover{background:#E91E63;box-shadow:0 4px 0 var(--su-pink-deep),0 8px 22px rgba(236,64,122,.3)}body.lsu-guide-faq .btn-outline{
background:#fff;color:var(--deep-green);
border:2px solid var(--ilife-green);padding:14px 28px;
}body.lsu-guide-faq .btn-outline:hover{background:var(--pale-green)}body.lsu-guide-faq .btn-outline-white{
background:transparent;color:#fff;
border:2px solid #fff;padding:14px 28px;
}body.lsu-guide-faq .btn-outline-white:hover{background:rgba(255,255,255,.12)}body.lsu-guide-faq .btn .arr{width:18px;height:18px;display:inline-block}body.lsu-guide-faq .nav{
position:sticky;top:0;z-index:50;
background:rgba(255,255,255,.95);
backdrop-filter:saturate(140%) blur(6px);
border-bottom:1px dashed var(--light-green);
}body.lsu-guide-faq .nav-inner{
max-width:1200px;margin:0 auto;
padding:14px 24px;
display:flex;align-items:center;gap:24px;
}body.lsu-guide-faq .nav-logos{display:flex;align-items:center;gap:14px}body.lsu-guide-faq .nav-logos .su{height:42px;width:auto}body.lsu-guide-faq .nav-logos .il{height:22px;width:auto;opacity:.85}body.lsu-guide-faq .nav-logos .divider{width:1px;height:30px;background:var(--line)}body.lsu-guide-faq .nav-menu{
display:flex;align-items:center;gap:26px;
margin-left:auto;
font-size:14px;font-weight:500;color:var(--ink-soft);
}body.lsu-guide-faq .nav-menu a{position:relative;padding:6px 0}body.lsu-guide-faq .nav-menu a:hover{color:var(--deep-green)}body.lsu-guide-faq .nav-menu a:hover::after{
content:"";position:absolute;left:0;right:0;bottom:-2px;
height:3px;background:var(--su-yellow);border-radius:3px;
}body.lsu-guide-faq .nav-menu a.active{color:var(--deep-green);font-weight:700}body.lsu-guide-faq .nav-menu a.active::after{
content:"";position:absolute;left:0;right:0;bottom:-2px;
height:3px;background:var(--su-yellow);border-radius:3px;
}body.lsu-guide-faq .nav-cta{
padding:12px 22px;border-radius:999px;
background:var(--su-pink);color:#fff;font-weight:700;font-size:14px;
box-shadow:0 4px 0 var(--su-pink-deep);
transition:transform .15s ease;
}body.lsu-guide-faq .nav-cta:hover{transform:translateY(-1px);background:#E91E63}
@media(max-width:880px){body.lsu-guide-faq .nav-menu{display:none}}body.lsu-guide-faq .container{max-width:var(--max);margin:0 auto;padding:0 24px}body.lsu-guide-faq .container-narrow{max-width:800px;margin:0 auto;padding:0 24px}body.lsu-guide-faq .sec-eyebrow{
display:flex;align-items:center;gap:14px;justify-content:center;
font-family:var(--font-en);font-size:12px;letter-spacing:.22em;
color:var(--ilife-green);font-weight:700;text-transform:uppercase;
margin-bottom:12px;
}body.lsu-guide-faq .sec-eyebrow::before,body.lsu-guide-faq .sec-eyebrow::after{
content:"";width:28px;height:2px;background:var(--ilife-green);border-radius:2px;
}body.lsu-guide-faq .breadcrumb{
font-family:var(--font-en);font-size:12px;letter-spacing:.05em;
color:var(--ink-mute);margin-bottom:16px;
}body.lsu-guide-faq .breadcrumb a{color:var(--deep-green);text-decoration:underline;
text-underline-offset:3px;text-decoration-thickness:1px;
text-decoration-color:rgba(76,175,80,.4)}body.lsu-guide-faq .breadcrumb a:hover{color:var(--ilife-green)}body.lsu-guide-faq .breadcrumb .bc-sep{margin:0 8px;color:var(--ink-mute)}body.lsu-guide-faq .breadcrumb .bc-current{color:var(--ink-soft);font-weight:600}body.lsu-guide-faq .fv-faq{
background:linear-gradient(180deg,#F8FBF8 0%,#EEF7EE 100%);
padding:52px 48px 64px;
min-height:330px;
display:flex;align-items:center;
position:relative;
}body.lsu-guide-faq .fv-faq-inner{max-width:var(--max);margin:0 auto;width:100%}body.lsu-guide-faq .fv-eyebrow-plain{
font-family:var(--font-en);font-size:11px;letter-spacing:.22em;
font-weight:700;color:var(--ilife-green);text-transform:uppercase;
margin-bottom:18px;display:flex;align-items:center;gap:8px;
}body.lsu-guide-faq .fv-eyebrow-plain::before{
content:"";width:24px;height:2px;background:var(--ilife-green);border-radius:2px;
}body.lsu-guide-faq .fv-headline{
font-family:var(--font-hand);font-size:40px;line-height:1.35;
color:var(--ink);font-weight:400;margin:0 0 14px;
}body.lsu-guide-faq .fv-sub{
font-size:16px;line-height:1.9;color:var(--ink-soft);
max-width:560px;margin:0 0 24px;
}body.lsu-guide-faq .fv-count-badge{
display:inline-flex;align-items:center;gap:8px;
padding:8px 18px;border-radius:8px;
background:var(--pale-green);border:1px solid var(--light-green);
font-size:13px;color:var(--deep-green);font-weight:500;
}body.lsu-guide-faq .fv-wave-bottom{
position:absolute;left:0;bottom:-1px;width:100%;height:48px;display:block;
}body.lsu-guide-faq .sec-cat-nav{
background:#fff;
padding:32px 24px 36px;
border-bottom:1px solid var(--line);
position:sticky;top:72px;z-index:40;
}body.lsu-guide-faq .cat-nav-inner{
max-width:var(--max);margin:0 auto;
display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;
}body.lsu-guide-faq .cat-nav-label{
font-size:12px;font-weight:700;color:var(--ink-mute);
font-family:var(--font-en);letter-spacing:.1em;
margin-right:4px;
}body.lsu-guide-faq .cat-pill{
display:inline-flex;align-items:center;gap:6px;
padding:8px 16px;border-radius:999px;
font-size:13px;font-weight:600;
border:1.5px solid transparent;
transition:background .15s ease,transform .1s ease;
cursor:pointer;text-decoration:none;white-space:nowrap;
}body.lsu-guide-faq .cat-pill:hover{transform:translateY(-1px)}body.lsu-guide-faq .cat-pill.cp-green{background:var(--pale-green);color:var(--deep-green);border-color:var(--light-green)}body.lsu-guide-faq .cat-pill.cp-green:hover{background:var(--light-green)}body.lsu-guide-faq .cat-pill.cp-blue{background:var(--su-blue-soft);color:#0D47A1;border-color:#BBDEFB}body.lsu-guide-faq .cat-pill.cp-blue:hover{background:#BBDEFB}body.lsu-guide-faq .cat-pill.cp-yellow{background:var(--su-yellow-soft);color:#7A5000;border-color:#FFE082}body.lsu-guide-faq .cat-pill.cp-yellow:hover{background:#FFE082}body.lsu-guide-faq .cat-pill.cp-pink{background:var(--su-pink-soft);color:var(--su-pink-deep);border-color:#F48FB1}body.lsu-guide-faq .cat-pill.cp-pink:hover{background:#F48FB1}body.lsu-guide-faq .cat-pill.cp-teal{background:#E0F2F1;color:#00695C;border-color:#B2DFDB}body.lsu-guide-faq .cat-pill.cp-teal:hover{background:#B2DFDB}body.lsu-guide-faq .cat-pill.cp-gray{background:var(--off);color:var(--ink-soft);border-color:var(--line)}body.lsu-guide-faq .cat-pill.cp-gray:hover{background:var(--line)}body.lsu-guide-faq .sec-faq{--sp-t:64px;--sp-b:80px;
background:var(--off);
padding:64px 24px 80px;
}body.lsu-guide-faq .faq-section{--sp-b:56px;
margin-bottom:56px;
}body.lsu-guide-faq .faq-section:last-child{margin-bottom:0}body.lsu-guide-faq .faq-cat-head{
display:flex;align-items:center;gap:14px;
margin-bottom:20px;
padding-bottom:14px;
border-bottom:2px solid var(--line);
}body.lsu-guide-faq .faq-cat-icon{
width:40px;height:40px;border-radius:10px;
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}body.lsu-guide-faq .faq-cat-title{
font-family:var(--font-hand);font-size:22px;font-weight:400;
color:var(--ink);margin:0;
}body.lsu-guide-faq .faq-cat-count{
margin-left:auto;font-size:12px;color:var(--ink-mute);
font-family:var(--font-en);font-weight:600;letter-spacing:.05em;
background:#fff;padding:3px 10px;border-radius:999px;border:1px solid var(--line);
}body.lsu-guide-faq .faq-item{
border:1px solid var(--line);
border-radius:12px;
margin-bottom:10px;
overflow:hidden;
background:#fff;
transition:box-shadow .2s ease;
}body.lsu-guide-faq .faq-item:hover{box-shadow:0 2px 10px rgba(0,0,0,.06)}body.lsu-guide-faq .faq-item[open]{
box-shadow:0 4px 14px rgba(0,0,0,.08);
}body.lsu-guide-faq .faq-q{
display:flex;align-items:flex-start;gap:12px;
padding:18px 20px;
cursor:pointer;
list-style:none;
font-weight:600;font-size:15px;
color:var(--ink);
line-height:1.6;
}body.lsu-guide-faq .faq-q::-webkit-details-marker{display:none}body.lsu-guide-faq .faq-q::marker{display:none}body.lsu-guide-faq .faq-q-marker{
width:28px;height:28px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-family:var(--font-hand);font-size:14px;font-weight:400;
flex-shrink:0;margin-top:1px;color:#fff;
}body.lsu-guide-faq .faq-q-text{flex:1}body.lsu-guide-faq .faq-q-arrow{
width:22px;height:22px;flex-shrink:0;margin-top:3px;
display:flex;align-items:center;justify-content:center;
color:var(--ink-mute);transition:transform .25s ease;
}body.lsu-guide-faq .faq-item[open] .faq-q-arrow{transform:rotate(180deg)}body.lsu-guide-faq .faq-a{
display:flex;align-items:flex-start;gap:12px;
padding:0 20px 20px 20px;
}body.lsu-guide-faq .faq-a-marker{
width:28px;height:28px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-family:var(--font-hand);font-size:14px;font-weight:400;
flex-shrink:0;margin-top:1px;
background:var(--off);color:var(--ink-soft);
border:1.5px solid var(--line);
}body.lsu-guide-faq .faq-a-text{
flex:1;font-size:14.5px;line-height:1.9;color:var(--ink-soft);
}body.lsu-guide-faq .faq-a-text strong{color:var(--ink);font-weight:700}body.lsu-guide-faq .faq-a-text a{
color:var(--su-blue);text-decoration:underline;
text-underline-offset:2px;text-decoration-color:rgba(30,136,229,.35);
}body.lsu-guide-faq .faq-a-note{
margin-top:10px;padding:10px 14px;border-radius:8px;
background:var(--off);border:1px solid var(--line);
font-size:13px;line-height:1.75;color:var(--ink-mute);
}body.lsu-guide-faq .faq-section.cat-green .faq-q-marker{background:var(--ilife-green)}body.lsu-guide-faq .faq-section.cat-blue .faq-q-marker{background:var(--su-blue)}body.lsu-guide-faq .faq-section.cat-yellow .faq-q-marker{background:var(--su-yellow);color:var(--ink)}body.lsu-guide-faq .faq-section.cat-pink .faq-q-marker{background:var(--su-pink)}body.lsu-guide-faq .faq-section.cat-teal .faq-q-marker{background:#00897B}body.lsu-guide-faq .faq-section.cat-gray .faq-q-marker{background:var(--ink-soft)}body.lsu-guide-faq .faq-section.cat-green .faq-cat-icon{background:var(--pale-green)}body.lsu-guide-faq .faq-section.cat-blue .faq-cat-icon{background:var(--su-blue-soft)}body.lsu-guide-faq .faq-section.cat-yellow .faq-cat-icon{background:var(--su-yellow-soft)}body.lsu-guide-faq .faq-section.cat-pink .faq-cat-icon{background:var(--su-pink-soft)}body.lsu-guide-faq .faq-section.cat-teal .faq-cat-icon{background:#E0F2F1}body.lsu-guide-faq .faq-section.cat-gray .faq-cat-icon{background:var(--off)}body.lsu-guide-faq .sec-unresolved{--sp-t:56px;--sp-b:64px;
background:#fff;
padding:56px 24px 64px;
}body.lsu-guide-faq .unresolved-box{
max-width:720px;margin:0 auto;
background:var(--pale-green);
border-radius:16px;
padding:32px 36px;
border:1px solid var(--light-green);
display:flex;align-items:center;gap:24px;
}body.lsu-guide-faq .unresolved-icon{
width:56px;height:56px;border-radius:14px;
background:#fff;border:1.5px solid var(--light-green);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}body.lsu-guide-faq .unresolved-body{flex:1}body.lsu-guide-faq .unresolved-body h3{
font-family:var(--font-hand);font-size:18px;font-weight:400;
color:var(--deep-green);margin:0 0 8px;
}body.lsu-guide-faq .unresolved-body p{
font-size:14.5px;line-height:1.85;color:var(--ink-soft);margin:0 0 16px;
}body.lsu-guide-faq .unresolved-body p:last-of-type{margin-bottom:0}body.lsu-guide-faq .sec-cta{--sp-t:88px;--sp-b:96px;
position:relative;
background:linear-gradient(135deg,var(--ilife-green) 0%,var(--deep-green) 100%);
padding:88px 24px 96px;color:#fff;overflow:hidden;
}body.lsu-guide-faq .sec-cta .container{position:relative;z-index:2;text-align:center}body.lsu-guide-faq .cta-en{
font-family:var(--font-en);font-size:12px;letter-spacing:.22em;
color:rgba(255,255,255,.8);font-weight:700;text-transform:uppercase;
margin:0 0 12px;
}body.lsu-guide-faq .cta-title{
font-family:var(--font-hand);font-size:30px;font-weight:400;
line-height:1.5;margin:0 0 14px;color:#fff;
}body.lsu-guide-faq .cta-title .hl{
background:linear-gradient(transparent 62%,rgba(255,193,7,.5) 62%);padding:0 4px;
}body.lsu-guide-faq .cta-body{
font-size:15px;line-height:1.9;color:rgba(255,255,255,.9);
max-width:520px;margin:0 auto 32px;
}body.lsu-guide-faq .cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}body.lsu-guide-faq .footer{
background:var(--deep-green);color:rgba(255,255,255,.9);
padding:64px 24px 30px;
}body.lsu-guide-faq .footer .container{max-width:var(--max);margin:0 auto}body.lsu-guide-faq .footer-grid{--sp-b:40px;
display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;
padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.18);
}body.lsu-guide-faq .footer-brand .ft-logos{
display:flex;align-items:center;gap:14px;
background:#fff;padding:14px 18px;border-radius:14px;width:fit-content;
}body.lsu-guide-faq .footer-brand .ft-logos .su{height:36px;width:auto}body.lsu-guide-faq .footer-brand .ft-logos .il{height:18px;width:auto}body.lsu-guide-faq .footer-brand .ft-logos .divider{width:1px;height:24px;background:var(--line)}body.lsu-guide-faq .footer-brand p{font-size:13px;line-height:1.85;color:rgba(255,255,255,.78);margin:18px 0 0}body.lsu-guide-faq .footer-brand .ft-tel{
font-family:var(--font-hand);font-size:22px;color:#fff;
margin-top:18px;display:inline-block;white-space:nowrap;
}body.lsu-guide-faq .footer h5{
font-family:var(--font-en);font-weight:700;font-size:12px;letter-spacing:.18em;
text-transform:uppercase;color:var(--su-yellow);margin:0 0 14px;
}body.lsu-guide-faq .footer ul{list-style:none;padding:0;margin:0}body.lsu-guide-faq .footer ul li{padding:5px 0;font-size:13.5px}body.lsu-guide-faq .footer ul li a{color:rgba(255,255,255,.78);transition:color .15s}body.lsu-guide-faq .footer ul li a:hover{color:#fff}body.lsu-guide-faq .footer-bottom{
display:flex;justify-content:space-between;align-items:center;
gap:20px;flex-wrap:wrap;
padding-top:24px;font-size:12px;color:rgba(255,255,255,.6);
}body.lsu-guide-faq .footer-bottom .sns{display:flex;gap:10px}body.lsu-guide-faq .footer-bottom .sns a{
width:34px;height:34px;border-radius:50%;
background:rgba(255,255,255,.12);
display:flex;align-items:center;justify-content:center;color:#fff;
}body.lsu-guide-faq .footer-bottom .sns a:hover{background:var(--su-pink)}body.lsu-guide-faq .footer .ilife-tag{
display:inline-flex;align-items:center;gap:10px;
background:rgba(255,255,255,.08);padding:6px 14px;border-radius:999px;
font-size:11px;color:rgba(255,255,255,.7);
}body.lsu-guide-faq .footer .ilife-tag img{height:14px}
@media(max-width:880px){body.lsu-guide-faq .sec-cat-nav{top:56px}body.lsu-guide-faq .unresolved-box{flex-direction:column;gap:16px}body.lsu-guide-faq .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:640px){body.lsu-guide-faq .fv-faq{padding:40px 20px 52px;min-height:280px}body.lsu-guide-faq .fv-headline{font-size:28px}body.lsu-guide-faq .faq-cat-title{font-size:18px}body.lsu-guide-faq .faq-q{padding:14px 16px;font-size:14px}body.lsu-guide-faq .faq-a{padding:0 16px 16px}body.lsu-guide-faq .footer-grid{grid-template-columns:1fr}body.lsu-guide-faq .cta-title{font-size:22px}
}
/* ============================================================
★2026-09-03 スマホ幅の見切れ対策（有璽氏の指摘）
------------------------------------------------------------
PC幅は承認済みなので1pxも変えない。すべて 540px 以下だけに効かせる。
原因は「折り返せない英字1行」と「grid/flexの子が min-content で膨らむこと」。
============================================================ */
@media (max-width:540px){
body.lsu-guide-faq .programs-en{font-size:22px;line-height:1.5;overflow-wrap:anywhere;word-break:normal}
body.lsu-guide-faq .programs-en .amp{margin:0 4px}
/* 折り返せない英字に改行の機会を与える */
body.lsu-guide-faq .fv-en-tag, body.lsu-guide-faq .en-text, body.lsu-guide-faq .en-line, body.lsu-guide-faq .fv-headline,
body.lsu-guide-faq .fv-sub, body.lsu-guide-faq .sec-eyebrow, body.lsu-guide-faq .final-en, body.lsu-guide-faq .rb-en{
overflow-wrap:anywhere;
}
/* grid / flex の子が min-content で膨らむのを止める（これが本命） */
body.lsu-guide-faq .fv-inner, body.lsu-guide-faq .fv-text, body.lsu-guide-faq .fv-visual,
body.lsu-guide-faq .container, body.lsu-guide-faq .blog-grid, body.lsu-guide-faq .programs-grid{
min-width:0;
max-width:100%;
}
body.lsu-guide-faq .fv-inner > *, body.lsu-guide-faq .container > *{min-width:0}
/* ★これは原本ではなく、私が採用バナーで入れた 420px の flex-basis。
狭い幅では折り返しても420pxを要求してしまう */
body.lsu-guide-faq .recruit-band .rb-text{flex:1 1 100%;min-width:0}
}
/* ============================================================
★2026-09-03 重なりの対処（案1：重ね順＋位置）
------------------------------------------------------------
有璽氏の決定＝案1（重ね順を変え、残る装飾を少し動かす。★消さない）。
★PC幅は承認済みなので1pxも変えない。すべて540px以下だけに効かせる。
★同じ形はグループごとに1回書く（1ページずつ直すと同じ原因を何度も直す）。
============================================================ */
@media (max-width:540px){
/* ①重ね順（★これだけで53組が「読める」側へ移る見込み・実測で確かめる） */
body.lsu-guide-faq .tape-vertical,
body.lsu-guide-faq .en-bubble,
body.lsu-guide-faq .prog-poly,
body.lsu-guide-faq .city-badge,
body.lsu-guide-faq .polaroid,
body.lsu-guide-faq .fvp-growth,
body.lsu-guide-faq .prog-bubble,
body.lsu-guide-faq .deco-star-1,
body.lsu-guide-faq .deco-char-1{z-index:0 !important}
body.lsu-guide-faq .breadcrumb,
body.lsu-guide-faq .bc-current,
body.lsu-guide-faq .fv-eyebrow,
body.lsu-guide-faq .fv-headline,
body.lsu-guide-faq .fv-text,
body.lsu-guide-faq .fv-inner,
body.lsu-guide-faq .sec-title,
body.lsu-guide-faq .word,
body.lsu-guide-faq .line,
body.lsu-guide-faq .pp-no,
body.lsu-guide-faq .pp-en,
body.lsu-guide-faq .city-num,
body.lsu-guide-faq .dc-num,
body.lsu-guide-faq .ig-ph{position:relative;z-index:3}
/* ②位置（★消さない。見える量を残したまま、文字の上から外す） */
body.lsu-guide-faq .tape-vertical{left:-64px !important;right:auto !important}
/* ★en-bubble の移動も取り消した ── 実測で新しい重なりを増やしたため
（recruit-interview で 移動あり6件 vs 移動なし0件）。prog-poly と同じ型。
★『まとめて動かす』は、まとめて壊す力も同じだけある。重ね順だけ残す。2026-09-03 */
/* ★prog-poly の移動は取り消した ── 実測で新しい重なりを19件作ったため
（p-pink がカード内の「主に小学生」等を覆100%で隠した）。
重ね順（z-index:0）だけ残す。位置は元のまま。2026-09-03 */
body.lsu-guide-faq .city-badge{transform:translateY(30px) !important}
body.lsu-guide-faq .polaroid-b{left:auto !important;right:0 !important}
}
/* ============================================================
★2026-09-08 有璽氏指摘「パンくずの位置がページによって異なる。なんで
そうなってんの？」への対応。目標値は共通CSS変数(style.css :root の
--bc-gap-*)の1か所だけで決める。ここではページごとに違う値
（このページの自然なgap＝fvのpadding-top等に起因、実測: mobile=40px /
tablet=52px / desktop=52px）を差し引くだけ。
目標を変えたければ :root の3行だけ直せば全ページに伝播する。
============================================================ */
body.lsu-guide-faq .breadcrumb{margin-top:calc(var(--bc-gap-desktop) - 52px) !important}
@media (max-width:980px){
body.lsu-guide-faq .breadcrumb{margin-top:calc(var(--bc-gap-tablet) - 52px) !important}
}
@media (max-width:540px){
body.lsu-guide-faq .breadcrumb{margin-top:calc(var(--bc-gap-mobile) - 40px) !important}
}
/* ★2026-09-13 チョッパー：セクション間マージンをPC値の比率で縮小(有璽氏指摘・恒久ルール⑤と同じ比率) */
@media (max-width:980px){
body.lsu-guide-faq .sec-faq,
body.lsu-guide-faq .sec-unresolved,
body.lsu-guide-faq .sec-cta{
padding-top:max(var(--sp-floor),calc(var(--sp-t) * var(--sp-scale-tablet)));
}
body.lsu-guide-faq .sec-faq,
body.lsu-guide-faq .sec-unresolved,
body.lsu-guide-faq .sec-cta{
padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-tablet)));
}
}
@media (max-width:540px){
body.lsu-guide-faq .sec-faq,
body.lsu-guide-faq .sec-unresolved,
body.lsu-guide-faq .sec-cta{
padding-top:max(var(--sp-floor),calc(var(--sp-t) * var(--sp-scale-mobile)));
}
body.lsu-guide-faq .sec-faq,
body.lsu-guide-faq .sec-unresolved,
body.lsu-guide-faq .sec-cta{
padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-mobile)));
}
}
/* ★2026-09-14 チョッパー→ピタゴラス：全体マージン調整(有璽氏指摘)。セクション/ブロック間の縦マージン(margin-top/margin-bottom/padding-bottom)を比率化 */
@media (max-width:980px){
body.lsu-guide-faq .faq-section{
margin-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-tablet)));
}
body.lsu-guide-faq .footer-grid{
padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-tablet)));
}
}
@media (max-width:540px){
body.lsu-guide-faq .faq-section{
margin-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-mobile)));
}
body.lsu-guide-faq .footer-grid{
padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-mobile)));
}
}