.recruitment-impact .visual-hero{background:#fff;color:#193440;border-bottom:0;padding-bottom:45px;overflow:hidden}
.recruitment-impact .visual-hero .wrap{height:820px;max-width:none;min-height:0;padding:60px 6vw 40px;justify-content:flex-start;isolation:isolate}
.recruitment-impact .visual-hero .wrap:before{display:none}
.recruitment-impact .visual-hero .hero-copy{position:relative;z-index:3;pointer-events:none}
.recruitment-impact .visual-hero .eyebrow{color:#65747a;letter-spacing:.22em}
.recruitment-impact .visual-hero h1{font-size:clamp(58px,8.5vw,122px);line-height:1.25;margin:25px 0 0;letter-spacing:-.065em}
.recruitment-impact .visual-hero h1 span{color:#193440}
.recruitment-impact .visual-hero h1 span:last-child{border:0;padding:0;color:#bc492e}
.recruitment-impact .recruit-scene{inset:245px 0 0 auto;width:72%;height:535px;margin:0;z-index:1;overflow:hidden;transform-origin:center;clip-path:inset(0 var(--photo-inset,0%) 0 0)}
.recruitment-impact .recruit-scene img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scale(var(--photo-scale,1));will-change:transform}
.recruitment-impact .hero-intro{position:absolute;left:6vw;bottom:45px;width:23%;z-index:4}
.recruitment-impact .hero-intro p{color:#53666e;font-size:13px;line-height:2}
.recruitment-impact .hero-intro .recruit-button{min-width:0;width:100%;font-size:12px;padding:14px 0;border-radius:0;border-bottom:1px solid #7d8c91;background:white;color:#193440}
.recruitment-impact .hero-caption{display:none}
.recruitment-impact .hero-scroll{position:absolute;right:28px;top:65px;writing-mode:vertical-rl;font:10px Arial,sans-serif;letter-spacing:.15em;display:flex;gap:22px;color:#718086}
.recruitment-impact .chapter-nav{border-top:1px solid #d9dedf}
.recruitment-impact #environment{padding-bottom:50px}
.app-stage{position:relative;margin-top:70px;padding:95px 6% 0;isolation:isolate}
.app-stage-title{position:absolute;top:0;left:0;right:0;z-index:-1;display:flex;justify-content:space-between;font:500 clamp(30px,5.5vw,78px)/1 Arial,sans-serif;letter-spacing:-.055em;color:#bcc6ca}
.recruitment-impact .app-stage .app-visual{margin:0;transform:rotate(-2deg);border:1px solid #edf0f0;box-shadow:0 30px 65px #19344016;transition:transform .6s}
.app-stage:hover .app-visual{transform:rotate(0)}
.recruitment-impact .performance-strip{position:relative;isolation:isolate;overflow:hidden;min-height:360px;align-items:center;padding-block:65px!important;border-bottom:0;margin-bottom:25px!important}
.reward-watermark{position:absolute;bottom:0;left:-8px;font:600 clamp(100px,20vw,280px)/.8 Arial,sans-serif;letter-spacing:-.08em;color:#f3f1ed;z-index:-1;pointer-events:none}
.recruitment-impact .performance-strip .income strong{font-size:clamp(100px,13vw,185px);line-height:1;font-weight:500}
.recruitment-impact .performance-strip>div:last-child{align-self:center}
.role-gateways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 55px}
.role-gateways button{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:320px;padding:30px;text-align:left;border:0;background:#193440;color:#fff;font:inherit;cursor:pointer;overflow:hidden}
.role-gateways button:nth-child(2){background:#eae7df;color:#193440}.role-gateways button:nth-child(3){background:#ad452f}
.gateway-num{font:10px Arial,sans-serif;letter-spacing:.12em;opacity:.8}.role-gateways strong{font-size:29px;line-height:1.6;font-weight:500;letter-spacing:-.05em;margin:40px 0 30px;transition:transform .3s}.gateway-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;margin-top:auto;border-top:1px solid #ffffff50;padding-top:20px}.role-gateways button:nth-child(2) .gateway-bottom{border-color:#19344040}.gateway-bottom b{font-size:23px;font-weight:400;transition:transform .3s}.role-gateways small{font-size:10px;line-height:1.8;margin-top:10px;opacity:.8}.role-gateways button:hover strong{transform:translateY(-5px)}.role-gateways button:hover b{transform:translate(3px,-3px)}.role-gateways button:focus-visible{outline:3px solid #bc492e;outline-offset:5px}
@media(max-width:900px){.recruitment-impact .visual-hero .wrap{height:700px}.recruitment-impact .recruit-scene{top:210px;width:67%;height:445px}.recruitment-impact .hero-intro{width:26%}.role-gateways{gap:12px}.role-gateways button{padding:22px;min-height:300px}.role-gateways strong{font-size:23px}}
@media(max-width:650px){.recruitment-impact .visual-hero{padding-bottom:0}.recruitment-impact .visual-hero .wrap{display:block;height:auto;padding:30px 24px 28px}.recruitment-impact .visual-hero .hero-copy{position:relative;width:100%}.recruitment-impact .visual-hero h1{font-size:clamp(32px,9.4vw,48px);line-height:1.38;margin:20px 0 0}.recruitment-impact .visual-hero .eyebrow{font-size:8px}.recruitment-impact .visual-hero .recruit-scene{position:relative;inset:auto;width:calc(100% + 24px);height:355px;margin: -8px -24px 0 0;z-index:1;clip-path:none}.recruitment-impact .recruit-scene img{object-position:78% center}.recruitment-impact .hero-intro{position:relative;left:auto;bottom:auto;width:100%;padding:22px 0 0}.recruitment-impact .hero-intro p{font-size:12px;margin:0}.recruitment-impact .hero-scroll{display:none}.app-stage{padding:45px 0 0;margin-top:40px}.app-stage-title{font-size:clamp(22px,6.6vw,34px)}.recruitment-impact .app-stage .app-visual{margin-inline:-8px;transform:rotate(-2deg)}.recruitment-impact .performance-strip{padding-block:35px 55px!important;min-height:0;gap:25px}.recruitment-impact .performance-strip .income strong{font-size:clamp(75px,24vw,105px)}.reward-watermark{font-size:100px;bottom:10px}.role-gateways{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -24px 35px;padding:6px 24px 18px;scrollbar-width:thin;scrollbar-color:#b7bfc1 transparent}.role-gateways button{flex:0 0 85%;scroll-snap-align:center;min-height:305px;padding:25px}.role-gateways strong{font-size:30px;margin-block:28px}.role-gateways small{font-size:11px}.recruitment-impact #positions .section-heading:after{content:'カテゴリーから選ぶ　→';display:block;font-size:11px;color:#667a84;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.recruitment-impact .recruit-scene img{transform:none!important;will-change:auto}.recruitment-impact .recruit-scene{clip-path:none!important}.recruitment-impact .app-stage .app-visual{transform:none}.role-gateways{scroll-behavior:auto}}
@media(min-width:901px){.recruitment-impact .visual-hero .wrap{height:860px}.recruitment-impact .recruit-scene{top:400px;height:420px}.recruitment-impact .hero-intro{bottom:45px}}
@media(min-width:651px) and (max-width:900px){.recruitment-impact .recruit-scene{top:310px;height:345px}}
@media(max-width:650px){.recruitment-impact .visual-hero .recruit-scene{margin-top:16px}}