/* 比較用B：写真と色面を大きく、タイポグラフィを大胆に。 */
body.playful{--brand:#ac176a;--ink:#241f28;--pale:#ffe5f1}.playful .header{height:115px}.playful h1,.playful h2{font-weight:800;letter-spacing:-.045em}.playful .hero{background:#241f28;color:white;width:100%;padding:50px max(35px,calc((100% - 1280px)/2)) 0;grid-template-columns:1.05fr 1fr;gap:0 32px;overflow:hidden}.playful .hero h1{font-size:clamp(36px,3.8vw,62px);line-height:1.5}.playful .hero-copy{padding-top:60px}.playful .hero .intro{font-size:15px;line-height:2}.playful .hero .eyebrow{color:#ffbade}.playful .hero .cta{background:#ffbade;color:#241f28;border:0;font-size:15px;transform:none;border-radius:0;box-shadow:6px 6px 0 #ac176a}.playful .hero .cta:hover{transform:translateY(-3px)}.playful .hero .assurance,.playful .hero-bottom,.playful .image-note{color:#e1d8e4}.playful .photo-collage{min-height:670px}.playful .collage-main{width:100%;margin-left:0;transform:none;border:0}.playful .collage-main img{aspect-ratio:.95;border-radius:4px;object-position:60%}.playful .collage-main figcaption{bottom:40px;font-size:27px;padding:8px 24px}.playful .collage-small{width:44%;left:-20px;bottom:5px;transform:none;border-radius:0;background:#ffbade;border-color:#ffbade;color:#241f28}.playful .collage-small img{border-radius:0}.playful .collage-sticker{background:#d4f170;width:135px;height:135px;color:#241f28;right:-5px;top:0;transform:none}.playful .globe-art{width:40%;bottom:20px;right:-5px}.playful .hero-bottom{border-color:#6b5e6d;margin-top:30px}.playful .photo-strip{margin-top:0;background:#ffbade;padding-block:40px}.playful .photo-strip>p{font-size:27px}.playful .photo-strip figure{width:22%}.playful .concerns{width:100%;padding:95px max(35px,calc((100% - 1280px)/2));background:#fff7fb}.playful .thinking-photo{background:#ffbade;transform:none}.playful .concern-lines p{border:0;background:white;padding:22px 25px;margin-bottom:18px;box-shadow:5px 5px 0 #ead3df}.playful .concern-lines p:nth-child(2){transform:none}.playful .concern-lines p:nth-child(3){transform:none}.playful .outcome{background:#241f28;color:white}.playful .outcome .small{color:#dacee0}.playful .career-photo img{height:320px}.playful .career-photo figcaption{background:#d4f170;color:#241f28;bottom:20px;transform:none}.playful .career-grid h3{font-size:31px}.playful .practice-bridge{border-color:#6b5e6d}.playful .curriculum{background:#ffbade;color:#241f28}.playful .curriculum .course{border-color:#aa5480}.playful .curriculum .syllabus:before{background:#241f28}.playful .curriculum .course.ai{background:#241f28;color:white;transform:none}.playful .learning{border-color:#aa5480}.playful .premium-journey{gap:24px}.playful .premium-journey article{background:#fff0f7;padding:25px;border:0}.playful .premium-journey article:nth-child(2){background:#e1f0f4;transform:none}.playful .premium-journey article:nth-child(3){background:#d4f170;transform:none}.playful .premium-journey article>span{font-size:55px;font-weight:800}.playful .exercise-sheet{background:#ffbade;transform:none;box-shadow:9px 9px 0 #241f28}.playful .answer-before{background:#ffbade}.playful .answer-after{background:#d4f170;border-color:#241f28}.playful .answer-comment{background:#241f28;color:white}.playful .answer-comment .board-label{color:#ffbade}.playful .benefits{background:#e1f0f4}.playful .benefit-art img{width:115%;max-width:none;margin-left:-6%;transform:none}.playful .benefit-art>p{font-size:26px}.playful .benefit-note{color:#493e49}.playful .raggy-demo{border:2px solid #241f28;box-shadow:8px 8px 0 #ffbade}.playful .mentor{background:#fff0f7}.playful .founder-photo{border:5px solid white;transform:none}.playful .prices .premium{background:#ffbade;border-top:4px solid #241f28}.playful .prices .premium .plan-label{font-weight:700}.playful .faq{background:#241f28;color:white}.playful .faq summary:after{color:#ffbade}.playful .faq .eyebrow{color:#ffbade}.playful .faq details{border-color:#6b5e6d}.playful .closing{width:100%;background:#ffbade;padding-inline:30px}.playful .closing:before{font-size:140px;left:8%;top:18%}.playful .closing .cta{box-shadow:5px 5px 0 #241f28}.playful .cta{border-radius:0}.playful .footer{border-top:0}.playful .motion-pause{box-shadow:3px 3px 0 #ffbade}
@media(max-width:1100px) and (min-width:761px){.playful .hero h1{font-size:36px}.playful .photo-collage{min-height:600px}.playful .career-photo img{height:250px}}
@media(max-width:760px){.playful .header{height:100px}.playful .hero{padding:35px 20px 0}.playful .hero-copy{padding-top:0}.playful .hero h1{font-size:clamp(25px,7.7vw,46px)}.playful .hero .intro{font-size:13px}.playful .hero .cta{font-size:13px}.playful .photo-collage{min-height:460px;margin-top:35px}.playful .collage-main{width:87%;margin-left:8%}.playful .collage-main img{aspect-ratio:1.05}.playful .collage-main figcaption{font-size:21px;bottom:25px}.playful .collage-small{width:43%;left:0;bottom:5px}.playful .collage-sticker{width:95px;height:95px;font-size:11px}.playful .globe-art{width:40%;bottom:0;right:0}.playful .photo-strip{padding-block:35px;gap:22px}.playful .photo-strip>p{font-size:22px}.playful .photo-strip figure{width:43%}.playful .concerns{padding:65px 20px}.playful .concern-lines p{padding:20px}.playful .thinking-photo{transform:none}.playful .career-photo img{height:220px}.playful .career-grid h3{font-size:25px}.playful .premium-journey article{padding:20px}.playful .premium-journey article>span{font-size:36px}.playful .exercise-sheet{transform:none;box-shadow:5px 5px 0 #241f28}.playful .benefit-art img{width:100%;max-width:100%;margin:0}.playful .benefit-art>p{font-size:20px}.playful .closing:before{font-size:60px;left:auto;right:20px;top:20px}.playful .raggy-demo{box-shadow:4px 4px 0 #ffbade}}
@media(prefers-reduced-motion:reduce){.playful .hero .cta:hover{transform:none}}

.playful .photo-strip .image-note,.playful .sheet-footer,.playful .exercise-index,.playful .answer-before .board-label,.playful .answer-before h4,.playful .curriculum .small,.playful .closing .assurance,.playful .closing .webinar-topics span{color:#493044}
.playful .closing .video-points b{color:#493044}
.playful .hero .image-note{color:#493044}.playful .answer-before .annotation,.playful .premium .small{color:#493044}@media(max-width:760px){.playful .collage-small figcaption{font-size:10px;white-space:nowrap}}
.playful .hero .image-note{background:#241f28;color:#e1d8e4}
.playful .image-note{background:#241f28;color:#e1d8e4;padding:0 4px}
.playful .photo-strip small{color:#493044}

/* B案は水平な配置に統一。配色と上下の軽い動きは維持。 */
.playful .collage-main figcaption,.playful .globe-art,.playful .photo-strip figure,.playful .photo-strip figure:nth-of-type(2),.playful .rhythm figure,.playful .thinking-photo figcaption,.playful .answer-before,.playful .answer-after,.playful .benefit-art>p,.playful .closing:before{transform:none}