/* About page — editorial YomuFlow redesign */
.about-page{max-width:none!important;margin:0!important;padding:0!important;overflow:hidden;background:#f8fdfd}
.about-page .about-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:48px;align-items:center;max-width:1160px;margin:auto;padding:74px 24px 82px;position:relative}
.about-page .about-copy{max-width:500px}.about-page .eyebrow{color:#0a6ea8;font-size:12px;font-weight:800;letter-spacing:.16em}.about-page h1{margin:16px 0 22px;color:#12384e;font:800 clamp(42px,5vw,66px)/1.02 "DM Sans",sans-serif;letter-spacing:-.045em}.about-page h1 em{color:#2da0f9;font-style:normal}.about-page .about-copy p{color:#557488;font-size:17px;line-height:1.65}
.about-visual{position:relative;min-height:420px;background:url('/76AE84C3-283F-4D1B-891C-3AFB7B0E7DC9.png') center/contain no-repeat}.about-visual .about-video,.about-visual .about-float,.about-visual .about-deco-ring{display:none!important}
.about-problem{position:relative;background:#eaf8ff;padding:62px 24px 72px}.about-problem:before,.about-philosophy:after{content:"";position:absolute;left:-4%;right:-4%;top:-30px;height:62px;border-radius:50%;background:#eaf8ff}.about-inner{position:relative;z-index:1;max-width:1160px;margin:auto}.about-problem h2,.about-philosophy h2{margin:9px 0 6px;color:#12384e;font-size:clamp(30px,3.4vw,44px);line-height:1.05}.about-lead{margin:0;color:#557488;font-size:16px}.about-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:32px}.about-flow article{position:relative;min-height:210px;padding:18px;border:1px solid rgba(45,160,249,.2);border-radius:18px;background:rgba(248,253,253,.92);box-shadow:5px 7px 0 rgba(161,207,255,.35)}.about-flow article:not(:last-child):after{content:"→";position:absolute;right:-23px;top:46%;color:#2da0f9;font-size:26px;font-weight:800}.flow-art{display:grid;place-items:center;height:86px;margin-bottom:14px;border-radius:12px;background:#dff3ff;color:#0a6ea8;font-size:31px}.about-flow h3{margin:0 0 7px;color:#12384e;font-size:15px}.about-flow p{margin:0;color:#557488;font-size:13px;line-height:1.5}
.about-philosophy{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1160px;margin:auto;padding:88px 24px}.study-illustration{min-height:330px;border-radius:46px 46px 110px 46px;background:linear-gradient(145deg,#d7f5ff,#a1cfff);position:relative;overflow:hidden}.study-illustration:before{content:"好きなことで、\A続けられる。\A\A Learn from what you love.";white-space:pre;position:absolute;left:20%;top:25%;width:60%;padding:38px 24px;border:12px solid #0a6ea8;border-bottom-width:38px;border-radius:16px;background:#f8fdfd;color:#12384e;text-align:center;font:700 20px/1.45 "Shippori Mincho",serif;box-shadow:0 18px 28px rgba(10,110,168,.18)}.about-philosophy p{color:#557488;font-size:16px;line-height:1.7}.about-values{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;color:#12384e;font-size:13px;font-weight:700}.about-values span:before{content:"✦";margin-right:7px;color:#2da0f9}
.about-ending{position:relative;padding:70px 24px 105px;text-align:center;background:#eefaff;overflow:hidden}.about-ending h2{position:relative;z-index:2;max-width:620px;margin:0 auto 14px;color:#12384e;font:600 clamp(34px,4vw,54px)/1.12 "Shippori Mincho",serif}.about-ending p{position:relative;z-index:2;color:#557488}.about-waves{position:absolute;left:-5%;right:-5%;bottom:-38px;height:125px;background:radial-gradient(ellipse at 15% 100%,#72d6ee 0 36%,transparent 37%),radial-gradient(ellipse at 48% 100%,#2da0f9 0 34%,transparent 35%),radial-gradient(ellipse at 82% 100%,#a1cfff 0 38%,transparent 39%);opacity:.75}
@media(max-width:820px){.about-page .about-hero,.about-philosophy{grid-template-columns:1fr}.about-page .about-hero{padding-top:48px}.about-visual{min-height:390px;background-size:contain}.about-flow{grid-template-columns:1fr 1fr}.about-flow article:nth-child(2):after{display:none}.about-philosophy{gap:34px}.study-illustration{min-height:280px}}
@media(max-width:520px){.about-page h1{font-size:42px}.about-visual{min-height:300px;width:100%;margin-bottom:-10px;transform:none}.about-flow{grid-template-columns:1fr}.about-flow article:after{display:none}.about-problem{padding-inline:18px}.about-philosophy{padding-inline:18px}.about-values{gap:12px}}