﻿.learning-path{--learning-ink: #123c67;--learning-teal: #087d88;position:relative;min-width:0;margin:40px 0 36px;padding:36px 32px 24px;border:1px solid #c0dfe8;border-radius:28px;color:var(--learning-ink);background:#f2fafc;box-shadow:0 8px 0 #c7eaf0}.learning-path *,.learning-path *::before,.learning-path *::after{box-sizing:border-box}.learning-path p,.learning-path h2{margin:0}.learning-path__eyebrow{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--learning-teal);font-size:11px;font-weight:700;letter-spacing:.12em}.learning-path__eyebrow span{font-size:12px;letter-spacing:.04em}.learning-path__head h2{margin:14px 0;color:var(--learning-ink);font-size:clamp(26px,3vw,38px);line-height:1.6;font-weight:700;letter-spacing:.015em}.learning-path__lead{max-width:750px;color:#38536a;font-size:15px;line-height:1.95}.learning-path__sp-break{display:none}.learning-path__guide{display:flex;align-items:center;gap:16px;margin:24px 0 20px;color:var(--learning-teal);font-size:12px}.learning-path__guide span{padding:6px 12px;border-radius:20px;background:#fff;border:1px solid #d0e6ec}.learning-path__guide i{font-style:normal}.learning-path__track{display:flex;align-items:stretch;gap:22px;margin:0;padding:2px 2px 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#82bccb #dfedf3;list-style:none}.learning-path__slide{flex:0 0 clamp(290px,30vw,368px);min-width:0;display:flex;scroll-snap-align:start;scroll-margin-left:2px}.learning-path__controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.learning-path__controls p{display:flex;align-items:center;gap:18px}.learning-path__controls p>span{font:700 14px/1.5 sans-serif;letter-spacing:.12em}.learning-path__controls small{font-size:12px;color:#435f76}.learning-path__controls>div{display:flex;gap:10px}.learning-path__controls button{width:46px;height:46px;border:1px solid #91b5c9;border-radius:50%;color:#124d91;background:#fff;font-size:24px;cursor:pointer}.learning-path__controls button:disabled{opacity:.35;cursor:default}.learning-path a:focus-visible,.learning-path button:focus-visible,.learning-path__track:focus-visible{outline:3px solid #077b88;outline-offset:-3px}.learning-path [hidden]{display:none !important}.learning-card{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #c6dce8;border-radius:20px;background:#fff;color:#123c67;overflow:hidden;text-align:left;text-decoration:none;box-shadow:0 4px 0 #dcecf2;transition:border-color .18s,box-shadow .18s}.learning-card__label{display:flex;align-items:center;gap:12px;padding:16px 20px 0;color:#087d88;font-size:12px;font-weight:700}.learning-card__label b{font:700 27px/1.2 sans-serif;letter-spacing:-0.035em}.learning-card__art{display:block;padding:12px 12px 0;background:linear-gradient(#fff, #eff9fc)}.learning-card__art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.learning-card__body{display:flex;flex:1;flex-direction:column;gap:14px;padding:22px}.learning-card__body>strong{display:block;color:#123c67;font-size:21px;font-weight:700;line-height:1.65;text-wrap:balance}.learning-card__body>span:not(.learning-card__read){display:block;color:#41596c;font-size:14px;line-height:1.85}.learning-card__read{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #dae8ee;color:#124d91;font-size:13px;font-weight:700}.learning-card__read b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e5f5fa;font:400 22px/1 sans-serif}.learning-card:hover{border-color:#0c8190;box-shadow:0 4px 0 #8bccd9;color:#123c67;opacity:1}html.learning-is-open{overflow:hidden !important}.learning-dialog{box-sizing:border-box;width:min(960px,100% - 48px);max-width:none;height:min(960px,100dvh - 48px);max-height:none;margin:auto;padding:0;border:0;border-radius:24px;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#2e485b;font-family:"秀英丸ゴシック L",sans-serif;font-size:16px;line-height:2;text-align:left}.learning-dialog::backdrop{background:rgba(9,32,54,.76)}.learning-dialog *,.learning-dialog *::before,.learning-dialog *::after{box-sizing:border-box}.learning-dialog h3,.learning-dialog h4,.learning-dialog p,.learning-dialog dl,.learning-dialog dd{margin:0}.learning-dialog [hidden]{display:none !important}.learning-dialog button,.learning-dialog a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.learning-dialog button{font:inherit;cursor:pointer}.learning-dialog a:focus-visible,.learning-dialog button:focus-visible{outline:3px solid #087d88;outline-offset:3px}.learning-dialog__toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 24px;border-bottom:1px solid #d4e7ef;background:#fff}.learning-dialog__toolbar>span{color:#164778;font-size:13px;font-weight:700}.learning-dialog__toolbar b{margin-left:12px;color:#087d88;font:700 12px/1.5 sans-serif}.learning-dialog__toolbar button{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 16px;border:1px solid #b2cedd;border-radius:30px;color:#164778;background:#f3f9fc;font-size:13px}.learning-dialog__toolbar button span{font-size:24px;line-height:1}.learning-dialog__navigation{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px 48px;background:#edf8fa}.learning-dialog__navigation button{display:flex;flex-direction:column;gap:8px;min-height:100px;padding:18px 20px;border:1px solid #b2d4df;border-radius:14px;background:#fff;color:#123c67;text-align:left}.learning-dialog__navigation small{color:#087d88;font-size:12px;font-weight:700}.learning-dialog__navigation span{font-size:15px;line-height:1.7}.learning-dialog__navigation button:disabled{opacity:.45;cursor:default}.learning-dialog__finish{padding:12px 24px 28px;background:#edf8fa;text-align:center}.learning-dialog__finish button{min-height:44px;padding:8px;border:0;background:none;color:#164778;font-size:13px;text-decoration:underline;text-underline-offset:5px}.learning-story__hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:40px 48px;background:#eef8fc}.learning-story__label{color:#087d88;font-size:12px;font-weight:700;letter-spacing:.06em}.learning-story__hero h3{margin-top:14px;color:#123c67;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.65;text-wrap:balance}.learning-story__hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.learning-story__copy{max-width:816px;margin-inline:auto;padding:38px 48px 42px}.learning-story__intro{padding-bottom:28px;border-bottom:1px solid #d3e4ec}.learning-story__section{margin-top:36px}.learning-story__section h4{margin-bottom:16px;color:#123c67;font-size:21px;font-weight:700;line-height:1.7}.learning-story__section p+p{margin-top:18px}.learning-story__closing{margin-top:32px !important;padding-left:20px;border-left:4px solid #1594a3;color:#123c67}.learning-story__experience{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:24px;padding:18px 22px;border:0;border-radius:12px;background:#124d91;color:#fff;text-align:left;font-size:15px !important}.learning-visual{margin-top:32px;padding:24px;border:1px solid #cce3e9;border-radius:18px;background:#f0fafb}.learning-visual h4{color:#087d88;font-size:17px;font-weight:700;line-height:1.7}.learning-visual>p{margin-top:18px;color:#3b596c;font-size:13px;line-height:1.9}.learning-cycle,.learning-support{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none}.learning-cycle li,.learning-support li{flex:1;min-width:90px;position:relative;padding:14px 8px;border:1px solid #aed5df;border-radius:12px;background:#fff;color:#123c67;text-align:center;font-size:14px;font-weight:700}.learning-cycle li:not(:last-child)::after,.learning-support li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:1;color:#087d88}.learning-support li:not(:last-child)::after{content:"↔"}.learning-skills{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;padding:0;margin:20px 0 0;list-style:none}.learning-skills li{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:8px 12px;padding:16px;border-radius:12px;background:#fff}.learning-skills svg{color:#087d88}.learning-skills strong{color:#123c67;font-size:16px}.learning-skills span{grid-column:1/-1;font-size:13px;line-height:1.8}.learning-prompts{margin-top:32px;padding:24px;border-radius:18px;background:#fff9df}.learning-prompts h4{margin-bottom:14px;color:#675317;font-size:16px;font-weight:700}.learning-prompts p{margin-top:10px;padding:12px 16px;border-radius:12px;background:#fff;color:#123c67;font-size:16px;line-height:1.8}.learning-prompts small{display:block;margin-top:12px;color:#615c46;font-size:12px;line-height:1.8}.learning-observe{margin-top:32px}.learning-observe h4{margin-bottom:16px;color:#123c67;font-size:17px;font-weight:700}.learning-observe dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.learning-observe dl>div{padding:18px;border:1px solid #c7dde8;border-radius:14px}.learning-observe dt{display:flex;align-items:center;gap:12px;color:#087d88;font-size:26px;font-weight:700}.learning-observe dt span{color:#123c67;font-size:13px}.learning-observe dd{margin-top:10px;font-size:14px;line-height:1.9}.learning-services{display:grid;gap:10px;margin-top:28px}.learning-services a{display:flex;justify-content:space-between;gap:16px;min-height:48px;padding:14px 18px;border:1px solid #b1d0df;border-radius:12px;color:#124d91;background:#f3fafc;font-size:15px;text-decoration:none}@media(max-width: 767px){.learning-path{margin-top:28px;padding:26px 16px 20px;border-radius:22px}.learning-path__eyebrow{flex-direction:column;gap:5px}.learning-path__head h2{font-size:27px;line-height:1.65}.learning-path__sp-break{display:inline}.learning-path__lead{font-size:14px}.learning-path__lead br{display:none}.learning-path__guide{gap:5px;margin-block:20px 16px;font-size:10px}.learning-path__guide span{padding:6px}.learning-path__track{gap:14px}.learning-path__slide{flex-basis:88%}.learning-card__label{gap:8px;padding:14px 16px 0;font-size:11px}.learning-card__label b{font-size:24px}.learning-card__body{padding:18px 16px;gap:12px}.learning-card__body>strong{font-size:19px}.learning-card__body>span:not(.learning-card__read){font-size:13px}.learning-path__controls p{display:block}.learning-path__controls small{display:block;margin-top:3px;font-size:10px}.learning-dialog{width:100%;height:100dvh;border-radius:0;font-size:15px;line-height:1.95}.learning-dialog__toolbar{padding:max(8px,env(safe-area-inset-top)) 16px 8px;gap:8px}.learning-dialog__toolbar>span{font-size:11px}.learning-dialog__toolbar b{display:block;margin-left:0}.learning-story__hero{grid-template-columns:1fr;gap:20px;padding:28px 24px 20px}.learning-story__hero h3{font-size:25px}.learning-story__hero img{max-width:340px;justify-self:center}.learning-story__copy{padding:26px 24px 32px}.learning-story__section{margin-top:28px}.learning-story__section h4{font-size:19px}.learning-visual,.learning-prompts{padding:18px}.learning-cycle{display:grid;grid-template-columns:1fr 1fr}.learning-cycle li{min-width:0}.learning-cycle li:nth-child(2)::after{content:"↓";right:50%;top:calc(100% + 7px);transform:translate(50%, -50%)}.learning-cycle li:nth-child(3){grid-area:2/2}.learning-cycle li:nth-child(3)::after{content:"←";right:calc(100% + 1px)}.learning-cycle li:nth-child(4){grid-area:2/1}.learning-skills{grid-template-columns:1fr}.learning-support{flex-direction:column}.learning-support li:not(:last-child)::after{content:"↕";top:100%;right:50%;transform:translate(50%, -3px)}.learning-observe dl{grid-template-columns:1fr}.learning-dialog__navigation{padding:22px 20px;gap:10px}.learning-dialog__navigation button{padding:14px 12px}.learning-dialog__navigation span{font-size:13px}.learning-dialog__finish{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion: reduce){.learning-card{transition:none}.learning-path__track{scroll-behavior:auto}}.boost-stories{margin:72px 0 0;scroll-margin-top:100px}.boost-stories .learning-card__art img{aspect-ratio:3/2;object-fit:contain}.boost-stories-dialog .learning-story__hero img{max-height:260px;object-fit:contain}.boost-story__sources{margin-top:28px !important;padding-top:16px;border-top:1px dashed #c6dce8;color:#526576;font-size:12.5px;line-height:1.9}.boost-story__sources b{display:block;color:#164778;font-size:12px}@media(max-width: 767px){.boost-stories{margin-top:48px}.boost-stories .learning-path__head h2{font-size:clamp(22px,6.4vw,26px)}}.boost-block{margin-top:32px;padding:24px;border:1px solid #cce3e9;border-radius:18px;background:#f7fbfd;color:#2e485b}.boost-block h4{margin:0 0 16px;color:#164778;font-size:18px;line-height:1.6;font-weight:700}.boost-block h5{margin:0 0 10px;color:#164778;font-size:15px;line-height:1.6;font-weight:700}.boost-block ul,.boost-block ol,.boost-block dl{margin:0;padding:0;list-style:none}.boost-block small{display:block;margin-top:14px;color:#526576;font-size:12.5px;line-height:1.8}.boost-block--check{background:#fffaf0;border-color:#f0dfa8}.boost-block--check li{position:relative;padding:8px 0 8px 30px;border-bottom:1px dashed #ead9a4;font-size:15px;line-height:1.8}.boost-block--check li:last-child{border-bottom:0}.boost-block--check li::before{content:"";position:absolute;left:4px;top:16px;width:12px;height:7px;border-left:2px solid #087d88;border-bottom:2px solid #087d88;transform:rotate(-45deg)}.boost-block--limits{background:#f6f7f9;border-color:#d5dbe2}.boost-block--limits li{border-bottom-color:#d5dbe2}.boost-block--limits li::before{top:20px;left:6px;width:12px;height:0;border-left:0;border-bottom:2px solid #6b7c8c;transform:none}.boost-block--steps ol{display:grid;gap:8px;counter-reset:boost-step}.boost-block--steps li{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid #d4e7ef;font-size:15px;line-height:1.7;counter-increment:boost-step}.boost-block--steps li::before{content:counter(boost-step);flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#164778;color:#fff;font:700 13px/1 sans-serif}.boost-block--steps li+li::after{content:"";position:absolute;left:29px;top:-9px;width:2px;height:9px;background:#9fc3d6}.boost-block--timeline ol{display:grid;gap:0}.boost-block--timeline li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #d4e7ef}.boost-block--timeline li:last-child{border-bottom:0}.boost-block--timeline b{align-self:start;padding:3px 8px;border-radius:8px;background:#164778;color:#fff;font-size:12.5px;line-height:1.7;text-align:center}.boost-block--timeline strong{display:block;color:#164778;font-size:15.5px;line-height:1.7}.boost-block--timeline span{display:block;font-size:14px;line-height:1.8}.boost-block--pairs dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #d4e7ef;font-size:14.5px;line-height:1.8}.boost-block--pairs dl>div:last-child{border-bottom:0}.boost-block--pairs dt,.boost-block--pairs dd{margin:0}.boost-block--pairs dd{font-weight:700;color:#164778}.boost-block--pairs .boost-block__heads{padding-top:0;color:#087d88;font-size:12.5px}.boost-block--pairs .boost-block__heads dt,.boost-block--pairs .boost-block__heads dd{font-weight:700;color:#087d88}.boost-block--bars ul{display:grid;gap:16px}.boost-block--bars li>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}.boost-block--bars b{color:#164778;font-size:15.5px}.boost-block--bars strong{color:#164778;font-size:15px}.boost-block--bars i{display:block;height:12px;margin:6px 0;border-radius:6px;background:#e3eef4;overflow:hidden}.boost-block--bars i span{display:block;height:100%;border-radius:6px;background:#1d6fb8}.boost-block--bars li>span{display:block;font-size:13.5px;line-height:1.8}.boost-block--columns>div{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.boost-block--columns.boost-block--columns-3>div{grid-template-columns:repeat(3, minmax(0, 1fr))}.boost-block--columns section{padding:16px;border-radius:12px;background:#fff;border:1px solid #d4e7ef}.boost-block--columns.boost-block--columns-3 section:last-child{border-color:#f0ce56;background:#fffaf0}.boost-block--columns li{position:relative;padding:4px 0 4px 16px;font-size:14px;line-height:1.8}.boost-block--columns li::before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:#1d6fb8}@media(max-width: 767px){.boost-block{padding:18px}.boost-block--timeline li{grid-template-columns:78px 1fr;gap:12px}.boost-block--columns>div,.boost-block--columns.boost-block--columns-3>div{grid-template-columns:1fr}}
