/* 読みやすいヘッダーロックアップ */
.header .brand{display:grid;grid-template-columns:140px;gap:1px;width:190px;flex-shrink:0;text-decoration:none;color:var(--ink);align-content:center}
.header .brand-tagline{font-size:10px;letter-spacing:.015em;white-space:nowrap;line-height:1.5}
.header .brand img{width:140px;height:auto;display:block;margin:1px 0 -5px}
.header .brand-program{font-size:10px;line-height:1.4;letter-spacing:.14em;text-align:right;text-transform:lowercase}
.mobile-photo-note{display:none}
.founder-photo-frame{width:145px;height:160px;display:block;overflow:hidden;flex-shrink:0;border-radius:3px}
.founder-photo-frame .founder-photo{width:100%;height:100%;object-fit:cover;object-position:center 65%;transform:scale(1.4);transform-origin:center 65%;border:0}
.learn-intro{max-width:850px;margin-bottom:48px}.learn-intro h2{font-size:clamp(25px,3vw,42px)}
.learn-domain{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;padding:35px 0;border-top:1px solid #c9bdc5}
.domain-heading{position:relative;padding:22px 28px;background:#fff0f7}.learn-domain:nth-of-type(2) .domain-heading{background:#e1f0f4}.learn-domain:nth-of-type(3) .domain-heading{background:#d4f170}
.domain-number{font-size:14px;font-weight:700;color:#772050}.domain-heading h3{font-size:24px;line-height:1.5;margin:12px 0}.domain-heading p{font-size:14px;margin:0}
.learning-topics{list-style:none;margin:0;padding:0;display:grid;gap:16px}.learning-topics li{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;font-size:14px}.learning-topics b{font-size:15px}.learning-topics span{color:#514750}
.learning-use{background:#f6f3f5;padding:15px 20px;margin:24px 0 0;font-size:14px;line-height:1.8}.learning-use>span{display:block;font-size:11px;color:#76214e;font-weight:700;margin-bottom:4px}
.learning-scope{margin-top:20px}
@media(max-width:760px){
 .header,.playful .header{height:86px;padding-block:10px}.header .brand{width:178px;grid-template-columns:125px}.header .brand img{width:125px}.header .brand-tagline{font-size:9px}.header .brand-program{font-size:9px}.header nav{gap:18px}
 .founder-photo-frame{width:105px;height:115px}.founder-photo-frame .founder-photo{width:100%;height:100%}
 .hero.wrap,.playful .hero{display:block;padding:0;width:100%;background:#241f28;color:white}
 .hero .hero-copy,.playful .hero-copy{padding:0}
 .mobile-hero-scene{position:relative;min-height:390px;height:49svh;max-height:460px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 20px 30px;isolation:isolate;background-image:linear-gradient(0deg,rgba(18,16,22,.9),rgba(18,16,22,.03) 72%),var(--hero-photo,url('img/global.jpg'));background-size:cover;background-position:center,62% 40%}
 .mobile-hero-scene .eyebrow{font-size:11px;color:#fff!important;margin:0 0 10px;line-height:1.7;max-width:280px}
 .hero h1,.playful .hero h1{color:white;font-size:clamp(25px,7.6vw,34px);line-height:1.55;margin:0;letter-spacing:-.04em}
 .mobile-photo-note{display:block;font-size:9px;color:#fff;position:absolute;right:12px;top:10px;background:rgba(0,0,0,.6);padding:2px 5px}
 .hero .intro,.playful .hero .intro{font-size:13px;line-height:1.9;padding:22px 20px 0;margin:0;color:white}
 .hero .cta-group{padding:18px 20px 24px;margin:0}.hero .cta,.playful .hero .cta{width:100%;min-height:56px;margin:0;background:#ffbade;color:#241f28;box-shadow:4px 4px 0 #ac176a}
 .hero .assurance,.playful .hero .assurance{font-size:10px;color:#e1d8e4;margin:12px 0 0}
 .hero .photo-collage,.hero .hero-bottom{display:none}
 .photo-strip,.playful .photo-strip{margin-top:0}
 .learn-intro{margin-bottom:30px}.learn-intro h2{font-size:25px;line-height:1.6;letter-spacing:-.05em}.learn-intro>p:last-child{font-size:14px}
 .learn-domain{grid-template-columns:1fr;gap:20px;padding:25px 0}.domain-heading{padding:20px}.domain-heading h3{font-size:22px;margin:8px 0}.learning-topics{gap:15px}.learning-topics li{grid-template-columns:1fr;gap:3px}.learning-topics b{font-size:15px}.learning-topics span{font-size:13px}.learning-use{margin-top:18px}
}

body{--hero-photo:url('img/未来の仕事_候補1.png')}

/* ロゴと見出しの強弱、モバイルの入口を調整 */
body{--hero-photo:url('img/海外で働く女性_自然な光.png')}
.header .brand{grid-template-columns:112px;width:174px}.header .brand img{width:112px}.header .brand-tagline{font-size:9px}.header .brand-program{font-size:9px}
main h2,.playful main h2{font-size:clamp(36px,3.5vw,50px);font-weight:800;line-height:1.45;letter-spacing:-.045em;margin-top:18px;margin-bottom:36px}
main .eyebrow{font-weight:700}
@media(max-width:760px){
.header .brand{grid-template-columns:103px;width:160px}.header .brand img{width:103px}.header .brand-tagline{font-size:8px}.header .brand-program{font-size:8px}.header,.playful .header{height:76px}
main h2,.playful main h2{font-size:clamp(27px,7.7vw,32px);line-height:1.5;margin-top:14px;margin-bottom:30px;letter-spacing:-.055em}
.hero.wrap,.playful .hero{background:#fff;color:#241f28}
.hero .intro,.playful .hero .intro{color:#241f28;padding:24px 24px 0;font-size:14px;line-height:1.9}
.hero .cta-group{padding:20px 24px 28px}
.hero .cta,.playful .hero .cta{background:#a81c63;color:#fff;box-shadow:none;border:0;border-radius:4px;min-height:54px;font-size:14px;justify-content:center;transform:none}
.hero .cta:hover,.playful .hero .cta:hover{background:#87134e;transform:none}
.hero .cta .play{display:none}.hero .cta .duration{border-left:1px solid rgba(255,255,255,.4);font-size:11px}
.hero .assurance,.playful .hero .assurance{color:#625760;font-size:10px;margin-top:12px}
.mobile-hero-scene{min-height:350px;height:46svh;padding:25px 24px 28px;background-position:center,60% 40%}
.mobile-hero-scene .eyebrow{font-weight:500;font-size:10px}
.motion-pause{font-size:10px;bottom:10px;right:10px;box-shadow:none!important}
}

/* B採用版：ロゴを署名のような横組みへ */
.playful .header .brand{width:206px;grid-template-columns:124px 62px;grid-template-rows:auto auto;column-gap:7px;row-gap:1px;align-items:end}
.playful .brand-tagline{grid-column:1 / -1;grid-row:1;font-size:10px;letter-spacing:.015em;line-height:1.6;margin-bottom:2px}
.playful .header .brand img{grid-column:1;grid-row:2;width:124px;margin:0}
.playful .brand-program{grid-column:2;grid-row:2;font-size:10px;letter-spacing:.08em;text-align:left;line-height:1;padding-bottom:10px}
.playful .cta{border-radius:999px;background:#ac176a;color:#fff;min-height:58px;box-shadow:0 5px 0 #711047,0 8px 18px rgba(80,13,50,.14);border:1px solid rgba(255,255,255,.25);transition:transform .18s,box-shadow .18s}
.playful .hero .cta{background:#ffbade;color:#241f28;border-radius:999px;box-shadow:0 5px 0 #b83479,0 9px 22px rgba(0,0,0,.16);border:1px solid #ffd9ec}
.playful .cta:hover,.playful .hero .cta:hover{transform:translateY(-2px);filter:brightness(1.04)}
.playful .closing .cta{box-shadow:0 5px 0 #711047,0 8px 18px rgba(80,13,50,.14)}
@media(max-width:760px){
.playful .header .brand{width:180px;grid-template-columns:108px 52px;column-gap:6px}.playful .header .brand img{width:108px}.playful .brand-tagline{font-size:9px}.playful .brand-program{font-size:9px;padding-bottom:8px}.playful .header nav{gap:12px}
.playful .hero{background:#241f28;color:white}.playful .hero .intro{color:white}.playful .hero .assurance{color:#e1d8e4}
.playful .hero .cta{background:#ffbade;color:#241f28;border-radius:999px;min-height:58px;border:1px solid #ffd9ec;box-shadow:0 5px 0 #b83479,0 9px 22px rgba(0,0,0,.16);font-size:14px}
.playful .hero .cta .duration{border-left-color:#b96994}.playful .hero .cta-group{padding-bottom:32px}.playful .hero .assurance{margin-top:17px;font-size:10px;line-height:1.7}
.playful .hero .cta:hover{background:#ffbade}
}
@media(prefers-reduced-motion:reduce){.playful .cta:hover,.playful .hero .cta:hover{transform:none}}