html[lang=ja-JP] body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.9;overflow-wrap:anywhere}
html[lang=ja-JP] :is(h1,h2,h3,.eyebrow,.brand,nav){font-family:inherit;letter-spacing:.02em}
html[lang=ja-JP] h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.6}
html[lang=ja-JP] h2{font-size:clamp(1.6rem,2.7vw,2.3rem);line-height:1.65}
html[lang=ja-JP] h3{line-height:1.7}
html[lang=ja-JP] p{line-height:1.9}
html[lang=ja-JP] main img{max-width:100%;height:auto}
html[lang=ja-JP] .scenario-art img{max-width:none;height:200%}
html[lang=ja-JP] .process-intro{min-width:0}
html[lang=ja-JP] .process-intro img{width:100%;margin-top:24px}
html[lang=ja-JP] .service-nav{gap:10px 18px;font-size:.8rem}
html[lang=ja-JP] header .wrap{gap:24px;flex-wrap:wrap;padding-block:16px}
html[lang=ja-JP] .brand{flex-shrink:0}
html[lang=ja-JP] .need-list ul{margin-top:16px;color:var(--muted);padding-left:20px}
html[lang=ja-JP] .about-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}
html[lang=ja-JP] .ja-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}
html[lang=ja-JP] .ja-course-grid img{width:100%;aspect-ratio:3/2;object-fit:contain}
html[lang=ja-JP] .ja-course-grid .service-card:nth-child(2){border-color:#3d7161}
html[lang=ja-JP] .ja-course-grid .service-card:nth-child(3){border-color:#795c32}
html[lang=ja-JP] .ja-course-grid .service-card:nth-child(4){border-color:#705988}
html[lang=ja-JP] .scenario-copy h3{font-size:1.1rem}
html[lang=ja-JP] .scenario-copy p{font-size:.92rem}
@media(max-width:1100px){html[lang=ja-JP] .service-nav{width:100%}html[lang=ja-JP] .header nav{gap:14px}}
@media(max-width:700px){html[lang=ja-JP] .ja-course-grid{grid-template-columns:1fr}html[lang=ja-JP] .service-nav{justify-content:flex-start;font-size:.75rem;gap:7px 16px}html[lang=ja-JP] h1{font-size:2rem}html[lang=ja-JP] .scenario-copy h3{font-size:1rem}}
html[lang=ja-JP] .service-detail-heading{max-width:780px}
html[lang=ja-JP] .service-illustration{max-width:560px;margin:32px auto}
html[lang=ja-JP] .service-illustration img{display:block;width:100%;border-radius:4px}
html[lang=ja-JP] .service-detail{border-top:1px solid var(--line)}

html[lang=ja-JP] :is(h1,h2,h3){line-break:strict;word-break:normal;overflow-wrap:normal;text-wrap:pretty}