html{background:#4547eb;font-family:"Public Sans"}html.white{background:white;overflow:inherit}html.scroll{overflow:inherit}.height{height:100vh;position:relative}.logo-home{margin-top:-250px;margin-bottom:150px;width:240px}.logo-home img{width:100%}header.lesson{background:#4547eb;height:140px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.menu{display:grid;grid-gap:20px;grid-template-columns:repeat(3, 1fr)}.menu-item{background:#5355ff;width:220px;padding:25px 15px;border-radius:10px;transition:100ms all;box-sizing:border-box}.menu-item img{width:auto;height:110px}.menu-item .menu-title{color:#fff;font-size:18px;font-weight:600;margin-top:30px}.menu-item:hover{background:#6365ff;transform:scale(1.05)}.home,.previous{width:80px;height:80px;position:absolute;left:30px;top:30px;background:#5355ff;display:flex;align-items:center;justify-content:center;border-radius:100px;transition:100ms all}.home img,.previous img{width:30px;margin-top:-5px}.home:hover,.previous:hover{background:#6365ff;transform:scale(1.1)}.home.edit,.edit.previous{right:30px;left:inherit}.previous{left:125px}.previous img{width:25px;margin-left:-4px;margin-bottom:-3px}.inner-central{align-items:center}.inner-head img{margin-top:50px;height:120px}.inner-title{color:#fff;text-transform:uppercase;margin-top:40px;font-size:36px;letter-spacing:3px;font-weight:600}.inner-sub{color:#9e9fff;margin-top:15px;font-size:20px;width:250px;line-height:28px;text-align:center}.inner-buttons{margin-top:150px;grid-gap:15px}.inner-list{max-width:900px;width:100%;display:grid;grid-template-columns:repeat(3, 1fr);flex-wrap:wrap;grid-gap:15px;margin-top:100px;margin-bottom:200px}.inner-button{transition:100ms all;width:290px;height:70px;font-size:16px;background:#5355ff;color:#fff;border-radius:10px;font-weight:600;padding:20px;box-sizing:border-box}.inner-button:hover{background:#6365ff;transform:scale(1.05)}.inner-button span{font-size:14px;color:#ffb8d0;margin-right:8px}.inner-footer img{position:absolute;width:300px;margin-left:-150px;bottom:75px}.circle{background:#5355ff;width:750px;height:650px;border-radius:100%;margin-bottom:-475px;position:absolute;bottom:0;margin-left:-375px}.game-sub{color:#8687ff;margin-top:10px;letter-spacing:1px;font-size:22px;font-style:italic}.game-buttons{margin-top:250px;grid-gap:10px}.game-buttons div{transition:100ms all;cursor:pointer;width:340px;background:#5355ff;height:80px;font-size:22px;color:#3b3dd1;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.game-buttons div:hover{transform:scale(1.05)}.game-buttons div.game-start{background:#fff}.game-buttons div.options{height:60px;font-size:18px;font-weight:400;color:#fff}.score-time{position:absolute;right:30px;top:30px;display:flex;grid-gap:15px}.small-item{width:180px;box-sizing:border-box;background:#3b3dd1;padding:10px 0;padding-bottom:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px 10px 0 10px;position:relative}.small-title{font-size:12px;color:#8687ff;margin-bottom:10px}.mode-small{width:220px}#game-mode{display:flex;grid-gap:15px}#game-mode div{height:20px;text-align:center;color:#7072f7;text-transform:uppercase;font-weight:600;font-size:14px;margin-top:5px;cursor:pointer}#game-mode div.active-mode{color:#fff}.small-value{color:#fff;font-size:24px;font-weight:bold}.best-score{width:100px;background:#4143df;position:absolute;bottom:-55px;border-radius:10px;display:grid;height:45px;right:0;grid-template-columns:30px auto;align-items:center;justify-content:center;cursor:pointer,img;cursor-width:18px}.best-score .number-best{color:#ffb743;font-weight:bold;font-size:18px}.best-score:hover{opacity:0.7}.disabled{pointer-events:none;cursor:default;opacity:0.4}#game-container{margin-top:150px}#word,#verb-display{font-size:72px;font-family:"Noto Sans JP";font-weight:400;color:#fff}#word.smaller,#verb-display.smaller{font-size:42px}#reverse-mode{height:60px}#translation,#form-display{font-size:28px;color:#8687ff;margin-top:20px}#memorize{font-size:20px;color:#ffffff;margin-top:15px}#input-area{font-size:28px;margin-top:100px;width:430px;height:70px;border-radius:15px;border:none;padding:0px 30px;box-sizing:border-box;text-align:center;font-family:"Noto Sans JP"}.options-menu{padding:25px;transition:150ms all;box-sizing:border-box;position:absolute;left:0px;transform:translateX(-500px);border-radius:0 10px 10px 0;background:#5355ff;height:650px;margin-bottom:-500px;width:350px;opacity:0}.options-menu.active{transform:translateX(0px);opacity:1}#close-options{border-radius:50%;height:35px;width:35px;background:#4547eb;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:15px;z-index:1;cursor:pointer}#close-options img{width:12px}.options-title{font-style:italic;color:#ffffff;opacity:0.2;font-size:16px;letter-spacing:1px;text-transform:uppercase}.options-sub{margin-top:30px;color:#fff;font-weight:600;font-size:18px}#options-checkboxes{min-height:150px}.options-checkboxes{display:flex;width:280px;margin-top:10px;overflow-y:auto;padding-right:20px;box-sizing:border-box;flex-direction:column;min-height:40px;justify-content:flex-start}.options-checkboxes label{width:100%;border-bottom:1px solid #6466ff;display:flex;align-items:center;color:#bbbcff;min-height:40px}.options-checkboxes.kana{min-height:120px}.options-checkboxes::-webkit-scrollbar{width:3px;border-radius:5px}.options-checkboxes::-webkit-scrollbar-track{background:#4547eb;border-radius:5px}.options-checkboxes::-webkit-scrollbar-thumb{background:#8787ff;border-radius:5px}.options-checkboxes::-webkit-scrollbar-thumb:hover{background:#e1e1e1;border-radius:5px}.options-checkboxes#show-translation{height:60px;overflow:inherit}.options-checkboxes label:last-child{border-bottom:0}.container{display:block;position:relative;padding-left:50px;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:10px;height:25px;width:25px;background-color:#4547eb;border-radius:50px}.container input:checked ~ .checkmark{background-color:#3b3dd1}.checkmark:after{content:"";position:absolute;display:none}.container input:checked ~ .checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.translate-hide #translation{display:none !important}.skip{display:flex;align-items:center;justify-content:center;width:70px;height:70px;padding:22px;box-sizing:border-box;background:#5355ff;border-radius:50%;margin-top:30px;transition:100ms all;cursor:pointer}.skip img{width:100%}.skip:hover{transform:scale(1.1)}.skip.next{background:#f50057}.lesson-container{height:140px;position:relative}.lesson-container .lesson-title{font-size:34px;color:#fff;font-size:"Public Sans";font-weight:600;margin-bottom:8px}.lesson-container .learn-title{letter-spacing:2px;color:#fff;opacity:0.5;font-weight:300}.lesson-container img{position:absolute;bottom:-12px;width:24px}.mobile-anchors{display:none;margin-top:20px;margin-bottom:0px;align-items:center;flex-wrap:wrap;width:100%;justify-content:center}.mobile-anchors a{color:#fff;text-decoration:underline;display:inline;padding:5px;text-align:center}.lesson-content{width:760px;margin-top:50px;font-size:16px;line-height:26px;padding-bottom:200px}.lesson-content blockquote{background:#f50056;color:#fff;padding:15px 40px;box-sizing:border-box;border-radius:15px;font-size:18px;line-height:30px;margin-bottom:50px}.lesson-content h2{color:#4547eb;font-size:24px;margin:25px 0;font-weight:bold;line-height:32px}.lesson-content h3{margin:20px 0;margin-top:30px;font-size:16px;color:#f50056;font-weight:600}.lesson-content h4{color:#000000;font-size:16px;margin:25px 0;margin-bottom:10px;text-decoration:underline;font-weight:400}.lesson-content h5{color:#f50056;font-size:24px;margin:25px 0}.lesson-content ol ::marker{display:none}.lesson-content ul{display:flex;flex-direction:column}.lesson-content ul li{padding:3px 0;color:#000;position:relative;display:inline;align-items:center;padding-left:15px;font-size:16px}.lesson-content ul li::before{content:"";position:absolute;width:3px;height:3px;border-radius:50%;left:0;top:14px;background:#000}.lesson-content p{margin:15px 0}.lesson-content figure{border:1px solid #cfcfe3;border-radius:15px;overflow:hidden;margin:30px 0}.lesson-content figure table{width:100%;font-size:15px}.lesson-content figure table th,.lesson-content figure table tr{padding:10px;padding-left:15px;box-sizing:border-box;border-bottom:1px solid #cfcfe3;text-align:left}.lesson-content figure table td{padding:10px;padding-left:15px;box-sizing:border-box;border-right:1px solid #cfcfe3}.lesson-content figure table tr td:last-child{border-right:none}.lesson-content figure table tr:last-of-type{border-bottom:none}.lesson-content figure table thead{background:#f1f1f9;font-weight:bold}.lesson-content figure table thead th{border-right:1px solid #cfcfe3}.lesson-content figure table thead th:last-child{border-right:none}.lesson-content s{line-height:30px;text-decoration:inherit;color:#919191;padding:3px 0}.lesson-content s strong{font-weight:400 !important}.lesson-content hr{margin:50px 0;box-sizing:border-box;border:0;border-top:1px solid #e2e5f9}.flashcards-upper{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px;margin:100px 0}.flashcard-container{position:relative;width:480px;height:640px;display:flex;align-items:center;justify-content:center}.flashcard{width:100%;height:100%;border:4px solid #6686ff;border-radius:20px;background:#fff;position:absolute;font-size:15px;top:0;left:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column;transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;overflow-y:scroll}.flashcard::-webkit-scrollbar{width:0px}.flashcard::-webkit-scrollbar-track{background:transparent}.flashcard::-webkit-scrollbar-thumb{background:transparent}.flashcard::-webkit-scrollbar-thumb:hover{background:transparent}.flashcard.enter-left{transform:translateX(-100%);opacity:0}.flashcard.enter-right{transform:translateX(100%);opacity:0}.flashcard.active{transform:translateX(0);opacity:1}.flash-header{display:flex;border-bottom:1px solid #6686ff;min-height:45px;align-items:center;width:100%}.flash-type{background:#6686ff;height:100%;padding:0 30px;box-sizing:border-box;border-radius:10px 0 15px 0px;display:flex;align-items:center;justify-content:center;color:#fff;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:0.5px}.flash-title{height:100%;display:flex;align-items:center;padding:0 20px;font-weight:400;font-size:14px}.flash-nb{margin-left:auto;margin-right:5px;background:#f3f3f3;border-radius:10px;color:#000000;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 20px;height:35px}.flash-level{margin-right:5px;background:#f0f3fc;border-radius:10px;color:#7385c8;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 10px;height:35px}.N5{background:#d4ffec;color:#4bc39d}.flash-main-title{font-size:26px;font-weight:700;margin-top:40px;padding:0 30px;text-align:center}.flash-under-title{background:#45f29f;color:#1b774b;padding:10px 20px;margin-top:15px;font-size:16px;border-radius:10px;font-weight:600}.flash-description{background:#f0f3fc;margin-top:30px;width:100%;padding:15px 30px;box-sizing:border-box;line-height:24px}.flash-description ul{padding-left:20px;margin:10px 0}.flash-description ul li{position:relative}.flash-description ul li:before{position:absolute;left:-18px;content:"";width:4px;top:10px;height:4px;border-radius:50%;background:#000}.flash-description s{color:#ff0660;text-decoration:inherit;font-weight:600}.flash-description h2{color:#6686ff;font-size:18px;font-weight:600}.flash-description p{margin-bottom:15px}.flash-description table{width:100%;font-size:14px;margin-top:15px;border:1px solid #bdc7e7;border-radius:10px;margin-bottom:20px}.flash-description table th,.flash-description table tr{padding:10px;box-sizing:border-box;border-bottom:1px solid #bdc7e7;text-align:left}.flash-description table td{padding:10px;box-sizing:border-box;border-right:1px solid #bdc7e7;line-height:20px}.flash-description table tr td:last-child{border-right:none}.flash-description table tr:last-of-type{border-bottom:none}.flash-description table thead{background:#e7edff;font-weight:bold}.flash-description table thead th{border-right:1px solid #bdc7e7}.flash-description table thead th:last-child{border-right:none}.flash-tips{background:#fcfaf0;width:100%;padding:20px 30px;box-sizing:border-box;padding-left:60px;position:relative;line-height:22px}.flash-tips img{width:24px;position:absolute;left:20px;top:15px}.flash-tips p{margin-bottom:20px}.flash-tips li{padding-left:10px;position:relative;margin-bottom:10px}.flash-tips li:before{content:"";height:3px;width:3px;border-radius:50px;background:#000;position:absolute;left:0;top:10px}.flash-examples{background:#fcf0f1;width:100%;padding:20px 30px;box-sizing:border-box;padding-left:60px;position:relative;line-height:22px}.flash-examples img{width:24px;position:absolute;left:20px;top:15px}.flash-examples strong{color:#ff0660;font-weight:600}.flash-examples p{margin-bottom:20px}.vocabulary-table-container{width:100%;max-width:980px;margin:2rem auto;overflow-x:auto;box-shadow:10px 10px 70px rgba(0,0,0,0.05);border-radius:20px;background-color:#fff}.vocabulary-table{width:100%;border-collapse:collapse;font-family:'Public Sans', sans-serif;font-size:14px;color:#1c1c1c;border:4px solid #6686ff}.vocabulary-table thead{background-color:#6686ff;color:#fff}.vocabulary-table thead tr th{border:1px solid #4e6de1}.vocabulary-table th,.vocabulary-table td{padding:8px;border:1px solid #ededed;text-align:center;line-height:20px}.vocabulary-table th{font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.small-column{display:none;max-width:170px;color:#9d9d9d}.small-column.show{display:table-cell}@media (max-width: 1920px){.logo-home{margin-top:-100px;width:200px}.menu-item{width:250px}.menu-item img{height:150px}.menu-item .menu-title{font-size:16px;margin-top:30px}.circle{margin-left:-325px;width:650px;height:600px}.inner-footer img{width:220px;margin-left:-110px;bottom:45px}.inner-title{margin-top:60px;font-size:30px}.inner-sub{font-size:18px;line-height:26px;width:260px}.inner-buttons{margin-top:100px}.inner-button{width:300px;height:70px;font-size:18px}.home,.previous,.previous{width:70px;height:70px}.home img,.previous img,.previous img{width:24px;margin-top:-4px}.previous{left:115px}.game-buttons{margin-top:200px}.game-buttons div{width:320px;height:70px;font-size:20px}.game-buttons div.options{height:50px;font-size:16px}.small-item{width:150px}.mode-small{width:220px}.small-value{font-size:18px}.best-score .number-best{font-size:16px}#word{font-size:62px}#input-area{font-size:22px;height:60px;width:380px}.options-menu{padding:20px;padding-right:10px}}@media (max-width: 1365px){.logo-home{margin-bottom:100px}.inner-head img{margin-top:35px;height:100px}.inner-title{margin-top:40px;font-size:26px}.inner-buttons{margin-top:50px;grid-gap:10px}.inner-button{width:270px;height:60px;font-size:16px}.game-buttons{margin-top:100px}.game-buttons div{width:300px}.options-menu{width:100%;height:100%;margin-top:0;margin-bottom:0;box-sizing:border-box;bottom:0;z-index:1;display:flex;align-items:center;visibility:hidden}.options-menu.active{visibility:visible}.options-checkboxes{grid-template-columns:repeat(3, 1fr);width:70%;grid-gap:10px}.options-checkboxes label{border:none;background:#6062ff;border-radius:5px;font-size:16px}.options-sub{margin-bottom:20px}#game-container{margin-top:70px}#input-area{margin-top:40px}#word{font-size:50px}#word.smaller{font-size:42px}#translation{margin-top:10px;font-size:24px}#input-area{height:55px;width:330px}.circle{margin-left:-300px;width:600px;margin-bottom:-420px;height:550px}.flashcards-upper{grid-template-columns:repeat(2, 1fr)}.inner-button{width:100%}}@media (max-width: 767px){.inner-list{grid-template-columns:repeat(2, 1fr);padding:0 30px;box-sizing:border-box}.menu{grid-template-columns:repeat(1, 1fr);grid-gap:15px}.menu-item{padding:20px 10px}.menu-item img{height:100px}.logo-home{margin-bottom:50px;width:140px}.home,.previous,.previous{left:20px;top:20px;height:50px;width:50px}.home img,.previous img,.previous img{width:18px;margin-top:-3px}.previous{left:85px}.previous img{margin-left:-3px}.inner-footer img{width:200px;margin-left:-100px;bottom:65px}.inner-head img{margin-top:150px}.game-buttons{margin-top:80px}.small-item{width:100px}.score-time{right:20px;top:20px;grid-gap:10px}.small-title{font-size:11px;margin-bottom:5px}.points-small{border-radius:10px 10px 0 0}.best-score{height:30px;bottom:-30px;border-radius:0 0 10px 10px}.best-score .number-best{font-size:14px}.best-score img{width:14px}.options-checkboxes{grid-template-columns:repeat(1, 1fr);width:100%;height:350px}.options-checkboxes label{min-height:50px}#word{font-size:36px}#word.smaller{font-size:30px}.game-sub{margin-top:5px;font-size:20px}.flashcard{border:2px solid #6686ff}.flash-main-title{font-size:26px}.flashcards-upper{grid-template-columns:repeat(1, 1fr);width:94%;margin:50px 0}.flashcard-container{width:100%}.flash-description{padding:15px 20px}.lesson-title{margin-top:100px;margin-bottom:0}.lesson-container,header.lesson{height:auto}.mobile-anchors{display:flex}}