:root{--ink:#172019;--muted:#657068;--green:#137a3b;--green-dark:#0b5c2d;--green-soft:#eaf6ee;--soft:#f5f8f5;--line:#dce4de;--paper:#fff;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{max-width:1440px;margin:0 auto}.site-header{backdrop-filter:blur(14px);z-index:20;background:#fffffff0;border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 clamp(22px,5vw,72px);display:flex;position:relative}.site-header nav,.site-footer nav{color:var(--muted);align-items:center;gap:26px;font-size:14px;font-weight:700;display:flex}.site-header nav a:hover,.site-footer a:hover{color:var(--green-dark)}.wordmark{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:850;display:inline-flex}.wordmark-mark{background:var(--green-dark);border-radius:7px;grid-template-columns:repeat(2,1fr);gap:2px;width:28px;height:28px;padding:4px;display:grid}.wordmark-mark i{background:#c9efd7;border-radius:1px;display:block}.wordmark-mark i:nth-child(2),.wordmark-mark i:nth-child(3){background:#fff}.hero-simple{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:72px;min-height:470px;padding:88px clamp(22px,7vw,104px) 92px;display:grid}.hero-simple>div{max-width:860px}.hero-simple h1{letter-spacing:-.065em;max-width:840px;margin:0;font-size:clamp(48px,6vw,82px);line-height:1.02}.hero-simple p{max-width:700px;color:var(--muted);margin:30px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.85}.hero-simple dl{gap:34px;margin:0 0 8px;display:flex}.hero-simple dl div{min-width:76px}.hero-simple dt{letter-spacing:-.04em;font-size:30px;font-weight:900}.hero-simple dd{color:var(--muted);margin:4px 0 0;font-size:12px}.scroll-story{border-bottom:1px solid var(--line);background:#f8faf8;grid-template-columns:minmax(560px,1.12fr) minmax(360px,.88fr);gap:clamp(52px,7vw,110px);padding:0 clamp(22px,6vw,90px);display:grid}.story-stage-wrap{align-items:center;min-width:0;height:100vh;display:flex;position:sticky;top:28px}.story-stage{background:#fff;border:1px solid #d4ddd6;border-radius:20px;grid-template-columns:minmax(0,1fr) 300px;width:100%;min-width:0;max-width:780px;min-height:520px;transition:box-shadow .45s,border-color .45s;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #1741271f}.story-stage:after{content:"";pointer-events:none;border-radius:inherit;transition:box-shadow .4s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #137a3b00}.demo-sheet{background:#fff;min-width:0;padding:54px 0 0;position:relative;overflow:hidden}.demo-sheet:before{content:"Google Sheets";color:#4c5a51;letter-spacing:-.01em;font-size:12px;font-weight:760;position:absolute;top:18px;left:22px}.demo-sheet:after{content:"[SheetDojo] 月次売上SUM練習";text-overflow:ellipsis;white-space:nowrap;color:#77827b;max-width:calc(100% - 138px);font-size:11px;position:absolute;top:17px;left:112px;overflow:hidden}.demo-toolbar{color:#657168;border-block:1px solid #e1e7e3;grid-template-columns:66px 32px minmax(0,1fr);align-items:center;height:40px;font-size:11px;display:grid}.name-box{color:#334138;padding-left:14px;font-weight:700}.fx{text-align:center;color:#8a948e}.formula-value{color:#253229;white-space:nowrap;border-left:1px solid #e1e7e3;align-items:center;height:100%;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.formula-value:empty:after{content:"数式を入力";color:#a2aaa5;font-family:inherit}.sheet-grid{background:#fff;grid-template-columns:32px repeat(4,minmax(70px,1fr));grid-auto-rows:38px;font-size:11px;display:grid}.sheet-grid>div{border-bottom:1px solid #e4e9e5;border-right:1px solid #e4e9e5;min-width:0}.grid-head,.row-head{color:#6f7b73;background:#f7f9f7;place-items:center;font-size:10px;font-weight:650;display:grid}.cell{color:#28352c;padding:10px 9px;transition:background .35s,box-shadow .35s,color .35s;position:relative}.source-cell:after,.target-cell:after{content:"";pointer-events:none;border:2px solid #0000;transition:border-color .35s,background .35s,box-shadow .35s;position:absolute;inset:-1px}.target-cell:after{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e814}.target-cell{font-variant-numeric:tabular-nums;font-weight:700}.cell-caret{opacity:1;background:#1a73e8;width:2px;height:16px;animation:.9s step-end infinite caret-blink;position:absolute;top:10px;left:8px}@keyframes caret-blink{50%{opacity:0}}.sheet-tabs{background:#f8faf8;border-top:1px solid #e2e7e3;align-items:end;gap:6px;height:48px;padding:0 12px 8px;display:flex}.sheet-tab{color:#1967d2;background:#e8f0fe;border:0;border-radius:5px 5px 0 0;padding:8px 13px;font-size:11px;font-weight:750}.sheet-tab-ghost{color:#6a756e;padding:8px}.demo-panel{background:#fff;border-left:1px solid #dde5df;padding:28px 24px;position:relative;overflow:hidden}.panel-topline{color:var(--green);justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:20px;font-size:10px;font-weight:850;display:flex}.panel-topline span{color:#6e7971;font-weight:650}.demo-panel h2{letter-spacing:-.035em;margin:0;font-size:24px;line-height:1.2;transition:opacity .25s,transform .25s}.panel-instruction{color:#525f56;margin:13px 0 0;font-size:13px;line-height:1.7;transition:opacity .25s}.hint-trigger{color:#525c56;background:#f4f5f4;border-radius:9px;align-items:center;gap:9px;min-height:40px;margin-top:22px;padding:11px 12px;font-size:11px;line-height:1.45;transition:background .35s,color .35s;display:flex}.hint-dot{background:#b5beb8;border-radius:50%;flex:none;width:8px;height:8px;transition:background .35s,box-shadow .35s}.hint-button{color:#0b57d0;background:0 0;border:0;margin-top:17px;padding:0;font-size:12px;font-weight:780}.hint-detail{opacity:0;visibility:hidden;background:#edf7f0;border-radius:10px;max-height:0;margin-top:0;padding:0 13px;transition:max-height .42s,opacity .32s,transform .42s,margin .42s,padding .42s;overflow:hidden;transform:translateY(-8px)}.hint-detail span{color:var(--green);font-size:10px;font-weight:850}.hint-detail p{color:#344239;margin:6px 0 0;font-size:11px;line-height:1.55}.success-state{opacity:0;visibility:hidden;align-items:center;gap:12px;max-height:0;margin-top:0;transition:max-height .42s,opacity .32s,transform .42s,margin .42s;display:flex;overflow:hidden;transform:translateY(8px)}.success-check{width:30px;height:30px;color:var(--green);background:#dff5e7;border-radius:50%;place-items:center;font-weight:900;display:grid}.success-state b{font-size:13px}.success-state p{color:#68736b;margin:3px 0 0;font-size:10px}.lesson-switcher{opacity:0;visibility:hidden;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:16px;left:20px;right:320px;transform:translateY(14px)}.switch-label{color:#76817a;font-size:10px;font-weight:700}.switch-track{gap:6px;display:flex}.switch-track span{color:#7a847d;background:#f0f3f1;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;transition:background .25s,color .25s,transform .25s}.switch-track span.active{background:var(--green-dark);color:#fff;transform:translateY(-2px)}.story-stage[data-phase="0"] .target-cell:after{animation:1.8s ease-in-out infinite target-pulse}@keyframes target-pulse{0%,to{box-shadow:0 0 0 4px #1a73e814}50%{box-shadow:0 0 0 10px #1a73e81c}}.story-stage.is-hint .source-cell:after{background:#34a8530f;border-color:#34a853}.story-stage.is-hint .hint-trigger{color:#344239;background:#edf7f0}.story-stage.is-hint .hint-dot{background:var(--green);box-shadow:0 0 0 4px #137a3b1a}.story-stage.is-hint .hint-detail{opacity:1;visibility:visible;max-height:120px;margin-top:12px;padding:12px 13px;transform:translateY(0)}.story-stage.is-hint .hint-button{opacity:.45}.story-stage.is-success:after{box-shadow:inset 0 0 0 2px #137a3b2e}.story-stage.is-success .target-cell{color:#174626;background:#edf7f0}.story-stage.is-success .target-cell:after{border-color:#34a853;box-shadow:0 0 0 5px #34a85314}.story-stage.is-success .cell-caret{display:none}.story-stage.is-success .hint-trigger,.story-stage.is-success .hint-button{opacity:.25}.story-stage.is-success .success-state{opacity:1;visibility:visible;max-height:80px;margin-top:22px;transform:translateY(0)}.story-stage.is-curriculum .lesson-switcher{opacity:1;visibility:visible;transform:translateY(0)}.story-stage.is-curriculum .target-cell:after{box-shadow:none;border-color:#34a853}.story-stage.is-curriculum .cell-caret{display:none}.story-stage.is-curriculum .demo-panel h2,.story-stage.is-curriculum .panel-instruction{animation:1.8s ease-in-out infinite content-swap}@keyframes content-swap{0%,78%,to{opacity:1;transform:translateY(0)}86%{opacity:.35;transform:translateY(3px)}}.story-copy{min-width:0}.story-step{opacity:.28;flex-direction:column;justify-content:center;min-height:100vh;padding:20vh 0 18vh;transition:opacity .45s,transform .45s;display:flex;transform:translateY(24px)}.story-step.is-active{opacity:1;transform:translateY(0)}.story-step>span{color:var(--green);letter-spacing:.08em;font-size:12px;font-weight:900}.story-step h2{letter-spacing:-.055em;max-width:520px;margin:18px 0 0;font-size:clamp(38px,4vw,58px);line-height:1.08}.story-step p{max-width:500px;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.9}.curriculum-simple{background:#fff;padding:118px clamp(22px,8vw,120px)}.curriculum-simple>div:first-child{max-width:760px}.curriculum-simple h2,.closing-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.7vw,64px);line-height:1.08}.curriculum-simple>div:first-child p{color:var(--muted);margin:22px 0 0;font-size:17px;line-height:1.8}.course-simple-list{border-top:1px solid var(--line);max-width:1080px;margin-top:58px}.course-simple-list article{border-bottom:1px solid var(--line);grid-template-columns:90px 180px minmax(0,1fr);align-items:center;gap:22px;min-height:104px;padding:25px 0;display:grid}.course-simple-list b{color:var(--green);font-size:11px}.course-simple-list h3{letter-spacing:-.035em;margin:0;font-size:25px}.course-simple-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.closing-section{background:#e7f3ea;border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:40px;margin:0 clamp(22px,5vw,72px) 72px;padding:72px clamp(28px,5vw,68px);display:grid}.closing-section p{color:var(--muted);margin:20px 0 0;font-size:15px}.text-link{color:var(--green-dark);white-space:nowrap;font-weight:850}.site-footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto;align-items:start;gap:28px;padding:46px clamp(22px,5vw,72px);font-size:12px;display:grid}.site-footer strong{color:var(--ink);font-size:16px}.site-footer p{margin:7px 0 0}.site-footer .trademark{color:#89928c;grid-column:1/-1;max-width:760px;font-size:10px}.legal-shell{background:#fff}.legal-page{max-width:860px;margin:0 auto;padding:92px 30px 120px}.legal-page h1{letter-spacing:-.055em;margin:0;font-size:clamp(46px,6vw,72px)}.legal-lead{max-width:720px;color:var(--muted);margin:26px 0 65px;font-size:18px;line-height:1.9}.legal-page section{border-top:1px solid var(--line);padding:30px 0}.legal-page h2{letter-spacing:-.02em;margin:0;font-size:21px}.legal-page section p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.9}.legal-page code{color:#234b31;background:#edf4ef;border-radius:5px;padding:2px 6px;font-size:.92em}.support-note{background:var(--soft);border:1px solid var(--line);border-radius:15px;margin-top:38px;padding:22px}.support-note p{color:var(--muted);margin:6px 0 0}.mobile-story-caption{display:none}@media (width<=1120px){.hero-simple{grid-template-columns:1fr;gap:44px}.hero-simple dl{justify-self:start}.scroll-story{grid-template-columns:1fr;padding:0 clamp(22px,5vw,54px);display:grid;position:relative}.story-stage-wrap,.story-copy{grid-area:1/1}.story-stage-wrap{z-index:6;background:#f8faf8;grid-template-rows:minmax(430px,60vh) auto;align-content:start;height:100vh;min-height:0;padding:16px 0 18px;display:grid;top:0}.story-stage{grid-template-columns:minmax(0,1fr) 40%;width:100%;max-width:none;height:100%;min-height:0}.lesson-switcher{bottom:12px;left:18px;right:calc(40% + 18px)}.mobile-story-caption{max-width:720px;padding:26px 4px 0;display:block}.mobile-story-caption>span{color:var(--green);letter-spacing:.08em;font-size:11px;font-weight:900}.mobile-story-caption h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(34px,5.2vw,46px);line-height:1.08}.mobile-story-caption p{max-width:650px;color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.75}.story-copy{z-index:1;pointer-events:none;position:relative}.story-step,.story-step.is-active{opacity:0;min-height:100vh;padding:0;transform:none}}@media (width<=860px){.story-stage-wrap{grid-template-rows:minmax(380px,56vh) auto}.story-stage{grid-template-columns:minmax(0,1fr) 42%}.demo-sheet{padding-top:44px}.demo-sheet:before{font-size:10px;top:14px;left:14px}.demo-sheet:after{font-size:9px;top:14px;left:88px}.demo-toolbar{grid-template-columns:50px 26px minmax(0,1fr);height:34px;font-size:9px}.sheet-grid{grid-template-columns:26px repeat(4,minmax(48px,1fr));grid-auto-rows:30px;font-size:9px}.cell{padding:7px 6px}.sheet-tabs{height:38px;padding-bottom:6px}.sheet-tab{padding:6px 10px;font-size:9px}.demo-panel{padding:18px 15px}.panel-topline{margin-bottom:12px;font-size:8px}.demo-panel h2{font-size:19px}.panel-instruction{margin-top:8px;font-size:10px;line-height:1.55}.hint-trigger{min-height:34px;margin-top:13px;padding:8px;font-size:9px}.hint-detail p{font-size:9px}.hint-button{margin-top:10px;font-size:10px}.lesson-switcher{gap:8px;bottom:8px;left:10px;right:calc(42% + 10px)}.switch-label{display:none}.switch-track{gap:3px}.switch-track span{padding:5px 6px;font-size:7px}}@media (width<=680px){.site-header{height:66px}.site-header nav a:not(:last-child){display:none}.site-header nav{gap:12px}.hero-simple{min-height:0;padding:64px 22px 72px}.hero-simple h1{font-size:46px}.hero-simple p{font-size:16px}.hero-simple dl{gap:24px}.hero-simple dt{font-size:27px}.scroll-story{padding-inline:22px}.story-stage-wrap{grid-template-rows:minmax(340px,48vh) auto;padding-top:12px}.story-stage{border-radius:13px;grid-template-columns:58% 42%}.demo-sheet{padding-top:38px}.demo-sheet:after{display:none}.demo-sheet:before{font-size:9px;top:12px;left:11px}.demo-toolbar{grid-template-columns:39px 21px minmax(0,1fr);height:30px}.name-box{padding-left:8px}.formula-value{padding-inline:7px;font-size:8px}.sheet-grid{grid-template-columns:22px repeat(4,minmax(37px,1fr));grid-auto-rows:27px;font-size:8px}.grid-head,.row-head{font-size:8px}.cell{padding:7px 4px}.sheet-tabs{height:34px}.demo-panel{padding:14px 11px}.panel-topline{margin-bottom:10px;display:block}.panel-topline span{margin-top:3px;display:block}.demo-panel h2{font-size:16px}.panel-instruction{font-size:8.5px}.hint-trigger{gap:5px;margin-top:10px;padding:7px;font-size:8px}.hint-dot{width:6px;height:6px}.hint-detail{padding-inline:8px}.hint-detail p{font-size:8px}.hint-button{font-size:9px}.success-state{gap:7px}.success-check{width:24px;height:24px;font-size:11px}.success-state b{font-size:10px}.success-state p{font-size:8px}.lesson-switcher{display:none}.mobile-story-caption{padding-top:22px}.mobile-story-caption h2{font-size:34px}.mobile-story-caption p{font-size:13px;line-height:1.7}.curriculum-simple{padding:88px 22px}.curriculum-simple h2,.closing-section h2{font-size:40px}.course-simple-list article{grid-template-columns:70px minmax(0,1fr);gap:12px}.course-simple-list article p{grid-column:1/-1;padding-left:82px}.closing-section{grid-template-columns:1fr;align-items:start;margin:0 22px 54px;padding:50px 28px}.site-footer{grid-template-columns:1fr}.site-footer .trademark{grid-column:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}