@charset "UTF-8";body{margin:0;line-height:1.5;font-size:14px;color:#444;font-family:Noto Sans JP,Meiryo,Arial,sans-serif;font-optical-sizing:auto;font-weight:300;background:#fff;background-color:#fff;letter-spacing:.05em;-webkit-tap-highlight-color:#fff}main{margin-top:60px}@media screen and (max-width: 480px){main{margin-top:50px}}ul,ol,li{margin:0;padding:0;list-style:none}dl,dt,dd,figure,figcaption{margin:0}strong,em,b{font-weight:600}h1{margin:0}a{text-decoration:none;color:inherit}ruby{ruby-position:over;line-height:1.2}rt{font-size:.6em;line-height:1;margin:0;padding:0}strong{font-weight:800}sup{display:inline-block;font-size:.8em;vertical-align:super}.dot{position:relative;display:inline-block}.dot:after{content:"・";position:absolute;top:-.8em;left:50%;transform:translate(-50%);font-size:.8em}.quizContainer{background-color:#fff6;border-radius:16px;width:90%;margin:0 auto}.quizHeader{display:flex;justify-content:space-between;align-items:center;padding-top:5px}.quizHeader .headerBack{width:170px;font-size:30px;font-weight:700}.quizHeader .headerTitle{text-align:center;font-size:38px;font-weight:700;white-space:nowrap}.quizHeader .headerStatus{width:170px;display:flex;flex-direction:column;align-items:center}.quizHeader .headerStatusProgress{position:relative;height:28px;width:170px;background-color:#eee;border-radius:30px;overflow:hidden}.quizHeader .headerStatusProgressBar{height:100%;background-color:var(--main-color);transition:width .3s ease}.quizHeader .headerStatusNumber{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700}.quizHeader .headerStatus .headerAccuracyRate{font-size:20px;font-weight:700}.quizQuestion{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:230px;border:3px solid var(--main-color);border-radius:12px;padding:40px;margin-bottom:30px;font-size:28px;font-weight:600}.quizQuestion .sup{transform:translateY(-10px)}.quizQuestion .quiz-image{max-width:400px;max-height:230px;margin-left:20px;cursor:zoom-in;transition:transform .3s ease}.quizQuestion .quiz-image.is-enlarged{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);max-width:45vw;max-height:45vh;cursor:zoom-out;z-index:999;background-color:#fff;padding:10px;box-shadow:0 0 10px #0000004d}.quizQuestion .difficultyMark{position:absolute;top:10px;left:10px;width:50px;height:50px;vertical-align:middle;animation:float 2.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.quizQuestion.no-image{justify-content:center}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;padding:0}.answerButton{height:62px;width:100%;background-color:var(--main-color-answer);color:#fff;border:none;border-radius:10px;font-size:24px;font-weight:550;padding:5px;cursor:pointer;box-shadow:0 4px #0000001a;transition:transform .15s ease,box-shadow .15s ease,background-color .25s ease}.answerButton .fraction .top{margin-top:-5px}.answerButton:hover{box-shadow:0 8px 4px #0000001f;background-color:var(--main-color-dark)}.answerButton:active{transform:translateY(2px);box-shadow:none}.answerButton.correct{background-color:#ff4c4c;animation:popIn .4s ease}.answerButton.incorrect{opacity:.6;transform:scale(.98);pointer-events:none}@keyframes popIn{0%{transform:scale(.97);opacity:.85}50%{transform:scale(1.02);opacity:1}to{transform:scale(1)}}.quizActions{margin:15px 0}.quizActions .actionButtons{height:46px}.quizActions .hintButton,.quizActions .nextButton{padding:10px 20px;font-size:16px;font-weight:700;border-radius:8px;border:1px solid var(--main-color);background-color:#fff;color:var(--main-color);cursor:pointer}.quizActions .hintButton:hover,.quizActions .nextButton:hover{background-color:#f9f9f9}.quizActions .hintButton:active,.quizActions .nextButton:active{transform:scale(.98)}.quizActions .nextButton{float:right}.quizActions .explanationBlock{display:flex;margin-top:5px}.quizActions .explanationLabel{width:70px;font-weight:700;color:var(--main-color);border-right:5px solid var(--main-color);padding-left:10px;font-size:18px}.quizActions .explanationText{flex:1;margin:0 10px;font-size:16px;line-height:1.8;color:#333}.judgement-mark{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:popFade .6s ease-out;opacity:.8;z-index:10}.judgement-mark img{width:100%;height:100%;object-fit:cover}@keyframes popFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fraction{display:inline-block;line-height:1.2;vertical-align:middle;text-align:center}.fraction .top{display:block;border-bottom:1px solid}@media screen and (max-width: 768px){.quizHeader{position:relative}.quizHeader .headerBack{width:40px;position:absolute;top:4px;left:-5px}.quizHeader .headerTitle{width:100%;margin:0 auto;padding-left:30px;font-size:27px}.quizHeader .headerStatusNumber{font-size:18px}.quizHeader .headerStatusProgress{width:100%;height:20px}.quizHeader .headerStatus .headerAccuracyRate{font-size:18px}.quizQuestion{flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:10px 10px 10px 20px}.quizQuestion .quiz-image{max-width:250px;max-height:150px;display:block;margin:0 auto}.quizQuestion .difficultyMark{top:5px;left:0;width:25px;height:25px}.answers{gap:15px}.answerButton{padding:10px;font-size:18px;line-height:1}.answerButton .fraction .top{margin-top:0}.answerButton:active{position:relative;top:4px;left:4px;box-shadow:none}}@media screen and (max-width: 480px){.quizHeader .headerTitle{font-size:27px}.quizHeader .headerStatus .headerAccuracyRate{font-size:12px;white-space:nowrap}.quizQuestion{margin-bottom:10px;font-size:20px;padding:10px}.quizQuestion .quiz-image{max-height:130px}.quizQuestion .difficultyMark{top:3px}.answers{display:grid;grid-template-columns:1fr;gap:10px}.answerButton{height:50px}.answerButton .fraction .top{margin-top:-8px}.quizActions .explanationBlock{display:block;margin-top:3px}.quizActions .explanationLabel{border:none;padding:0 10px}}.quiz-color-pink{--main-color: #ff6a8f;--main-color-dark: #f2476c;--main-color-answer: #ff6088}.quiz-color-blue{--main-color: #4bb1ff;--main-color-dark: #007BFF;--main-color-answer: #36a4ff}.quiz-color-green{--main-color: #8bd163;--main-color-dark: #43A047;--main-color-answer: #43c449}.quiz-color-orange{--main-color: #ffa94d;--main-color-dark: #FF8C00;--main-color-answer: #ffa639}.quiz-color-purple{--main-color: #a77bff;--main-color-dark: #7A4BFF;--main-color-answer: #936fff}.menu{min-height:calc(100vh - 60px);width:90%;margin:0 auto}.menuJapanese{--main-color: #ff6a8f;--main-color-light: #fae3e8;--main-color-dark: #f2476c}.menuMath{--main-color: #4bb1ff;--main-color-light: #d6edff;--main-color-dark: #007BFF}.menuScience{--main-color: #8bd163;--main-color-light: #d1f0d2;--main-color-dark: #43A047}.menuSocial{--main-color: #ffa94d;--main-color-light: #fff0e4;--main-color-dark: #FF8C00}.menuEnglish{--main-color: #a77bff;--main-color-light: #ece6f7;--main-color-dark: #7A4BFF}.menuSubject{padding:30px 50px;background-color:var(--main-color);border-radius:3px;margin-bottom:20px}.menuSubject h1{font-size:35px;color:#fff;font-weight:700}.menu .gradeSelector{display:flex;gap:.5rem;margin:20px 0;justify-content:center;flex-wrap:wrap}.menu .gradeSelector button{padding:6px 16px;font-size:.95rem;border:1px solid #ccc;border-radius:20px;background-color:#f9f9f9;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.menu .gradeSelector button:hover{background-color:#f0f0f0}.menu .gradeSelector button.active{background-color:var(--main-color);color:#fff;border-color:var(--main-color);font-weight:600;box-shadow:0 2px 5px #007bff33}.menu .row{display:flex}.menu .chapterList{width:700px;margin-bottom:50px}.menu .chapterList .chapterItem .chapterItemTitle{margin:0;background-color:#f9f9f9;padding:1rem;font-size:25px;font-weight:700;border:1px solid #e8e8e8;border-left:5px solid var(--main-color);position:relative;transition:background-color .3s}.menu .chapterList .chapterItem .chapterItemTitle:hover{background-color:#f0f0f0}.menu .chapterList .chapterItem .chapterItemTitle .arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%) rotate(0);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #666;transition:transform .3s ease}.menu .chapterList .chapterItem .chapterItemTitle .arrow.isOpen{transform:translateY(-50%) rotate(180deg)}.menu .chapterList .chapterItem .chapterItemLink{max-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transition:all .3s ease}.menu .chapterList .chapterItem .chapterItemLink.isOpen{max-height:8000px;opacity:1;pointer-events:auto;visibility:visible}.menu .chapterList .chapterItem .chapterItemLink li{display:block;min-height:30px;position:relative;border:1px solid #eee;padding:7px 20px;font-size:18px;transition:background-color .3s;align-items:center}.menu .chapterList .chapterItem .chapterItemLink li:first-child{border-top:none}.menu .chapterList .chapterItem .chapterItemLink li p{position:absolute;top:50%;left:20px;transform:translateY(-50%);margin:0}.menu .chapterList .chapterItem .chapterItemLink li span{position:absolute;top:50%;right:50px;transform:translateY(-50%);margin:0}.menu .chapterList .chapterItem .chapterItemLink li .linkGroup{display:flex;justify-content:flex-start;padding-left:50%;gap:5px}.menu .chapterList .chapterItem .chapterItemLink li .linkGroup a{width:50%;text-align:center;padding:10px 0;color:var(--main-color-dark);background-color:var(--main-color-light);border-radius:30px;transition:background-color .3s}.menu .chapterList .chapterItem .chapterItemLink li .linkGroup a:hover{opacity:.8}.menu .basicSection{max-width:400px;margin:0 auto;padding:32px 20px;transition:max-height .4s ease}.menu .basicSection .basicTitle{height:60px;font-size:18px;display:flex;align-items:center;color:#00681f;background-color:#f1ffde;border-radius:8px;margin:10px 0;cursor:pointer;position:relative}.menu .basicSection .basicTitle:after{content:"▼";position:absolute;right:6px;font-size:14px;transition:transform .3s ease}.menu .basicSection .basicTitle.isOpen:after{transform:rotate(180deg)}.menu .basicSection .basicList{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .4s ease}.menu .basicSection .basicList.isOpen{max-height:1000px}.menu .basicSection .basicList li{margin-bottom:8px}.menu .basicSection .basicList li a{display:block;padding:12px 16px;border:1px solid #ddd;border-radius:8px;text-decoration:none;font-size:15px;font-weight:500;color:#333;background:#fff;transition:transform .2s}.menu .basicSection .basicList li a:hover{background:#f5f5f5;transform:translate(2px)}@media (max-width: 768px){.menu .menuSubject{margin:0}.menu .row{flex-direction:column}.menu .chapterList{width:100%;margin:0 auto}.menu .basicSection{padding:0;order:-1}.menu .basicSection h2{width:100%;padding-right:12px}.menu .basicSection h2 img{padding:1px 3px 0}}@media (min-width: 768px){.menu .basicSection .basicList{overflow:visible}.menu .basicSection .basicTitle{cursor:default}.menu .basicSection .basicTitle:after{display:none}}@media (max-width: 480px){.menu .gradeSelector{gap:.5rem;margin:5px 0}.menu .basicSection .basicTitle{height:40px;margin:5px 0 10px}.menu .menuSubject{padding:10px 20px}.menu .menuSubject h1{font-size:30px}.menu .row .chapterList{width:100%}.menu .row .chapterList .chapterItem .chapterItemTitle{padding:10px;font-size:20px;font-weight:700}.menu .row .chapterList .chapterItem .chapterItemLink li{height:35px;font-size:15px;padding:8px}.menu .row .chapterList .chapterItem .chapterItemLink li .linkGroup a{padding:5px 0}}.hero{position:relative;width:100%;height:100%;margin:120px auto 60px}.heroSubject{width:100%}.heroSubjectList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;margin:0 20px 20px}.heroSubjectItem{width:100%;aspect-ratio:8/5;border-radius:12%/17%;box-shadow:4px 5px 2px #0003;overflow:hidden}.heroSubjectItem a{display:block;position:relative;width:100%;height:100%;text-align:center;color:#fff;font-size:40px;font-weight:700;letter-spacing:.1em;text-decoration:none}.heroSubjectItem a img{width:100%;height:auto;position:absolute;top:0;right:0;transition:box-shadow .3s,transform .3s}.heroSubjectItem:active{box-shadow:none;position:relative;top:3px;left:2px}.heroSubjectItem:hover{box-shadow:4px 5px 5px #0003;position:relative;top:-2px;left:0}@media screen and (max-width: 480px){.hero{margin:80px auto 40px}.heroSubjectList{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 10px;gap:15px}.heroSubjectItem{width:100%;aspect-ratio:8/6;border-radius:13%/18%}}.header{width:100%;height:70px;background-color:#fff;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 1px #eee;z-index:99}.header li>a{width:100%;height:100%;padding:0 10px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;transition:background-color .3s ease}.header li>a:visited{color:inherit}.header li>a:hover{background-color:#eee}.navLeft{height:100%;display:flex;align-items:center;padding-left:30px}.navLeft img{display:block;height:55px}.navRight{height:100%;display:flex}.navRightList{position:relative;display:flex;align-items:center}.navRightItem{padding-right:10px;height:100%;display:flex;align-items:center}.subjectList{position:absolute;width:78px;top:100%;left:0;background:#fff;box-shadow:0 1px 1px #eee;z-index:100;list-style:none}.subjectList li{margin:5px 0}.subjectList li a{padding:5px 0;text-decoration:none;color:#333}.trigger{position:relative;z-index:1000;border:0;padding:0;background:none;width:40px;height:40px;overflow:hidden}.trigger:before,.trigger:after,.trigger>span{content:"";display:block;position:absolute;left:0;width:100%;border-top:5px solid #747474;border-radius:5px;transition:transform .2s ease-in-out}.trigger:before{top:4.5px;transform-origin:top right}.trigger:after{bottom:4px;transform-origin:bottom right}.trigger>span{top:18px;position:absolute}.triggerActive:before{transform:translate(-3px) rotate(-45deg)}.triggerActive:after{transform:translate(-3px) rotate(45deg)}.triggerActive>span{transform:translate(100%)}.menuPanel{position:fixed;top:0;right:0;width:280px;height:100vh;background-color:#fffc;box-shadow:-2px 0 10px #00000040;padding:60px 20px 20px;display:flex;flex-direction:column;gap:15px;z-index:100;transition:transform .3s ease}.closeButton{position:absolute;top:10px;right:20px;background:transparent;font-size:28px;border:none;cursor:pointer}.menuButton{display:flex;align-items:center;padding:12px 20px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;color:#fff;transition:transform .2s ease}.menuButton:hover{transform:scale(1.05)}.menuButton.home{background:#ffa94d}.menuButton.brainCheck{background:#8bd163}.menuButton.collection{background:#ff6b6b}.menuButton.diary{background:#4bb1ff}.menuButton.setting{background:#a77bff}.login{font-size:14px;text-align:right;color:#888;margin-bottom:10px}@media screen and (max-width: 480px){.header{height:50px}.navLeft{padding-left:10px}.navLeftLogo img{height:45px}.trigger{width:35px;height:100%;align-items:center}.trigger:before,.trigger:after,.trigger>span{border-top:4px solid #444}.trigger:before{top:12px}.trigger:after{bottom:10px}.trigger>span{top:24px}}.container{background-color:#111;color:#fff;text-align:center;margin-top:60px;position:relative;height:calc(100vh - 50px)}.frame{position:absolute;top:0;width:calc(100% - 40px);height:calc(100% - 40px);margin:20px;pointer-events:none}.frame:before,.frame:after{content:"";position:absolute;z-index:2}.frame:before{top:0;left:0;right:0;bottom:0;border:2px solid white}.frame:after{top:8px;left:8px;right:8px;bottom:8px;border:2px solid white}.contentWrapper{padding-top:35px}.subtitle{margin:0;font-size:20px;color:#cccc;letter-spacing:5px}.title{font-size:35px;letter-spacing:4px;margin:15px 0 10px}.menuTitle{font-size:20px;margin-top:30px;font-family:"M PLUS Rounded 1c",Quicksand,Arial,sans-serif}.option{font-size:1.3rem;min-width:190px;height:60px;padding:8px 14px;border:2px solid white;background:transparent;color:#fff;cursor:pointer;border-radius:10px;margin:5px;transition:all .2s ease}.option:hover{background:#fff;color:#000;transform:scale(1.05)}.option:active{transform:scale(.95);background:#eee;color:#111}.backButton{position:absolute;top:40px;left:50px;font-size:50px;font-weight:700;background:none;background-color:transparent;border:none;color:#fff}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;max-width:650px;margin:0 auto}.corner{width:20px;height:20px;border:2px solid white;position:absolute}.topLeft{top:0;left:0}.topRight{top:0;right:0}.bottomLeft{bottom:0;left:0}.bottomRight{bottom:0;right:0}.description{font-size:16px;line-height:2;letter-spacing:5px;margin:24px 0;color:#ddd;text-align:center}@media screen and (max-width: 480px){.container{margin-top:50px;min-height:800px}.frame{width:calc(100% - 20px);height:calc(100% - 20px);margin:10px}.contentWrapper{padding:20px 25px}.subtitle{font-size:16px;letter-spacing:2px}.title{font-size:25px;margin:10px 0}.menuTitle{font-size:16px;margin:10px 0}.option{font-size:1.1rem;height:50px}.backButton{top:22px;left:25px;font-size:30px}.grid{gap:0px;max-width:550px}.description{line-height:1.8;letter-spacing:3px}}._loadingOverlay_1xvmr_1{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}._loadingText_1xvmr_16{margin-top:16px;font-size:28px;font-weight:700;color:#444;font-family:sans-serif}._dotLoader_1xvmr_24{display:flex;gap:15px}._dot_1xvmr_24{width:22px;height:22px;border-radius:50%;animation:_bounce_1xvmr_1 1.2s infinite ease-in-out}._dot_1xvmr_24:nth-child(1){background-color:#ff6a8f;animation-delay:0s}._dot_1xvmr_24:nth-child(2){background-color:#4bb1ff;animation-delay:.15s}._dot_1xvmr_24:nth-child(3){background-color:#8bd163;animation-delay:.3s}._dot_1xvmr_24:nth-child(4){background-color:#ffa94d;animation-delay:.45s}._dot_1xvmr_24:nth-child(5){background-color:#a77bff;animation-delay:.6s}@keyframes _bounce_1xvmr_1{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px);opacity:1}}