/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--z-index-header:100;--z-index-menu:19999;--z-index-menubutton:201;--z-index-modal:9999;--z-index-loader:99999}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0;padding:0}html{font-size:16px}body{font-smoothing:antialiased;font-size:1rem}.font-jp,body{font-family:Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,Roboto,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Arial,sans-serif}.text-center{text-align:center}.bold{font-weight:900}.pd-20{padding:20px}.pd-lr-20{padding:0 20px}a{color:#fff;cursor:pointer;text-align:center;text-decoration:none}.bg-colored{background:linear-gradient(91.84deg,rgba(0,255,204,0),rgba(0,255,204,.3)),#006f9e;min-height:100vh}.bg-colored.n3{background:#fddab2}.bg-colored.n2{background:#e1e8ed}.bg-colored .heading-common{color:#fff}.bg-colored .heading-common .name{color:#fff;display:inline-block}.bg-colored .heading-common .btn-back{color:#fff}.bg-colored .heading-common .btn-back:before{color:#fff}header.header~main{height:100%;min-height:calc(var(--vh,1vh)*100 - 50px)}.container{margin:0 auto;max-width:800px;width:100%}.container h2{font-size:1.5rem;margin:40px 0;text-align:center}.container .box{background-color:#fff;border-radius:8px;padding:20px;width:100%}.mw-400{margin:0 auto;max-width:500px;width:90%}.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-height-172{height:calc(var(--vh,1vh)*100 - 172px)}.content-bottom{margin-bottom:10px;margin-top:auto;padding:10px 40px;width:100%}footer.content-bottom{bottom:0;height:100px;margin-bottom:0;margin-top:auto;padding:0;position:absolute}.nbp{padding-bottom:0}.space-20,.space-40,.space-60{height:20px;width:100%}.no-login{padding:100px;text-align:center}.no-login .arrow{height:40px;margin:10px auto;position:relative;width:40px}.no-login .arrow:before{border-right:2px solid #666;border-top:2px solid #666;content:"";display:block;height:14px;position:absolute;right:0;top:0;-webkit-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);width:14px}.no-login .bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.no-login .btn-login{color:#666;cursor:pointer;font-size:1.2rem;font-weight:600;height:4em;text-align:left;text-decoration:none;vertical-align:middle}.heading-common{border-bottom:.25px solid rgba(0,0,0,.1);color:#000;font-size:1rem;font-weight:900;height:40px;line-height:1;margin:0;padding:12px 20px;position:relative;text-align:left}.heading-common br{display:none}.heading-common .btn-back{color:#006f9e;height:30px;width:30px}.heading-common .btn-back:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f053";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:1.25rem;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.heading-common.is-btn-back{padding-left:50px}.bg-main{min-height:calc(var(--vh,1vh)*100 - 50px)}.category_title{-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2);font-size:1.25rem;font-weight:900;height:50px;line-height:1;padding:15px}.category_title h3{font-size:1em}.heading-content-title{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;font-weight:900;height:34px;justify-content:space-between;line-height:1;padding:0 20px}.heading-content-title h3{font-size:1.25rem;line-height:1}.label-title{color:#000;font-size:1.25rem;font-weight:900;padding:20px;text-align:center}.flex-between .button+.button{margin-left:10px}.flex-around{-ms-flex-pack:distribute;justify-content:space-around}.flex-around,.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-start{-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.2) rotate(8deg);transform:scale(1.2) rotate(8deg)}40%,60%{-webkit-transform:scale(1.2) rotate(-8deg);transform:scale(1.2) rotate(-8deg)}80%,to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.2) rotate(8deg);transform:scale(1.2) rotate(8deg)}40%,60%{-webkit-transform:scale(1.2) rotate(-8deg);transform:scale(1.2) rotate(-8deg)}80%,to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{opacity:.6}50%{opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8)}to{opacity:0}}@keyframes burst{0%{opacity:.6}50%{opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8)}to{opacity:0}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.cookie-consent{background:#ecf5fc;bottom:0;font-size:.9em;padding:1em;position:sticky;text-align:center}.cookie-consent__message{color:#12537b;display:inline-block}.cookie-consent__message p{margin:0}.cookie-consent__agree{background:linear-gradient(91.84deg,rgba(0,255,204,0),rgba(0,255,204,.3)),#006f9e;border:0;border-radius:3px;-webkit-box-shadow:0 2px 5px rgba(224,60,56,.15);box-shadow:0 2px 5px rgba(224,60,56,.15);color:#fff;font-weight:700;margin:0 1em;padding:.5em 1em}.cookie-consent__agree:hover{border-color:#006f9e}.cookie-consent__agree:active{top:1px}.p-icon.pretty{-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;line-height:1;margin-right:1em;white-space:nowrap}.p-icon.pretty .state{margin-left:10px}.container{display:block}.container .row{margin:20px auto}.container .row hr{background:#d7d9e2;border:none;height:1px;margin:40px 0}.content-head{background-color:#fff}.content-head .content-head-wrapper{background-color:rgba(0,0,0,.2);height:calc(var(--vh,1vh)*100 - 90px);position:absolute;top:90px;width:100%;z-index:var(--z-index-modal)}.sub-menu-open{color:#006f9e;cursor:pointer;position:absolute;right:36px;top:50%}.sub-menu-open:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f078";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:0;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sub-menu-open.open:before{color:#006f9e;content:"\f077"}.sub-menu-close{color:#006f9e;cursor:pointer;height:18px;margin:30px auto 20px;width:18px}.sub-menu-close:before{-webkit-font-smoothing:antialiased;content:"\f077";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;text-rendering:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sub-menu-modal{background-color:#fff;border-bottom:1px solid #d7d9e2;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2);margin:0 auto;padding:20px;width:100%;z-index:var(--z-index-modal)}.sub-menu-modal .sub-menu-grid{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-template-columns:repeat(2,1fr)}.sub-menu-modal .sub-menu-row{margin-top:16px;width:100%}.sub-menu-modal .sub-menu-item{background:#f6f9ff;border-radius:8px;cursor:default;height:124px;padding:20px;position:relative;text-align:center;width:100%}.sub-menu-modal .sub-menu-item .menu-item-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:48px;width:48px}.sub-menu-modal .sub-menu-item .menu-item-icon.grammar{background-image:url(/assets/images/icons/icon-grammar-disabled.svg)}.sub-menu-modal .sub-menu-item .menu-item-icon.listening{background-image:url(/assets/images/icons/icon-listening-disabled.svg)}.sub-menu-modal .sub-menu-item .menu-item-icon.practice{background-image:url(/assets/images/icons/icon-practice-disabled.svg)}.sub-menu-modal .sub-menu-item .menu-item-icon.script{background-image:url(/assets/images/icons/icon-script-disabled.svg)}.sub-menu-modal .sub-menu-item .menu-item-icon.title{background-image:url(/assets/images/icons/icon-list-disabled.svg)}.sub-menu-modal .sub-menu-item .menu-item-title{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#d7d9e2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;font-size:.8rem;font-weight:700;height:40px;justify-content:center;position:relative;text-align:center}.sub-menu-modal .sub-menu-item .menu-item-title:before{-webkit-font-smoothing:antialiased;content:url(/assets/images/icons/icon-lock.svg);display:inline-block;font-style:normal;font-variant:normal;font-weight:900;left:0;position:absolute;text-rendering:auto;top:53%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sub-menu-modal .sub-menu-item.active{cursor:pointer}.sub-menu-modal .sub-menu-item.active .menu-item-title{color:#006f9e}.sub-menu-modal .sub-menu-item.active .menu-item-title:before{content:none}.sub-menu-modal .sub-menu-item.active .menu-item-icon.grammar{background-image:url(/assets/images/icons/icon-grammar.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.grammar.disabled{background-image:url(/assets/images/icons/icon-grammar-disabled.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.listening{background-image:url(/assets/images/icons/icon-listening.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.listening.disabled{background-image:url(/assets/images/icons/icon-listening-disabled.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.practice{background-image:url(/assets/images/icons/icon-practice.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.practice.disabled{background-image:url(/assets/images/icons/icon-practice-disabled.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.script{background-image:url(/assets/images/icons/icon-script.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.script.disabled{background-image:url(/assets/images/icons/icon-script-disabled.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.title{background-image:url(/assets/images/icons/icon-list.svg)}.sub-menu-modal .sub-menu-item.active .menu-item-icon.title.disabled{background-image:url(/assets/images/icons/icon-list-disabled.svg)}.sub-menu-modal .sub-menu-item.full{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;justify-content:flex-start;padding:0 16px}.sub-menu-modal .sub-menu-item.full .menu-item-title{padding-left:18px}.sub-menu-modal .sub-menu-item.full .menu-item-icon{height:32px;width:32px}.notification-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#6b6d75;border-radius:16px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:1rem;font-weight:900;padding:24px}.notification-box strong{font-size:1.25rem;font-weight:900}.notification-box.alert{background-color:#e03c38}:root .heading-common ruby,_::-webkit-full-page-media,_:future{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,Roboto,BIZ UDPGothic,Meiryo,Arial,sans-serif}:root .lesson-exam ruby,_::-webkit-full-page-media,_:future{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,Roboto,BIZ UDPGothic,Meiryo,Arial,sans-serif}:root .lesson-quiz ruby,_::-webkit-full-page-media,_:future{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,Roboto,BIZ UDPGothic,Meiryo,Arial,sans-serif}:root .lesson-quiz .box-question p,_::-webkit-full-page-media,_:future{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,Roboto,BIZ UDPGothic,Meiryo,Arial,sans-serif}:root .lesson-quiz .button.button-choice,_::-webkit-full-page-media,_:future{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,Roboto,BIZ UDPGothic,Meiryo,Arial,sans-serif}.button,input:not([type=checkbox]):not([type=radio]){border-radius:8px;width:100%}.button{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f6f9ff;border:none;border-radius:100px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:1.25rem;font-weight:900;height:56px;justify-content:center;line-height:1;margin:16px auto;max-width:400px;padding:16px 32px;position:relative;text-align:center;width:335px;width:100%}.button.disabled{color:#d7d9e2;cursor:default}.button.disabled.next:before{-webkit-font-smoothing:antialiased;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;position:absolute;right:20px;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button.b-400{max-width:400px}.button-primary{background:linear-gradient(91.84deg,rgba(0,255,204,0),rgba(0,255,204,.3)),#006f9e;color:#fff}.button-primary.on,.button-primary:focus,.button-primary:hover{-webkit-box-shadow:0 0 0 3px #006f9e;box-shadow:0 0 0 3px #006f9e}.button-primary.checkmark:before{-webkit-font-smoothing:antialiased;content:"\f00c";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-primary.next:before{-webkit-font-smoothing:antialiased;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;position:absolute;right:20px;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-primary.undo:before{-webkit-font-smoothing:antialiased;content:"\f0e2";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-default{background:#f6f9ff;color:#006f9e}.button-default.on,.button-default:focus,.button-default:hover{-webkit-box-shadow:0 0 0 3px #006f9e;box-shadow:0 0 0 3px #006f9e}.button-default.back:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f053";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-default.next:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;position:absolute;right:20px;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-default.checkmark:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f00c";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-default.undo:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f0e2";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-back{background:#f6f9ff;color:#006f9e}.button-back.on,.button-back:focus,.button-back:hover{-webkit-box-shadow:0 0 0 3px #006f9e;box-shadow:0 0 0 3px #006f9e}.button-back:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f053";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-enter{border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#006f9e}.button-enter:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f00c";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-enter.disabled{color:#d7d9e2;cursor:default}.button-enter.disabled:before{color:#d7d9e2;cursor:default}.button-clear{background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000}.button-clear:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f00d";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button-choice{-webkit-box-pack:start;-ms-flex-pack:start;background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;justify-content:flex-start;padding-left:70px;text-align:left}.button-choice:before{-webkit-font-smoothing:antialiased;color:#fff;content:url(/assets/images/method/status_available.svg);display:inline-block;font-style:normal;font-variant:normal;font-weight:900;height:40px;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px}.button-choice.correct{background:#f6f9ff;-webkit-box-shadow:inherit;box-shadow:inherit}.button-choice.correct:before{content:url(/assets/images/method/status_completed.svg)}.button-choice.incorrect{background:#f6f9ff;-webkit-box-shadow:inherit;box-shadow:inherit;color:#e03c38}.button-choice.incorrect:before{content:url(/assets/images/method/status_incorrect.svg)}.button-no-access{background:#919191;color:#fff}.button-secondary{border:1px solid #c1c1c1;color:#4b5764;margin:0 auto;padding:6px;width:49%!important}.button-secondary .material-icons{color:#4b5764}.button-secondary.translation{width:100%!important}.close-button-right{float:right}.close-button-right:after{clear:both}.button-icon{border:none;color:#666}.button-icon .material-icons{color:#666}.material-icons{color:#fff}.toggle{height:24px;position:relative;width:40px}.toggle:before{content:url(/assets/images/icons/icon-toggle-disabled.svg);height:24px;left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px}.toggle.on:before{content:url(/assets/images/icons/icon-toggle.svg)}.form-title{font-size:2.5rem;line-height:40px}.form-label,.form-title{font-style:normal;font-weight:900;text-align:center}.form-label{font-size:1rem;line-height:20px}.form-label a{color:#006f9e}.form-label.password-reset{font-size:1.25rem}.form-text{font-size:1.1rem;font-style:normal;margin-top:8px}.form{padding:20px}.form .container{max-width:375px;padding:0 16px;width:375px}.form hr{background:#d7d9e2;border:none;height:1px;margin:40px -20px}.form .form-group,.form hr.mg-bottom{margin-bottom:20px}.form .form-group .form-label~input.form-control{margin-top:8px}.form .form-group .form-label~.tos{margin-top:8px}.form .form-group #checktos+.form-label+.form-label{margin-left:40px}.form input.form-control:not([type=checkbox]):not([type=radio]){background:#f6f9ff;border:1px solid #e7e9f2;display:block;font-size:1.1rem;padding:16px}.form input.form-control:not([type=checkbox]):not([type=radio]):focus{outline-width:0}.form input.form-control:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder{color:#d7d9e2}.form input.form-control:not([type=checkbox]):not([type=radio])::-moz-placeholder{color:#d7d9e2}.form input.form-control:not([type=checkbox]):not([type=radio]):-ms-input-placeholder{color:#d7d9e2}.form input.form-control:not([type=checkbox]):not([type=radio])::-ms-input-placeholder{color:#d7d9e2}.form input.form-control:not([type=checkbox]):not([type=radio])::placeholder{color:#d7d9e2}.form input.form-control:not([type=checkbox]):not([type=radio]).readonly{background:#f3f3f3;color:#006f9e}.form input.form-control.is-invalid{border-color:#e03c38!important}.form .invalid-feedback,.form .invalid-feedback>.material-icons,.form .invalid-feedback>span{color:#e03c38;vertical-align:middle}.form input.checkbox[type=checkbox]{display:none}.form input[type=checkbox]+label{cursor:pointer;display:none;display:inline-block;padding-left:30px;padding-right:10px;position:relative}.form input.checkbox[type=checkbox]+label{font-size:1.25rem}.form input.checkbox[type=checkbox]+label:before{background-color:#f6f9ff;border:1px solid #e7e9f2;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:24px;left:0;margin-top:-14px;position:absolute;top:50%;width:24px}.form input.checkbox[type=checkbox]:checked+label:after{border-bottom:4px solid #006f9e;border-left:4px solid #006f9e;border-right-color:#006f9e;border-top-color:#006f9e;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:10px;left:4px;margin-top:-9px;position:absolute;top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:18px}.form .label-required{color:#e03c38;float:right;font-weight:700}.form .select2{margin-bottom:20px;margin-top:8px;width:100%}.form .select2-container .select2-selection--single{background:#f6f9ff;border-radius:8px;font-size:1.1rem;min-height:53px;padding:16px;width:100%}.form .select2-container--default .select2-selection--single{background:#f6f9ff;border:1px solid #e7e9f2;padding:16px}.form .select2-container--default .select2-selection--single .select2-selection__arrow{top:25%}.form .form-control-select{margin-bottom:20px;margin-top:8px;width:100%}.form .form-control-select .vs__dropdown-toggle{background:#f6f9ff;border:1px solid #e7e9f2;font-size:1.1rem;height:60px;min-height:60px;padding:12px 16px;width:100%}.form .form-control-select .vs__dropdown-toggle .vs__selected{margin:0;padding:0}.form .form-control-select .vs__dropdown-toggle .vs__actions{padding:0}.form .form-control-select .vs__dropdown-toggle .vs__actions .vs__clear{margin-top:-2px}.form .form-control-select .vs__search::-webkit-input-placeholder{font-size:1.1rem}.form .form-control-select .vs__search::-moz-placeholder{font-size:1.1rem}.form .form-control-select .vs__search:-ms-input-placeholder{font-size:1.1rem}.form .form-control-select .vs__search::-ms-input-placeholder{font-size:1.1rem}.form .form-control-select .vs__dropdown-menu,.form .form-control-select .vs__dropdown-toggle,.form .form-control-select .vs__search::placeholder{font-size:1.1rem}.form .select3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f6f9ff;border:1px solid #e7e9f2;border-radius:8px;display:block;font-size:1.1rem;margin-top:8px;min-height:53px;padding:12px 16px;width:100%}.form .select3:focus{outline-width:0}.form .select3::-webkit-input-placeholder{color:#d7d9e2}.form .select3::-moz-placeholder{color:#d7d9e2}.form .select3:-ms-input-placeholder{color:#d7d9e2}.form .select3::-ms-input-placeholder{color:#d7d9e2}.form .select3::placeholder{color:#d7d9e2}.form .select3::-ms-expand{display:none}.form .select3-wrap{position:relative;width:100%}.form .select3-wrap:after{border-color:transparent transparent transparent #888;border-style:solid;border-width:4px 0 4px 5px;content:"";height:0;margin-top:-2px;position:absolute;right:8px;top:50%;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);width:0}.container-scroll{border:1px solid #e7e9f2;border-radius:8px;height:300px;overflow-y:auto;padding:10px;width:100%}.container-scroll h1{font-size:1em}.container-scroll h4{margin:10px 0}.container-scroll ol{list-style-type:decimal;padding:0 0 0 20px}.container-scroll ul{list-style-type:disc;padding:0 0 0 20px}.container-scroll li,.container-scroll p{line-height:1.5;padding:5px 0}@media screen and (min-width:480px){.form .container{max-width:800px;width:800px}.button{max-width:800px}}.bg-login{min-height:calc(var(--vh,1vh)*100 - 50px)}.bg-login .container{max-width:400px}.bg-login .bg-login-main{-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2)}.bg-login .bg-login-bottom,.bg-login .bg-login-main{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.bg-login .bg-login-bottom{min-height:120px}.bg-login .bg-login-inner{border-radius:6px;margin:0;padding:20px}.bg-login .form-title{margin-top:60px}.login.form{padding:0}.login.form .form-group:first-child{margin-top:40px}.logout-form .label-logout{font-size:1.25rem;margin:40px 0;text-align:center}.bm-overlay{background:rgba(0,0,0,.3)}.bg-colored .header .nav-logo{background-image:url(/assets/images/logo/jslmethod-logo-white.svg)}.bg-colored .header .bm-burger-button .bm-burger-bars{background-color:#fff}.bg-colored .header .survival-logo{background-image:url(/assets/images/logo/survival_logo_square.svg)}.bg-colored .header .levels-logo{background-image:url(/assets/images/logo/levels_icon_white.svg)}.header{background:0 0;border-bottom:.25px solid rgba(0,0,0,.1);height:50px;position:relative;text-transform:capitalize}.header .nav-logo{fill:#e03c38;background-image:url(/assets/images/logo/jslmethod-logo-red.svg);height:34px;left:60px;width:154px}.header .nav-home,.header .nav-logo{background-repeat:no-repeat;background-size:contain;display:inline-block;position:absolute;top:8px;z-index:var(--z-index-header)}.header .nav-home{fill:#ca021e;height:38px;left:10px;width:38px}.header .survival-logo{background-image:url(/assets/images/logo/survival_logo_square.svg);right:54px}.header .levels-logo,.header .survival-logo{fill:#e03c38;background-repeat:no-repeat;background-size:contain;display:inline-block;height:32px;position:absolute;top:8px;width:32px;z-index:var(--z-index-header)}.header .levels-logo{background-image:url(/assets/images/logo/levels_icon_red.svg);right:100px}.header .bm-burger-button{height:25px;left:36px;margin-right:-20px;position:absolute;top:12px;width:25px;z-index:var(--z-index-header)}.header .bm-burger-button .bm-burger-bars{background-color:#e03c38}.header .bm-burger-button .line-style{border-radius:2px;height:12%;height:4px;left:0;position:absolute;right:0}.header .bm-menu{background-color:#000;-webkit-box-shadow:-15px 0 17px -7px rgba(0,0,0,.15);box-shadow:-15px 0 17px -7px rgba(0,0,0,.15);color:#fff;height:100%;left:0;overflow-x:hidden;padding-top:50px;position:fixed;right:0;top:0;-webkit-transition:.5s;transition:.5s;width:0;z-index:var(--z-index-menu)}.header .bm-menu .bm-item-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b8b7ad;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:1rem;line-height:1;margin-left:0}.header .bm-menu .bm-item-list .menu-text{color:#fff;left:20px;position:absolute;top:20px}.header .bm-menu .bm-item-list:first-child{border-top:1px solid hsla(0,0%,100%,.2)}.header .bm-menu .bm-item-list .navigation{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid hsla(0,0%,100%,.2);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:20px;width:100%}.header .bm-menu .bm-item-list .navigation-logout{border-bottom:none;border-top:1px solid hsla(0,0%,100%,.2);bottom:0;position:absolute}.header .bm-menu .bm-item-list>*{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;text-decoration:none;width:100%}.header .bm-menu .bm-item-list>:hover{opacity:.75}.header .bm-menu .bm-item-list>*>span{color:#fff;font-weight:300;font-weight:700;margin:0 auto}.header .bm-menu .bm-cross-button{height:30px;margin-right:-240px;width:30px}.header .bm-menu .cross-style{cursor:pointer;position:absolute;right:2px;top:20px}.header .bm-menu .cross-style .bm-cross{background:#fff;border-radius:2px;height:20px!important;margin-left:12px;margin-top:-5px;width:3px!important}.header.top-nav{-webkit-box-shadow:none;box-shadow:none;height:0}.header.top-nav .nav-logo,.header.top-nav .survival-logo{fill:#fff}.header.top-nav .bm-burger-button .bm-burger-bars{background-color:#fff}.header.is-notice .bm-burger-button:before{background-color:red;border-radius:50%;content:"";height:10px;position:absolute;right:-5px;top:-5px;width:10px;z-index:var(--z-index-menubutton)}.modal{background-color:#fff;background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;overflow:auto;padding-top:25%;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.modal .modal-content{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 1px 25px rgba(0,0,0,.1);box-shadow:0 1px 25px rgba(0,0,0,.1);margin:auto;max-width:343px;padding:20px;position:relative;width:100%}.modal .modal-content .material-icons{font-size:60px}.modal .modal-content .icon-lesson-step-done{color:#006f9e}.modal .modal-content .icon-lesson-step-no-access,.modal .modal-content .icon-lesson-step-ready{color:#919191}.modal .modal-content .close{border-radius:50%;color:#000;font-size:1.5rem;padding:10px;position:absolute;right:10px;top:10px}.modal .modal-content .close:focus,.modal .modal-content .close:hover{background:#e7e7e7;cursor:pointer;text-decoration:none}.modal .modal-content p{font-size:1.5rem}.modal.modal-show{display:block}@-webkit-keyframes animatezoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animatezoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.main-bg .map-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:calc(var(--vh,1vh)*100 - 50px)}.main-bg .map-page .menu{display:inline-block;opacity:.5;position:absolute;right:10px;top:10px;width:50px}.main-bg .map-page .menu:hover{cursor:pointer;opacity:1}.main-bg .map-page .main-text{color:#fff;padding:10px 0 0 20px}.main-bg .map-page .main-text .japanese-lessons{font-size:10vw;font-size:40px;font-weight:900}.main-bg .map-page .main-text .choose-one{font-size:5vw;font-size:24px;line-height:2}.main-bg .map-page .map{margin:0 auto;position:relative}.main-bg .map-page .map .test{color:#fff;left:10vw;position:absolute;top:10vw}.main-bg .map-page .map .map-img{width:100vw}.main-bg .map-page .map .map-img .map-bg{fill-opacity:0}.main-bg .map-page .map .map-img .region-hokkaido{fill:#0cf}.main-bg .map-page .map .map-img .region-tohoku{fill:#0c9}.main-bg .map-page .map .map-img .region-kanto{fill:#9c0}.main-bg .map-page .map .map-img .region-chubu{fill:#ff0}.main-bg .map-page .map .map-img .region-kansai{fill:#fc0}.main-bg .map-page .map .map-img .region-shikoku{fill:#f90}.main-bg .map-page .map .map-img .region-chugoku{fill:red}.main-bg .map-page .map .map-img .region-kyushu{fill:#f6c}.main-bg .map-page .map .map-img .region-okinawa{fill:#c0f}.main-bg .map-page .map .map-click{-webkit-filter:url(#shadow);filter:url(#shadow);font-size:24px;font-weight:700;height:10vw;position:absolute;width:10vw}.main-bg .map-page .map .map-click:focus{outline:0}.main-bg .map-page .map .map-click:hover{cursor:pointer;opacity:.75}.main-bg .map-page .map .map-click .lock-gray{fill:#6b6d75}.main-bg .map-page .map .map-click .number-white{fill:#fff}.main-bg .map-page .map .map-click .hidden{visibility:hidden}.main-bg .map-page .map .map-click-1{left:82vw;top:19vw}.main-bg .map-page .map .map-click-2{left:73vw;top:37vw}.main-bg .map-page .map .map-click-3{left:65vw;top:56vw}.main-bg .map-page .map .map-click-4{left:55vw;top:61vw}.main-bg .map-page .map .map-click-5{left:44vw;top:67vw}.main-bg .map-page .map .map-click-6{left:34vw;top:72vw}.main-bg .map-page .map .map-click-7{left:21vw;top:68vw}.main-bg .map-page .map .map-click-8{left:14vw;top:78vw}.main-bg .map-page .map .map-click-9{left:4vw;top:83vw}@media (orientation:landscape){.main-bg .map-page .main-text{position:absolute}.main-bg .map-page .map,.main-bg .map-page .map .map-img{height:calc(var(--vh,1vh)*100 - 50px)}.main-bg .map-page .map .map-img{width:auto}.main-bg .map-page .map .map-click{height:calc(var(--vh,1vh)*100*.1 - 5px);width:calc(var(--vh,1vh)*100*.1 - 5px)}.main-bg .map-page .map .map-click-1{left:calc(var(--vh,1vh)*100*.82 - 41px);top:calc(var(--vh,1vh)*100*.19 - 9.5px)}.main-bg .map-page .map .map-click-2{left:calc(var(--vh,1vh)*100*.73 - 36.5px);top:calc(var(--vh,1vh)*100*.37 - 18.5px)}.main-bg .map-page .map .map-click-3{left:calc(var(--vh,1vh)*100*.65 - 32.5px);top:calc(var(--vh,1vh)*100*.56 - 28px)}.main-bg .map-page .map .map-click-4{left:calc(var(--vh,1vh)*100*.55 - 27.5px);top:calc(var(--vh,1vh)*100*.61 - 30.5px)}.main-bg .map-page .map .map-click-5{left:calc(var(--vh,1vh)*100*.44 - 22px);top:calc(var(--vh,1vh)*100*.67 - 33.5px)}.main-bg .map-page .map .map-click-6{left:calc(var(--vh,1vh)*100*.34 - 17px);top:calc(var(--vh,1vh)*100*.72 - 36px)}.main-bg .map-page .map .map-click-7{left:calc(var(--vh,1vh)*100*.21 - 10.5px);top:calc(var(--vh,1vh)*100*.68 - 34px)}.main-bg .map-page .map .map-click-8{left:calc(var(--vh,1vh)*100*.14 - 7px);top:calc(var(--vh,1vh)*100*.78 - 39px)}.main-bg .map-page .map .map-click-9{left:calc(var(--vh,1vh)*100*.04 - 2px);top:calc(var(--vh,1vh)*100*.83 - 41.5px)}}.learning-progress-circle{fill:hsla(0,0%,100%,.2);stroke-linecap:round;font-size:.8rem;font-weight:900;height:145px;width:145px}.learning-progress-circle .progress-circle-front{stroke-width:8;fill:none}.learning-progress-circle .progress-circle-1{stroke:url(#linearColors1)}.learning-progress-circle .progress-circle-2{stroke:url(#linearColors2)}.learning-progress-circle .progress-circle-3{stroke:url(#linearColors3)}.learning-progress-circle .progress-circle-4{stroke:url(#linearColors4)}.learning-progress-circle .progress-circle-5{stroke:url(#linearColors5)}.learning-progress-circle .progress-circle-6{stroke:url(#linearColors6)}.learning-progress-circle .progress-circle-7{stroke:url(#linearColors7)}.learning-progress-circle .progress-circle-8{stroke:url(#linearColors8)}.learning-progress-circle .progress-circle-9{stroke:url(#linearColors9)}.learning-progress-circle .progress-circle-n3{stroke:url(#linearColorsN3)}.learning-progress-circle .progress-circle-n3-early{stroke:#ff5c04}.learning-progress-circle .progress-circle-n2{stroke:url(#linearColorsN2)}.learning-progress-circle .progress-circle-n2-early{stroke:#ff5c04}.learning-progress-circle .progress-text{fill:#fff}.learning-progress-circle .progress-text.progress-section{font-size:28px;-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}.learning-progress-circle .progress-text.progress-percentage{font-size:16px;font-weight:400;-webkit-transform:translateY(16px);-ms-transform:translateY(16px);transform:translateY(16px)}.learning-progress-circle.learning-progress-top{height:37vw;left:15vw;position:absolute;top:15vw;width:37vw}.bg-colored.n2 .progress-text,.bg-colored.n3 .progress-text{fill:#000}@media (orientation:landscape){.learning-progress-circle.learning-progress-top{left:calc(var(--vh,1vh)*100*.15 - 7.5px);top:calc(var(--vh,1vh)*100*.15 - 7.5px);width:calc(var(--vh,1vh)*100*.37 - 18.5px)}}.controls{border-bottom:1px solid rgba(0,145,58,.2);color:#006f9e}.controls .section-back{margin:0 auto;max-width:400px;width:90%}.controls .section-back .link-back{padding:17px 15px 0 0}.controls .section-back .link-back .arrow-back{background-image:url(/assets/images/method/arrow-left-blue.svg);background-repeat:no-repeat;height:15px;margin-top:5px;width:10px}.controls .section-back .name{font-size:1.3rem;font-weight:700;padding:17px 0}.lesson-region .heading-common{padding:7px 20px 8px 50px}.lesson-region .heading-common .name{font-size:1rem;ruby-position:under}.lesson-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:calc(var(--vh,1vh)*100 - 109px);padding:20px}@media only screen and (min-width:451px){.lesson-list{padding-bottom:15px}}.lesson-list .lesson{background-color:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.1);color:#313131;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:900;margin:8px;max-width:350px;max-width:400px;padding:10px 20px;width:100%}.lesson-list .lesson:hover{cursor:pointer}.lesson-list .lesson.lesson-locked{background-color:#f6f9ff;-webkit-box-shadow:none;box-shadow:none;color:#d7d9e2}.lesson-list .lesson.lesson-locked .status{background-image:url(/assets/images/method/status_locked.svg)!important}.lesson-list .lesson.lesson-locked .lesson-link{background-image:url(/assets/images/method/arrow-right-gray.svg)!important}.lesson-list .lesson.lesson-completed .status{background-image:url(/assets/images/method/status_completed.svg)!important}.lesson-list .lesson .number{-webkit-box-pack:center;-ms-flex-pack:center;display:inline-block;font-size:1.3rem;justify-content:center;padding-right:15px}.lesson-list .lesson .grammar-access,.lesson-list .lesson .number{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-list .lesson .grammar-access{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.lesson-list .lesson .grammar-access .grammar{display:inline-block;max-width:75%;padding-right:10px}.lesson-list .lesson .grammar-access .status{background-image:url(/assets/images/method/status_available.svg);background-repeat:no-repeat;height:40px;margin-left:auto;margin-right:15px;width:40px}.lesson-list .lesson .grammar-access .lesson-link{background-image:url(/assets/images/method/arrow-right-blue.svg);background-repeat:no-repeat;height:15px;width:10px}.bg-colored.n3 .lesson-region .heading-common .name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.bg-colored.n3 .lesson-list .lesson.lesson-completed .status{background-image:url(/assets/images/method/status_completed_n3.svg)!important}.bg-colored.n3 .lesson-list .lesson .grammar-access .lesson-link{background-image:url(/assets/images/method/arrow-right-orange.svg)}.bg-colored.n2 .lesson-region .heading-common .name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.bg-colored.n2 .lesson-list .lesson.lesson-completed .status{background-image:url(/assets/images/method/status_completed_n2.svg)!important}.bg-colored.n2 .lesson-list .lesson .grammar-access .lesson-link{background-image:url(/assets/images/method/arrow-right-orange.svg)}@media screen and (min-width:480px){.controls .section-back{max-width:800px}.lesson-list{padding:20px}.lesson-list .lesson{max-width:800px}}.picture-player{height:100%;width:100%}.picture-player .picture-play-layer-image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.picture-player .picture-play-layer-text-box{background-color:rgba(0,0,0,.6);display:block;max-height:50%;width:100%}.picture-player .picture-play-layer-text-box .picture-play-layer-text{word-wrap:break-word;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;font-size:80px;font-weight:400;height:100%;justify-content:center;line-height:1.5;padding:0;vertical-align:middle;white-space:pre;width:100%;word-break:break-all}.buttons-audio,.picture-player .picture-play-layer-text-box .picture-play-layer-text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.buttons-audio{-webkit-box-pack:justify;-ms-flex-pack:justify;border-radius:100px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);justify-content:space-between;margin:20px 0}.buttons-audio .buttons-play-area{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding:8px;text-align:center}.buttons-audio .buttons-play-area .button-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:40px;width:40px}.buttons-audio .buttons-play-area .button-icon.play{background-image:url(/assets/images/icons/icon-play.svg)}.buttons-audio .buttons-play-area .button-icon.pause{background-image:url(/assets/images/icons/icon-pause.svg)}.buttons-audio .buttons-play-area .button-icon.replay{background-image:url(/assets/images/icons/icon-replay-disabled.svg)}.buttons-audio .buttons-play-area .button-icon.replay.on{background-image:url(/assets/images/icons/icon-replay.svg)}.buttons-audio .buttons-play-area .play-label{font-weight:900;margin-left:8px}.buttons-audio .buttons-play-area .play-time{color:#d7d9e2;margin-left:8px}.buttons-audio.playing .buttons-play-area .button-icon.replay{background-image:url(/assets/images/icons/icon-replay.svg)}.container-quiz .buttons-audio{margin:30px auto;max-width:400px;width:100%}.lesson-script .buttons-audio{margin:10px auto;max-width:400px;width:100%}.lesson-multiaudio .slide{aspect-ratio:16/9;padding:0 20px;position:relative;width:100%}.lesson-multiaudio .slide .slide-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;margin:0 auto;width:100%}.lesson-multiaudio .slide .slide-image.square{left:0;margin:0 auto;position:absolute;top:0}@media screen and (max-width:450px){.lesson-multiaudio .slide{aspect-ratio:1/1}.lesson-multiaudio .slide .slide-image.square{height:0;padding-bottom:100%}}.buttons-at-the-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(var(--vh,1vh)*100 - 174px);justify-content:space-between}.buttons-at-the-bottom.review{height:calc(var(--vh,1vh)*100 - 124px)}@media only screen and (min-width:451px){.player-grammar{padding:0 20px}}.buttons-side-by-side{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:0 20px}.buttons-side-by-side .button{margin:15px 0}.buttons-side-by-side .button.back{padding-left:50px}.buttons-side-by-side .button.next{padding-right:50px}.buttons-side-by-side .button:first-child{margin-right:8px}.buttons-side-by-side .button:last-child{margin-left:8px}.lesson-explanation .row{padding:0 20px}.lesson-explanation .rounded-list{list-style:none;padding:0}.lesson-explanation .rounded-list li{font-size:1rem;font-weight:900;margin-bottom:20px}.lesson-exam .footer-quiz,.lesson-exam .quiz-box{padding:0 20px}.lesson-exam .footer-quiz .box-button.button-next-done .button{margin-top:16px}.lesson-exam .button-choice{margin:6px auto}.lesson-exam .heading-content-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.lesson-exam .heading-content-right,.lesson-exam .lives{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-exam .lives{-webkit-box-pack:justify;-ms-flex-pack:justify;border-left:1px solid #d7d9e2;justify-content:space-between;margin-left:8px;padding-left:8px}.lesson-exam .lives .icon-life{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;margin-right:2px;width:20px}.lesson-exam .lives .icon-life.star-available{background-image:url(/assets/images/icons/icon-life.svg)}.lesson-exam .lives .icon-life.star-spent{background-image:url(/assets/images/icons/icon-life-disabled.svg)}.lesson-exam .questions-combined{margin-top:8px}.lesson-exam .button-multiple-choice{background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);min-width:56px;padding:inherit;width:100%}.lesson-exam .box-fill-in-the-blank{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:2.25rem;justify-content:center;margin-bottom:20px}.lesson-exam .box-fill-in-the-blank .fitb-blank-box{margin:0 6px;padding:0;width:20%}.lesson-exam .box-fill-in-the-blank .fitb-blank-box:first-child{margin-left:0}.lesson-exam .box-fill-in-the-blank .fitb-blank-box:last-child{margin-right:0}.lesson-exam .box-fill-in-the-blank .fitb-blank-box.fitb-box-text{width:auto}.lesson-exam .box-fill-in-the-blank .fitb-blank-box .fitb-blank{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f6f9ff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;height:56px;justify-content:center;min-height:4rem;min-width:4rem;width:100%}.lesson-exam .box-fill-in-the-blank .fitb-blank-box .fitb-blank-underline{background-color:#000;height:2px;margin-top:8px;min-width:4rem;width:100%}.lesson-exam .box-fill-in-the-blank .fitb-text{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:56px;justify-content:center;min-height:4rem;min-width:4rem;white-space:nowrap;width:100%}.lesson-exam .answer-result-box{height:40px}.lesson-exam .answer-result-box .answer-result{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:900;justify-content:center}.lesson-exam .answer-result-box .answer-result.answer-correct{color:#006f9e}.lesson-exam .answer-result-box .answer-result.answer-correct .icon-correct{background-image:url(/assets/images/icons/icon-correct.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:40px;margin-right:10px;width:40px}.lesson-exam .answer-result-box .answer-result.answer-incorrect{color:#006f9e}.lesson-exam .answer-result-box .answer-result.answer-incorrect .icon-incorrect{background-image:url(/assets/images/icons/icon-incorrect.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:40px;margin-right:10px;width:40px}.lesson-exam .container.score .box-score{width:100%}.lesson-exam .container.score .box-score .image-score{background-position:50%;background-repeat:no-repeat;background-size:contain;height:160px;width:100%}.lesson-exam .container.score .box-score .image-score.perfect{background-image:url(/assets/images/result_perfect_1.png)}.lesson-exam .container.score .box-score .image-score.pass{background-image:url(/assets/images/result_pass_1.png)}.lesson-exam .container.score .box-score .image-score.failure{background-image:url(/assets/images/result_again_1.png)}.lesson-exam .container.score .box-score .score-result{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;padding:20px;text-align:center}.lesson-exam .container.score .box-score .score-result .score-shown{margin-left:8px}.lesson-exam .container.score .box-score .score-result .score-shown .score-count{color:#006f9e;font-size:2.5rem;font-weight:900}.lesson-exam .container.score .box-score .score-result.perfect .score-count{color:#006f9e}.lesson-exam .container.score .box-score .message{font-size:1.2rem;text-align:center}.lesson-exam .container.score:last-child{padding-bottom:0}.lesson-exam .box-question-explanation{margin:0 0 8px;text-align:left}.lesson-exam .box-question-explanation p{word-wrap:normal;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:normal}.lesson-exam .box-question-explanation .nowrap{white-space:nowrap}.lesson-exam .box-question-explanation u{border-bottom:1px solid #000;text-decoration:none}.lesson-exam .box-question{background:#f6f9ff;border-radius:8px;margin:0 0 8px;padding:16px}.lesson-exam .box-question p{word-wrap:normal;font-weight:900;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:normal}.lesson-exam .box-question .nowrap{white-space:nowrap}.lesson-exam .box-question u{border-bottom:1px solid #000;text-decoration:none}.lesson-quiz .footer-quiz,.lesson-quiz .quiz-box{padding:0 20px}.lesson-quiz .footer-quiz .box-button.button-next-done .button{margin-top:16px}.lesson-quiz .button-choice{font-size:1rem;margin:6px auto}.lesson-quiz .box-question-explanation{margin:0 0 8px;text-align:left}.lesson-quiz .box-question-explanation p{word-wrap:normal;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:normal}.lesson-quiz .box-question-explanation .nowrap{white-space:nowrap}.lesson-quiz .box-question-explanation u{border-bottom:1px solid #000;text-decoration:none}.lesson-quiz .box-question{background:#f6f9ff;border-radius:8px;margin:0 0 8px;padding:16px}.lesson-quiz .box-question p{word-wrap:normal;font-weight:900;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:normal}.lesson-quiz .box-question .nowrap{white-space:nowrap}.lesson-quiz .box-question u{border-bottom:1px solid #000;text-decoration:none}.lesson-quiz .container.score{padding-top:20px}.lesson-quiz .container.score .box-score{width:100%}.lesson-quiz .container.score .box-score .image-score{background-position:50%;background-repeat:no-repeat;background-size:contain;height:160px;width:100%}.lesson-quiz .container.score .box-score .image-score.perfect{background-image:url(/assets/images/result_perfect_1.png)}.lesson-quiz .container.score .box-score .image-score.pass{background-image:url(/assets/images/result_pass_1.png)}.lesson-quiz .container.score .box-score .image-score.failure{background-image:url(/assets/images/result_again_1.png)}.lesson-quiz .container.score .box-score .score-result{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;padding:20px;text-align:center}.lesson-quiz .container.score .box-score .score-result .score-shown{margin-left:8px}.lesson-quiz .container.score .box-score .score-result .score-shown .score-count{color:#006f9e;font-size:2.5rem;font-weight:900}.lesson-quiz .container.score .box-score .score-result.perfect .score-count{color:#006f9e}.lesson-quiz .container.score .box-score .message{font-size:1.2rem;text-align:center}.lesson-quiz .container.score:last-child{padding-bottom:0}.lesson-quiz .heading-content-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.lesson-quiz .heading-content-right,.lesson-quiz .lives{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-quiz .lives{-webkit-box-pack:justify;-ms-flex-pack:justify;border-left:1px solid #d7d9e2;justify-content:space-between;margin-left:8px;padding-left:8px}.lesson-quiz .lives .icon-life{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;margin-right:2px;width:20px}.lesson-quiz .lives .icon-life.star-available{background-image:url(/assets/images/icons/icon-life.svg)}.lesson-quiz .lives .icon-life.star-spent{background-image:url(/assets/images/icons/icon-life-disabled.svg)}.lesson-quiz .questions-combined{margin-top:8px}.lesson-quiz .button-multiple-choice{background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);min-width:56px;padding:inherit;width:100%}.question-progress{padding:8px 0;width:100%}.question-progress .progress-label{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.question-progress .progress-label,.question-progress .progress-label .label-progress{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.question-progress .progress-label .label-progress{-webkit-box-pack:start;-ms-flex-pack:start;color:#000;font-size:1.25rem;justify-content:flex-start;padding-left:20px;position:relative}.question-progress .progress-label .label-progress p{font-weight:700;margin-right:4px}.question-progress .progress-label .label-progress:before{-webkit-font-smoothing:antialiased;color:#fff;content:url(/assets/images/icons/icon-clock.svg);display:inline-block;font-style:normal;font-variant:normal;font-weight:900;height:40px;left:0;position:absolute;text-rendering:auto;top:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px}.question-progress .progress-bar{background-color:#e7e9f2;border-radius:20px;height:8px;margin-top:4px;width:100%}.question-progress .progress-bar .progress-rate{background:linear-gradient(90.09deg,rgba(255,153,0,0),#f90 99.87%),#e03c38;border-radius:20px;height:100%;width:0}.box-propositions ul li.button-choice{display:block;padding-top:1.25rem}.slide{overflow:hidden}.slide .slide-image:not(.slide-show){-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slide-fadeout;animation-name:slide-fadeout;display:none;opacity:0}.slide .slide-image.slide-show{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slide-fadein;animation-name:slide-fadein;display:block;opacity:1}@media screen and (min-width:480px){.lesson-exam .box-propositions .grid{grid-gap:1rem}.lesson-exam .box-propositions .grid .button-multiple-choice{width:100%}.lesson-exam .container.score .box-score .image-score{height:320px}.lesson-exam .slide{padding:0 40px;width:100%}.lesson-exam .slide .slide-image{width:100%}.lesson-exam .slide .slide-image.square{height:0;margin:0 auto;padding-bottom:50%;position:relative}}.container-app{margin:0 auto;max-width:400px;padding-bottom:20px;text-align:center;width:90%}.container-app .container-quiz .progress{margin:15px 0}.container-app .container-quiz .progress .progress-bar-background{background:#eaeaea;border-radius:10px;height:10px;width:100%}.container-app .container-quiz .progress .progress-bar{background-color:#006f9e;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;height:5px;height:10px;margin-top:-10px;-webkit-transition:.5s;transition:.5s;width:100%}.container-app .container-quiz .box h2{font-size:1.2rem}.container-app .container-quiz .box .lives{margin-top:10px}.container-app .container-quiz .box .lives .star-available{color:#ffb100;font-size:2rem}.container-app .container-quiz .box .lives .star-spent{color:#d5d5d5;font-size:2rem}.container-app .container-quiz .box .questions-combined{margin:20px 0}.container-app .container-quiz .box .questions-combined .box-question{font-size:1.1em;font-weight:900;text-align:left}.container-app .container-quiz .box .questions-combined .box-question p{word-wrap:normal;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:normal}.container-app .container-quiz .box .questions-combined .box-question .nowrap{white-space:nowrap}.container-app .container-quiz .box .questions-combined .box-question u{border-bottom:1px solid #000;text-decoration:none}.container-app .container-quiz .box .questions-combined .box-question-explanation{margin-bottom:15px;text-align:left}.container-app .container-quiz .box .questions-combined .box-question-explanation p{word-wrap:normal;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:normal}.container-app .container-quiz .box .questions-combined .box-question-explanation .nowrap{white-space:nowrap}.container-app .container-quiz .box .questions-combined .box-question-explanation u{border-bottom:1px solid #000;text-decoration:none}.container-app .container-quiz .box .box-propositions .button-multiple-choice{border:1px solid #c1c1c1;font-size:1rem;position:relative}.container-app .container-quiz .box .box-propositions .button-multiple-choice:hover{opacity:.8}.container-app .container-quiz .box .box-propositions .card-selected,.container-app .container-quiz .box .box-propositions .correct,.container-app .container-quiz .box .box-propositions .incorrect,.container-app .container-quiz .box .box-propositions .incorrected{cursor:default}.container-app .container-quiz .box .box-propositions .card-selected .fa,.container-app .container-quiz .box .box-propositions .card-selected .far,.container-app .container-quiz .box .box-propositions .card-selected .fas,.container-app .container-quiz .box .box-propositions .correct .fa,.container-app .container-quiz .box .box-propositions .correct .far,.container-app .container-quiz .box .box-propositions .correct .fas,.container-app .container-quiz .box .box-propositions .incorrect .fa,.container-app .container-quiz .box .box-propositions .incorrect .far,.container-app .container-quiz .box .box-propositions .incorrect .fas,.container-app .container-quiz .box .box-propositions .incorrected .fa,.container-app .container-quiz .box .box-propositions .incorrected .far,.container-app .container-quiz .box .box-propositions .incorrected .fas{position:absolute;right:10px}.container-app .container-quiz .box .box-propositions .card-selected:hover,.container-app .container-quiz .box .box-propositions .correct:hover,.container-app .container-quiz .box .box-propositions .incorrect:hover,.container-app .container-quiz .box .box-propositions .incorrected:hover{opacity:1}.container-app .container-quiz .box .box-propositions .correct{background-color:#add45c;border:1px solid #add45c;color:#fff}.container-app .container-quiz .box .box-propositions .incorrect{background-color:#c70039;border:1px solid #c70039;color:#fff}.container-app .container-quiz .box .box-propositions .grid li.button{font-weight:700}.container-app .container-quiz .box .box-propositions .grid li.button:not(.correct):not(.incorrect){color:#787878}.container-app .container-quiz .box .box-fill-in-the-blank{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;color:#787878;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:3rem;justify-content:center}.container-app .container-quiz .box .box-fill-in-the-blank .fitb-blank{-webkit-box-shadow:inset 0 0 0 3px #000;box-shadow:inset 0 0 0 3px #000}.container-app .container-quiz .box .box-fill-in-the-blank .fitb-blank,.container-app .container-quiz .box .box-fill-in-the-blank .fitb-text{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:0 5px;min-height:4rem;min-width:4rem}.container-app .container-quiz .box .box-fill-in-the-blank .fitb-text{border:3px solid #fff}.container-app .container-quiz .box .timer{margin:10px auto 0;text-align:center}.container-app .container-quiz .box .timer .countdown{color:#006f9e;font-weight:900}.container-app .container-quiz .footer-quiz .button{background-color:#919191;font-size:1rem;margin-top:20px}.container-app .container-quiz .footer-quiz .button.button-access{background-color:#006f9e;color:#fff}.container-app .score .box-score h2{font-size:2rem;margin:20px 0;text-transform:uppercase}.container-app .score .box-score .score-shown{font-size:1.5rem;letter-spacing:10px;margin:20px 0}.container-app .score .box-score .score-shown span{color:#006f9e}.container-app .score .box-score img{height:auto;margin:20px 0;width:100%}.container-app .score .box-score .message{font-size:1rem;letter-spacing:0;line-height:1.5rem;margin:30px 0}.container-app .score .box-score .message-perfect{font-size:1.5rem;line-height:2rem}.play-script .container.nbp{height:calc(100vh - 357px)}.play-script .container.nbp .lesson-script{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.play-script .sticky{min-height:176px}.lesson-script{margin-bottom:40px;padding:0 20px}.lesson-script .character{-webkit-box-orient:horizontal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;font-size:.8rem;margin:20px auto}.lesson-script .character,.lesson-script .character .character-info{-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-script .character .character-info{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;text-align:center}.lesson-script .character .character-info img{background:#fff;border:1px solid #a7a7a7;border-radius:50%;margin-bottom:10px;max-width:100px;width:100%}.lesson-script .character .character-info .character-name{margin:5px 0}.lesson-script .character .speech{font-size:1rem;line-height:1.5rem;padding-left:20px;width:100%}.lesson-script .character .speech .speech-bubble{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0;padding:20px;position:relative}.lesson-script .character .speech .speech-bubble.on{color:#3490dc}.lesson-script .character .speech .speech-bubble .jp{font-weight:400}.lesson-script .character .speech .speech-bubble .script-translation{color:#6b6d75;margin-top:16px}.lesson-script .character .speech .speech-bubble:before{left:-5px;top:10px;-webkit-transform:rotate(45deg) skew(-20deg,-20deg);-ms-transform:rotate(45deg) skew(-20deg,-20deg);transform:rotate(45deg) skew(-20deg,-20deg)}.lesson-script .character .speech .speech-bubble:before{content:"";height:15px;position:absolute;width:15px;z-index:1}.lesson-script .character .speech .speech-bubble:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.lesson-script .character .speech .speech-bubble>*{position:relative;z-index:3}.lesson-script .character .speech .speech-bubble,.lesson-script .character .speech .speech-bubble:after{border-radius:8px}.lesson-script .character .speech .speech-bubble,.lesson-script .character .speech .speech-bubble:before{-webkit-box-shadow:0 0 10px 0 hsla(0,0%,64%,.5);box-shadow:0 0 10px 0 hsla(0,0%,64%,.5)}.lesson-script .character .speech .speech-bubble,.lesson-script .character .speech .speech-bubble:after,.lesson-script .character .speech .speech-bubble:before{background:#fff}.lesson-script .character:last-child{margin-bottom:0}.lesson-script .buttons-audio{background:#f6f9ff;-webkit-box-shadow:inherit;box-shadow:inherit}.sticky{background:#fff;border-radius:0 0 6px 6px;bottom:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);padding-top:8px;position:sticky;width:100%;z-index:5}.sticky .script-buttons{margin:0 auto;max-width:800px}.sticky .buttons-audio,.sticky .buttons-side-by-side .button{margin:8px 0}.sticky .sticky-inner{padding:0 20px}.sticky .sticky-inner .buttons-audio{margin:10px auto;max-width:100%;width:100%}.sticky .sticky-inner .translation-off{background:#006f9e;border:1px solid #006f9e;color:#fff;padding:9px}.sticky .sticky-inner .translation-on{background:#fff;color:#006f9e}.heading-content-title .translation{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}.main-bg.n3{background:#fddab2;overflow:hidden}.main-bg.n3 .map-page{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:right;-ms-flex-pack:right;-ms-flex-direction:row;flex-direction:row;justify-content:right}.main-bg.n3 .map-page .n3-top-img{height:calc(100vh - 50px)}.main-bg.n3 .map-page .main-text{left:0;position:absolute;top:50px;z-index:500}.main-bg.n3 .map-page .learning-progress-circle.learning-progress-top{fill:#fff;left:auto;right:20px;top:66px;width:120px;z-index:2}.main-bg.n3 .map-page .learning-progress-circle.learning-progress-top .progress-circle.progress-top .progress-text.progress-percentage,.main-bg.n3 .map-page .learning-progress-circle.learning-progress-top .progress-circle.progress-top .progress-text.progress-section{fill:#000}.main-bg.n3 .map-page .units-n3-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;left:0;position:absolute;right:0;top:12.5rem}.main-bg.n3 .map-page .units-n3-container,.main-bg.n3 .map-page .units-n3-container .units-n3{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.main-bg.n3 .map-page .units-n3-container .units-n3{-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:45vh}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#ff3903;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:10vh;justify-content:center;margin:1vh;width:10vh}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit{color:#fff;-webkit-transform:translateY(-.25rem);-ms-transform:translateY(-.25rem);transform:translateY(-.25rem)}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit .unit-number{font-size:3vh;font-weight:900}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit .unit-text{font-size:2vh}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link:hover{opacity:.75}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link:not(.hidden){background:#fff}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link:not(.hidden) .units-n3-unit{color:#ff3903}@media (orientation:landscape){.main-bg.n3 .map-page .units-n3-container{top:0}.main-bg.n3 .map-page .units-n3-container .units-n3{max-width:60vw}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link{height:10vw;margin:1vw;width:10vw}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit .unit-number{font-size:3vw}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit .unit-text{font-size:2vw}}@media (orientation:portrait){.main-bg.n3 .n3-top-img{-webkit-transform:translate(26vh);-ms-transform:translate(26vh);transform:translate(26vh)}}@media (max-width:350px) and (orientation:portrait){.main-bg.n3 .map-page .main-text .japanese-lessons{font-size:2rem}.main-bg.n3 .map-page .main-text .choose-one{font-size:1.25rem}.main-bg.n3 .map-page .learning-progress-circle.learning-progress-top{width:95px}}@media (max-height:540px) and (orientation:landscape){.main-bg.n3 .map-page .main-text .japanese-lessons{font-size:2rem}.main-bg.n3 .map-page .main-text .choose-one{font-size:1.25rem}.main-bg.n3 .map-page .learning-progress-circle.learning-progress-top{width:95px}.main-bg.n3 .map-page .units-n3-container .units-n3{max-width:50vw}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link{height:8vw;margin:.75vw;width:8vw}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit .unit-number{font-size:2.4vw}.main-bg.n3 .map-page .units-n3-container .units-n3 .units-n3-link .units-n3-unit .unit-text{font-size:1.6vw}}.main-bg.n2{background:#e8eaec;overflow:hidden}.main-bg.n2 .map-page{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-direction:row;flex-direction:row;justify-content:center}.main-bg.n2 .map-page .n2-top-img{height:calc(100vh - 50px)}.main-bg.n2 .map-page .main-text{left:0;position:absolute;top:50px;z-index:500}.main-bg.n2 .map-page .learning-progress-circle.learning-progress-top{fill:#fff;left:auto;right:20px;top:66px;width:120px;z-index:2}.main-bg.n2 .map-page .learning-progress-circle.learning-progress-top .progress-circle.progress-top .progress-text.progress-percentage,.main-bg.n2 .map-page .learning-progress-circle.learning-progress-top .progress-circle.progress-top .progress-text.progress-section{fill:#000}.main-bg.n2 .map-page .units-n2-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;left:0;position:absolute;right:0;top:12.5rem}.main-bg.n2 .map-page .units-n2-container,.main-bg.n2 .map-page .units-n2-container .units-n2{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.main-bg.n2 .map-page .units-n2-container .units-n2{-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:45vh}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:hsla(0,0%,100%,.85);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:10vh;justify-content:center;margin:1vh;width:10vh}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit{color:#000;-webkit-transform:translateY(-.25rem);-ms-transform:translateY(-.25rem);transform:translateY(-.25rem)}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit .unit-number{font-size:3vh;font-weight:900}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit .unit-text{font-size:2vh}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link:hover{opacity:.75}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link:not(.hidden){background:#000}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link:not(.hidden) .units-n2-unit{color:#fff}@media (orientation:landscape){.main-bg.n2 .map-page .units-n2-container{top:0}.main-bg.n2 .map-page .units-n2-container .units-n2{max-width:60vw}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link{height:10vw;margin:1vw;width:10vw}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit .unit-number{font-size:3vw}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit .unit-text{font-size:2vw}}@media (orientation:portrait){.main-bg.n2 .n2-top-img{-webkit-transform:translate(-20vh);-ms-transform:translate(-20vh);transform:translate(-20vh);-webkit-transform:translate(32vh);-ms-transform:translate(32vh);transform:translate(32vh)}}@media (max-width:350px) and (orientation:portrait){.main-bg.n2 .map-page .main-text .japanese-lessons{font-size:2rem}.main-bg.n2 .map-page .main-text .choose-one{font-size:1.25rem}.main-bg.n2 .map-page .learning-progress-circle.learning-progress-top{width:95px}}@media (max-height:540px) and (orientation:landscape){.main-bg.n2 .map-page .main-text .japanese-lessons{font-size:2rem}.main-bg.n2 .map-page .main-text .choose-one{font-size:1.25rem}.main-bg.n2 .map-page .learning-progress-circle.learning-progress-top{width:95px}.main-bg.n2 .map-page .units-n2-container .units-n2{max-width:50vw}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link{height:8vw;margin:.75vw;width:8vw}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit .unit-number{font-size:2.4vw}.main-bg.n2 .map-page .units-n2-container .units-n2 .units-n2-link .units-n2-unit .unit-text{font-size:1.6vw}}.levels .heading-common{padding-top:9px}.levels .heading-common .name{font-size:1rem;ruby-position:under}.levels .levels-box{margin:20px}.levels .levels-box .levels-list{background-color:#fff;border-radius:16px;margin:auto;max-width:350px;padding:15px;width:100%}.levels .levels-box .levels-list .level-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f0f0f0;background-repeat:no-repeat;background-size:cover;border-radius:16px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:95px;margin-bottom:15px;max-width:320px;padding:10px;text-align:left;width:100%}.levels .levels-box .levels-list .level-link:last-child{margin:0}.levels .levels-box .levels-list .level-link.n2{background-image:url(/assets/images/levels/levels_n2.png)}.levels .levels-box .levels-list .level-link.n3{background-image:url(/assets/images/levels/levels_n3.png)}.levels .levels-box .levels-list .level-link.n4-5{background-image:url(/assets/images/levels/levels_n4-n5.png)}.levels .levels-box .levels-list .level-link.n4-5 .level{color:#fff;font-size:1.5rem;font-weight:900;min-height:55px;min-width:55px;position:relative}.levels .levels-box .levels-list .level-link.n4-5 .level .n4,.levels .levels-box .levels-list .level-link.n4-5 .level .n5{position:absolute}.levels .levels-box .levels-list .level-link.n4-5 .level .n4{left:-2px;top:-5px}.levels .levels-box .levels-list .level-link.n4-5 .level .n5{left:23px;top:30px}.levels .levels-box .levels-list .level-link.n4-5 .level .slash{background-color:#fff;height:3px;left:-8px;position:absolute;top:26px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:70px}.levels .levels-box .levels-list .level-link.n4-5 .text{color:#fff}.levels .levels-box .levels-list .level-link .level-link:last-child{margin:0}.levels .levels-box .levels-list .level-link:hover{cursor:pointer;opacity:.75}.levels .levels-box .levels-list .level-link .level{font-size:2.5rem;font-weight:900}.levels .levels-box .levels-list .level-link .text{font-size:1.3rem;font-weight:500;margin-left:10px}.levels .levels-box .levels-list .level-link.n1 .level,.levels .levels-box .levels-list .level-link.n1 .text{color:#ccc}.profile{min-height:calc(var(--vh,1vh)*100 - 50px)}.profile .profile-progress-circle{margin:0 auto 20px;width:145px}.profile.profile-edit section.container .row{margin-top:0}.profile .container{position:relative;word-break:break-all}.profile .container.profile-top{padding:20px}.profile .container .message-success{background:#006f9e;border-radius:6px;color:#fff;font-weight:900;margin-top:20px;padding:20px;text-align:center}.profile .container .button-settings{cursor:pointer;position:absolute;right:0;top:-.5rem}.profile .container .button-settings .material-icons{font-size:2.5rem}.profile .container .button-settings:hover{opacity:.75}.profile .container .profile-id{color:#fff;font-weight:900;text-align:center}.profile .container .profile-id .profile-id-name{font-size:1.5rem;margin-bottom:.5rem}.profile .container .profile-id .profile-id-country{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.profile .container .profile-id .profile-id-country i{font-size:1.5rem;margin-right:.2rem}.profile .container .profile-id .profile-id-country span{margin-left:.2rem;padding-top:.125rem}.profile .container .profile-div{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.profile .container .profile-div .profile-category{color:#fff;font-size:1.25rem;font-style:normal;font-weight:700;text-align:left}.profile .container .profile-div .profile-time{margin-top:1.875rem}.profile .container .profile-div .profile-information{margin-bottom:20px;margin-top:8px}.profile .container .profile-div .profile-info-top{background:#006f9e;background:#002e4a;border-radius:8px 8px 0 0;color:#fff;font-weight:900;padding:1.5625rem;text-align:center}.profile .container .profile-div .profile-info-body{background:#fff;border-radius:8px;padding:20px;position:relative}.profile .container .profile-div .profile-info-body .button-edit{position:absolute;right:10px}.profile .container .profile-div .profile-info-body .button-edit .material-icons{color:#006f9e}.profile .container .profile-div .profile-info-body .form-group:first-child{margin-top:0}.profile .container .profile-div .profile-info-body .form-group:last-child{margin-bottom:0}.profile .container .profile-div .profile-info-body .profile-info-body-section{padding:1.5625rem 1.875rem}.profile .container .profile-div .profile-info-body .profile-info-body-section .heading{font-size:1rem;font-weight:900;margin-bottom:.3125rem}.profile .container .profile-div .profile-info-body.subscription{background-color:#f6f9ff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.profile .container .profile-div .progress-list .progress-label{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.profile .container .profile-div .progress-list .progress-label .label-correct{color:#6b6d75;font-size:.75rem}.profile .container .profile-div .progress-list .progress-label .correct-rate{color:#000;font-size:1rem;font-weight:700;margin-left:8px}.profile .container .profile-div .progress-list .progress-bar{background-color:#e7e9f2;border-radius:20px;height:8px;margin-top:4px;width:100%}.profile .container .profile-div .progress-list .progress-bar .progress-rate{background:linear-gradient(91.84deg,rgba(0,255,204,0),rgba(0,255,204,.3)),#006f9e;border-radius:20px;height:100%;width:0}.profile .container .button-logout{background:0 0;border:1px solid #fff;color:#fff}.profile .container .color-accent{color:#006f9e}.profile .container .settings-email,.profile .container .settings-password,.profile .container .settings-profile,.profile .container .settings-subscription{background:#fff;border-radius:8px;margin:20px 0;position:relative}.profile .container .settings-email .settings-section,.profile .container .settings-password .settings-section,.profile .container .settings-profile .settings-section,.profile .container .settings-subscription .settings-section{padding:1.5625rem 3.5rem 1.5625rem 1.5625rem}.profile .container .settings-email .settings-section .heading,.profile .container .settings-password .settings-section .heading,.profile .container .settings-profile .settings-section .heading,.profile .container .settings-subscription .settings-section .heading{margin-bottom:.3125rem}.profile .container .settings-email .button-edit,.profile .container .settings-password .button-edit,.profile .container .settings-profile .button-edit,.profile .container .settings-subscription .button-edit{cursor:pointer;font-size:1.5rem;padding:1rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.profile .container .settings-email .button-edit:hover,.profile .container .settings-password .button-edit:hover,.profile .container .settings-profile .button-edit:hover,.profile .container .settings-subscription .button-edit:hover{opacity:.75}.profile .container .settings-email .button-edit .material-icons,.profile .container .settings-password .button-edit .material-icons,.profile .container .settings-profile .button-edit .material-icons,.profile .container .settings-subscription .button-edit .material-icons{color:#666}.profile .container .settings-profile .settings-section:not(:last-child){padding-bottom:0}.profile .container.container-edit{background:#fff;border-radius:8px;margin-top:20px;padding-top:10px}.profile .container .item-name{color:#686868;margin-bottom:8px}.profile .container .radio input{margin:0}.profile .container .invalid-feedback>.material-icons,.profile .container .invalid-feedback>span{color:red;vertical-align:middle}.profile .container .button{margin-top:30px}.profile .container .modal-button{border:1px solid #e7e9f2;margin:10px auto}.profile .container .modal{padding-bottom:6%;padding-top:6%}.profile .container .modal h3{border-bottom:1px solid #eee;color:#686868;padding:0 0 16px 20px}.profile .container .modal .modal-content{border-radius:8px;padding:20px 0 10px}.profile .container .modal .modal-content .radio{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #eee;color:#686868;display:-webkit-box;display:-ms-flexbox;display:flex;height:54px;justify-content:space-between;padding:20px}.profile .container .modal .modal-content .radio input[type=radio]{cursor:pointer;height:1.4em;width:1.4em}.profile .container .modal .modal-content .button{font-size:1rem;margin:20px auto 10px;max-width:200px}.notice section.container{padding:20px}.notice section.container .row{margin:0 auto;width:100%}.notice .notice-list{font-size:1rem;list-style:none;margin:10px auto 30px;width:100%}.notice .notice-list li{background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;font-size:1rem;margin-bottom:8px;position:relative}.notice .notice-list li:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;position:absolute;right:20px;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.notice .notice-list li:hover{opacity:.8}.notice .notice-list li a{color:#000;display:block;text-decoration:none;width:100%}.notice .notice-list li span{color:#666;font-size:.75rem}.notice .notice-list li .title{color:#000;font-size:1em;margin:8px 0}.notice .notice-list li .date{color:#6b6d75;font-size:.9em}.notice .notice-detail{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.notice .notice-detail .title{color:#000;font-size:1em;font-weight:700;margin:0 0 8px}.notice .notice-detail .date{color:#6b6d75;font-size:1em;margin:8px 0}.notice .notice-detail .detail{color:#000;font-size:1rem;line-height:1.5;margin-top:8px;white-space:pre-wrap}.notice .notice-list li{padding:20px}.notice .notice-list li+.notice-list li{margin-top:20px}.notice .notice-list li img{margin-right:15px;width:64px}.notice .notice-list li small{color:#657786;font-size:.875rem}.inquiry .inquiry-container{-webkit-overflow-scrolling:touch;height:calc(var(--vh,1vh)*100 - 220px);overflow-y:auto;padding:0 20px}.inquiry .inquiry-container .container{min-height:inherit}.inquiry .inquiry-list{font-size:16px;list-style:none;margin:10px auto 30px;width:100%}.inquiry .inquiry-list li{margin-bottom:20px;position:relative}.inquiry .inquiry-list li span{color:#666;font-size:12px}.inquiry .inquiry-list li .inquiry-box{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.inquiry .inquiry-list li .inquiry-box .title-head{color:#6b6d75;font-size:.9em;margin-bottom:8px;text-align:right}.inquiry .inquiry-list li .inquiry-box .detail{color:#000;font-size:1em;line-height:1.5;margin-bottom:15px;white-space:pre-wrap}.inquiry .inquiry-list li .inquiry-box.user{border-radius:20px;border-top-right-radius:0;margin-left:auto;margin-right:0;width:80%}.inquiry .inquiry-list li .inquiry-box.admin,.inquiry .inquiry-list li .inquiry-box.agent,.inquiry .inquiry-list li .inquiry-box.company{background:#f3f3f3;border-radius:20px;border-top-left-radius:0;margin-left:0;margin-right:auto;width:80%}.inquiry .inquiry-list li:hover{opacity:.8}.inquiry .button.inquiry:before{-webkit-font-smoothing:antialiased;color:#fff;content:url(/assets/images/icons/icon-ask.svg);display:inline-block;font-style:normal;font-variant:normal;font-weight:900;left:20px;position:absolute;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.inquiry footer.content-bottom{border-top:1px solid #d7d9e2;padding:0 20px}.inquiry.inquiry-message section.container{margin-top:40px}.inquiry.inquiry-message .form-group{margin:0 20px}.inquiry.inquiry-message .form-group textarea.form-control{background:#f6f9ff;border:1px solid #e7e9f2;border-radius:8px;padding:20px;width:100%}.inquiry.inquiry-message .form-message{font-size:1rem;margin-top:8px}.situation .profile-progress-circle{margin:0 auto 20px;width:145px}.situation section.container{padding:20px}.situation section.container .row{margin:20px auto;width:100%}.situation .label-learning-box{text-align:center;width:100%}.situation .label-learning-box .label-learning{color:#fff;font-weight:900;margin:0 auto}.situation .label-learning-box .label-learning-time{color:#fff;font-size:1.25rem;font-weight:900;margin:0 auto}.situation .label-learning-box .label-learning-time .color-accent{font-size:2.5rem;font-weight:900}.situation .situation-level{font-size:1.5rem;font-weight:900;height:40px;padding-top:8px;width:34px}.situation .situation-status{background-image:url(/assets/images/method/status_available.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:40px;width:40px}.situation .situation-status.completed{background-image:url(/assets/images/method/status_completed.svg)!important}.situation .situation-list{font-size:1rem;list-style:none;margin:10px auto 30px;width:100%}.situation .situation-list li{background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;font-size:1rem;margin-bottom:8px;position:relative}.situation .situation-list li:hover{opacity:.8}.situation .situation-list li a{color:#000;display:block;text-decoration:none;width:100%}.situation .situation-list li span{color:#666;font-size:.75rem}.situation .situation-list li .title{color:#000;font-size:1.25rem;font-weight:700;margin:0 0 8px;position:relative;width:100%}.situation .situation-list li .title br{display:none}.situation .situation-list li .title:before{-webkit-font-smoothing:antialiased;color:#006f9e;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;position:absolute;right:20px;text-rendering:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.situation .situation-list li .situation-data-box{-ms-flex-pack:distribute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.situation .situation-list li .situation-data-box .situation-data{width:50%}.situation .situation-list li .situation-data-box .situation-data.left .situation-progress{padding-left:0}.situation .situation-list li .situation-data-box .situation-data.right .situation-progress{padding-right:0}.situation .situation-list li .situation-data-box .situation-data.full{width:100%}.situation .situation-list li .situation-data{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;margin-top:8px}.situation .situation-list li .situation-data .situation-status{margin-left:15px;margin-right:auto}.situation .situation-list li .situation-data .situation-progress{padding:0 8px;width:100%}.situation .situation-list li .situation-data .situation-progress .progress-label{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.situation .situation-list li .situation-data .situation-progress .progress-label .label-correct{color:#6b6d75;font-size:.75rem}.situation .situation-list li .situation-data .situation-progress .progress-label .correct-rate{color:#000;font-size:1rem;font-weight:700;margin-left:8px}.situation .situation-list li .situation-data .situation-progress .progress-bar{background-color:#e7e9f2;border-radius:20px;height:8px;margin-top:4px;width:100%}.situation .situation-list li .situation-data .situation-progress .progress-bar .progress-rate{background:linear-gradient(91.84deg,rgba(0,255,204,0),rgba(0,255,204,.3)),#006f9e;border-radius:20px;height:100%;width:0}.situation .situation-list li .date{color:#6b6d75;font-size:1em}.situation.situation-detail .situation-list li .title{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;justify-content:space-between}.situation.situation-detail .situation-list li .title:before{content:none}.situation.situation-detail .situation-list li .title .situation-status{height:24px;margin-left:auto;margin-right:15px;width:24px}.situation .situation-list li{padding:16px}.situation .situation-list li+.situation-list li{margin-top:20px}.situation .situation-list li img{margin-right:15px;width:64px}.situation .situation-list li small{color:#657786;font-size:.875rem}.signup .container{max-width:343px}.signup .register-step{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;justify-content:space-between;margin:0 auto;width:320px}.signup .register-step .step-item{font-size:.75rem;font-weight:900;height:24px;text-align:center;width:100%}.signup .register-step .step-item.on,.signup .register-step .step-item:first-child{color:#006f9e}.signup .register-step-bg{background-position:bottom;background-repeat:no-repeat;background-size:contain;height:20px;margin:6px auto 0;width:250px}.signup .register-step-bg,.signup .register-step-bg.step1{background-image:url(/assets/images/register/register-step1.svg)}.signup .register-step-bg.step2{background-image:url(/assets/images/register/register-step2.svg)}.signup .register-step-bg.step3{background-image:url(/assets/images/register/register-step3.svg)}.signup .register-step-bg.step4{background-image:url(/assets/images/register/register-step4.svg)}.signup .form-signup{padding:20px 0}.signup .form-signup .button.button-primary{margin-top:40px}.signup .form-signup .form-group.checktos{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.signup .form.form-signup:not(.form-bottom){padding-bottom:0}.signup .form.form-signup.form-bottom{padding:0}.tos-label{font-size:1rem;font-style:normal;font-weight:900}.tos-label a{color:#006f9e}@media screen and (min-width:480px){.signup .container{max-width:800px}.signup .register-step{height:48px;width:530px}.signup .register-step .step-item{font-size:1.5rem;font-weight:700;height:48px;text-align:center;width:100%}.signup .register-step-bg{height:40px;width:430px}}@media only screen and (min-width:445px){.register .container .profile-div{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-direction:row-reverse;flex-direction:row-reverse;justify-content:space-between}.register .container .profile-div .profile-information,.register .container .profile-div .profile-time{width:48%}}.row.subscribe-box{padding:20px}.row.subscribe-box .form-group-half{width:50%}.row.subscribe-box .form-group.subscribe.flex{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.row.subscribe-box .form-group.subscribe.flex .form-group-half:first-child{margin-left:0;margin-right:6px}.row.subscribe-box .form-group.subscribe.flex .form-group-half:last-child{margin-left:6px;margin-right:0}.row.subscribe-box .form-group.subscribe .StripeElement{background-color:#f6f9ff;border-radius:8px;margin:8px 0 20px}.row.subscribe-box .form-group.subscribe *{font-size:1rem}.row.subscribe-box .form-group.subscribe>button,.row.subscribe-box .form-group.subscribe>div{margin:0 10px}.row.subscribe-box .form-group.subscribe form{max-width:496px!important;padding:0 15px}.row.subscribe-box .form-group.subscribe form>*+*{margin-top:20px}.row.subscribe-box .form-group.subscribe .container{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);padding:3px}.row.subscribe-box .form-group.subscribe fieldset{background:rgba(18,91,152,.05);border-radius:8px;border-style:none;margin-left:-5px;margin-right:-5px;padding:5px}.row.subscribe-box .form-group.subscribe fieldset legend{color:#8898aa;float:left;font-size:.75rem;padding:3px 10px 7px;text-align:center;width:100%}.row.subscribe-box .form-group.subscribe .card-only{display:block}.row.subscribe-box .form-group.subscribe .payment-request-available{display:none}.row.subscribe-box .form-group.subscribe fieldset legend+*{clear:both}.row.subscribe-box .form-group.subscribe button,.row.subscribe-box .form-group.subscribe input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;color:#fff;outline:0}.row.subscribe-box .form-group.subscribe input:-webkit-autofill{-webkit-animation:void-animation-out 1ms;-webkit-transition:background-color 100000000s;transition:background-color 100000000s}.row.subscribe-box .form-group.subscribe #example4-card{margin-bottom:2px;padding:10px}.row.subscribe-box .form-group.subscribe input{-webkit-animation:void-animation-out 1ms}.row.subscribe-box .form-group.subscribe input::-webkit-input-placeholder{color:#9bacc8}.row.subscribe-box .form-group.subscribe input::-moz-placeholder{color:#9bacc8}.row.subscribe-box .form-group.subscribe input:-ms-input-placeholder{color:#9bacc8}.row.subscribe-box .form-group.subscribe button{background-color:#e03c38;border-radius:2px;-webkit-box-shadow:0 2px 5px rgba(224,60,56,.15);box-shadow:0 2px 5px rgba(224,60,56,.15);color:#fff;cursor:pointer;display:block;height:37px;margin-top:20px;width:100%}.row.subscribe-box .form-group.subscribe button:active{background-color:#b76ac4}.row.subscribe-box .form-group.subscribe .error svg .base{fill:#e25950}.row.subscribe-box .form-group.subscribe .error svg .glyph{fill:#f6f9fc}.row.subscribe-box .form-group.subscribe .error .message{color:#e25950}.row.subscribe-box .form-group.subscribe .success .icon .border{stroke:#ffc7ee}.row.subscribe-box .form-group.subscribe .success .icon .checkmark{stroke:#d782d9}.row.subscribe-box .form-group.subscribe .success .title{color:#32325d}.row.subscribe-box .form-group.subscribe .success .message{color:#8898aa}.row.subscribe-box .form-group.subscribe .success .reset path{fill:#d782d9}.row.subscribe-box .form-group.subscribe .StripeElement{padding:10px 12px}.row.subscribe-box .form-group.subscribe.plan{margin-bottom:40px}.row.subscribe-box .form-group.subscribe.plan button{background-color:#ed5f74;background-color:#e03c38;border:0;border-radius:var(--radius);color:#fff;cursor:pointer;display:block;font-weight:600;margin-top:16px;padding:12px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.row.subscribe-box .form-group.subscribe.plan button:hover{-webkit-filter:contrast(115%);filter:contrast(115%)}.row.subscribe-box .form-group.subscribe.plan button:active{-webkit-filter:brightness(.9);filter:brightness(.9);-webkit-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.row.subscribe-box .form-group.subscribe.plan button:disabled{cursor:none;opacity:.5}.row.subscribe-box .form-group.subscribe.plan button.button-choose{background:#fff;border:1px solid #006f9e;color:#006f9e;font-size:1em;margin-top:20px}.row.subscribe-box .form-group.subscribe.plan .price-list .selected button.button-choose{background:#006f9e;color:#fff}.row.subscribe-box .form-group.subscribe.plan .price-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box{-webkit-box-flex:3;-ms-flex-positive:3;background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;flex-grow:3;font-size:1rem;padding:20px;position:relative}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box:hover{opacity:.8}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box.disabled{opacity:.5}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box.selected{background:#f6f9ff;-webkit-box-shadow:inherit;box-shadow:inherit}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box.selected .plan-name-box .plan-status{background-image:url(/assets/images/method/status_completed.svg)!important}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box .plan-name-box{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box .plan-name-box .plan-status{margin-right:10px}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box .plan-name-box .plan-name{font-size:1.5rem}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box .plan-name-box .plan-name-info{color:#006f9e;font-size:1.5rem;font-weight:700;margin-left:auto;margin-right:0}.row.subscribe-box .form-group.subscribe.plan .price-list .plan-box .plan-price{font-size:2.5rem;font-weight:900;margin-left:50px}.row.subscribe-box .plan-status{background-image:url(/assets/images/method/status_available.svg);background-repeat:no-repeat;height:40px;width:40px}.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;text-align:center;width:100%}.flex-between .password-reset{color:#12537b;font-size:.8rem}.signup .subscription .form-group.message{padding:0 40px}.signup .subscription .form-group.message div{white-space:pre-wrap}.signup .subscription table{width:100%}.signup .subscription table th{text-align:right;width:40%}.signup .subscription table td{padding:20px;width:60%}.settings-subscription tr>td,.settings-subscription tr>th{padding:10px}.plyr--full-ui input[type=range]{color:#006f9e!important}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true],.plyr__control--overlaid{background:#006f9e!important}.plyr__control.plyr__tab-focus{-webkit-box-shadow:rgba(199,20,55,.5)!important;box-shadow:rgba(199,20,55,.5)!important}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#006f9e!important}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#006f9e!important}.plyr__captions{bottom:-5px!important}.plyr__captions .plyr__caption{background:rgba(0,0,0,.5)!important;white-space:normal!important}@media (min-width:480px){.plyr__captions{padding:0!important}}:root{--webkit-text-track-display:none}.plyr--full-ui ::-webkit-media-text-track-container{display:var(--webkit-text-track-display)}.learning-progress-circle.learning-progress-top{height:calc(var(--vh,1vh)*100*.37 - 18.5px)}.learning-progress-circle.learning-progress-top.driver-highlighted-element .progress-circle{background-color:#12537b}.main-bg.n2 .learning-progress-circle.learning-progress-top,.main-bg.n3 .learning-progress-circle.learning-progress-top{height:120px}.plyr .plyr__controls .plyr__controls__item.plyr__menu.driver-highlighted-element{background:#e03c38!important;color:#fff}#driver-popover-item.popover-class:not(.show-button) .driver-popover-footer{display:none!important;margin:0!important}#driver-popover-item.popover-class:not(.show-button) .driver-close-only-btn{display:none!important}#driver-popover-item.popover-class.show-button .driver-close-only-btn{display:none!important}#driver-popover-item.popover-class.show-button .driver-popover-footer{margin-top:0!important;text-align:center}#driver-popover-item.popover-class.show-button .driver-popover-footer .driver-close-btn{display:none!important}#driver-popover-item.popover-class.show-button .driver-popover-footer .driver-btn-group.driver-navigation-btns{float:inherit!important}#driver-popover-item.popover-class.show-button .driver-popover-footer .driver-btn-group.driver-navigation-btns button{background-color:inherit!important;border:none!important;color:#fff!important;font-size:1rem!important;font-weight:900!important;text-decoration:underline;text-shadow:none!important}#driver-popover-item.popover-class.show-button .driver-popover-footer .driver-btn-group.driver-navigation-btns button.driver-disabled{display:none!important}#driver-popover-item.popover-class .driver-popover-title{margin:0}#driver-popover-item.popover-class.footer-left .driver-popover-footer,#driver-popover-item.popover-class.title-left .driver-popover-title{text-align:left!important}#driver-popover-item.popover-class.title-right .driver-popover-title{padding-left:10px!important;padding-right:0!important;text-align:right!important}#driver-popover-item.popover-class.footer-right .driver-popover-footer{text-align:right!important}.scoped-class-dark{background:0 0!important;box-shadow:none!important;-webkit-box-shadow:none!important;color:#fff!important}.scoped-class-dark .driver-popover-tip.top{border:none!important;top:-5px!important}.scoped-class-dark .driver-popover-tip.top:before{-webkit-animation:arrow_updown 1.5s ease-in-out infinite;animation:arrow_updown 1.5s ease-in-out infinite;content:"\f0a6";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;left:0;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.scoped-class-dark .driver-popover-tip.bottom{border:none!important;bottom:15px!important}.scoped-class-dark .driver-popover-tip.bottom:before{-webkit-animation:arrow_updown 1.5s ease-in-out infinite;animation:arrow_updown 1.5s ease-in-out infinite;content:"\f0a7";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;left:0;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.scoped-class-dark .driver-popover-tip.right{border:none!important;right:15px!important;top:15px!important}.scoped-class-dark .driver-popover-tip.right:before{-webkit-animation:arrow_move 1.5s ease-in-out infinite;animation:arrow_move 1.5s ease-in-out infinite;content:"\f0a4";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;left:0;position:absolute;top:0}.scoped-class-dark .driver-popover-description{color:#fff!important}#driver-highlighted-element-stage{background-color:hsla(0,0%,100%,.5)!important}@-webkit-keyframes arrow_move{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-5px);transform:translate(-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes arrow_move{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-5px);transform:translate(-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes arrow_updown{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes arrow_updown{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}.modaltransition-enter-active{-webkit-animation:vodal-zoom-enter .5s cubic-bezier(.3,0,0,1.1);animation:zoom-enter .5s cubic-bezier(.3,0,0,1.1)}.modaltransition-leave-active{-webkit-animation:zoom-leave .5s;animation:zoom-leave .5s}.modaltransition-enter,.modaltransition-leave-to{opacity:0}.modalfasttransition-enter-active{-webkit-animation:vodal-zoom-enter .3s cubic-bezier(.3,0,0,1.1);animation:zoom-enter .3s cubic-bezier(.3,0,0,1.1)}.modalfasttransition-leave-active{-webkit-animation:zoom-leave .3s;animation:zoom-leave .3s}.modalfasttransition-enter,.modalfasttransition-leave-to{opacity:0}@-webkit-keyframes zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.cartinfo-enter-active,.cartinfo-leave-active{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s;transition:transform .2s cubic-bezier(0,0,.2,1) 0s;transition:transform .2s cubic-bezier(0,0,.2,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s}.cartinfo-enter,.cartinfo-leave-to{-webkit-transform:translateY(130px) translateY(0);-ms-transform:translateY(130px) translateY(0);transform:translateY(130px) translateY(0)}.menunav-enter-active,.menunav-leave-active{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s;transition:transform .2s cubic-bezier(0,0,.2,1) 0s;transition:transform .2s cubic-bezier(0,0,.2,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s}.menunav-enter,.menunav-leave-to{-webkit-transform:translateY(-65px) translateY(0);-ms-transform:translateY(-65px) translateY(0);transform:translateY(-65px) translateY(0)}.submenuslide-enter-active,.submenuslide-leave-active{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s;transition:transform .2s cubic-bezier(0,0,.2,1) 0s;transition:transform .2s cubic-bezier(0,0,.2,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0s}.submenuslide-enter,.submenuslide-leave-to{-webkit-transform:translateY(-40px) translateY(0);-ms-transform:translateY(-40px) translateY(0);transform:translateY(-40px) translateY(0)}.slide-enter-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.slide-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,1,.5,1);transition-timing-function:cubic-bezier(0,1,.5,1)}.slide-enter-to,.slide-leave{max-height:100px;overflow:hidden}.slide-enter,.slide-leave-to{max-height:0;overflow:hidden}.screen-fadein{opacity:1}.screen-fadein,.screen-fadeout{-webkit-transition:opacity .5s;transition:opacity .5s}.screen-fadeout{opacity:0}.screen-slide-fadein{-webkit-animation:horizontalSlide 2s;animation:horizontalSlide 2s;opacity:1}.screen-slide-fadein,.screen-slide-fadeout{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.screen-slide-fadeout{-webkit-animation:horizontalSlideHide 2s;animation:horizontalSlideHide 2s;opacity:0}.screen-item{position:absolute}@-webkit-keyframes horizontalSlide{0%{opacity:0;-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes horizontalSlide{0%{opacity:0;-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes horizontalSlideHide{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes horizontalSlideHide{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@-webkit-keyframes slide-fadein{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes slide-fadein{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes slide-fadeout{0%{display:block;opacity:1}1%{display:block;opacity:1}to{display:none;opacity:0}}@keyframes slide-fadeout{0%{display:block;opacity:1}1%{display:block;opacity:1}to{display:none;opacity:0}}.loader-wapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:rgba(0,0,0,.25);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:var(--z-index-loader)}.loader-wapper .loader{-webkit-animation:load5 1.1s ease infinite;animation:load5 1.1s ease infinite;border-radius:50%;font-size:25px;height:1em;margin:auto;position:fixed;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load5{0%,to{-webkit-box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7);box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}37.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}50%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}62.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}75%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}87.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff;box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff}}@keyframes load5{0%,to{-webkit-box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7);box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}37.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}50%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}62.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}75%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2);box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}87.5%{-webkit-box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff;box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff}}