/* recruit-interview.html 由来。body.lsu-recruit-interview 配下へ閉じてある（他ページと干渉しない） */
body.lsu-recruit-interview{
      --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-recruit-interview,body.lsu-recruit-interview *{box-sizing:border-box}body.lsu-recruit-interview,body.lsu-recruit-interview{margin:0;padding:0}body.lsu-recruit-interview{font-family:var(--font-jp);color:var(--ink);background:var(--white);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.lsu-recruit-interview img{display:block;max-width:100%}body.lsu-recruit-interview a{color:inherit;text-decoration:none}body.lsu-recruit-interview button{font-family:inherit}body.lsu-recruit-interview .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-recruit-interview .btn:hover{transform:translateY(-2px)}body.lsu-recruit-interview .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-recruit-interview .btn-pink:hover{background:#E91E63;box-shadow:0 4px 0 var(--su-pink-deep),0 8px 22px rgba(236,64,122,.3)}body.lsu-recruit-interview .btn-outline{background:#fff;color:var(--deep-green);border:2px solid var(--ilife-green);padding:14px 28px}body.lsu-recruit-interview .btn-outline:hover{background:var(--pale-green)}body.lsu-recruit-interview .btn-outline-white{background:transparent;color:#fff;border:2px solid #fff;padding:14px 28px}body.lsu-recruit-interview .btn-outline-white:hover{background:rgba(255,255,255,.12)}body.lsu-recruit-interview .btn .arr{width:18px;height:18px;display:inline-block}body.lsu-recruit-interview .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-recruit-interview .nav-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}body.lsu-recruit-interview .nav-logos{display:flex;align-items:center;gap:14px}body.lsu-recruit-interview .nav-logos .su{height:42px;width:auto}body.lsu-recruit-interview .nav-logos .il{height:22px;width:auto;opacity:.85}body.lsu-recruit-interview .nav-logos .divider{width:1px;height:30px;background:var(--line)}body.lsu-recruit-interview .nav-menu{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:500;color:var(--ink-soft)}body.lsu-recruit-interview .nav-menu a{position:relative;padding:6px 0}body.lsu-recruit-interview .nav-menu a:hover{color:var(--deep-green)}body.lsu-recruit-interview .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-recruit-interview .nav-menu a.active{color:var(--deep-green);font-weight:700}body.lsu-recruit-interview .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-recruit-interview .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-recruit-interview .nav-cta:hover{transform:translateY(-1px);background:#E91E63}
    @media(max-width:880px){body.lsu-recruit-interview .nav-menu{display:none}}body.lsu-recruit-interview[data-english="off"] .en-deco{display:none}body.lsu-recruit-interview .tape-vertical{position:absolute;top:52px;right:calc(-2px + max(30px, (100% - var(--max)) / 2));z-index:6;writing-mode:vertical-rl;background:var(--su-pink);color:#fff;font-family:var(--font-hand);font-size:17px;letter-spacing:.14em;padding:20px 12px;transform:rotate(3deg);box-shadow:2px 4px 0 rgba(0,0,0,.12);background-image:linear-gradient(90deg,rgba(255,255,255,.15) 50%,transparent 50%);background-size:6px 100%;border-radius:2px;white-space:nowrap}body.lsu-recruit-interview .tape-vertical::before,body.lsu-recruit-interview .tape-vertical::after{content:"";position:absolute;left:-5px;width:12px;height:7px;background:rgba(255,255,255,.35);transform:rotate(-12deg)}body.lsu-recruit-interview .tape-vertical::before{top:5px}body.lsu-recruit-interview .tape-vertical::after{bottom:5px}body.lsu-recruit-interview .en-bubble{position:absolute;background:var(--su-pink);border:2.5px solid var(--ink);border-radius:18px;padding:8px 18px;font-family:var(--font-hand);font-size:18px;color:#fff;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}body.lsu-recruit-interview .en-bubble::after{content:"";position:absolute;width:13px;height:13px;background:var(--su-pink);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);bottom:-8px;left:18px;transform:rotate(45deg)}body.lsu-recruit-interview .container{max-width:var(--max);margin:0 auto;padding:0 24px}body.lsu-recruit-interview .container-narrow{max-width:860px;margin:0 auto;padding:0 24px}body.lsu-recruit-interview .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-recruit-interview .sec-eyebrow::before,body.lsu-recruit-interview .sec-eyebrow::after{content:"";width:28px;height:2px;background:var(--ilife-green);border-radius:2px}body.lsu-recruit-interview .sec-title{text-align:center;font-family:var(--font-hand);font-size:34px;line-height:1.45;color:var(--ink);margin:0 0 12px;font-weight:400}body.lsu-recruit-interview .sec-title .hl{background:linear-gradient(transparent 62%,var(--su-yellow) 62%);padding:0 5px}body.lsu-recruit-interview .sec-lead{text-align:center;font-size:15.5px;color:var(--ink-soft);margin:0 auto 48px;max-width:620px;line-height:1.9}body.lsu-recruit-interview .breadcrumb{font-family:var(--font-en);font-size:12px;letter-spacing:.05em;color:var(--ink-mute);margin-bottom:16px}body.lsu-recruit-interview .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-recruit-interview .breadcrumb a:hover{color:var(--ilife-green)}body.lsu-recruit-interview .breadcrumb .bc-sep{margin:0 8px;color:var(--ink-mute)}body.lsu-recruit-interview .breadcrumb .bc-current{color:var(--ink-soft);font-weight:600}body.lsu-recruit-interview .fv-iv{--sp-t:44px;--sp-b:64px;position:relative;background:linear-gradient(160deg,#FFF8FD 0%,#FCE4EC 42%,#E8F5E9 100%);padding:60px 48px 80px;min-height:480px;display:flex;align-items:center;overflow:hidden}body.lsu-recruit-interview .fv-iv-inner{max-width:var(--max);margin:0 auto;width:100%;position:relative;z-index:2}body.lsu-recruit-interview .fv-bg-circle{position:absolute;border-radius:50%;opacity:.13;pointer-events:none}body.lsu-recruit-interview .fv-eyebrow{display:inline-flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ink);padding:7px 16px;border-radius:999px;font-family:var(--font-hand);font-size:13px;color:var(--ink);transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;margin-bottom:22px}body.lsu-recruit-interview .fv-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--su-pink)}body.lsu-recruit-interview .fv-headline{font-family:var(--font-hand);font-size:44px;line-height:1.3;color:var(--ink);font-weight:400;margin:0 0 18px;max-width:540px}body.lsu-recruit-interview .fv-headline .w-pink{color:var(--su-pink-deep)}body.lsu-recruit-interview .fv-sub{font-size:16px;line-height:1.9;color:var(--ink-soft);max-width:480px;margin:0 0 28px}body.lsu-recruit-interview .fv-cta-row{display:flex;flex-wrap:wrap;gap:12px}body.lsu-recruit-interview .fv-polaroids{position:absolute;right:max(54px, calc((100% - var(--max)) / 2 + 54px));top:50%;transform:translateY(-50%);z-index:3}/* 2026-09-09 有璽氏指摘001②③: right:54px固定は.fv-iv(全幅section)基準でコンテナ幅を超えて右へ張り出していた。tape-verticalと同じcalcへ寄せ、コンテナ右端基準に統一（テープ自体は動かしていない） */body.lsu-recruit-interview .fv-pola{background:#fff;padding:11px 11px 32px;border:1px solid rgba(0,0,0,.08);position:absolute;filter:drop-shadow(5px 7px 16px rgba(0,0,0,.16))}body.lsu-recruit-interview .fv-pola image-slot{display:block}body.lsu-recruit-interview .fv-pola .lbl{font-family:var(--font-hand);font-size:12px;color:var(--ink-mute);text-align:center;padding-top:9px}body.lsu-recruit-interview .fv-pola.p1{width:237px;transform:rotate(-5deg);top:-172px;right:60px}body.lsu-recruit-interview .fv-pola.p1 image-slot{width:212px;height:173px}body.lsu-recruit-interview .fv-pola.p2{width:202px;transform:rotate(6deg);top:23px;right:-7px}body.lsu-recruit-interview .fv-pola.p2 image-slot{width:177px;height:147px}body.lsu-recruit-interview .fv-pola .ptape{position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-2deg);width:60px;height:21px;background:rgba(255,193,7,.75);border-radius:2px}body.lsu-recruit-interview .fv-wave-bottom{position:absolute;left:0;bottom:-1px;width:100%;height:60px;display:block}
    @media(max-width:980px){body.lsu-recruit-interview .fv-polaroids{display:none}}body.lsu-recruit-interview .sec-msg{--sp-t:64px;--sp-b:64px;background:#fff;padding:64px 24px 64px}body.lsu-recruit-interview .sec-msg p{font-size:16px;line-height:2;color:var(--ink-soft);margin:0 0 20px;text-align:justify;text-justify:inter-character}body.lsu-recruit-interview .sec-msg p:last-child{margin-bottom:0}body.lsu-recruit-interview .sec-msg strong{color:var(--deep-green);font-weight:700}body.lsu-recruit-interview .sec-index{--sp-t:60px;--sp-b:72px;background:var(--off);padding:60px 24px 72px}body.lsu-recruit-interview .iv-index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:960px;margin:0 auto}body.lsu-recruit-interview .iv-index-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px;text-align:center;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;align-items:center;gap:10px}body.lsu-recruit-interview .iv-index-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.10)}body.lsu-recruit-interview .iv-index-card.i-green:hover{border-color:var(--ilife-green)}body.lsu-recruit-interview .iv-index-card.i-pink:hover{border-color:var(--su-pink)}body.lsu-recruit-interview .iv-index-card.i-yellow:hover{border-color:var(--su-yellow)}body.lsu-recruit-interview .iv-index-card.i-blue:hover{border-color:var(--su-blue)}body.lsu-recruit-interview .iv-index-card.i-red:hover{border-color:var(--su-red)}body.lsu-recruit-interview .iv-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-hand);font-size:30px;color:#fff;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}body.lsu-recruit-interview .i-green .iv-avatar{background:var(--deep-green)}body.lsu-recruit-interview .i-pink .iv-avatar{background:var(--su-pink)}body.lsu-recruit-interview .i-yellow .iv-avatar{background:var(--su-yellow);color:var(--ink)}body.lsu-recruit-interview .i-blue .iv-avatar{background:var(--su-blue)}body.lsu-recruit-interview .i-red .iv-avatar{background:var(--su-red)}body.lsu-recruit-interview .iv-index-role{font-size:13px;font-weight:700;color:var(--ink);line-height:1.5;margin:0}body.lsu-recruit-interview .iv-index-sub{font-size:11.5px;color:var(--ink-mute);margin:0}body.lsu-recruit-interview .iv-index-go{font-family:var(--font-en);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-mute);display:inline-flex;align-items:center;gap:5px;margin-top:auto}
    @media(max-width:760px){body.lsu-recruit-interview .iv-index-grid{grid-template-columns:1fr 1fr}}body.lsu-recruit-interview .sec-iv{--sp-t:64px;--sp-b:64px;padding:64px 24px;position:relative}body.lsu-recruit-interview .sec-iv:nth-of-type(even){background:#fff}body.lsu-recruit-interview .sec-iv.iv-bg{background:linear-gradient(180deg,#FAFFFE 0%,#F6F1FB 100%);position:relative}body.lsu-recruit-interview .iv-card{
      max-width:880px;margin:0 auto;background:#fff;border-radius:18px;
      padding:0;position:relative;box-shadow:4px 8px 30px rgba(0,0,0,.10);
      transform:rotate(var(--iv-rot,0deg));
      border-top:7px solid var(--iv-accent,var(--su-pink));overflow:hidden;
    }body.lsu-recruit-interview .iv-tape{position:absolute;height:24px;width:90px;background:rgba(255,193,7,.8);top:-11px;left:48px;transform:rotate(-3deg);opacity:.92;border-radius:2px;z-index:5}body.lsu-recruit-interview .iv-tape.t2{left:auto;right:60px;transform:rotate(2deg)}body.lsu-recruit-interview .iv-tape::before,body.lsu-recruit-interview .iv-tape::after{content:"";position:absolute;top:0;bottom:0;width:9px;background:rgba(255,255,255,.22)}body.lsu-recruit-interview .iv-tape::before{left:0}body.lsu-recruit-interview .iv-tape::after{right:0}body.lsu-recruit-interview .iv-head{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:34px 38px 24px;align-items:center}body.lsu-recruit-interview .iv-photo{background:#fff;padding:11px 11px 34px;border:1px solid var(--line);box-shadow:2px 4px 12px rgba(0,0,0,.13);transform:rotate(var(--photo-rot,-3deg));position:relative;align-self:flex-start}body.lsu-recruit-interview .iv-photo image-slot{width:100%;aspect-ratio:1/1;display:block}body.lsu-recruit-interview .iv-photo .ptape{position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(1deg);width:54px;height:19px;background:rgba(236,64,122,.6);border-radius:2px}body.lsu-recruit-interview .iv-photo .lbl{font-family:var(--font-hand);font-size:11.5px;color:var(--ink-mute);text-align:center;padding-top:8px;line-height:1.4}body.lsu-recruit-interview .iv-profile .iv-tag{display:inline-flex;align-items:center;font-family:var(--font-en);font-size:10.5px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:10px}body.lsu-recruit-interview .iv-green .iv-tag{background:var(--pale-green);color:var(--deep-green)}body.lsu-recruit-interview .iv-pink .iv-tag{background:var(--su-pink-soft);color:var(--su-pink-deep)}body.lsu-recruit-interview .iv-yellow .iv-tag{background:var(--su-yellow-soft);color:#7A5000}body.lsu-recruit-interview .iv-blue .iv-tag{background:var(--su-blue-soft);color:#0D47A1}body.lsu-recruit-interview .iv-red .iv-tag{background:var(--su-red-soft);color:#B71C1C}body.lsu-recruit-interview .iv-name{font-family:var(--font-hand);font-size:26px;font-weight:400;color:var(--ink);margin:0 0 6px;line-height:1.3}body.lsu-recruit-interview .iv-name .initial{font-size:34px;margin-right:4px}body.lsu-recruit-interview .iv-green .iv-name .initial{color:var(--deep-green)}body.lsu-recruit-interview .iv-pink .iv-name .initial{color:var(--su-pink)}body.lsu-recruit-interview .iv-yellow .iv-name .initial{color:#B07800}body.lsu-recruit-interview .iv-blue .iv-name .initial{color:var(--su-blue)}body.lsu-recruit-interview .iv-red .iv-name .initial{color:var(--su-red)}body.lsu-recruit-interview .iv-meta{font-size:13px;color:var(--ink-mute);line-height:1.7;margin:0}body.lsu-recruit-interview .iv-qa{padding:8px 38px 30px}body.lsu-recruit-interview .qa-block{padding:20px 0;border-top:1px dashed var(--line)}body.lsu-recruit-interview .qa-block:first-child{border-top:none}body.lsu-recruit-interview .qa-q{display:flex;align-items:flex-start;gap:12px;font-size:16px;font-weight:700;color:var(--ink);line-height:1.6;margin:0 0 10px}body.lsu-recruit-interview .qa-q .qm{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-hand);font-size:16px;color:#fff;margin-top:1px}body.lsu-recruit-interview .iv-green .qa-q .qm{background:var(--deep-green)}body.lsu-recruit-interview .iv-pink .qa-q .qm{background:var(--su-pink)}body.lsu-recruit-interview .iv-yellow .qa-q .qm{background:var(--su-yellow);color:var(--ink)}body.lsu-recruit-interview .iv-blue .qa-q .qm{background:var(--su-blue)}body.lsu-recruit-interview .iv-red .qa-q .qm{background:var(--su-red)}body.lsu-recruit-interview .qa-a{display:flex;align-items:flex-start;gap:12px}body.lsu-recruit-interview .qa-a .am{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-hand);font-size:15px;color:var(--ink-soft);background:var(--off);border:1.5px solid var(--line);margin-top:1px}body.lsu-recruit-interview .qa-a p{font-size:15px;line-height:1.9;color:var(--ink-soft);margin:0}body.lsu-recruit-interview .iv-message{margin:0 38px 36px;border-radius:14px;padding:26px 30px 26px 56px;position:relative}body.lsu-recruit-interview .iv-green .iv-message{background:var(--pale-green)}body.lsu-recruit-interview .iv-pink .iv-message{background:var(--su-pink-soft)}body.lsu-recruit-interview .iv-yellow .iv-message{background:var(--su-yellow-soft)}body.lsu-recruit-interview .iv-blue .iv-message{background:var(--su-blue-soft)}body.lsu-recruit-interview .iv-red .iv-message{background:var(--su-red-soft)}body.lsu-recruit-interview .iv-message::before{content:"\201C";position:absolute;left:18px;top:10px;font-family:'Georgia',serif;font-size:54px;line-height:1;color:var(--iv-accent,var(--su-pink));opacity:.4}body.lsu-recruit-interview .iv-message p{font-family:var(--font-hand);font-size:17px;line-height:1.8;color:var(--ink);margin:0 0 10px;font-weight:400}body.lsu-recruit-interview .iv-message .sign{font-size:13px;color:var(--ink-mute);text-align:right;display:block}
    @media(max-width:720px){body.lsu-recruit-interview .iv-card{transform:none !important}body.lsu-recruit-interview .iv-head{grid-template-columns:1fr;justify-items:center;text-align:center;padding:30px 22px 20px}body.lsu-recruit-interview .iv-photo{max-width:240px;transform:rotate(-2deg)}body.lsu-recruit-interview .iv-qa{padding:8px 22px 26px}body.lsu-recruit-interview .iv-message{margin:0 22px 30px}
    }body.lsu-recruit-interview .sec-common{--sp-t:72px;--sp-b:80px;background:var(--deep-green);padding:72px 24px 80px;color:#fff}body.lsu-recruit-interview .sec-common .sec-eyebrow{color:rgba(255,255,255,.85)}body.lsu-recruit-interview .sec-common .sec-eyebrow::before,body.lsu-recruit-interview .sec-common .sec-eyebrow::after{background:rgba(255,255,255,.7)}body.lsu-recruit-interview .sec-common .sec-title{color:#fff}body.lsu-recruit-interview .sec-common .sec-title .hl{background:linear-gradient(transparent 62%,rgba(255,193,7,.45) 62%)}body.lsu-recruit-interview .sec-common .sec-lead{color:rgba(255,255,255,.88)}body.lsu-recruit-interview .common-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:0 auto}body.lsu-recruit-interview .common-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:24px 22px;backdrop-filter:blur(4px)}body.lsu-recruit-interview .common-card .cc-ic{width:44px;height:44px;border-radius:11px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;margin-bottom:12px}body.lsu-recruit-interview .common-card h4{font-family:var(--font-hand);font-size:17px;font-weight:400;color:#fff;margin:0 0 8px}body.lsu-recruit-interview .common-card p{font-size:13.5px;line-height:1.85;color:rgba(255,255,255,.85);margin:0}
    @media(max-width:760px){body.lsu-recruit-interview .common-grid{grid-template-columns:1fr}}body.lsu-recruit-interview .sec-related{--sp-t:64px;--sp-b:80px;background:var(--off);padding:64px 24px 80px}body.lsu-recruit-interview .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}body.lsu-recruit-interview .related-card{background:#fff;border-radius:14px;padding:24px 22px;border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:12px}body.lsu-recruit-interview .related-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.09)}body.lsu-recruit-interview .related-card.r-pink:hover{border-color:var(--su-pink)}body.lsu-recruit-interview .related-card.r-green:hover{border-color:var(--ilife-green)}body.lsu-recruit-interview .related-card.r-blue:hover{border-color:var(--su-blue)}body.lsu-recruit-interview .related-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center}body.lsu-recruit-interview .r-pink .related-icon{background:var(--su-pink-soft)}body.lsu-recruit-interview .r-green .related-icon{background:var(--pale-green)}body.lsu-recruit-interview .r-blue .related-icon{background:var(--su-blue-soft)}body.lsu-recruit-interview .related-tag{font-family:var(--font-en);font-size:10px;letter-spacing:.16em;color:var(--ink-mute);font-weight:700;text-transform:uppercase}body.lsu-recruit-interview .related-title{font-size:16px;font-weight:700;color:var(--ink);margin:0;line-height:1.4}body.lsu-recruit-interview .related-desc{font-size:13px;color:var(--ink-mute);margin:0;line-height:1.7}body.lsu-recruit-interview .related-go{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--deep-green);margin-top:auto}body.lsu-recruit-interview .related-card:hover .related-go{gap:11px}
    @media(max-width:760px){body.lsu-recruit-interview .related-grid{grid-template-columns:1fr}}body.lsu-recruit-interview .sec-cta{--sp-t:96px;--sp-b:104px;position:relative;background:linear-gradient(135deg,var(--ilife-green) 0%,var(--deep-green) 100%);padding:96px 24px 104px;color:#fff;overflow:hidden}body.lsu-recruit-interview .sec-cta .container{position:relative;z-index:2;text-align:center}body.lsu-recruit-interview .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 14px}body.lsu-recruit-interview .cta-title{font-family:var(--font-hand);font-size:34px;font-weight:400;line-height:1.45;margin:0 0 14px;color:#fff}body.lsu-recruit-interview .cta-title .hl{background:linear-gradient(transparent 62%,rgba(255,193,7,.5) 62%);padding:0 5px}body.lsu-recruit-interview .cta-body{font-size:15.5px;line-height:1.9;color:rgba(255,255,255,.9);max-width:560px;margin:0 auto 36px}body.lsu-recruit-interview .cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}body.lsu-recruit-interview .cta-deco{position:absolute;pointer-events:none;opacity:.6}body.lsu-recruit-interview .cta-deco-1{top:40px;left:6%;width:70px}body.lsu-recruit-interview .cta-deco-2{bottom:44px;right:6%;width:82px}body.lsu-recruit-interview .footer{background:var(--deep-green);color:rgba(255,255,255,.9);padding:64px 24px 30px}body.lsu-recruit-interview .footer .container{max-width:var(--max);margin:0 auto}body.lsu-recruit-interview .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-recruit-interview .footer-brand .ft-logos{display:flex;align-items:center;gap:14px;background:#fff;padding:14px 18px;border-radius:14px;width:fit-content}body.lsu-recruit-interview .footer-brand .ft-logos .su{height:36px;width:auto}body.lsu-recruit-interview .footer-brand .ft-logos .il{height:18px;width:auto}body.lsu-recruit-interview .footer-brand .ft-logos .divider{width:1px;height:24px;background:var(--line)}body.lsu-recruit-interview .footer-brand p{font-size:13px;line-height:1.85;color:rgba(255,255,255,.78);margin:18px 0 0}body.lsu-recruit-interview .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-recruit-interview .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-recruit-interview .footer ul{list-style:none;padding:0;margin:0}body.lsu-recruit-interview .footer ul li{padding:5px 0;font-size:13.5px}body.lsu-recruit-interview .footer ul li a{color:rgba(255,255,255,.78);transition:color .15s}body.lsu-recruit-interview .footer ul li a:hover{color:#fff}body.lsu-recruit-interview .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-recruit-interview .footer-bottom .sns{display:flex;gap:10px}body.lsu-recruit-interview .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-recruit-interview .footer-bottom .sns a:hover{background:var(--su-pink)}body.lsu-recruit-interview .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-recruit-interview .footer .ilife-tag img{height:14px}
    @media(max-width:900px){body.lsu-recruit-interview .footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
    @media(max-width:640px){body.lsu-recruit-interview .fv-iv{padding:44px 20px 64px;min-height:400px}body.lsu-recruit-interview .fv-headline{font-size:32px}body.lsu-recruit-interview .tape-vertical{display:none}body.lsu-recruit-interview .en-bubble.en-deco{left:auto !important;right:26px !important;top:50px !important;font-size:14px !important}body.lsu-recruit-interview .sec-title{font-size:26px}body.lsu-recruit-interview .footer-grid{grid-template-columns:1fr}body.lsu-recruit-interview .cta-title{font-size:24px}
    }

/* ============================================================
   ★2026-09-03 スマホ幅の見切れ対策（有璽氏の指摘）
   ------------------------------------------------------------
   PC幅は承認済みなので1pxも変えない。すべて 540px 以下だけに効かせる。
   原因は「折り返せない英字1行」と「grid/flexの子が min-content で膨らむこと」。
   ============================================================ */
@media (max-width:540px){
  body.lsu-recruit-interview .programs-en{font-size:22px;line-height:1.5;overflow-wrap:anywhere;word-break:normal}
  body.lsu-recruit-interview .programs-en .amp{margin:0 4px}

  /* 折り返せない英字に改行の機会を与える */
  body.lsu-recruit-interview .fv-en-tag,  body.lsu-recruit-interview .en-text,  body.lsu-recruit-interview .en-line,  body.lsu-recruit-interview .fv-headline,
  body.lsu-recruit-interview .fv-sub,  body.lsu-recruit-interview .sec-eyebrow,  body.lsu-recruit-interview .final-en,  body.lsu-recruit-interview .rb-en{
    overflow-wrap:anywhere;
  }

  /* grid / flex の子が min-content で膨らむのを止める（これが本命） */
  body.lsu-recruit-interview .fv-inner,  body.lsu-recruit-interview .fv-text,  body.lsu-recruit-interview .fv-visual,
  body.lsu-recruit-interview .container,  body.lsu-recruit-interview .blog-grid,  body.lsu-recruit-interview .programs-grid{
    min-width:0;
    max-width:100%;
  }
  body.lsu-recruit-interview .fv-inner > *,  body.lsu-recruit-interview .container > *{min-width:0}

  /* ★これは原本ではなく、私が採用バナーで入れた 420px の flex-basis。
     狭い幅では折り返しても420pxを要求してしまう */
  body.lsu-recruit-interview .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-recruit-interview .tape-vertical,
  body.lsu-recruit-interview .en-bubble,
  body.lsu-recruit-interview .prog-poly,
  body.lsu-recruit-interview .city-badge,
  body.lsu-recruit-interview .polaroid,
  body.lsu-recruit-interview .fvp-growth,
  body.lsu-recruit-interview .prog-bubble,
  body.lsu-recruit-interview .deco-star-1,
  body.lsu-recruit-interview .deco-char-1{z-index:0 !important}
  body.lsu-recruit-interview .breadcrumb,
  body.lsu-recruit-interview .bc-current,
  body.lsu-recruit-interview .fv-eyebrow,
  body.lsu-recruit-interview .fv-headline,
  body.lsu-recruit-interview .fv-text,
  body.lsu-recruit-interview .fv-inner,
  body.lsu-recruit-interview .sec-title,
  body.lsu-recruit-interview .word,
  body.lsu-recruit-interview .line,
  body.lsu-recruit-interview .pp-no,
  body.lsu-recruit-interview .pp-en,
  body.lsu-recruit-interview .city-num,
  body.lsu-recruit-interview .dc-num,
  body.lsu-recruit-interview .ig-ph{position:relative;z-index:3}

  /* ②位置（★消さない。見える量を残したまま、文字の上から外す） */
  body.lsu-recruit-interview .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-recruit-interview .city-badge{transform:translateY(30px) !important}
  body.lsu-recruit-interview .polaroid-b{left:auto !important;right:0 !important}
}

@media (max-width:980px){
  body.lsu-recruit-interview .tape-vertical{display:none}
}

/* ============================================================
   ★2026-09-07 タブレット幅への拡張（有璽氏指摘・②A）
   ------------------------------------------------------------
   上の「2026-09-03 重なりの対処」は540px以下にしか効いていなかった。
   有璽氏「タブレットとかパソコンとスマホの間ぐらいのサイズの時だと、
   すごい変な形になる」を受け、①重ね順（z-index対策）だけを
   541〜980px（タブレット帯）にも拡張する。
   ★②位置の調整（tape-verticalのleft:-64px等）はここでは当てない。
     位置をタブレット幅にまで動かすと新しい重なりを作る可能性があり、
     実測してから判断する（2026-09-03と同じ理由で②は都度確認する）。
   ============================================================ */
@media (min-width:541px) and (max-width:980px){
  body.lsu-recruit-interview .tape-vertical,
  body.lsu-recruit-interview .en-bubble,
  body.lsu-recruit-interview .prog-poly,
  body.lsu-recruit-interview .city-badge,
  body.lsu-recruit-interview .polaroid,
  body.lsu-recruit-interview .fvp-growth,
  body.lsu-recruit-interview .prog-bubble,
  body.lsu-recruit-interview .deco-star-1,
  body.lsu-recruit-interview .deco-char-1{z-index:0 !important}
  body.lsu-recruit-interview .breadcrumb,
  body.lsu-recruit-interview .bc-current,
  body.lsu-recruit-interview .fv-eyebrow,
  body.lsu-recruit-interview .fv-headline,
  body.lsu-recruit-interview .fv-text,
  body.lsu-recruit-interview .fv-inner,
  body.lsu-recruit-interview .sec-title,
  body.lsu-recruit-interview .word,
  body.lsu-recruit-interview .line,
  body.lsu-recruit-interview .pp-no,
  body.lsu-recruit-interview .pp-en,
  body.lsu-recruit-interview .city-num,
  body.lsu-recruit-interview .dc-num,
  body.lsu-recruit-interview .ig-ph{position:relative;z-index:3}
}


/* ============================================================
   ★2026-09-07 有璽氏指摘④。全ページでパンくず⇄バッジの間隔を統一。
   実測の最小値と最大値の中間へ揃える（目標=17px。バッジを持つ12ページが対象。
   バッジ自体が無いページ9本は対象外＝該当する要素が無いため統一しようがない）。
   実測（幅非依存）: 12.5px → margin-bottomへ4.5pxを補正
   ============================================================ */
body.lsu-recruit-interview .breadcrumb{margin-bottom:var(--bc-gap-badge) !important}

/* ============================================================
   ★2026-09-08 有璽氏指摘「パンくずの位置がページによって異なる。なんで
   そうなってんの？」への対応。目標値は共通CSS変数(style.css :root の
   --bc-gap-*)の1か所だけで決める。ここではページごとに違う値
   （このページの自然なgap＝fvのpadding-top等に起因、実測: mobile=44px /
   tablet=60px / desktop=60px）を差し引くだけ。
   目標を変えたければ :root の3行だけ直せば全ページに伝播する。
   ============================================================ */
body.lsu-recruit-interview .breadcrumb{margin-top:calc(var(--bc-gap-desktop) - 60px) !important}
@media (max-width:980px){
  body.lsu-recruit-interview .breadcrumb{margin-top:calc(var(--bc-gap-tablet) - 60px) !important}
}
@media (max-width:540px){
  body.lsu-recruit-interview .breadcrumb{margin-top:calc(var(--bc-gap-mobile) - 44px) !important}
}

/* ============================================
   写真枠 has-photo ── 2026-09-08 リリス
   ★iv-photo(iv-u/k/x/d-photo)とfv-pola(iv-fv-1/2)は
     .ph/.voice-photo/.fv-photo-inner のどれにも一致しないため
     style.css のグローバルルールが効かない。about-staff.css と同型で個別定義する
   =============================================== */
body.lsu-recruit-interview .iv-photo image-slot.has-photo{background-size:cover;background-position:center;color:transparent;font-size:0;line-height:0}
body.lsu-recruit-interview .fv-pola image-slot.has-photo{background-size:cover;background-position:center;color:transparent;font-size:0;line-height:0}

/* ============================================================
   2026-09-09 3周目 有璽氏差し戻し「赤枠(写真)がまだ動いていない」対応
   ------------------------------------------------------------
   前回(a74d2b8)は right:54px固定 → コンテナ基準calcへの「はみ出し補正」のみで、
   指示画像が求める「大きく左へ移動＋115%拡大」は未実装だった。
   実測(981px以上でのみ表示)：p1 258→297px幅/p2 224→258px幅相当(115%)。
   .fv-polaroids の right を+118px相当左へ寄せ、見出し(.fv-headline right:853px)と
   重ならない範囲でコンテナ内(313-1433px@1745幅)に収まることを実測確認。
   ============================================================ */
/* 2026-09-09 merge: wt/tape側はこの981px以上の帯・写真枠を変更していない
   （他ページのテープ位置作業のみ）。main側のみに存在する写真移動対応のため
   丸ごと保持。tape-verticalのmax(A,calc(B))構造は他ページで確認された非線形の
   癖を持つ可能性があるが、この値は写真移動と一体で実測されたため変更しない。
   検証パスの実測で異常があれば別途対応する。 */
@media (min-width:981px){
  /* 2026-09-09 4周目: 3周目(right:172px)はCDP実測で反映されてはいたが、beforeとの差が
     118pxしかなく視覚的にほぼ動いていなかった(有璽氏の差し戻し2度目)。指示画像を実測し
     right:280pxへ拡大(コンテナ右端から更に108px内側)。拡大率は指示どおり115%へ戻した
     (206px/176px×1.15=237px/202px。3周目の132%は行き過ぎだった) */
  /* 2026-09-09 4周目: テープも指示画像の青矢印で左移動が示されていた(3周目コメントは
     「動かしていない」と明記していたが、これが差し戻しの対象だった)。画像実測で
     移動先枠との中心差は約100px(画像座標≒CSS px)。34px→134pxへ */
  body.lsu-recruit-interview .tape-vertical{right:max(134px, calc((100% - var(--max)) / 2 + 134px)) !important}
  body.lsu-recruit-interview .fv-polaroids{right:max(280px, calc((100% - var(--max)) / 2 + 280px)) !important}
  body.lsu-recruit-interview .fv-pola.p1{width:237px !important;top:-172px !important;right:69px !important}
  body.lsu-recruit-interview .fv-pola.p1 image-slot{width:212px !important;height:173px !important}
  body.lsu-recruit-interview .fv-pola.p2{width:202px !important;top:23px !important;right:-8px !important}
  body.lsu-recruit-interview .fv-pola.p2 image-slot{width:177px !important;height:147px !important}
}

/* ============================================================
   ★2026-09-10 有璽氏指摘006B（画像20260910_v2_006.png）:
   ポストカードを70px右に・[Our Voices!]を50px右に移動。
   マスキングテープ(恒久ルール③=右端定位置)は、ポストカードが70px右へ
   寄っても既存right:134pxの方が数値が小さく(=画面右端に近く)テープの方が
   右にある関係は保持されるため、テープ自体の値は変更しない。
   ============================================================ */
@media (min-width:981px){
  body.lsu-recruit-interview .fv-polaroids{right:max(210px, calc((100% - var(--max)) / 2 + 210px)) !important}
  body.lsu-recruit-interview .en-bubble.en-deco{
    left:calc(470px + max(0px, (100% - var(--max) - 96px) / 2)) !important;
  }
}

/* ★2026-09-11 5人目追加（スロット'p'）── iv-index-gridは761px以上=4列／760px以下=2列の
   ままレイアウト自体は変えない。5枚目だけ最終行に左寄せで残ると不揃いになるため、
   最後の要素が5番目のときだけ中央へ寄せる。4名のままなら発火しない（5番目が存在しない）。 */
@media(min-width:761px){
  body.lsu-recruit-interview .iv-index-grid > :nth-child(5):last-child{grid-column:2/4}
}
@media(max-width:760px){
  body.lsu-recruit-interview .iv-index-grid > :nth-child(5):last-child{grid-column:1/3}
}

/* ★2026-09-13 チョッパー：セクション間マージンをPC値の比率で縮小(有璽氏指摘・恒久ルール⑤と同じ比率) */
@media (max-width:980px){
  body.lsu-recruit-interview .fv-iv,
  body.lsu-recruit-interview .sec-msg,
  body.lsu-recruit-interview .sec-index,
  body.lsu-recruit-interview .sec-iv,
  body.lsu-recruit-interview .sec-common,
  body.lsu-recruit-interview .sec-related,
  body.lsu-recruit-interview .sec-cta{
    padding-top:max(var(--sp-floor),calc(var(--sp-t) * var(--sp-scale-tablet)));
  }
  body.lsu-recruit-interview .fv-iv,
  body.lsu-recruit-interview .sec-msg,
  body.lsu-recruit-interview .sec-index,
  body.lsu-recruit-interview .sec-iv,
  body.lsu-recruit-interview .sec-common,
  body.lsu-recruit-interview .sec-related,
  body.lsu-recruit-interview .sec-cta{
    padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-tablet)));
  }
}
@media (max-width:540px){
  body.lsu-recruit-interview .fv-iv,
  body.lsu-recruit-interview .sec-msg,
  body.lsu-recruit-interview .sec-index,
  body.lsu-recruit-interview .sec-iv,
  body.lsu-recruit-interview .sec-common,
  body.lsu-recruit-interview .sec-related,
  body.lsu-recruit-interview .sec-cta{
    padding-top:max(var(--sp-floor),calc(var(--sp-t) * var(--sp-scale-mobile)));
  }
  body.lsu-recruit-interview .fv-iv,
  body.lsu-recruit-interview .sec-msg,
  body.lsu-recruit-interview .sec-index,
  body.lsu-recruit-interview .sec-iv,
  body.lsu-recruit-interview .sec-common,
  body.lsu-recruit-interview .sec-related,
  body.lsu-recruit-interview .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-recruit-interview .footer-grid{
    padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-tablet)));
  }
}
@media (max-width:540px){
  body.lsu-recruit-interview .footer-grid{
    padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-mobile)));
  }
}