@import url(https://unpkg.com/swiper/swiper-bundle.min.css);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@600&family=M+PLUS+1p:wght@500;800&family=Noto+Sans+JP:wght@400;500;700&family=Mulish:wght@600&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,h1,h2,h3,h4,h5,h6{font-weight:700}button{cursor:pointer}button:active,button:focus{outline:none}img{-o-object-fit:cover;object-fit:cover}textarea{overflow-y:auto}select::-ms-expand{display:none}input::-ms-clear,input::-ms-expand,input::-ms-reveal{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div,h1,h2,h3,h4,h5,h6,p{word-break:break-all}svg{vertical-align:unset}html{font-size:14px}body{color:#1a1818;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5}.error-msg,.errors-msg{color:red;margin-top:5px}.main,.main-sidebar{height:100%;min-height:100vh}.main-sidebar{left:-250px;position:fixed;top:0;transition:all .3s;width:250px;z-index:9}@media screen and (min-width:1024px){.main-sidebar{left:0}}.main-sidebar__backdrop{background:rgba(0,0,0,.2);bottom:0;display:none;left:0;position:fixed;right:0;top:0}@media screen and (min-width:1024px){.main-sidebar__backdrop{display:none!important}}.main-sidebar-close{background:none;display:none;padding:0;position:absolute;right:-40px;top:20px;transition:all .3s}@media screen and (min-width:1024px){.main-sidebar-close{display:none!important}}.main-sidebar-close__icon{height:24px;position:relative;width:24px}.main-sidebar-close__icon:before{transform:rotate(-45deg) translate(-6px,5px)}.main-sidebar-close__icon:after,.main-sidebar-close__icon:before{background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);border-radius:1.5px;content:"";display:block;height:2px;position:absolute;width:28px}.main-sidebar-close__icon:after{transform:rotate(45deg) translate(5px,6px)}.main-sidebar--active{left:0!important}.main-sidebar--active .main-sidebar-close,.main-sidebar--active .main-sidebar__backdrop{display:block}.main-sidebar__wrapper{background-color:#f0f0f0;min-height:100vh;padding-top:10px;position:relative;z-index:9}.main-sidebar__wrapper:before{background-image:url(/img/img_sidebar_bg.png);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0}.main-sidebar__logo{margin-left:30px;position:relative;width:198px;z-index:1}.main-sidebar__logo img{width:100%}.main-sidebar-menu{margin-top:50px;position:relative;z-index:1}.main-sidebar-menu__item{align-items:center;color:#1a1818;display:flex;height:46px;padding-left:55px;position:relative;text-decoration:none;width:100%}.main-sidebar-menu__item--active:after{background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.main-sidebar-menu__item:hover{color:inherit;text-decoration:none}.main-sidebar-menu__item img{left:24px;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%);width:20px}.main-header{background:#fff;display:flex;height:75px;justify-content:space-between;left:0;padding:15px 15px 15px 65px;position:fixed;right:0;top:0;transition:all .3s;z-index:5}@media screen and (min-width:1024px){.main-header{left:250px}}.main-header__btn{background:transparent;border:0;box-shadow:none;left:10px;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width:1024px){.main-header__btn{cursor:default;pointer-events:none}}.main-header__title{color:#1a1818;display:inline-block;font-size:20px;font-weight:500}.main-header__title img{cursor:pointer;margin-right:20px;width:24px}.main-header-menu{align-items:center;display:flex;height:45px;margin-left:auto}.main-header-menu__avatar{border:2px solid #dfe0eb;border-radius:50%;height:45px;overflow:hidden;padding:1px;width:45px}.main-header-menu__avatar .wrapper,.main-header-menu__avatar img{border-radius:50%;height:39px;width:39px}.main-header-dropdown{position:relative}.main-header-dropdown .dropdown-menu{border:1px solid #dee2e6;border-radius:4px;left:auto!important;min-width:13.5rem;padding:10px 0 0;right:0!important;transform:translate3d(0,55px,0)!important}@media screen and (min-width:1024px){.main-header-dropdown .dropdown-menu{transform:translate3d(-55px,40px,0)!important}}.main-header-dropdown .dropdown-menu .dropdown-item{align-items:center;color:#3f3f3f;display:flex;height:37px;justify-content:space-between;padding:0 15px}.main-header-dropdown .dropdown-menu .dropdown-item--active{background:linear-gradient(256.15deg,rgba(0,138,205,.3) 6.06%,rgba(71,100,194,.3) 47.33%,rgba(169,47,180,.3) 108.02%,rgba(231,13,171,.3) 150.38%,rgba(255,0,167,.3) 170.4%)}.main-header-dropdown .dropdown-menu .dropdown-item:active{background:linear-gradient(256.15deg,rgba(0,138,205,.5) 6.06%,rgba(71,100,194,.5) 47.33%,rgba(169,47,180,.5) 108.02%,rgba(231,13,171,.5) 150.38%,rgba(255,0,167,.5) 170.4%)}.main-header-dropdown__btn{align-items:center;background:none;border:0;display:flex;padding:5px 0}.main-header-dropdown__toggle{background:transparent;border:0;display:none;font-family:Mulish,sans-serif;font-weight:600;margin-right:10px;max-width:200px;overflow:hidden;padding-right:15px;position:relative;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:1024px){.main-header-dropdown__toggle{display:block}}.main-header-dropdown__toggle:after{background-image:url(/img/ico_dropdown.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:6px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:9px}.main-content{padding:100px 20px 20px;transition:all .3s}.main-content--flex{display:flex;flex-direction:column;height:100vh;padding-bottom:0}@media screen and (min-width:1024px){.main-content{padding-left:270px}}.main-content-search{background:#fff;display:flex;flex:1;height:38px}.main-content-search__input{border:1px solid #ced4da;border-radius:4px 0 0 4px;height:100%;outline:none;padding:0 15px;width:100%}.main-content-search__btn{align-items:center;background:#f8f9fa;border:1px solid #ced4da;border-radius:0 4px 4px 0;display:flex;justify-content:center;margin-left:-1px;width:80px}.main-content__body{flex:1;margin-top:10px;overflow-y:auto;padding-bottom:15px;padding-right:5px}.main-content__group{display:flex}.main-content__group .btn{align-items:center;display:flex;justify-content:center}.main-content__group .btn-primary{padding:0 45px;width:auto}.main-content .form{background:#f5f5f5;margin:0 auto;max-width:540px;padding:25px 55px 55px}.main-content .form__title{font-family:M PLUS\ 1p,sans-serif;font-size:30px;font-weight:800;margin-bottom:30px;text-align:center}.main-content .form__group{margin-bottom:25px}.main-content .form__input{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#767676;height:38px;padding:8px 20px;width:100%}.main-content .form__input:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.main-content .form__input::-moz-placeholder{color:#abb5be}.main-content .form__input:-ms-input-placeholder{color:#abb5be}.main-content .form__input::placeholder{color:#abb5be}.main-content .form__textarea{background:#fff;border:1px solid #ced4da;color:#767676;padding:8px 20px;width:100%}.main-content .form__textarea:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.main-content .form__textarea::-moz-placeholder{color:#abb5be}.main-content .form__textarea:-ms-input-placeholder{color:#abb5be}.main-content .form__textarea::placeholder{color:#abb5be}.main-content .form__row{display:flex}.main-content .form__label{color:#3f3f3f;margin-bottom:10px}.main-content .form--large{max-width:720px;padding:20px 30px 50px}.main-content .profile{margin-right:30px;max-width:230px}.main-content .profile__thumb{width:230px}.main-content .profile__thumb img{width:100%}.main-content .profile__label{color:#009cdc;cursor:pointer;display:block;font-size:14px;margin-top:5px;text-align:center}.main-content .profile__label input[type=file]{height:0;visibility:hidden;width:0}.flex-fill{flex:1}.btn-primary{background:#009cdc;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:600;height:38px;line-height:1;width:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.btn-primary{align-items:center;display:flex;justify-content:center}}.btn-light{align-items:center;background:#fff;border:1px solid #ccc;color:#002b7f;display:flex;font-weight:700;justify-content:center;padding:0 15px}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.btn-light{line-height:38px;min-width:97px}}.modal-content{border:0;border-radius:12px}.modal-backdrop{background-color:#202020}.modal-backdrop.show{opacity:.66}.modal-body{padding:16px}.modal-footer{border:0;padding:15px 25px 20px}.modal-footer .btn{border:0;font-size:14px;font-weight:700;height:38px;padding:0 16px;width:auto}.modal-footer .btn-secondary{background:#6c757d;color:#fff}.modal-footer .btn-secondary:hover{background-color:#5a6268}.breadcrumb{background:transparent;display:inline-flex;flex-wrap:wrap;margin:0 30px 0 0;padding:0}.breadcrumb__item{align-items:center;display:inline-flex;font-size:16px;font-weight:500}@media screen and (min-width:1024px){.breadcrumb__item{font-size:18px}}@media screen and (min-width:1200px){.breadcrumb__item{font-size:20px}}.breadcrumb__item a{color:#002b7f;max-width:300px;overflow:hidden;white-space:nowrap}.breadcrumb__item span{color:#1a1818}.breadcrumb__item:not(:last-child):after{background-image:url(/img/ico_double_right.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:16px;margin:0 5px;width:16px}.checkbox-label{cursor:pointer;display:flex;height:auto;position:relative}.checkbox-label .checkbox-mark{background:#fff;border:1px solid #abb5be;border-radius:2px;display:inline-block;height:16px;margin:2px 8px 2px 2px;min-width:16px;position:relative;width:16px}.checkbox-label .checkbox-mark:after{background-image:url(/img/ico_check.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-55%,-50%);width:16px}.checkbox-label .checkbox-input{height:0;width:0}.checkbox-label .checkbox-input:checked~.checkbox-mark{background:#009cdc;border-color:#009cdc}.checkbox-label .checkbox-input:checked~.checkbox-mark:after{opacity:1}.radio-label{cursor:pointer;display:flex;height:auto;position:relative}.radio-label .radio-mark{background:#fff;border:1px solid #abb5be;border-radius:50%;display:block;height:16px;margin:2px 7px 2px 2px;min-width:16px;position:relative;width:16px}.radio-label .radio-mark:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.radio-label .radio-input{height:0;width:0}.radio-label .radio-input:checked~.radio-mark{background:#009cdc;border-color:#009cdc}.radio-label .radio-input:checked~.radio-mark:after{opacity:1}.radio-label .radio-content{font-size:14px;line-height:18px}.password-input{position:relative}.password-input input{border:1px solid #ced4da;border-radius:4px;color:#767676;font-size:14px;height:38px;padding:8px 40px;width:100%}.password-input input::-moz-placeholder{color:#abb5be}.password-input input:-ms-input-placeholder{color:#abb5be}.password-input input::placeholder{color:#abb5be}.password-input__icon{left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.password-input__icon--last{cursor:pointer;left:auto;pointer-events:auto;right:14px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:#a7bbe1;border-radius:2.5px}::-webkit-scrollbar-thumb:hover{background:#64b5f6}.swiper-container{height:100%;width:100%}.swiper-slide{background:#fff;font-size:18px;text-align:center}.select-input{cursor:pointer;margin:0 10px;position:relative}.select-input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#6c757d;padding:0 33px 0 15px}.select-input:after{background-image:url(/img/ico_chevron_down.svg);background-repeat:no-repeat;background-size:contain;content:"";height:15px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px}p.message-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.ie-image-background{background-position:50%;background-size:cover}.ie-image-background img{opacity:0}.auth{background-image:url(/img/img_login.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw}.auth,.auth-content{height:100%;min-height:100vh}.auth-content{background:#fff;margin:0 auto;max-width:659px;padding:80px 110px;width:100%}.auth-content__logo{margin:0 auto 67px;width:198px}.auth-content__logo img{width:100%}.auth-content__title{color:#002b7f;font-family:M PLUS\ 1p,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2%;margin:0 auto 28px;text-align:center}.auth-form{font-size:14px}.auth-form-group,.auth-form-message{margin-bottom:24px}.auth-form-group__textbox{position:relative}.auth-form-group__textbox input{border:1px solid #ced4da;border-radius:4px;color:#767676;font-size:14px;height:38px;padding:8px 40px;width:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.auth-form-group__textbox input{line-height:1}}.auth-form-group__textbox input::-moz-placeholder{color:#abb5be}.auth-form-group__textbox input:-ms-input-placeholder{color:#abb5be}.auth-form-group__textbox input::placeholder{color:#abb5be}.auth-form-group__icon{left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.auth-form-group__icon--last{cursor:pointer;left:auto;right:14px}.auth-form__link{margin-top:24px;text-align:center}.auth-form__link a{color:#002b7f}.auth-form__link a,.auth-form__link a:hover{text-decoration:none}.section__list{display:flex;flex-wrap:wrap;max-width:100%}.section-item{border:1px solid #dee2e6;border-radius:4px;display:flex;flex-direction:column;height:50px;margin-bottom:24px;margin-right:24px;max-width:calc(33.33333vw - 31.66667px);min-height:calc(20.20202vw + 30.80808px);overflow:hidden;text-decoration:none!important;width:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.section-item{margin-right:23px;max-width:calc(33.33333vw - 35px)}}@media screen and (min-width:1024px){.section-item{max-width:calc(33.33333vw - 115px);min-height:calc(20.20202vw - 19.69697px)}}@media screen and (min-width:1024px) and (-ms-high-contrast:active),screen and (min-width:1024px) and (-ms-high-contrast:none){.section-item{max-width:calc(33.33333vw - 118.33333px)}}.section-item:nth-child(3n){margin-right:0}.section-item:before{background:linear-gradient(256.15deg,#c8cfd2 6.06%,#adbcee 47.33%,#d3d3d3 108.02%,#d6c4d1 150.38%,#c2a2b7 170.4%);content:"";display:block;height:4px;width:100%}.section-item--active:before{background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%)}.section-item__thumb{height:calc(20.20202vw - 18.18182px);width:100%}@media screen and (min-width:1024px){.section-item__thumb{height:calc(20.20202vw - 68.68687px)}}.section-item__thumb img{height:100%;width:100%}.section-item__status{left:50%;position:absolute;top:0;transform:translate(-50%,-50%)}.section-item__title{color:#fff;font-family:M PLUS\ 1p,sans-serif;font-size:40px;font-weight:800;margin-bottom:10px;text-align:center;text-decoration:none!important}.section-item-content{background:#f8f9fa;border-top:0;flex:1;min-height:50px;padding:15px;position:relative;text-decoration:none!important}.section-item-content__title{color:#767676;font-size:14px;font-weight:400;height:100%;text-decoration:none!important;word-break:break-all}.section-item--test,.section-item-content__title{align-items:center;display:flex;justify-content:center}.section-item--test{background-blend-mode:overlay;background-image:url(/img/img_exam_bg.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:4px;flex-direction:column}.section-item--test:after,.section-item--test:before{display:none}.course__list{display:flex;flex-wrap:wrap;max-width:100%}.course-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:block;margin-bottom:24px;margin-right:24px;max-width:calc(33.33333vw - 31.66667px);overflow:hidden;text-decoration:none!important;width:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.course-item{margin-right:23px;max-width:calc(33.33333vw - 35px)}}@media screen and (min-width:1024px){.course-item{max-width:calc(33.33333vw - 115px)}}@media screen and (min-width:1024px) and (-ms-high-contrast:active),screen and (min-width:1024px) and (-ms-high-contrast:none){.course-item{max-width:calc(33.33333vw - 118.33333px)}}.course-item:nth-child(3n){margin-right:0}.course-item__thumb{display:flex;height:calc(22.22222vw - 21.11111px);width:100%}@media screen and (min-width:1024px){.course-item__thumb{height:calc(22.22222vw - 76.66667px)}}.course-item__thumb img{height:100%;width:100%}.course-item__status{left:50%;position:absolute;top:0;transform:translate(-50%,-50%)}.course-item-content{border-top:0;padding:20px;position:relative;text-decoration:none!important}.course-item-content__title{align-items:center;color:#1a1818;display:flex;font-size:20px;font-weight:500;justify-content:center;margin-bottom:20px;text-decoration:none!important;word-break:break-all}.course-item-content__desc{color:#767676;font-size:14px}.course-item--test{align-items:center;background-blend-mode:overlay;background-image:url(/img/img_exam_bg.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.course-item--test:after,.course-item--test:before{display:none}.lesson__list{display:flex;flex-wrap:wrap;max-width:100%}.lesson-item{display:flex;flex-direction:column;margin-bottom:24px;margin-right:24px;max-width:calc(33.33333vw - 31.66667px);min-height:calc(20vw + 31px);position:relative;text-decoration:none!important;width:100%;z-index:1}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.lesson-item{margin-right:23px;max-width:calc(33.33333vw - 35px)}}@media screen and (min-width:1024px){.lesson-item{max-width:calc(33.33333vw - 115px);min-height:calc(20vw - 19px)}}@media screen and (min-width:1024px) and (-ms-high-contrast:active),screen and (min-width:1024px) and (-ms-high-contrast:none){.lesson-item{max-width:calc(33.33333vw - 118.33333px)}}.lesson-item:nth-child(3n){margin-right:0}.lesson-item:before{background-image:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);border-radius:4px;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px);z-index:-1}.lesson-item__label{background:#5c6169;border-radius:9px;color:#fff;font-size:12px;left:7px;line-height:18px;padding:0 12px;position:absolute;top:10px}.lesson-item__icon{left:50%;position:absolute;top:32%;transform:translateX(-50%)}.lesson-item__icon img{width:60px}.lesson-item--active:before{background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%)}.lesson-item__thumb{border-radius:4px 4px 0 0;height:calc(20vw - 19px);overflow:hidden;position:relative;width:100%}@media screen and (min-width:1024px){.lesson-item__thumb{height:calc(20vw - 69px)}}.lesson-item__thumb img{height:100%;width:100%}.lesson-item__status{left:50%;position:absolute;top:0;transform:translate(-50%,-50%)}.lesson-item__title{color:#fff;font-family:M PLUS\ 1p,sans-serif;font-size:40px;font-weight:800;margin-bottom:15px;text-align:center;text-decoration:none!important}.lesson-item-content{background:linear-gradient(90.36deg,#008acd -15.44%,#4764c2 26.37%,#a92fb4 87.86%,#e70dab 130.78%,#ff00a7 151.07%);border-radius:0 0 4px 4px;flex:1;min-height:50px;padding:15px;position:relative}.lesson-item-content,.lesson-item-content__title{align-items:center;display:flex;justify-content:center}.lesson-item-content__title{color:#767676;color:#fff;font-size:14px;font-weight:400;height:100%;word-break:break-all}.lesson-item--test{align-items:center;background-blend-mode:overlay;background-image:url(/img/img_exam_bg.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding-bottom:30px}.lesson-item--test .lesson-item-group{bottom:.9%;display:flex;left:.9%;position:absolute;right:.9%}.lesson-item--test .lesson-item-group__btn{background:rgba(120,168,241,.6);border:0;color:#fff;display:block;font-size:10px;height:56px;width:50%}.lesson-item--test .lesson-item-group__btn:disabled{cursor:default;opacity:.5;pointer-events:none}.lesson-item--test .lesson-item-group__btn:not(:last-child){border-right:1px solid hsla(0,0%,100%,.4)}.lesson-item--test .lesson-item-group__btn img{height:auto;width:24px}.lesson-item--test .lesson-item-group__btn span{display:block;font-weight:500}.lesson-item--test .lesson-item-group__btn:active{background:rgba(120,168,241,.8)}.lesson-item--test:after,.lesson-item--test:before{display:none}.learning{display:flex;max-width:100%}.learning-content{flex:1;margin-right:25px;max-height:calc(100vh - 120px);max-width:calc(100% - 375px)}.learning-content .swiper-wrapper{height:auto;max-height:calc(100% - 50px)}.learning-content .swiper-slide{display:block;max-height:100%;overflow-y:auto}.learning-content .swiper-slide .learning-content__text{background:#f5f5f5;border-radius:4px 4px 0 0;max-height:calc(100vh - 170px);overflow-y:auto;padding:25px 20px}.learning-content .swiper-slide .learning-content__text p{color:#3f3f3f;font-size:14px;text-align:left}.learning-content .swiper-slide .learning-content__text p:not(:last-child){margin-bottom:1rem}.learning-content .swiper-slide .learning-content__text img{height:auto;margin-bottom:1.5rem;max-width:100%;-o-object-fit:contain;object-fit:contain}.learning-content .swiper-slide .learning-content-video{position:relative}.learning-content .swiper-slide .learning-content-video .learning-content-video__frame{display:flex}.learning-content .swiper-slide .learning-content-video .learning-content-video__button{background:transparent;border:0;cursor:pointer;height:60px;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.learning-content .swiper-slide .learning-content-video .learning-content-video__button img{cursor:pointer;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.learning-content .swiper-button-prev{bottom:10px;height:24px;left:0;top:auto;width:24px}.learning-content .swiper-button-prev:after{background-image:url(/img/ico_arrow_left.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:24px;width:24px}.learning-content .swiper-button-next{bottom:10px;height:24px;right:0;top:auto;width:24px}.learning-content .swiper-button-next:after{background-image:url(/img/ico_arrow_right.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:24px;width:24px}.learning-content__footer{align-items:flex-end;border-top:2px solid #dcdcdc;display:flex;height:50px;position:relative;width:100%}.learning-content__title{font-family:M PLUS\ 1p,sans-serif;font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-lesson{border:1px solid #dee2e6;border-radius:4px;display:flex;flex-direction:column;height:calc(100vh - 120px);width:350px}.learning-lesson-header{align-items:center;background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);border-radius:4px 4px 0 0;display:flex;justify-content:space-between;min-height:55px;padding:10px 15px 10px 23px;width:100%}.learning-lesson-header__title{color:#fff;font-size:20px;font-weight:500;margin-right:15px}.learning-lesson-header__back{align-items:center;background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:700;height:25px;padding:0 18px;white-space:nowrap;width:85px}.learning-lesson-header__back img{margin-right:6px}.learning-lesson-list{flex:1;overflow-y:auto}.learning-lesson-list .learing-lesson-item{height:45px}.learning-lesson-item{align-items:center;border-bottom:1px solid #ccc;cursor:pointer;display:flex;min-height:40px;padding:5px 25px 5px 52px;position:relative}.learning-lesson-item__icon{background-image:url(/img/ico_play_small.svg);background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-flex;height:16px;left:25px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.learning-lesson-item__icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.learning-lesson-item__icon--document{background-image:url(/img/ico_document_small.svg);background-repeat:no-repeat;background-size:contain}.learning-lesson-item__title{font-size:14px;font-weight:400}.learning-lesson-item--active{background:#009cdc;color:#fff}.learning-lesson-item--active .learning-lesson-item__icon{background-image:url(/img/ico_pause_small.svg);background-repeat:no-repeat;background-size:contain}.learning-lesson__quiz{align-items:flex-start;background:#dcdcdc;border:0;border-radius:0;color:#002b7f;display:flex;font-size:16px;font-weight:700;justify-content:space-between;min-height:40px;padding:6px 10px 6px 25px;text-decoration:none!important;width:100%}.exam{display:flex;flex-direction:column;height:calc(100vh - 100px);margin-bottom:-20px}.exam__title{color:#1a1818}.exam__name,.exam__title{font-family:M PLUS\ 1p,sans-serif;font-size:30px;margin-bottom:10px;text-align:center}.exam__name{color:#767676}.exam-header{align-items:center;background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);border-radius:4px;display:flex;justify-content:space-between;padding:10px 8px 10px 20px}.exam-header__title{color:#fff;font-size:20px;font-weight:500;margin-right:20px}.exam-header__group{display:flex;white-space:nowrap}.exam-header__btn-back{background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;font-size:14px;font-weight:700;height:25px;margin-right:8px;width:96px}.exam-header__btn-fill{align-items:center;background:#fff;border:0;border-radius:4px;color:red;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;height:25px;justify-content:center;width:96px}.exam-header__btn-fill span{-webkit-text-fill-color:transparent;background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);-webkit-background-clip:text}.exam-content{flex:1;margin-top:10px;overflow-y:auto;padding-right:7px}.exam-content-item{border:1px solid #ccc;border-radius:4px;margin-bottom:12px;overflow:hidden;padding:15px;position:relative;width:100%}.exam-content-item__title{margin-bottom:12px}.exam-content-item__label{background:#5c6169;color:#fff;font-size:10px;height:17px;min-width:72px;padding:0 10px;position:absolute;right:-1px;text-align:center;top:-1px}.exam-content-answer__item:not(:last-child){margin-bottom:10px}.exam-content-answer__textbox textarea{border:1px solid #ced4da;border-radius:4px;color:#767676;padding:8px;width:100%}.exam-content-answer__textbox textarea:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.exam-content-answer__feedback{align-items:center;color:#3f3f3f;display:flex;font-size:14px;min-height:25px;padding-left:65px;position:relative}.exam-content-answer__feedback img{left:0;position:absolute;top:5px;width:58px}.label-hexagon{align-items:center;background-image:url(/img/img_status_1.png);background-repeat:no-repeat;background-size:100% 100%;color:#3f3f3f;display:flex;font-size:10px;font-weight:500;justify-content:center;min-height:18px;min-width:100px;position:relative;text-align:center;z-index:1}.label-hexagon--finish,.label-hexagon--purple{background-image:url(/img/img_status_3.png);background-repeat:no-repeat;color:#fff}.label-hexagon--blue,.label-hexagon--testing{background-image:url(/img/img_status_2.png);background-repeat:no-repeat;color:#fff}@media screen and (min-width:1200px){.label-hexagon{font-size:12px;height:22px;width:120px}}@media screen and (min-width:1400px){.label-hexagon{font-size:14px;height:25px;width:140px}}@media screen and (min-width:1800px){.label-hexagon{font-size:16px;height:28px;width:160px}}.success{background:#f5f5f5;margin:20px auto 0;padding:30px 85px 40px;text-align:center;width:534px}.success__img{margin-bottom:16px;width:100%}.success__title{font-family:M PLUS\ 1p,sans-serif;font-size:30px;margin-bottom:8px}.success__msg{color:#000;font-size:14px}.contact__box{height:100%;padding:30px 0 45px;position:relative}.contact-header{align-items:center;border-bottom:1px solid #ccc;display:flex;left:0;padding-bottom:5px;position:absolute;right:0;top:0}.contact-header img{margin-right:5px}.contact-header__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.contact-content{background-image:url(/img/img_message_bg.png);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;height:100%;overflow-y:auto}.contact-content .message__list{padding:10px 5px 10px 0}.contact-content .message-item{display:flex;justify-content:flex-start;padding:0 0 0 90px;position:relative}.contact-content .message-item:not(:last-child){margin-bottom:24px}.contact-content .message-item__avatar{border:2px solid #dfe0eb;border-radius:50%;height:74px;left:0;overflow:hidden;padding:3px;position:absolute;top:50%;transform:translateY(-50%);width:74px}.contact-content .message-item__avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.contact-content .message-item__bubble{background:#f1f5fd;border-radius:8px;color:#3f3f3f;max-width:715px;min-height:74px;padding:12px 16px;width:100%}.contact-content .message-item__date{color:#b0b0b0;margin-bottom:5px}.contact-content .message-item--right{justify-content:flex-end;padding:0 90px 0 0}.contact-content .message-item--right .message-item__avatar{left:auto;right:0}.contact-content .message-item--right .message-item__bubble{background:#f5f5f5}.contact-footer{bottom:0;left:0;position:absolute;right:0}.contact-chat-box{background:#cacaca;border-radius:5px;height:40px;padding-right:50px;position:relative;width:100%}.contact-chat-box__input{background:none;border:none;height:100%;outline:none!important;padding:0 10px;width:100%}.contact-chat-box__input::-moz-placeholder{color:#747f8d}.contact-chat-box__input:-ms-input-placeholder{color:#747f8d}.contact-chat-box__input::placeholder{color:#747f8d}.contact-chat-box__btn{align-items:center;background:none;border:0;border-left:1px solid #fff;display:flex;height:100%;justify-content:center;padding:0 12px 5px;position:absolute;right:0;top:0}a.text-decoration-none{text-decoration:none!important}.text-icon{display:inline-block;padding-right:20px;position:relative}.text-icon img{height:14px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.message-list .not_read{font-weight:700}.main-table,.main-table table{width:100%}.main-table table thead tr th{background:#ccd5e5;color:#1a1818;font-weight:500;height:42px;outline-offset:-1px;padding:10px 8px;white-space:nowrap}.main-table table thead tr th:not(:last-child){border-right:1px solid #fff}.main-table table tbody tr:nth-child(odd){background:#fff}.main-table table tbody tr:nth-child(2n){background:#f5f5f5}.main-table table tbody tr td{padding:10px 8px;vertical-align:middle}.main-table table tbody tr td:not(:last-child){border-right:1px solid #fff}.main-table table tbody tr td.cell-avatar{display:flex}.main-table table tbody tr td.cell-avatar img{height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.main-table table tbody tr td .cell-thumb{display:flex}.main-table table tbody tr td .cell-thumb img{height:75px;-o-object-fit:cover;object-fit:cover;width:100px}.main-table table tbody tr td.cell-10{width:10%}.main-table table tbody tr td.cell-20{width:20%}.main-table table tbody tr td.cell-25{width:25%}.main-table table tbody tr td.cell-30{width:30%}.main-table table tbody tr td.cell-35{width:35%}.main-table table tbody tr td.cell-40{width:40%}.main-table table tbody tr td.cell-50{width:50%}.main-table table tbody tr td.cell-60{width:60%}.main-table table tbody tr td.cell-70{width:70%}.main-table table tbody tr td.cell-80{width:80%}.main-table table tbody tr td.cell-90{width:90%}.main-table table tbody tr td.cell-100{width:100%}.main-table table tbody tr td .button-group{align-items:center;display:flex}.main-table table tbody tr td .button-group .separate{background:linear-gradient(256.15deg,#008acd 6.06%,#4764c2 47.33%,#a92fb4 108.02%,#e70dab 150.38%,#ff00a7 170.4%);height:12px;margin:0 10px;width:1px}.main-table table tbody tr td .button-group .btn{background:transparent;border:0;box-shadow:none;padding:0}.main-table table tbody tr td .button-group .btn-detail{color:#009cdc}.main-table table tbody tr td .button-group .btn-delete{color:#ca089f}.main-table table.sticky-header{position:relative}.main-table table.sticky-header thead tr th{position:-webkit-sticky;position:sticky;top:0;z-index:3}.main-pagination{border-top:1px solid #ccc;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:15px}.main-pagination__detail{margin-bottom:10px}.main-pagination__detail,.pagination__item{align-items:center;display:flex;white-space:nowrap}.pagination__item{background:#fff;border:1px solid #dee2e6;color:#1a1818;font-weight:500;height:38px;justify-content:center;margin-left:-1px;min-width:38px;padding:10px;text-decoration:none!important}.pagination__item:hover{background:rgba(0,156,220,.7);color:#fff}.pagination__item--disabled,.pagination__item:disabled{background:#eee!important;color:inherit;cursor:default;pointer-events:none}.pagination__item--active{background:#009cdc;color:#fff!important}.pagination__item:first-child{border-radius:4px 0 0 4px}.pagination__item:last-child{border-radius:0 4px 4px 0}.pagination .page-item .page-link{align-items:center;background:#fff;border:1px solid #dee2e6;color:#1a1818;display:flex;font-weight:500;height:38px;justify-content:center;margin-left:-1px;min-width:38px;padding:10px;text-decoration:none!important;white-space:nowrap}.pagination .page-item .page-link img{height:10px;-o-object-fit:contain;object-fit:contain;width:auto}.pagination .page-item:hover .page-link{background:rgba(0,156,220,.7);color:#fff}.pagination .page-item.disabled .page-link,.pagination .page-item:disabled .page-link{background:#eee!important;color:inherit;cursor:default;pointer-events:none}.pagination .page-item.active .page-link{background:#009cdc;color:#fff!important}.pagination .page-item:first-child .page-link{border-radius:4px 0 0 4px}.pagination .page-item:last-child .page-link{border-radius:0 4px 4px 0}