.e-learning-demo-page{--demo-ink:#17202b;--demo-muted:#64748b;--demo-line:#dce4ee;--demo-surface:#fff;--demo-canvas:#f5f7fc;--demo-pink:#ef2587;--demo-blue:#1377ed;--demo-green:#00ae8b;--demo-navy:#071a3a;background:radial-gradient(circle at 8% 2%, #ef258714, transparent 25rem), radial-gradient(circle at 94% 18%, #1377ed17, transparent 28rem), var(--demo-canvas);min-height:100vh;color:var(--demo-ink);font-family:var(--font-noto-sans-jp), "Noto Sans JP", sans-serif;padding:28px 24px 56px}.e-learning-demo-page *,.e-learning-demo-page :before,.e-learning-demo-page :after{box-sizing:border-box}.e-learning-demo-notice,.e-learning-demo-intro,.demo-learning-path,.e-learning-demo-capture,.demo-support-bridge,.e-learning-demo-page>footer{width:min(1160px,100%);margin-inline:auto}.e-learning-demo-notice{justify-content:space-between;align-items:center;gap:24px;padding:0 2px 18px;display:flex}.e-learning-demo-notice img{width:min(250px,48vw);height:auto}.e-learning-demo-notice>div{color:var(--demo-muted);align-items:center;gap:12px;font-size:13px;display:flex}.e-learning-demo-notice strong{background:var(--demo-navy);color:#fff;letter-spacing:.04em;border-radius:999px;padding:5px 12px;font-size:12px}.e-learning-demo-intro{color:#fff;background:radial-gradient(circle at 82% 20%,#ffffff2e,#0000 16rem),linear-gradient(135deg,#071a3a 0%,#154f9b 50%,#038a83 100%);border-radius:26px;padding:clamp(38px,7vw,74px) clamp(24px,6vw,76px);overflow:hidden;box-shadow:0 22px 54px #112b4d24}.e-learning-demo-intro p{color:#fffc;letter-spacing:.08em;margin:0;font-size:16px;font-weight:700}.e-learning-demo-intro h1{letter-spacing:-.05em;max-width:790px;margin:14px 0 18px;font-size:clamp(34px,5.2vw,58px);font-weight:850;line-height:1.3}.e-learning-demo-intro p:last-child{letter-spacing:0;max-width:820px;font-size:16px;font-weight:400;line-height:1.9}.demo-learning-path{background:#fffffff0;border:1px solid #e0e7f0;border-radius:24px;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(28px,5vw,58px);margin-top:20px;padding:clamp(28px,5vw,52px);display:grid;box-shadow:0 18px 45px #1c314317}.demo-learning-path-reason>p:first-child{color:var(--demo-pink);letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:900}.demo-learning-path-reason h2{color:var(--demo-navy);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3.1vw,36px);line-height:1.45}.demo-learning-path-reason>p:last-child{color:#536579;margin:16px 0 0;font-size:15px;line-height:1.95}.demo-learning-phases{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:12px;min-width:0;display:grid}.demo-learning-phases article{background:linear-gradient(145deg,#fff5fb,#fff);border:1px solid #dfe8f2;border-radius:18px;min-width:0;padding:24px}.demo-learning-phases article:last-child{background:linear-gradient(145deg,#eff8ff,#f2fffc)}.demo-learning-phases>svg{width:30px;height:30px;color:var(--demo-blue);align-self:center}.demo-learning-phases small,.demo-learning-phases h3,.demo-learning-phases p{display:block}.demo-learning-phases small{color:var(--demo-pink);font-size:12px;font-weight:900}.demo-learning-phases article:last-child small{color:var(--demo-blue)}.demo-learning-phases h3{color:var(--demo-navy);margin:8px 0 10px;font-size:18px;line-height:1.6}.demo-learning-phases p{color:#5b6c7d;margin:0;font-size:13px;line-height:1.85}.e-learning-demo-capture{background:var(--demo-surface);border:1px solid #c0cee1c2;border-radius:24px;margin-top:20px;overflow:hidden;box-shadow:0 20px 50px #1c31431f}.demo-view-switcher{border-bottom:1px solid var(--demo-line);background:linear-gradient(90deg,#fff4fa,#f1f7ff 58%,#effbf8);grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid}.demo-view-switcher button{color:#526274;cursor:pointer;min-height:74px;font:inherit;text-align:left;background:#fff;border:1px solid #d3dee8;border-radius:13px;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:12px 18px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid}.demo-view-switcher button:hover{border-color:#86aaa8;transform:translateY(-1px)}.demo-view-switcher button[aria-pressed=true]{border-color:var(--demo-blue);color:#0e559e;background:#fff;box-shadow:0 7px 20px #1377ed1f}.demo-view-switcher button:focus-visible,.demo-article-selector button:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.demo-view-switcher svg{width:28px;height:28px}.demo-view-switcher span,.demo-view-switcher small{display:block}.demo-view-switcher span{font-size:15px;font-weight:800;line-height:1.45}.demo-view-switcher small{color:#7b8999;margin-bottom:2px;font-size:10px;font-weight:700}.demo-month-tabs{border-bottom:1px solid var(--demo-line);background:#fff;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.demo-month-tabs button{border:0;border-right:1px solid var(--demo-line);min-width:0;min-height:72px;color:var(--demo-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;padding:11px 10px;transition:background .16s,color .16s,box-shadow .16s}.demo-month-tabs button:last-child{border-right:0}.demo-month-tabs button small,.demo-month-tabs button strong{display:block}.demo-month-tabs button small{font-size:11px}.demo-month-tabs button strong{color:inherit;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.demo-month-tabs button[aria-selected=true]{color:#0f5e58;background:#eaf8f5;box-shadow:inset 0 -4px #0f766e}.demo-month-tabs button:hover{color:#1f5967;background:#f4f8fb}.demo-month-tabs button:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #2563eb;position:relative}.demo-month-panel{--demo-accent:#0f766e;--demo-accent-soft:#eaf8f5;padding:clamp(25px,5vw,56px)}.demo-blue{--demo-accent:#2563eb;--demo-accent-soft:#eff6ff}.demo-violet{--demo-accent:#7c3aed;--demo-accent-soft:#f5f3ff}.demo-amber{--demo-accent:#b45309;--demo-accent-soft:#fffbeb}.demo-emerald{--demo-accent:#047857;--demo-accent-soft:#ecfdf5}.demo-rose{--demo-accent:#be123c;--demo-accent-soft:#fff1f2}.demo-month-panel>header{max-width:780px}.demo-month-panel>header p:first-child{color:var(--demo-accent);margin:0 0 4px;font-size:14px;font-weight:700}.demo-month-panel h2,.demo-month-panel h3{color:var(--demo-ink);margin:0}.demo-month-panel h2{letter-spacing:-.04em;font-size:clamp(28px,4vw,42px)}.demo-month-panel>header span{color:var(--demo-accent);margin-top:9px;font-size:16px;font-weight:700;display:inline-block}.demo-month-panel>header p:last-child{color:var(--demo-muted);margin:17px 0 0;font-size:15px;line-height:1.85}.demo-kpi{border:1px solid color-mix(in srgb, var(--demo-accent) 22%, white);background:var(--demo-accent-soft);border-radius:12px;grid-template-columns:26px auto 1fr;align-items:center;gap:10px;margin:28px 0 16px;padding:14px 16px;display:grid}.demo-kpi svg{width:20px;color:var(--demo-accent)}.demo-kpi span{color:var(--demo-accent);font-size:13px;font-weight:700}.demo-kpi strong{min-width:0;font-size:15px}.demo-month-summary{flex-wrap:wrap;gap:10px;display:flex}.demo-month-summary span{border:1px solid var(--demo-line);color:#475569;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-size:13px;display:inline-flex}.demo-month-summary svg{width:16px;color:var(--demo-accent)}.demo-month-columns{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(22px,4vw,48px);margin-top:38px;display:grid}.demo-month-columns>section{min-width:0}.demo-month-columns h3{margin-bottom:16px;font-size:18px}.demo-month-columns ul,.demo-month-columns ol{margin:0;padding:0;list-style:none}.demo-month-columns ul{gap:11px;display:grid}.demo-month-columns ul li{color:#334155;grid-template-columns:21px 1fr;gap:8px;font-size:14px;line-height:1.65;display:grid}.demo-month-columns ul svg{width:18px;color:var(--demo-accent)}.demo-month-columns ol{gap:10px;display:grid}.demo-month-columns ol li{border:1px solid var(--demo-line);background:#fff;border-radius:12px;grid-template-columns:30px 1fr;gap:11px;padding:13px;display:grid}.demo-month-columns ol>li>span{background:var(--demo-accent-soft);width:28px;height:28px;color:var(--demo-accent);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.demo-month-columns ol strong{font-size:14px;line-height:1.55;display:block}.demo-month-columns ol p{color:var(--demo-muted);margin:4px 0 6px;font-size:12px;line-height:1.6}.demo-month-columns ol small{color:var(--demo-accent);font-size:11px;font-weight:700}.demo-library-view{background:#fff;padding:clamp(28px,5vw,58px)}.demo-library-heading{text-align:center;max-width:820px;margin-inline:auto}.demo-library-heading>p{color:#0f766e;letter-spacing:.04em;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;font-weight:800;display:inline-flex}.demo-library-heading>p svg{width:17px}.demo-library-heading h2{color:#17202b;letter-spacing:-.045em;margin:0;font-size:clamp(28px,4.4vw,44px);line-height:1.4}.demo-library-heading>span{max-width:760px;color:var(--demo-muted);margin:18px auto 0;font-size:15px;line-height:1.9;display:block}.demo-practice-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:34px 0 0;padding:0;list-style:none;display:grid}.demo-practice-flow li{background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #dfe7f1;border-radius:15px;align-content:center;gap:7px;min-width:0;min-height:112px;padding:18px;display:grid;position:relative}.demo-practice-flow small{color:var(--demo-pink);font-size:11px;font-weight:900}.demo-practice-flow strong{color:#263b54;font-size:13px;line-height:1.65}.demo-practice-flow svg{z-index:1;background:var(--demo-blue);color:#fff;border-radius:50%;width:24px;height:24px;padding:4px;position:absolute;top:50%;right:-19px;transform:translateY(-50%)}.demo-library-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;display:grid}.demo-library-stats>div{text-align:center;background:#f8fbfc;border:1px solid #dce7ec;border-radius:14px;align-content:center;justify-items:center;gap:5px;min-height:125px;display:grid}.demo-library-stats svg{color:#0f766e;width:21px}.demo-library-stats strong{color:#163f4a;letter-spacing:-.04em;font-size:29px}.demo-library-stats span{color:#637783;font-size:11px;font-weight:700}.demo-library-update-note{color:#81909b;text-align:right;margin:11px 0 0;font-size:10px}.demo-featured-library{grid-template-columns:minmax(215px,.3fr) minmax(0,1fr);gap:20px;margin-top:45px;display:grid}.demo-article-selector{background:#f7fafc;border:1px solid #dce5ec;border-radius:15px;align-self:start;overflow:hidden}.demo-article-selector>p{color:#586a79;letter-spacing:.08em;border-bottom:1px solid #dce5ec;margin:0;padding:15px 18px;font-size:11px;font-weight:800}.demo-article-selector button{color:#4b5d6a;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e8ed;grid-template-columns:34px 1fr;gap:9px;padding:17px 15px;display:grid}.demo-article-selector button:last-child{border-bottom:0}.demo-article-selector button[aria-pressed=true]{color:#0f5e58;background:#eaf8f5}.demo-article-selector button>span{color:#5e6f7a;background:#dfe8ee;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.demo-article-selector button[aria-pressed=true]>span{color:#fff;background:#0f766e}.demo-article-selector button small,.demo-article-selector button strong{display:block}.demo-article-selector button small{color:#84919a;margin-bottom:3px;font-size:9px}.demo-article-selector button strong{font-size:12px;line-height:1.55}.demo-article-reader{background:#fff;border:1px solid #dce5ec;border-radius:15px;overflow:hidden;box-shadow:0 14px 34px #1d3d4f14}.demo-article-reader>header{background:linear-gradient(145deg,#f5faf9,#fff);border-bottom:1px solid #e4ebef;padding:clamp(24px,4vw,42px)}.demo-article-reader>header>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-article-reader>header span{color:#fff;background:#0f766e;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800}.demo-article-reader>header small{color:#7b8b96;font-size:10px}.demo-article-reader>header h2{color:#17202b;letter-spacing:-.04em;margin:17px 0 10px;font-size:clamp(22px,3.4vw,33px);line-height:1.5}.demo-article-reader>header p{color:#60717e;margin:0;font-size:14px;line-height:1.85}.demo-article-toc{background:#f3f7fa;border-radius:12px;margin:28px clamp(22px,4vw,42px) 0;padding:20px 22px}.demo-article-toc>strong{color:#344958;margin-bottom:11px;font-size:12px;display:block}.demo-article-toc ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-article-toc li{color:#5b6c78;grid-template-columns:26px 1fr;gap:8px;font-size:13px;line-height:1.65;display:grid}.demo-article-toc li span{color:#0f766e;font-weight:800}.demo-article-body{padding:12px clamp(22px,4vw,42px) 32px}.demo-article-body section{padding-top:28px}.demo-article-body h3{color:#1a2d38;letter-spacing:-.025em;margin:0 0 10px;font-size:18px}.demo-article-body p{color:#61727f;margin:0;font-size:14px;line-height:1.9}.demo-article-body ul{gap:7px;margin:14px 0 0;padding:0;list-style:none;display:grid}.demo-article-body li{color:#3f5663;grid-template-columns:18px 1fr;gap:7px;font-size:13px;font-weight:700;line-height:1.7;display:grid}.demo-article-body li svg{color:#0f766e;width:15px}.demo-article-reader blockquote{color:#6d5a0b;background:#fff8dc;border:0;border-radius:12px;grid-template-columns:27px 1fr;gap:10px;margin:0 clamp(22px,4vw,42px) 30px;padding:18px 20px;display:grid}.demo-article-reader blockquote svg{width:20px}.demo-article-reader blockquote p{margin:0;font-size:13px;font-weight:700;line-height:1.75}.demo-article-reader>footer{color:#7c8992;text-align:center;background:#f8fafb;border-top:1px solid #e8edf0;padding:14px 20px;font-size:9px}.demo-manual-catalog{border-top:1px solid #dfe7ec;margin-top:54px;padding-top:44px}.demo-manual-catalog>div{max-width:680px}.demo-manual-catalog>div p{color:#0f766e;letter-spacing:.12em;margin:0 0 5px;font-size:10px;font-weight:800}.demo-manual-catalog>div h2{letter-spacing:-.04em;margin:0;font-size:28px}.demo-manual-catalog>div span{color:#6c7c87;margin-top:9px;font-size:14px;line-height:1.8;display:block}.demo-manual-catalog>ul{grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0 0;padding:0;list-style:none;display:grid}.demo-manual-catalog>ul>li{background:#fff;border:1px solid #e0e7eb;border-radius:12px;grid-template-columns:38px 1fr;gap:11px;min-width:0;padding:16px;display:grid}.demo-manual-catalog>ul>li>span{color:#0f766e;background:#eaf8f5;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.demo-manual-catalog li small,.demo-manual-catalog li strong,.demo-manual-catalog li p{display:block}.demo-manual-catalog li small{color:#83909a;font-size:9px}.demo-manual-catalog li strong{color:#263945;margin-top:4px;font-size:14px;line-height:1.6}.demo-manual-catalog li p{color:#71808a;margin:6px 0 0;font-size:12px;line-height:1.75}.demo-support-bridge{text-align:center;background:linear-gradient(135deg,#fff5fbf5,#f2f8fff5 55%,#effdf9f5);border:1px solid #dbe6f4;border-radius:24px;margin-top:20px;padding:clamp(32px,6vw,58px);box-shadow:0 18px 45px #1c314314}.demo-support-bridge>p:first-child{color:var(--demo-pink);letter-spacing:.15em;margin:0 0 9px;font-size:12px;font-weight:900}.demo-support-bridge h2{color:var(--demo-navy);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3.4vw,38px);line-height:1.5}.demo-support-bridge h2 span{display:inline}.demo-support-bridge>p:nth-of-type(2){color:#4f6278;margin:14px 0 0;font-size:16px;line-height:1.85}.demo-support-bridge>span{color:#31526f;background:#fff;border-radius:999px;margin-top:17px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-block;box-shadow:0 7px 20px #22466814}.e-learning-demo-page>footer{color:#64748b;text-align:center;padding:22px 8px 0;font-size:12px;line-height:1.7}@media (max-width:700px){.e-learning-demo-page{padding:17px 0 36px}.e-learning-demo-notice{padding:0 17px 16px}.e-learning-demo-notice img{width:min(185px,49vw)}.e-learning-demo-notice>div{text-align:right;flex-direction:column;align-items:flex-end;gap:5px}.e-learning-demo-notice>div span{font-size:11px}.e-learning-demo-intro{border-radius:0}.e-learning-demo-intro h1{font-size:clamp(32px,10vw,42px)}.e-learning-demo-intro p:last-child{font-size:15px}.demo-learning-path{border-left:0;border-right:0;border-radius:0;grid-template-columns:1fr;gap:26px;margin-top:14px;padding:30px 20px}.demo-learning-path-reason>p:last-child{font-size:15px}.demo-learning-phases{grid-template-columns:1fr;gap:10px}.demo-learning-phases>svg{transform:rotate(90deg)}.demo-learning-phases article{padding:22px}.demo-learning-phases h3{font-size:19px}.demo-learning-phases p{font-size:14px}.e-learning-demo-capture{border-radius:0}.demo-view-switcher{gap:8px;padding:12px}.demo-view-switcher button{grid-template-columns:28px 1fr;gap:8px;min-height:70px;padding:10px}.demo-view-switcher svg{width:22px}.demo-view-switcher span{font-size:12px}.demo-month-tabs{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.demo-month-tabs button{scroll-snap-align:start;width:142px;min-width:142px;min-height:72px}.demo-month-tabs button strong{font-size:13px}.demo-month-columns{grid-template-columns:1fr}.demo-month-columns>section:first-child{border-bottom:1px solid var(--demo-line);padding-bottom:28px}.demo-library-view{padding-inline:17px}.demo-library-heading h2 br{display:none}.demo-library-heading>span{font-size:15px}.demo-practice-flow{grid-template-columns:1fr;gap:10px}.demo-practice-flow li{min-height:88px;padding:17px 20px}.demo-practice-flow strong{font-size:14px}.demo-practice-flow svg{top:auto;bottom:-17px;right:50%;transform:translate(50%)rotate(90deg)}.demo-library-stats{grid-template-columns:repeat(2,1fr);gap:8px}.demo-library-stats>div{min-height:105px}.demo-featured-library{grid-template-columns:1fr}.demo-article-selector{border-radius:12px;grid-template-columns:repeat(3,minmax(170px,1fr));display:grid;overflow-x:auto}.demo-article-selector>p{display:none}.demo-article-selector button{border-bottom:0;border-right:1px solid #e2e8ed;min-width:170px}.demo-article-selector button:last-child{border-right:0}.demo-manual-catalog>ul{grid-template-columns:1fr}.demo-support-bridge{border-left:0;border-right:0;border-radius:0;margin-top:14px;padding:36px 20px}.demo-support-bridge>p:nth-of-type(2){font-size:15px}.demo-support-bridge h2 span{display:block}.demo-support-bridge>span{border-radius:15px;font-size:12px;line-height:1.7}}@media (max-width:390px){.e-learning-demo-notice>div span{max-width:145px}.demo-kpi{grid-template-columns:23px 1fr}.demo-kpi strong{grid-column:2}.demo-month-summary span{font-size:12px}}@media (prefers-reduced-motion:reduce){.demo-month-tabs button{transition:none}}