.PitchDemoPiano_wrapper__cF8im{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:40px}.PitchDemoPiano_pianoContainer__reUrn{position:relative;width:100%;display:flex;justify-content:center}.PitchDemoPiano_instruction__sKV3q{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#333;padding:12px 24px;font-size:16px;font-weight:700;z-index:10;text-align:center;white-space:nowrap;animation:PitchDemoPiano_pulse__xyIdU 2s infinite}@keyframes PitchDemoPiano_pulse__xyIdU{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.PitchDemoPiano_questionMark__jZ90G{font-size:32px}.PitchDemoPiano_doMark__2jmr3,.PitchDemoPiano_questionMark__jZ90G{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:#e63256;font-weight:700;z-index:3;background-color:rgba(255,255,255,.8);backdrop-filter:blur(4px);padding:12px 24px;border-radius:16px;box-shadow:0 4px 12px rgba(230,50,86,.15);animation:PitchDemoPiano_fadeInOut__EK3IT 2s ease-in-out}.PitchDemoPiano_doMark__2jmr3{font-size:28px}@keyframes PitchDemoPiano_fadeInOut__EK3IT{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.PitchDemoPiano_correctBox__k9_W0{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:rgba(76,175,80,.1);border:1px solid #4caf50;border-radius:8px;color:#2e7d32}.PitchDemoPiano_wrongBox__C3edk{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:rgba(244,67,54,.1);border:1px solid #f44336;border-radius:8px;color:#d32f2f}.PitchDemoPiano_symbol__oMxgY{font-size:20px;font-weight:700}.PitchDemoPiano_message__V0OKw{font-size:16px;font-weight:500}.PitchDemo_container__xPg4o{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;border:2px solid #e63256;border-radius:12px;background-color:#fff;width:calc(100% - 4rem);max-width:800px;margin:0 auto}.PitchDemo_title__UeJgH{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;color:#e63256;text-align:center;line-height:1.4}.PitchDemo_hintBox__76QOi{font-size:clamp(.9rem,2vw,1.1rem);display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fff5f7;border-radius:12px;width:calc(100% - 2rem);margin:.5rem 1rem;box-shadow:0 2px 8px rgba(230,50,86,.1);transition:all .3s ease}.PitchDemo_hintBox__76QOi:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(230,50,86,.15)}.PitchDemo_hintIcon__u_qBX{color:#e63256;flex-shrink:0;width:24px;height:24px}.PitchDemo_modeButtons__9E0Bp{display:flex;gap:16px;width:100%;justify-content:center;flex-wrap:wrap}.PitchDemo_modeButton__dSFJZ{padding:12px 24px;border:2px solid #e63256;border-radius:12px;background-color:#ffffff;color:#e63256;font-size:clamp(.9rem,2vw,1rem);font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;max-width:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.PitchDemo_modeButton__dSFJZ:not(.PitchDemo_active__APlFg):hover{background-color:#fde8ec;color:#e63256;border-color:#e63256}.PitchDemo_modeButton__dSFJZ.PitchDemo_active__APlFg{background-color:#e63256;color:white;box-shadow:0 4px 12px rgba(230,50,86,.2);font-weight:700;border-color:#e63256;cursor:default}.PitchDemo_currentMode__R7Hwp{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#e63256;color:white;padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px rgba(230,50,86,.2);white-space:nowrap}.PitchDemo_currentMode__R7Hwp:before{content:"現在のモード";font-size:.8em;display:block;text-align:center;margin-bottom:2px;opacity:.9}.PitchDemo_replayButton__onyqZ{padding:12px 24px;border:2px solid #9e9e9e;border-radius:12px;background-color:#f5f5f5;color:#757575;font-weight:600;font-size:clamp(.9rem,2vw,1rem);cursor:pointer;transition:all .3s ease;width:100%;max-width:200px;margin-bottom:20px;position:relative;overflow:hidden}.PitchDemo_replayButton__onyqZ:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(158,158,158,.1),rgba(117,117,117,.1));opacity:0;transition:opacity .3s ease}.PitchDemo_replayButton__onyqZ:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(158,158,158,.15)}.PitchDemo_replayButton__onyqZ:hover:before{opacity:1}@media (max-width:768px){.PitchDemo_container__xPg4o{width:calc(100% - 2rem);padding:15px;gap:15px}.PitchDemo_hintBox__76QOi{padding:12px;margin:.3rem .5rem}.PitchDemo_modeButtons__9E0Bp{gap:10px}.PitchDemo_modeButton__dSFJZ,.PitchDemo_replayButton__onyqZ{padding:10px 16px;font-size:.9rem}}@media (max-width:480px){.PitchDemo_container__xPg4o{width:calc(100% - 1rem);padding:10px;gap:10px}.PitchDemo_hintBox__76QOi{padding:10px;margin:.2rem .3rem}.PitchDemo_modeButton__dSFJZ,.PitchDemo_replayButton__onyqZ{padding:8px 12px;font-size:.85rem}}.RelativePitchSection_section__Oe_j1{position:relative;overflow:hidden;border-radius:12px;width:100%}.RelativePitchSection_content__2Ygl0{position:relative;z-index:1;padding:1rem 1.5rem;margin:0 auto}.RelativePitchSection_backgroundLayer__Yo6cc{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100%' height='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='27' x2='10000' y2='27' stroke='%23e63256' stroke-width='1' stroke-dasharray='4%2C8' stroke-opacity='0.2' /%3E%3C/svg%3E"),radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),rgba(255,255,255,.95));background-repeat:repeat-y,no-repeat;background-size:100% 2.8rem,cover;background-position:0 0,50%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:rgba(255,255,255,.6);box-shadow:0 4px 20px rgba(0,0,0,.04);border-radius:12px;-webkit-mask-image:linear-gradient(180deg,transparent 0,black 80px,black calc(100% - 80px),transparent);mask-image:linear-gradient(180deg,transparent 0,black 80px,black calc(100% - 80px),transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.RelativePitchSection_heading__ndzA2{font-size:clamp(1.8rem,5vw,2.5rem);text-align:center;color:#e63256;font-weight:700;margin-bottom:1.5rem;margin-top:4rem}.RelativePitchSection_intro__U_nU0{text-align:center;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500;line-height:2.5rem;color:#444;margin-bottom:3rem}.RelativePitchSection_stepsWrapper__A3HQa{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.RelativePitchSection_stepCard__VuTZ6{background:rgba(255,255,255,.9);border:1px solid #f5d5da;border-radius:12px;padding:2rem 1.5rem;box-shadow:0 6px 18px rgba(0,0,0,.05);text-align:left}.RelativePitchSection_stepNumber__UEmSc{background:#e63256;color:#fff;font-weight:600;display:inline-block;padding:.4rem .8rem;border-radius:12px;font-size:.9rem;margin-bottom:1rem}.RelativePitchSection_stepTitle__411wy{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#222}.RelativePitchSection_stepDescription__skibu{font-size:1rem;line-height:1.8;color:#444}.RelativePitchSection_paragraphBlock__szS2i{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:left}.RelativePitchSection_stepHeading__Fu_Em{font-size:clamp(1.3rem,2vw,1.8rem);color:#e63256;font-weight:700;margin:2rem 0 .5rem;border-left:4px solid #e63256;padding-left:.75rem;background:#fff0f3;border-radius:4px}.RelativePitchSection_stepText__YMJvB{font-size:clamp(.95rem,1.5vw,1.2rem);color:#333;line-height:1.9;margin-bottom:1.5rem;white-space:pre-line}.RelativePitchSection_hoverExplain__jFsMV{position:relative;cursor:help;display:inline-block;color:#e63256;font-weight:700}.RelativePitchSection_hoverBox__7Jj7V{display:none;position:absolute;top:1.6rem;left:50%;transform:translateX(-50%);width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:1rem;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.6;color:#333;z-index:10;white-space:normal}.RelativePitchSection_hoverExplain__jFsMV:hover .RelativePitchSection_hoverBox__7Jj7V{display:block}.RelativePitchSection_subHeading__HqKwR{font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700;margin-top:2rem;margin-bottom:.8rem;padding-bottom:.3rem;border-bottom:2px solid #e63256;display:inline-block;color:#222}.RelativePitchSection_toggleButton__8RnpC{background:#e63256;color:#ffffff;border:none;padding:.75rem 1.5rem;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:600;border-radius:999px;cursor:pointer;transition:background .25s ease,transform .2s ease;box-shadow:0 4px 10px rgba(230,50,86,.25)}.RelativePitchSection_toggleButton__8RnpC:hover{background:#cc2a4c;transform:scale(1.05)}.RelativePitchSection_toggleButton__8RnpC:focus{outline:none;box-shadow:0 0 0 3px rgba(230,50,86,.3)}.RelativePitchSection_gradientDivider__4Ba8p{margin:0;width:100%;height:80px;background:linear-gradient(180deg,#ffffff 0,#ffe5eb)}.RelativePitchSection_fadeOutBottom__vdGl0{position:absolute;bottom:-80;left:0;width:100%;height:100px;background:linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,0));pointer-events:none;z-index:10}@media (min-width:1200px){.RelativePitchSection_section__Oe_j1{padding:0 4rem 2rem}.RelativePitchSection_content__2Ygl0{padding:1rem 2rem}.RelativePitchSection_paragraphBlock__szS2i{padding:0 2rem}}@media (min-width:1600px){.RelativePitchSection_section__Oe_j1{padding:0 6rem 2rem}.RelativePitchSection_content__2Ygl0{padding:1rem 3rem}.RelativePitchSection_paragraphBlock__szS2i{padding:0 3rem}}.RelativePitchVision_section__wYW8F{margin-top:3rem;padding:0 1.5rem;max-width:1200px;margin-left:auto;margin-right:auto}.RelativePitchVision_cardList___XdQG{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.RelativePitchVision_card__LNCbY{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(230,50,86,.12);box-shadow:0 10px 25px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.02);padding:1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.RelativePitchVision_card__LNCbY:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.06),0 3px 8px rgba(0,0,0,.03);border-color:rgba(230,50,86,.2)}.RelativePitchVision_card__LNCbY:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e63256,#ff8fa4);opacity:0;transition:opacity .3s ease}.RelativePitchVision_card__LNCbY:hover:before{opacity:1}.RelativePitchVision_image___su_k{border-radius:16px;background:#fff;padding:10px;width:160px;height:160px;object-fit:contain;margin-bottom:1.2rem;transition:transform .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.04)}.RelativePitchVision_card__LNCbY:hover .RelativePitchVision_image___su_k{transform:scale(1.05)}.RelativePitchVision_text__ESC5Q{display:flex;flex-direction:column;align-items:center;gap:.5rem}.RelativePitchVision_title__oRgUg{font-size:1.4rem;font-weight:700;margin-bottom:.4rem;color:#e63256;position:relative;background:linear-gradient(135deg,#e63256,#ff8fa4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:10;letter-spacing:-.02em;padding:.2rem .8rem;transition:all .3s ease}.RelativePitchVision_title__oRgUg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(230,50,86,.08),rgba(255,143,164,.08));border-radius:8px;z-index:-1;opacity:1;box-shadow:0 2px 8px rgba(230,50,86,.1)}.RelativePitchVision_title__oRgUg:after{content:"";position:absolute;bottom:-2px;left:50%;width:60%;height:2px;background:linear-gradient(90deg,#e63256,#ff8fa4);transform:translateX(-50%);transition:width .3s ease;opacity:.6}.RelativePitchVision_card__LNCbY:hover .RelativePitchVision_title__oRgUg{transform:translateY(-1px);text-shadow:0 2px 4px rgba(230,50,86,.1)}.RelativePitchVision_card__LNCbY:hover .RelativePitchVision_title__oRgUg:before{background:linear-gradient(135deg,rgba(230,50,86,.12),rgba(255,143,164,.12));box-shadow:0 4px 12px rgba(230,50,86,.15)}.RelativePitchVision_card__LNCbY:hover .RelativePitchVision_title__oRgUg:after{width:80%;opacity:.8}.RelativePitchVision_description__RrNu_{font-size:1.1rem;line-height:1.6;color:#4a4a4a;font-weight:500;max-width:100%;z-index:10}.RelativePitchVision_shineOverlay__ZeEXX{position:absolute;top:-50%;right:-50%;width:300px;height:300px;background:url(/images/shine.svg) no-repeat;background-size:contain;opacity:.2;pointer-events:none;z-index:0;transition:transform .4s ease}.RelativePitchVision_card__LNCbY:hover .RelativePitchVision_shineOverlay__ZeEXX{transform:rotate(15deg) scale(1.1)}@media (max-width:768px){.RelativePitchVision_section__wYW8F{padding:0 1rem}.RelativePitchVision_cardList___XdQG{grid-template-columns:1fr;gap:1.5rem}.RelativePitchVision_card__LNCbY{padding:1.5rem}.RelativePitchVision_image___su_k{width:140px;height:140px}.RelativePitchVision_title__oRgUg{font-size:1.3rem}.RelativePitchVision_description__RrNu_{font-size:1rem}}.RootNoteChallenge_challengeBox__KIHcp{position:relative;background:#ffffff;border:1px solid #ddd;border-radius:16px;padding:1rem 2rem 2rem;margin-top:2rem;text-align:center;max-width:700px;margin-left:auto;margin-right:auto;box-shadow:0 4px 12px rgba(0,0,0,.05)}.RootNoteChallenge_heading__4W_zQ{margin-top:1rem;font-size:1.5rem;color:#e63256;margin-bottom:1rem}.RootNoteChallenge_description__tWtkV{font-size:1.1rem;margin-bottom:2rem;color:#333}.RootNoteChallenge_exampleBlock__I4ZX1{background:#fafafa;border:1px solid #e2e2e2;border-radius:12px;padding:1rem 1.2rem;margin:0 auto 2rem;box-shadow:0 2px 8px rgba(0,0,0,.03);max-width:550px}.RootNoteChallenge_exampleRow__sW7qI{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap;text-align:left}.RootNoteChallenge_exampleLabel__lhaJv{font-weight:600;font-size:1rem;color:#e63256;min-width:auto;flex-shrink:0;width:250px}.RootNoteChallenge_buttonRow__vPKRi{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.RootNoteChallenge_playButton__8_fEC{background:#fff;color:#e63256;border:2px solid #e63256;padding:.5rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease;width:115px}.RootNoteChallenge_playButton__8_fEC:hover{background:#fff4f5}.RootNoteChallenge_playButton__8_fEC:disabled{color:#aaa;border-color:#ccc;background:#f6f6f6;cursor:not-allowed}.RootNoteChallenge_answerButton__wgZ4F{background:#e63256;color:white;border:none;padding:.5rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.RootNoteChallenge_answerButton__wgZ4F:hover{background:#d3264e}.RootNoteChallenge_comment__BAgQw{margin-top:1.5rem;font-size:1.1rem;line-height:1.6;color:#444}.RootNoteChallenge_creditNote__Nu461{position:absolute;bottom:1rem;right:1.5rem;font-size:.9rem;color:#999;font-style:italic}