:root{color-scheme:light;font-family:Noto Sans JP,sans-serif;color:#24201d;background:#fffdfa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:3px solid #285f9b;outline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.piano-play{width:min(100%,960px);color:#fffdf7}.piano-play__heading{display:grid;gap:9px;margin-bottom:22px;color:#243b53}.piano-play__heading p{margin:0;color:#527089;font-size:11px;font-weight:700;letter-spacing:.16em}.plan-c .piano-play__heading h2{margin:0;color:inherit;font-family:inherit;font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.04em;line-height:1.45}.piano-play__heading>span{color:#476176;font-size:12px;line-height:1.7}.piano-play__instrument{position:relative;padding:clamp(19px,3vw,32px);border:1px solid rgba(255,255,255,.28);border-radius:30px;background:linear-gradient(145deg,#314b6b,#172b43 72%);box-shadow:inset 0 1px #ffffff3d,0 22px 42px #0c1b2d47}.piano-play__topline{display:flex;gap:8px;align-items:center;height:16px;margin:0 8px 18px;opacity:.75}.piano-play__topline span,.piano-play__topline i,.piano-play__topline b{display:block;border-radius:50%;background:#f7d758}.piano-play__topline span{width:9px;height:9px}.piano-play__topline i{width:7px;height:7px;background:#e17e68}.piano-play__topline b{width:5px;height:5px;background:#dce7ef}.piano-play__controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin-bottom:18px}.piano-play__controls button{min-height:44px;padding:8px 14px;color:#162b43;border:0;border-radius:999px;background:#f5d65b;box-shadow:0 3px #c5a637;cursor:pointer;font-size:12px;font-weight:700}.piano-play__controls button[aria-pressed=true]{color:#fff;background:#d96d59;box-shadow:0 3px #a7493d}.piano-play__controls .piano-play__motion-toggle{color:#e9eef2;border:1px solid rgba(255,255,255,.48);background:transparent;box-shadow:none}.piano-play__controls button:disabled{cursor:not-allowed;opacity:.55}.piano-play__controls [data-piano-status]{flex:1 1 190px;color:#dce4ea;font-size:11px;line-height:1.5}.piano-play__keyboard{position:relative;min-width:0;overflow:clip;padding:clamp(22px,4vw,39px) clamp(7px,1.5vw,14px) 13px;border-radius:18px;background:#0c1c2e;box-shadow:inset 0 2px 11px #00000080,0 1px #ffffff29}.piano-play__keyboard:focus-visible{outline:3px solid #f5d65b;outline-offset:4px}.piano-play__tag{position:absolute;z-index:4;top:8px;left:50%;padding:4px 11px;color:#223c58;border-radius:999px;background:#f7d758;box-shadow:0 2px #c9a93c;font-size:10px;font-weight:700;transform:translate(-50%) rotate(-2deg);white-space:nowrap}.piano-play__white-keys{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));height:clamp(154px,27vw,246px)}.piano-play__key{position:relative;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.piano-play__key--white{min-width:0;padding:0 2px 16px;color:#4b433d;border:1px solid #aca59d;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#fffdf5,#f0ebe0 88%,#dfd8cd);box-shadow:inset 1px 0 #ffffffe6,inset 0 -10px 12px #786c601c,0 4px #9d968d;font-size:clamp(10px,1.7vw,14px);font-weight:700}.piano-play__key--white span{position:absolute;right:0;bottom:8px;left:0;text-align:center}.piano-play__black-keys{position:absolute;z-index:2;top:clamp(22px,4vw,39px);right:clamp(7px,1.5vw,14px);left:clamp(7px,1.5vw,14px);height:clamp(89px,15vw,137px);pointer-events:none}.piano-play__key--black{position:absolute;left:calc((var(--black-position) * 12.5%) - clamp(14px,2.3vw,22px));width:clamp(28px,4.6vw,44px);height:100%;padding:0 1px 10px;color:#f8dc62;border:1px solid #060e18;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#0d1722,#344452 55%,#0c1721);box-shadow:inset 1px 0 #ffffff21,inset 0 -7px 8px #00000080,0 4px #07101a;pointer-events:auto;font-size:clamp(8px,1.25vw,11px);font-weight:700}.piano-play__key--black span{position:absolute;right:0;bottom:6px;left:0;text-align:center}.piano-play__key.is-pressed{animation:piano-key-press .26s ease-out}.piano-play__key--white.is-pressed{background:linear-gradient(90deg,#f8df78,#f5ce62);box-shadow:inset 0 3px 9px #835d1040,0 1px #9d968d}.piano-play__key--black.is-pressed{color:#182b42;background:#f4d55d;box-shadow:inset 0 3px 8px #7553074d,0 1px #07101a}.piano-play__notes{position:absolute;z-index:3;inset:0;pointer-events:none}.piano-play__burst-note{position:absolute;color:#f5d65b;font-family:"Noto Serif JP",serif;font-size:clamp(22px,4vw,35px);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:piano-note-burst .86s cubic-bezier(.16,.7,.3,1) both}.piano-play__no-script{margin:12px 0 0;color:#243b53;font-size:13px}.piano-play__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes piano-key-press{0%{transform:translateY(0)}28%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes piano-note-burst{0%{opacity:0;transform:translate(-50%,8px) scale(.55) rotate(-9deg)}28%{opacity:1}to{opacity:0;transform:translate(calc(-50% + 21px),-58px) scale(1.35) rotate(10deg)}}body.plan-c[data-c-motion=running] [data-story-reveal],body.plan-c[data-c-motion=running] [data-story-photo],body.plan-c[data-c-motion=running] [data-story-beat]{opacity:0;transform:translateY(18px);transition:opacity .64s ease var(--story-delay, 0ms),transform .64s cubic-bezier(.16,.8,.24,1) var(--story-delay, 0ms)}body.plan-c[data-c-motion=running] [data-story-photo]{clip-path:inset(12% 0 12% 0 round 12px);transform:scale(1.04);transition:opacity .7s ease var(--story-delay, 0ms),clip-path .7s cubic-bezier(.16,.8,.24,1) var(--story-delay, 0ms),transform .7s cubic-bezier(.16,.8,.24,1) var(--story-delay, 0ms)}body.plan-c[data-c-motion=running] [data-story-beat]{color:transparent;transform:translateY(14px) rotate(-1.5deg)}body.plan-c[data-c-motion=running] .is-story-settled{opacity:1;color:inherit;clip-path:inset(0 round 0);transform:none}body.plan-c .is-story-frozen{transition:none!important}body.plan-c[data-c-motion=paused] [data-story-reveal],body.plan-c[data-c-motion=paused] [data-story-photo],body.plan-c[data-c-motion=paused] [data-story-beat],body.plan-c[data-c-motion=reduced] [data-story-reveal],body.plan-c[data-c-motion=reduced] [data-story-photo],body.plan-c[data-c-motion=reduced] [data-story-beat]{opacity:1;color:inherit;clip-path:inset(0 round 0);transform:none;transition:none}@media (max-width: 480px){.piano-play__instrument{padding:16px 12px;border-radius:22px}.piano-play__controls{gap:8px}.piano-play__controls button{padding-inline:11px;font-size:11px}.piano-play__white-keys{height:165px}.piano-play__black-keys{height:92px}.piano-play__key--black{left:calc((var(--black-position) * 12.5%) - 14px);width:28px}}body.plan-c[data-c-motion=paused] .piano-play__key.is-pressed,body.plan-c[data-c-motion=reduced] .piano-play__key.is-pressed{animation:none;transform:none}@media (prefers-reduced-motion: reduce){.piano-play__key.is-pressed,.piano-play__burst-note{animation:none}}:root{--ink: #202b40;--paper: #fff9ec;--lemon: #f5d75e;--coral: #e78972;--sky: #c8dfe5}body.plan-c{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans JP,sans-serif;line-height:1.8}.plan-c .site-header{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.plan-c a{color:inherit}.brand{text-decoration:none;font-size:23px}.plan-c .site-header nav{display:flex;gap:25px}.plan-c .site-header nav a{font-size:13px;text-decoration:none}.story-scene{max-width:1120px;margin:auto;padding:110px 24px;position:relative}.hero{max-width:none;text-align:center;padding:72px 24px 92px;background:var(--lemon);overflow:hidden}.kicker,.hero small{font-size:11px}.hero h1,.story-scene h2{font-weight:800;letter-spacing:-.08em;line-height:1.12}.hero h1{font-size:clamp(44px,7.4vw,90px);margin:19px 0}.hero>p:not(.kicker){font-size:17px}.play-wrap{width:min(100%,960px);margin:28px auto}.button{display:inline-block;background:var(--ink);color:#fff!important;padding:15px 23px;text-decoration:none;font-weight:700}.hero small{display:block;margin-top:12px}.melody{background:var(--sky);max-width:none;padding-left:max(24px,calc((100% - 1072px)/2));padding-right:max(24px,calc((100% - 1072px)/2))}.ribbon{display:flex;gap:4vw;align-items:end;font-weight:800;color:var(--coral);margin:0}.ribbon i{font-style:normal;font-size:clamp(38px,7vw,88px)}.ribbon i:nth-child(2){font-size:clamp(60px,10vw,125px)}.ribbon i:nth-child(3){font-size:clamp(30px,5vw,68px)}.story-scene h2{font-size:clamp(37px,5vw,67px);margin:18px 0}.intro{max-width:590px}.melody ol,.trial ol{display:flex;gap:0;list-style:none;padding:0;margin:40px 0 0}.melody li,.trial li{flex:1;border-top:2px solid var(--ink);padding:13px 8px;font-size:14px}.melody b,.trial b{display:block;font-size:22px;color:var(--coral)}.teacher{max-width:none;padding-left:max(24px,calc((100% - 1072px)/2));padding-right:max(24px,calc((100% - 1072px)/2))}.teacher>div{max-width:580px;margin-bottom:38px}.teacher h2{font-size:min(5vw,56px)}.teacher figure{margin:0}.teacher img{display:block;width:100%;height:min(60vw,650px);object-fit:cover;object-position:right center}.teacher figcaption{font-size:10px}.teacher aside{position:absolute;right:9%;top:135px;background:var(--coral);padding:20px;font-weight:800;transform:rotate(5deg)}.facts{background:#fff;max-width:none;padding-left:max(24px,calc((100% - 900px)/2));padding-right:max(24px,calc((100% - 900px)/2))}.demo-note{font-size:12px}.fees{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:28px 0}.fees>div{padding:26px 0}.fees>div+div{padding-left:35px;border-left:1px solid var(--ink)}.fees strong{display:block;font-size:59px;line-height:1.1}.fees small,.fees p{font-size:13px}.facts details{border-bottom:1px solid var(--ink);padding:14px 0}.facts summary{font-weight:700;cursor:pointer}.facts details p{font-size:13px}.trial{max-width:none;background:var(--coral);padding-left:max(24px,calc((100% - 1072px)/2));padding-right:max(24px,calc((100% - 1072px)/2))}.trial ol{border-bottom:2px solid var(--ink)}.site-footer{background:var(--ink);color:#fff;padding:50px max(24px,calc((100% - 1072px)/2));display:flex;justify-content:space-between;gap:25px;font-size:13px}.site-footer a{color:#fff}.plan-c .melody b{color:#904535}.plan-c .trial b{color:var(--ink)}.plan-c .header-cta{min-height:44px;display:inline-flex;align-items:center}@media (max-width: 600px){.plan-c .site-header{padding:0 16px}.plan-c .site-header nav{gap:12px}.plan-c .site-header nav a{font-size:11px}.story-scene{padding:70px 18px}.hero{padding:50px 18px 70px}.hero h1{font-size:clamp(32px,9.8vw,57px)}.melody ol,.trial ol{display:block}.melody li,.trial li{padding:14px 0}.teacher aside{position:static;display:inline-block;margin:18px 0 0;transform:rotate(3deg)}.teacher img{height:310px}.fees{display:block}.fees>div+div{padding-left:0;border-left:0;border-top:1px solid var(--ink)}.fees strong{font-size:50px}.site-footer{display:block;padding:40px 18px}.site-footer a{display:inline-block;margin-top:15px}}@media (max-width: 480px){.plan-c .site-header{height:auto;padding:12px 16px;flex-wrap:wrap;gap:7px}.plan-c .brand{white-space:nowrap}.plan-c .site-header nav{width:100%;justify-content:space-between;gap:10px}.plan-c .site-header nav a{white-space:nowrap}}