@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
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,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent;box-sizing:border-box}body{line-height:1}article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block}ol{list-style:decimal}ul{list-style:disc}ul ul{list-style:circle}li{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}ins{text-decoration:underline}del{text-decoration:line-through}mark{background:none}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}a img,input,select{vertical-align:middle}nav ul{margin:0;padding:0;list-style:none}p{margin:0 0 1em}.clearfix{clear:both}.disabled{cursor:not-allowed;pointer-events:none;opacity:.4}.img-circle{border-radius:50%}.img-responsive{display:block;width:100%;height:auto}body{line-height:1.7;color:#333;background:#fff}body,html{height:100%}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;font-size:14px;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:#00a0e9}body{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,メイリオ,Meiryo,YuGothic,游ゴシック,ＭＳ Ｐゴシック,sans-serif}.br-sp{display:none}.br-lg{display:block}@media (min-width:979px){.br-sp{display:block}.br-lg{display:none}}strong{font-weight:700}.header{font-size:1.2rem}@media (min-width:767px){.header{font-size:1.8rem}}.header__banner{height:50px;line-height:50px;background-color:#00a2ea;text-align:center;color:#fff;overflow:hidden}.header__banner:after{content:"";clear:both;display:table}@media (min-width:979px){.header__banner{width:100%;padding-left:280px;height:80px;line-height:80px}}.header__banner-left{float:left;margin-left:2.5rem}@media (min-width:979px){.header__banner-left{height:80px}}.header__banner-right{float:right;position:relative;height:50px;right:1rem;padding-left:1rem;padding-right:1rem;background:url(/wp-content/themes/ds-license/img/bg_mesh.png) 0 0 repeat}@media (min-width:979px){.header__banner-right{padding:0 2rem;height:80px}.header__banner-right i{margin-left:8px}}.header__banner-right span{display:none}@media (min-width:767px){.header__banner-right span{display:inline-block}}.header__profile{width:150px;position:absolute;top:30px;right:2rem;height:40px;line-height:40px;font-size:1.1rem;text-align:center;color:#00a2ea;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.2);border-radius:3px}@media (min-width:979px){.header__profile{width:200px;top:60px;right:2rem;height:60px;line-height:60px;font-size:1.2rem;color:#00a2ea}}#top_menu{display:none}#guideWindow{position:absolute;display:block;width:98%;max-width:600px;top:100px;background-color:#fff;padding:50px;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);z-index:100}#guideWindow h2{color:#00a0e9;font-size:1.2em;margin-bottom:10px}#guideWindow p{line-height:1.8;margin:0 0 1em}#guideClose{position:absolute;font-size:20px;top:20px;right:30px}#guideClose:hover{cursor:pointer}.guide{display:none}@media (min-width:767px){.guide{display:block;float:left;margin-left:6rem;line-height:40px}}@media (min-width:979px){.guide{line-height:75px;margin-left:6rem}}.guide:hover{cursor:pointer}.header__guide{box-sizing:border-box;background-color:#fff;padding:.8rem 1.2rem;font-size:1.2rem;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2);color:#00a2ea}.header__guide i{color:#515a59}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,YuGothic,游ゴシック,ＭＳ Ｐゴシック,sans-serif;background:#e7edef}.container{margin:0 auto;width:98%}@media (min-width:1279px){.container{padding-left:250px}.container-middle{padding-left:0}}.overlay{z-index:1;display:block;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,.4)}.new_message{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:500px;z-index:50;background-color:#fff;padding:35px 50px}.new_message .blue{color:#00a2ea;font-size:1.2rem;text-align:center}#btn_cancel{text-align:center}#btn_cancel:hover{cursor:pointer}.current{font-weight:700}.flex{display:flex;justify-content:space-between}.admin{width:100%}@media (min-width:979px){.admin{padding-left:300px}}.drawer{display:none}#check-id{display:inline-block;color:red;padding-left:1rem}.footer{margin-top:60px;padding:2em 0;text-align:center;background-color:#fff;font-family:Roboto,sans-serif;font-size:12px}.digitane-modal{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:580px;padding:25px;background-color:#edf2f6;z-index:2;border-radius:5px;line-height:1.4}.digitane-modal h2{text-align:center;font-size:24px;font-weight:700;line-height:1.4;padding:20px}.digitane-modal-p{font-size:16px;font-weight:700}.digitane-modal-link{display:flex;justify-content:center}.digitane-modal a{font-size:16px;display:block;font-weight:700;color:#000;border:2px solid #000;padding:10px 20px}.digitane-modal-close{position:absolute;right:20px;top:20px;font-size:20px;font-weight:700;cursor:pointer}.digitane-modal-bottom{text-align:center}.digitane-modal-bottom input{font-size:16px;padding:5px;margin:8px;text-align:center}.digitane-modal-bottom input[type=checkbox]{position:relative;top:-1px}.digitane-modal-bottom button{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:12px;background-color:#00a2ea;color:#fff;font-weight:700;font-size:14px;padding:4px 20px;border-radius:5px;cursor:pointer}.digitane-modal-bottom button:hover{opacity:.8}.conference__banner{margin-top:20px;text-align:center}@media (min-width:1279px){.conference__banner{padding-left:250px}}.conference__img{width:50%}.btn{display:block;cursor:pointer;text-align:center;font-weight:700;border-radius:5px;transition:.5s ease-in-out;font-size:18px;border:none}.btn__group{display:flex;justify-content:center;gap:30px}.btn__play{width:80%}.btn__answer,.btn__play{font-size:1rem;line-height:40px;height:40px;margin:30px auto}.btn__answer{font-weight:400;width:100%;border-radius:3px}.btn__answer a{color:#fff;font-weight:700}.btn__ex-challenge{margin:20px auto;height:60px;line-height:60px;width:380px}@media (min-width:767px){.btn__play{margin-top:30px;font-size:20px;width:100%;line-height:70px;height:70px}.btn__answer{margin-top:30px;font-size:18px;width:200px;line-height:50px;height:50px;font-weight:700;color:#fff}.btn__answer-blue{background-color:#00a2ea}.btn__answer-blue:hover{cursor:default}.btn__answer-pink{background-color:#fe2aa2}.btn__answer-pink:hover{cursor:default}.btn__answer-retry{background-color:#fe2aa2}.btn__answer-retry:hover{box-sizing:border-box;background-color:#515a59;transition:.5s ease-in-out}}.btn__gray{color:#fff;background-color:#515a59}.btn__gray:hover{background-color:#00adef;transition:.5s ease-in-out}.btn__gray-mc:hover{background-color:#367a3d}.btn__blue{color:#fff;background-color:#00a2ea}.btn__blue:hover{background-color:#515a59;transition:.5s ease-in-out}.btn__youtube{color:#fff;background-color:#fc0d1c}.btn__youtube:hover{background-color:#515a59;transition:.5s ease-in-out}.btn__green{color:#fff;background-color:#367a3d}.btn__green:hover{background-color:#515a59;transition:.5s ease-in-out}.btn__pink{background-color:#fe2aa2;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6)}.btn__pink:hover{background-color:#515a59;transition:.5s ease-in-out}.btn__c3pink{color:#fff;background-color:#f66060}.btn__c3pink:hover{cursor:pointer;transform:translateY(1px);opacity:.9}.btn_mt{margin-top:10px}.btn__experience-challenge{width:180px}.btn__login{margin-top:50px;width:100%;line-height:60px;height:60px}.btn__register{width:100%}.btn__register,.btn__register-back{margin:30px auto 0;line-height:50px;height:50px}.btn__register-back{width:70%;color:#fff;background-color:#a9a9a9}.btn__register-back:hover{background-color:#515a59;transition:.5s ease-in-out}.btn__apply{font-weight:400;font-size:1rem;line-height:40px;height:40px;width:50%;margin:30px auto;border-radius:3px;color:#fff;background-color:#515a59}.btn__apply:hover{background-color:#00adef;transition:.5s ease-in-out}.btn__cancel{font-weight:400;font-size:1rem;line-height:25px;height:30px;width:50px;border-radius:3px;color:#fff;background-color:#515a59}.btn__cancel:hover{background-color:#00adef;transition:.5s ease-in-out}.btn__import{margin-left:auto;margin-top:20px;font-size:.9rem;width:100px;line-height:25px;height:30px}.btn__upload{width:120px;font-size:.9rem;padding:3px}#retry_result{width:220px;margin:30px auto 5px}#upload_flyer{position:absolute;right:5px;top:5px}.c3link{margin:50px auto 0;display:flex;width:660px;justify-content:space-between}.c3link__btn{height:60px;line-height:60px;text-align:center;width:300px;color:#fff;font-weight:700;font-size:20px;border-radius:5px;background-color:#ff5d48;transition:.5s ease-in-out}.c3link__btn-green{background-color:#693}.c3link__btn:hover{cursor:pointer;transform:translateY(1px);opacity:.9}.robcratchlink{margin:50px auto 0;display:flex;justify-content:center;gap:90px}.robcratchlink__btn{height:60px;line-height:60px;text-align:center;width:300px;color:#fff;font-weight:700;font-size:20px;border-radius:5px;background-color:#ff5d48;transition:.5s ease-in-out}.robcratchlink__btn-green{background-color:#693}.robcratchlink__btn:hover{cursor:pointer;transform:translateY(1px);opacity:.9}#player1{width:100%;position:relative;padding-bottom:56.25%;height:0}#player1 iframe{position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;opacity:0}.lecture{margin:25px auto;background-color:#fff;position:relative;padding:10px 10px 40px}.lecture-mt{margin-top:45px}@media (min-width:979px){.lecture{margin:50px auto;padding:35px 25px;width:1000px;min-height:800px;height:auto}.lecture-setup{min-height:auto}}@media (min-width:979px){.lecture-community{width:1000px}}.lecture-cert{min-height:auto}.lecture-no-mt{margin:25px auto}.lecture div.section ul.icon li{opacity:0}.lecture div.section:hover ul.icon li{opacity:.5}.lecture__main{flex-direction:column;position:relative}@media (min-width:979px){.lecture__main{flex-direction:row;width:100%}}.lecture__movie{width:100%}.lecture__movie-iframe{position:relative;transition:.3s ease-in-out}.lecture__movie-iframe:hover div{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.lecture__movie-rate{position:absolute;bottom:-30px;font-size:12px;left:5px}.lecture__movie-rate-sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;top:-2px;background-color:green;margin-left:5px;padding:1px 10px 1px 11px;border:none;border-radius:0;background:#367a3d;color:#fff}.lecture__movie-rate-sel:hover{cursor:pointer}.lecture__movie-rate-sel-blue{background:#00a2ea}.lecture__movie-like{position:absolute;bottom:-24px;font-size:12px;right:5px;background-color:#f5f8fa;padding:0 10px;box-shadow:0 .5px .5px rgba(0,0,0,.5);color:#f60}.lecture__movie-like .fa-heart-o{transition:all .35s ease-out;display:inline}.lecture__movie-like .fa-heart{left:10px;transition:all .4s ease-out;display:none}.lecture__movie-like[data-exists=yes] .fa-heart{display:inline}.lecture__movie-like[data-exists=yes] .fa-heart-o{display:none}.lecture__movie-like:hover{cursor:pointer}.lecture__movie-like:active{box-shadow:none}@media (min-width:979px){.lecture__movie{width:680px}}.lecture__movie__btn{opacity:0;position:absolute;top:40%;width:50px;height:50px;text-align:center;line-height:50px;border-radius:5px;color:rgba(0,162,234,.8);font-size:2.5rem;background-color:rgba(81,90,89,.8);cursor:pointer}.lecture__movie__btn:hover{color:#00a2ea;background-color:#515a59}.lecture__movie__btn-mc{color:#367a3d}.lecture__movie__btn-mc:hover{color:#367a3d;background-color:#515a59}.lecture__movie__btn-fb{left:20%}.lecture__movie__btn-ff{right:20%}.lecture__movie__community{width:100%!important}@media (min-width:979px){.lecture__movie__community{width:1000px}}.lecture__chapter,.lecture__chapter-toggle-open{display:none}.lecture__chapter-toggle-open-v3{display:block;position:absolute;font-size:1.275rem;color:#515a59;top:-40px;right:-8px;cursor:pointer}@media (min-width:979px){.lecture__chapter-toggle-open-v3{display:none;top:0;right:-55px}}.lecture__chapter-toggle-close-v3{position:absolute;font-size:1.275rem;color:#515a59;top:10px;right:15px;cursor:pointer}.lecture__chapter-v3{display:none;position:absolute;background-color:#fff;z-index:1;top:-40px;right:-10px;width:240px;height:480px;padding:20px 0 20px 20px;border:2px solid #bfbfbf}.lecture__chapter-v3 h3{font-size:16px;font-weight:700;line-height:1}.lecture__chapter-v3 h3 i{color:#00a2ea}.lecture__chapter-v3 nav{overflow-x:hidden;overflow-y:scroll;height:420px;margin-top:15px}.lecture__chapter-v3 li{width:190px;border-top:1px solid #dcdcdc}.lecture__chapter-v3 li a{display:block;padding:.7em 0;cursor:pointer;transition:all .25s}.lecture__chapter-v3 li a:hover{background-color:#f5f5f5}@media (min-width:979px){.lecture__chapter{display:block;position:relative;margin-left:30px;width:240px;height:480px;padding:20px 0 20px 20px;border:2px solid #bfbfbf}.lecture__chapter-v3{top:0;right:0}.lecture__chapter-toggle-open{display:none;top:0;right:-55px}.lecture__chapter-toggle-close,.lecture__chapter-toggle-open{position:absolute;font-size:1.275rem;color:#515a59;cursor:pointer}.lecture__chapter-toggle-close{top:10px;right:15px}.lecture__chapter h3{font-size:16px;font-weight:700;line-height:1}.lecture__chapter h3 i{color:#00a2ea}.lecture__chapter nav{overflow-x:hidden;overflow-y:scroll;height:420px;margin-top:15px}.lecture__chapter li{width:190px;border-top:1px solid #dcdcdc}.lecture__chapter li a{display:block;padding:.7em 0;cursor:pointer;transition:all .25s}.lecture__chapter li a:hover{background-color:#f5f5f5}}.lecture__chapter-mc,.lecture__chapter-mc h3 i,.lecture__chapter-mc li a{color:#367a3d}@media (min-width:979px){.lecture__challenge{margin-top:30px;margin-right:-20px}}.lecture__challenge-title{display:none}.lecture__challenge-mission{position:relative;margin:0 auto 10px;width:100%;max-width:370px;background-color:#e3f6ff;padding:10px}.lecture__challenge-mission:after,.lecture__challenge-mission a:after{content:"";clear:both;display:table}.lecture__challenge-mission:hover{cursor:pointer}.lecture__challenge-thumb{float:left;width:100px}.lecture__challenge-thumb img{vertical-align:middle}.lecture__challenge-text{float:right;width:100%;margin-left:-120px;padding-left:120px}.lecture__challenge-text .title{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;float:none;margin-bottom:.5em;text-transform:uppercase;color:#000}.lecture__challenge-text .title i{color:#367a3d}.lecture__challenge-text .title i.blue{color:#00a2ea}.lecture__challenge-text .body{text-decoration:underline;line-height:1.5;font-size:18px;margin:0;color:#000}@media (min-width:979px){.lecture__challenge:after{content:"";clear:both;display:table}.lecture__challenge-title{display:block;float:left;margin-right:10px}.lecture__challenge-mission{float:left;width:370px;margin-right:20px}}.chap-blue{color:#00a2ea}.chap i{float:right;left:15px;position:relative;top:20px;font-size:1.2rem;z-index:10}.chap .far{display:inline;color:#e7edef}.chap .far,.chap .fas{transition:all .4s ease-out}.chap .fas{display:none}.chap[data-exists=true] .fas{display:inline}.chap[data-exists=true] .far{display:none}.chap:hover{cursor:pointer}.chap:active{box-shadow:none}.challenge i{right:15px;position:absolute;top:12px;font-size:1.2rem;z-index:10}.challenge .far{transition:all .4s ease-out;display:inline;color:#515a59}.challenge .fas{transition:all .4s ease-out;display:none}.challenge[data-exists=true] .fas{color:#367a3d;display:inline}.challenge[data-exists=true] .far{display:none}.challenge-blue[data-exists=true] .fas{color:#00a2ea;display:inline}.challenge:hover{cursor:pointer}.challenge:active{box-shadow:none}#play_rate{visibility:hidden;font-size:12px}#open_ex_button{display:none;transition:.5s ease-in-out}#open_ex_button[data-exists=yes]{transition:.5s ease-in-out;display:block}#open_photobook{display:none;transition:.5s ease-in-out}.lecture__notice{margin-top:20px;text-align:center;font-size:.9rem}.campaign__banner{max-width:1000px;width:min(100%,900px);overflow:hidden;margin:50px auto 30px;background-color:#fff;padding:20px 30px 30px;border-radius:10px}.campaign__banner-img{background-color:transparent;padding:10px}.campaign__banner img{width:min(100%,900px);display:block;margin:0 auto;transition:all .3s ease-in-out;border:.5px solid rgba(81,90,89,.3);border-radius:10px}.campaign__banner img:hover{transform:scale(1.02);transition:all .3s ease-in-out}.campaign__banner p{text-align:center;font-weight:700;width:100%;max-width:850px!important}.campaign__banner__text{margin-bottom:1.4rem}.campaign__banner__text a{color:#2a2a2a}.campaign__banner span{border-bottom:5px solid #fff13f}.campaign__banner svg{position:relative;top:3px}.campaign__banner-notice{display:block;margin:20px auto;font-size:15px;background-color:#fff13f;width:280px;color:#000;font-weight:700;text-align:center;padding:8px 20px;border-radius:5px;transition:.3s}.campaign__banner-notice:hover{box-shadow:0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform:translateY(-1px)}.header__banner{margin:0 auto;width:100%;height:auto;padding-left:0;-o-object-fit:contain;object-fit:contain}@media (min-width:1279px){.header__banner{padding-left:250px}}.header__banner-img{background-color:transparent}.header__banner img{width:100%;display:block;margin:0 auto}.homeDpcBnr__sp{display:none}@media only screen and (max-width:767px){.homeDpcBnr__pc{display:none}.homeDpcBnr__sp{display:block}}.icon-spacing{margin-right:8px}.login{text-align:center;margin-top:50px}.login__logo{margin-bottom:10px}.login__form{width:380px;margin:0 auto;background-color:#fff;padding:2.5rem 2rem 4rem;text-align:left;border:1px solid #ccc;font-size:1.2rem;transition:.5s ease-in-out}.login__form:hover{box-shadow:0 3px 15px rgba(0,0,0,.2);transition:.5s ease-in-out}.login__form-group{width:100%;margin-bottom:2.5rem}.login__form input{width:100%;height:3rem;border-radius:5px;border:1px solid #ccc;font-size:1.2rem;padding:.5rem 1rem;margin-top:5px}.login__form input::-moz-placeholder{color:#dedede}.login__form input:-ms-input-placeholder{color:#dedede}.login__form input::-ms-input-placeholder{color:#dedede}.login__form input::placeholder{color:#dedede}.register,.register__alert{text-align:center}.register__alert{font-size:1.2rem;margin-top:30px}.register__alert-success{color:green}.register__alert-danger{color:red}.register__logo{margin-bottom:50px}.register__form{background-color:#00f;width:420px;background-color:#fff;padding:2.5rem 2rem 2rem;text-align:left;margin:50px auto 0;border:1px solid #ccc;font-size:1.1rem;transition:.5s ease-in-out}.register__form:hover{box-shadow:0 3px 15px rgba(0,0,0,.2);transition:.5s ease-in-out}.register__form-wide{width:650px}.register__form-group,.register__form-message{width:100%;margin-bottom:.7rem;line-height:1.4}.register__form-message{display:flex;flex-direction:column;align-items:center;justify-content:center}.register__form input[type=date],.register__form input[type=email],.register__form input[type=text],.register__form select,.register__form textarea{width:100%;height:2.5rem;border-radius:5px;border:1px solid #ccc;font-size:1.1rem;padding:.5rem 1rem;margin-top:5px;background-color:#fff}.register__form input[type=date]::-moz-placeholder,.register__form input[type=email]::-moz-placeholder,.register__form input[type=text]::-moz-placeholder,.register__form select::-moz-placeholder,.register__form textarea::-moz-placeholder{color:#dedede}.register__form input[type=date]:-ms-input-placeholder,.register__form input[type=email]:-ms-input-placeholder,.register__form input[type=text]:-ms-input-placeholder,.register__form select:-ms-input-placeholder,.register__form textarea:-ms-input-placeholder{color:#dedede}.register__form input[type=date]::-ms-input-placeholder,.register__form input[type=email]::-ms-input-placeholder,.register__form input[type=text]::-ms-input-placeholder,.register__form select::-ms-input-placeholder,.register__form textarea::-ms-input-placeholder{color:#dedede}.register__form input[type=date]::placeholder,.register__form input[type=email]::placeholder,.register__form input[type=text]::placeholder,.register__form select::placeholder,.register__form textarea::placeholder{color:#dedede}.register__form input[type=date]:-webkit-autofill,.register__form input[type=email]:-webkit-autofill,.register__form input[type=text]:-webkit-autofill,.register__form select:-webkit-autofill,.register__form textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.register__form textarea{height:auto;font-weight:400;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,メイリオ,Meiryo,YuGothic,游ゴシック,ＭＳ Ｐゴシック,sans-serif}.register__form-link{display:block;padding-top:1rem;text-align:right;cursor:pointer}.register__form-email{width:100%;background:none;border:none;color:#000;text-decoration:underline;cursor:pointer;padding:0;margin-top:1rem;font-weight:400;text-align:right}.radio-container{display:flex;align-items:center;width:100%;height:2rem;margin-top:.25rem}.radio-container label{margin-left:10px;margin-right:10px}#searchInput{width:200px;position:absolute;right:30px;top:18px}#searchInput input{height:2rem;border-radius:1px;font-size:1rem}.select2-selection__rendered{line-height:2.5rem!important}.select2-container .select2-selection--single{height:2.5rem!important;margin-top:5px!important}.select2-selection__arrow{height:2.5rem!important}.main-nav{display:none;position:fixed;z-index:2;top:0;left:0;width:250px;background-color:#fff;height:100%;box-shadow:0 3px 3px rgba(0,0,0,.2);overflow-y:scroll}.main-nav img{margin-top:8px;margin-left:1rem;margin-bottom:1rem}.main-nav hr{margin-top:20px;margin-bottom:20px}.main-nav h3{margin:1rem 1rem .5rem;font-size:1.2rem;padding-bottom:.5rem}.main-nav h3,.main-nav h4{border-bottom:1px solid #ccc}.main-nav h4{margin-top:1rem;margin-bottom:5px;font-size:1rem;padding:.35rem 1rem .5rem}.main-nav h4 a{color:#04c}.main-nav h4:hover{background-color:#eaf0f2}.main-nav h4.typing{margin-top:1rem;border-bottom:none;margin-bottom:0}.main-nav h4.my-work{margin-top:0;margin-bottom:0;border-bottom:none}.main-nav h4.my-work a{color:#04c}.main-nav h4.my-work:hover{background-color:#eaf0f2}.main-nav li{padding:.15rem 1rem}.main-nav li:hover{background-color:#eaf0f2}.main-nav a{display:block;color:#00a2ea;font-size:1rem;letter-spacing:-1px}.main-nav a i{color:#333;margin-right:6px}@media (min-width:1279px){.main-nav{display:block!important}}.lesson_nav_news a{color:#fe2aa2}.lesson_nav_link{padding-bottom:80px}.lesson_nav_new{color:#fff;background-color:#ff28a2;border-radius:7px;padding:4px 7px;font-size:.8rem;font-weight:700;margin-left:5px}.burger_menu{position:absolute;cursor:pointer;top:8px;left:10px;font-size:1.4rem}@media (min-width:979px){.burger_menu{top:22px;left:20px;font-size:2rem}}@media (min-width:1279px){.burger_menu{display:none}}.game_drawer,.mcjr_drawer,.micra_drawer{padding-left:20px}.game_drawer a,.mcjr_drawer a,.micra_drawer a{color:#367a3d}.show_close,.show_down{position:relative;top:-2px}.show_down{font-size:10px}.menu_open[data-open=no] .show_down{display:inline}.menu_open[data-open=no] .show_close,.menu_open[data-open=yes] .show_down{display:none}.menu_open[data-open=yes] .show_close{display:inline}.toggle-ul li{margin-left:10px}.user_list{width:100%;margin-top:20px;margin-bottom:20px;padding-bottom:20px}@media (min-width:767px){.user_list{width:90%;margin:50px auto;padding-bottom:80px}}@media (min-width:979px){.user_list{width:80%}.user_list-narrow{width:650px}.user_list-wide{width:90%}}.user_list-id{display:none}@media (min-width:979px){.user_list-id{display:block;width:100%;margin-top:20px}}.user_list__table-tr td form button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#00a2ea;font-size:1rem}.user_list__table-tr.inactive td form button{color:#515a59}.user_list__table-thtr-cur{width:290px}.user_list-school{width:95%;margin:0 auto;font-size:1.2rem;padding:.5rem}.user_list-school i{font-size:1.1rem;margin-right:5px}@media (min-width:767px){.user_list-school{width:100%}}.user_list table{margin:0 auto;width:95%;position:relative}@media (min-width:767px){.user_list table{table-layout:auto;margin:0 auto;width:100%;border:1px solid #ddd}}.user_list table thead{display:none}@media (min-width:767px){.user_list table thead{display:table-header-group;background-color:#fff;text-align:left;padding:5px;border-bottom:1px solid #ddd}.user_list table thead th{padding:.5rem 0 .5rem 1rem}.user_list table thead th.w200{width:425px}.user_list table thead th.w300{width:300px}.user_list table thead th.w20{width:40px}.user_list table thead select{background-color:#e7edef}}.user_list table tbody{display:block;width:auto;position:relative}@media (min-width:767px){.user_list table tbody{display:table-row-group;width:100%}}@media (min-width:767px){.user_list table tbody tr:nth-child(odd){background-color:#f9f9f9}.user_list table tbody tr:nth-child(2n){background-color:#fff}}.user_list table tr{border-top:3px solid #ddd;border-bottom:3px solid #ddd;display:block;margin-bottom:10px}.user_list table tr:after{content:"";clear:both;display:table}@media (min-width:767px){.user_list table tr{display:table-row;border:none}}.user_list table tr.inactive{color:#515a59}.user_list table tr label{position:relative}.user_list table tr label:after{display:block;content:"▼";position:absolute;font-size:10px;color:#515a59;top:50%;right:5px;width:20px;height:20px;margin-top:-8px;pointer-events:none}.user_list table tr select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #999;padding-left:10px;padding-right:15px;text-align:center}@media (min-width:767px){.user_list table tr select{width:250px}.user_list table tr select.course_sel{width:200px;margin-right:10px}.user_list table tr select.course_sel-narrow{width:140px}.user_list table tr select.crs_sel{width:130px}.user_list table tr select.ver_sel{width:auto}.user_list table tr select.s_status{width:90%}.user_list table tr select.sibling_filter{width:80px}}.user_list table tr select.course_list,.user_list table tr select.school_list{width:110px}.user_list table tr select.course_n_list{width:180px}.user_list table td{height:2rem;display:block;text-align:right;padding:.1rem .5rem}.user_list table td.w20{width:40px;text-align:center}.user_list table td.w300{width:300px;text-align:left}@media (min-width:767px){.user_list table td{display:table-cell;text-align:left;height:50px;padding:.5rem 0 .5rem 1rem;vertical-align:middle}}.user_list table td:nth-child(odd){background-color:#f9f9f9}@media (min-width:767px){.user_list table td:nth-child(odd){background-color:transparent}}.user_list table td:nth-child(2n){background:#fff}@media (min-width:767px){.user_list table td:nth-child(2n){background-color:transparent}}.user_list table td.show-large{display:none}@media (min-width:767px){.user_list table td.show-large{display:table-cell}}.user_list table td.p_status,.user_list table td.s_date{padding-right:.5rem}.user_list table td:before{content:attr(aria-label);float:left;letter-spacing:-1px}@media (min-width:767px){.user_list table td:before{display:none}}.user_list__table-thtr-chap{padding-left:0!important}.user_list__table-thtr-date{text-align:center;width:165px}.user_list__table-thtr-check{text-align:center;width:60px}.user_list__table-school{overflow:scroll;height:70vh;display:flex}.user_chap{margin:0 auto;text-align:center}.user_chap i{font-size:1.5rem;z-index:10;color:#00a2ea}.user_chap .far{transition:all .4s ease-out;display:inline;color:#e7edef}.user_chap .fas{transition:all .4s ease-out;display:none}.user_chap[data-exists=true] .fas{display:inline}.user_chap[data-exists=true] .far{display:none}.search-div{position:absolute;right:0;top:-20px}.search-div i:hover{cursor:pointer}.search-div input{padding:1px 5px}.search-div .sub_btn{background-color:#e7edef;border:none;color:#00a2ea}.search-div .sub_btn:hover{cursor:pointer}.layout-between{display:flex;justify-content:space-between;align-items:center}.layout-between .download-link{margin-left:auto;font-size:14px}.layout-between button{padding:5px;margin-right:10px;cursor:pointer}.grouped-content{display:flex;align-items:center}.month-select{position:absolute;right:15px;top:0}#cert_sel{position:relative;top:-2px;left:3px}.tc_{position:absolute;top:45px;right:45px}.tc__status{background-color:#367a3d;color:#fff;padding:4px 10px;border-radius:3px}.tc__status_2{background-color:#fe2aa2}.tc__label{font-weight:700;width:80px;display:inline-block}.tc__message{border:1px solid #ddd;border-radius:3px;padding:10px 15px;line-height:1.6}.tc__btn{background-color:#515a59;text-align:center;color:#fff;padding:4px 10px;border-radius:3px;width:160px}.tc__btn-green{background-color:#367a3d}.tc__btn-blue{background-color:#00a2ea}.tc__btn-pink{background-color:#fe2aa2}.tc__btn:hover{cursor:pointer;opacity:.8}.tc__btn-wrap{margin-top:20px;display:flex;justify-content:space-around}.tc__blink{-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:5;animation-iteration-count:5;display:inline-block;width:10px;height:10px;margin-left:3px;position:relative;top:-2px;border-radius:10px;background:red}@-webkit-keyframes flash{0%,to{opacity:1}50%{opacity:0}}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}.p_sel{height:2.5rem;width:160px;margin-top:5px;line-height:2.5rem;padding-left:10px;border:1px solid #aaa;border-radius:4px;font-size:14px}.s_end{display:flex;align-items:center;width:90%;justify-content:space-between}.s_end_btn{padding:2px}.contact{margin-top:50px;margin-left:50px;font-size:1.25rem}.contact input,.contact textarea{width:100%;max-width:500px;font-size:1.1rem;padding:.5rem}.contact textarea{height:200px}.contact .btn{display:inline-block;width:100px;margin-right:20px;background-color:#515a59;color:#fff}.contact .btn:hover{background-color:#00adef;transition:.5s ease-in-out}.rules{width:98%;margin:50px auto;max-width:820px;background-color:#fff;padding:1rem .7rem}@media (min-width:979px){.rules{padding:.5rem 3rem 2rem}}.rules h2{color:#00a2ea;margin-top:1rem;font-size:1.25rem;font-weight:700}.rules h2:after{content:"";width:100px;height:1px;margin:.5rem 0 1.2rem;background:#00a9f0;display:block}.rules ol li{margin:.5rem 0 0 1.5rem;list-style:decimal}.rules-copyright{text-align:center;font-size:.85rem;margin-top:1.5rem;margin-bottom:2rem}@media (min-width:979px){.rules h2{margin-top:2rem;font-size:1.5rem}}.contact-info p{font-size:14px}.contact-info h3{margin-bottom:10px}.emergency-contact{margin-top:50px}.emergency-contact div{font-size:14px;max-width:520px}.resources{width:300px;margin:30px auto 80px}@media (min-width:767px){.resources{width:600px}}@media (min-width:979px){.resources{width:900px}}@media (min-width:1529px){.resources{width:1200px}}.resources-wrap{width:300px;margin-right:-30px}.resources-wrap:after{content:"";clear:both;display:table}@media (min-width:767px){.resources-wrap{width:600px;margin-right:-30px}.resources-wrap:after{content:"";clear:both;display:table}}@media (min-width:979px){.resources-wrap{width:900px}}@media (min-width:1529px){.resources-wrap{width:1200px}}.resources h3{font-size:1.2rem;margin-bottom:2rem;margin-right:30px;border-bottom:1px solid #ccc}.resources h3 span{font-size:1rem;margin-left:1.5rem}.resources__cell{float:left;width:270px;height:320px;margin-left:15px;margin-right:15px;margin-bottom:40px;background-color:#fff;text-align:center;padding-top:20px;border-radius:10px}@media (min-width:767px){.resources__cell{margin-left:0;margin-right:30px}}.resources__cell img{width:220px;margin-bottom:10px;border:1px solid #bcbcbc}.resources__cell img.roblox-chara{max-height:164px;-o-object-fit:contain;object-fit:contain}.resources__cell-challenge{height:330px;padding:10px 0}.resources__cell-lg{height:360px;padding:10px 0}.resources__cell-ev{height:230px;position:relative}.resources__cell-ev19{height:290px;position:relative}.resources__cell-ev19 img{width:230px;height:172px;margin-bottom:10px;border:1px solid #bcbcbc}.resources__cell-desc{margin-bottom:10px;position:relative;height:23px}.resources__cell-desc-nh{height:auto}.resources__cell-desc-btmn{margin-bottom:0}.resources__cell-desc-sm{font-size:.7rem;line-height:1.2;letter-spacing:-.4px;padding:.2rem 1rem .6rem}.resources__cell-desc .title{display:inline-block;left:18px;position:absolute;font-weight:700}.resources__cell-desc .rank,.resources__cell-desc .record{display:inline-block;right:18px;position:absolute}.resources__cell-desc .record-high{display:inline-block;left:18px;color:red;position:absolute}.resources__cell-wide{height:250px;position:relative}.resources__cell-wide img{width:230px;height:130px;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;border:1px solid #bcbcbc}.resources__cell-lightbox{position:absolute;top:0;left:0;width:100%;height:100%}.resources__cell-iframe{width:200px;height:112px;margin:0 auto 15px}.resources__cell-iframe img{width:100%;height:100%}.resources__cell .btn{display:inline-block;margin-right:5px;margin-left:5px;padding:.1rem .7rem;font-size:1rem}.resources__cell .btn.inactive{background-color:#bcbcbc}.resources__cell .btn.inactive:hover{cursor:default}.resources__cell .btn i{font-size:1rem;margin-right:5px}.resources__cell .btn__pink{text-shadow:none}.orientation{margin:60px auto 0;width:800px;background:#fff;padding:2rem 50px;letter-spacing:-.3px}.orientation__movie{width:700px}#btoc_poster{margin-bottom:2rem}#btoc_poster p{margin-bottom:10px}@media (min-width:767px){#btoc_poster{max-width:500px;float:left;padding-top:15px;margin-bottom:0}}.dl_resources{width:95%;max-width:800px;min-height:400px;background-color:#fff;margin:100px auto;padding:40px}.lecture__button{display:none;letter-spacing:-.5px}.lecture__button-wrapper{display:none;position:absolute;background-color:#fff;right:-5px;top:-20px;border:1px solid #367a3d;box-shadow:0 5px 15px rgba(0,0,0,.2)}@media (min-width:979px){.lecture__button-wrapper{display:block;border:none;box-shadow:none;right:0;top:10px;padding:20px;position:relative;top:-20px}}.lecture__button-chapter{position:absolute;top:-35px;right:5px;border-radius:5px;padding:2px 10px;font-size:11px;color:#fff;font-weight:700;background-color:#367a3d;box-shadow:0 5px 15px rgba(0,0,0,.2)}.lecture__button-chapter-mission{top:-40px;right:-5px}.lecture__button-chapter:hover{cursor:pointer}@media (min-width:979px){.lecture__button-chapter{display:none}}.lecture__button-dl,.lecture__button-tab{display:none}@media (min-width:979px){.lecture__button-dl{font-size:28px;line-height:100px;position:relative;display:block;height:100px;text-align:center;background-color:#e4007f;transition:.5s ease-in-out;cursor:pointer}.lecture__button-dl-sm{margin-top:45px;font-size:22px;padding-right:40px}.lecture__button-dl span{color:#fff}.lecture__button-dl:after{font-family:FontAwesome;font-size:30px;position:absolute;top:0;right:0;width:98px;height:98px;content:"";color:#e4007f;border:1px solid #e4007f;background-color:#f6f6f6}.lecture__button-dl:hover{opacity:.8;transition:.5s ease-in-out}}.lecture__button-li-link-icon{position:relative;top:-2px;display:inline-block;background-color:#367a3d;color:#fff;height:20px;line-height:20px;font-size:.75rem;border-radius:10px;padding:0 .5rem;margin-right:5px}@media (min-width:979px){.lecture__button{display:block;position:relative;margin-left:40px;width:240px;height:500px;border:2px solid #367a3d;padding:2px}.lecture__button-mac,.lecture__button-win{height:auto}.lecture__button-tab{display:block;position:absolute;width:51%;height:25px;line-height:27px;text-align:center;top:-27px;border-radius:10px 10px 0 0;cursor:pointer}.lecture__button-tab a{color:#367a3d}.lecture__button-tab-current{background-color:#367a3d;cursor:default}.lecture__button-tab-current a{color:#fff}.lecture__button-tab-win{left:-2px}.lecture__button-tab-apple{right:-2px}.lecture__button-li{display:flex;align-items:center;padding-top:.8rem;padding-bottom:.8rem;border-bottom:1px solid rgba(0,0,0,.2);transition:all .3s;cursor:pointer;color:#367a3d;line-height:1.5}.lecture__button-li:hover{transition:all .3s;background-color:#f5f5f5}.lecture__button-li-link{width:100%;color:#367a3d;padding:.5rem .6rem;text-decoration:underline}.lecture__button-li-link-icon{position:relative;top:-2px;display:inline-block;background-color:#367a3d;color:#fff;height:20px;line-height:20px;font-size:.75rem;border-radius:10px;padding:0 .5rem;margin-right:5px}.lecture__button-li-last{border-bottom:none}.lecture__button-li-icon{width:15%;font-size:18px;text-align:center}.lecture__button-li-text{width:85%}}.lecture__button-li{display:flex;align-items:center;padding:10px 12px;color:#367a3d;border-bottom:1px solid #367a3d;line-height:1.5}.lecture__button-li-icon{width:25px;font-size:18px}.lecture__button-li-icon:hover,.lecture__button-li-text:hover{cursor:pointer}.lecture__button-li-last{border-bottom:none}#setup{width:80px;padding:0 5px 4px;border:1px solid #ccc;border-radius:5px}.lec__tab{color:#367a3d;padding:12px;border-bottom:1px solid #367a3d;position:relative}.lec__tab-close{position:absolute;font-size:18px;top:-30px;right:5px}.lec__tab-close:hover{cursor:pointer}.lec__tab-ul{display:flex;justify-content:space-between}@media (min-width:979px){.lec__tab{display:none}}.user_progress_btn{position:absolute;background-color:#fe2aa2;border:none;box-shadow:0 2px 2px rgba(0,0,0,.6);color:#fff;font-size:12px;height:20px;width:55px;border-radius:5px;right:10px;cursor:pointer}.user_progress_btn.finished{box-shadow:none;background-color:#367a3d;opacity:.5}#set_up_chap1{top:10px}#set_up_chap2{top:135px}#set_up_chap3{top:260px}#set_up_chap4{top:380px}.projectBtn{display:block;text-align:center;max-width:250px;background-color:#e4007f;border-radius:3px;color:#fff;font-size:20px;line-height:40px;height:40px;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.6);margin:25px auto 0}.projectBtn span{display:none}@media (min-width:767px){.projectBtn{max-width:600px;border-radius:10px;font-size:20px;line-height:70px;height:70px;margin-top:50px}.projectBtn span{display:inline}}.projectBtn:hover{opacity:.8}.lecture__notice__roblox{padding:0 40px;border:4px double #000;width:80%;margin:40px auto 0}.lecture__notice__roblox p:first-child a{margin-top:16px;display:block;font-weight:700;font-size:1.4rem}.lecture__notice__roblox p:first-child a:hover{text-decoration:underline}.lecture__notice__roblox span{font-weight:700}.notice_wrap{width:600px;text-align:center;margin:30px auto 0}.notice_wrap a{display:block;color:#fe2aa2;font-weight:700;font-size:1.25rem}.notice_wrap a:hover{opacity:.8}.notice_wrap .notice_button{background-color:#00a2ea;color:#fff;width:300px;margin:20px auto 30px;padding:.8rem;border-radius:5px}.notionLink{margin-top:20px;display:block;text-align:center;font-size:16px;text-decoration:underline}.faq{margin:50px auto;width:100%}.faq,.faq h3{font-size:1rem}.faq h3{color:#fe2aa2;padding:.5rem 1rem;background:url(/wp-content/themes/ds-license/img/bg_q.png);margin-top:30px;margin-bottom:14px}.faq-title{font-size:1rem;font-weight:700}.faq p{padding:0 1rem}.faq-ul{padding-left:.8rem;margin-bottom:.5rem}@media (min-width:979px){.faq{font-size:1rem;width:800px}}.exercise{width:98%;margin:0 auto;text-align:center}@media (min-width:979px){.exercise{width:800px}.exercise_fix{height:800px}}.exercise__pic{margin-top:30px;position:relative}.exercise__pic img{width:100%}.exercise__num{background-color:#367a3d;color:#fff;padding:5px 10px;border-radius:5px;margin-right:15px}.exercise__num-blue{background-color:#00a2ea}.exercise__question{color:#367a3d;line-height:1.4}.exercise__question-blue{color:#00a2ea}.exercise__record{position:relative;margin:50px auto 0;text-align:center}.exercise__record-circle{position:absolute;font-family:Roboto;width:300px;height:300px;line-height:270px;left:50%;transform:translateX(-50%);border:16px solid #eaf0f2;border-radius:300px;font-weight:700;font-size:8rem;color:#00a2ea}.exercise__record-circle-per{color:#515a59;font-weight:400;font-size:3rem}.exercise__record-ul{display:flex;width:400px;margin:100px auto 50px;border:3px solid #eaf0f2}.exercise__record-ul-wide{width:600px}.exercise__record-cell{width:80px;font-size:3rem;border-right:3px solid #eaf0f2}.exercise__record-cell:last-child{border-right:none}.exercise__record-cell .fa-circle-o{color:#00a2ea}.exercise__record-cell .fa-times{color:#fe2aa2}.exercise__record-num{font-size:1.8rem;border-bottom:2px solid #eaf0f2}#check_mark{position:absolute;top:0;left:0;color:#fe2aa2;font-size:18px}#ex_question{text-align:left;font-size:1rem;padding:1rem;background:url(/wp-content/themes/ds-license/img/bg_q.png);display:flex;align-items:center}#ex_choices{display:inline-block;margin-top:30px;text-align:left}#ex_choices label{display:block;padding-bottom:10px}#ex_choices label input{position:relative;left:-1px}.ex_choice{padding-left:10px}#check_answer{width:400px;height:110px;margin:0 auto;display:flex;gap:10px}#check_answer.typing{display:none}.tab-body__btn{margin:30px auto;text-align:center;background-color:#fe2aa2;max-width:400px;padding:10px 20px;border-radius:5px}.tab-body__btn a{color:#fff;font-size:18px}.pure-css-pie{position:relative;display:inline-block}.pure-css-pie div,.pure-css-pie i,.pure-css-pie s{position:absolute;display:block;height:100%}.pure-css-pie div{width:50%;top:0;overflow:hidden}.pure-css-pie .pcp-part1{left:50%}.pure-css-pie .pcp-part1 i{left:-100%}.pure-css-pie .pcp-part2{left:50%;transform:rotate(180deg);transform-origin:0 50%}.pure-css-pie .pcp-part2 div{width:100%;left:-100%;transform-origin:100% 50%}.pure-css-pie .pcp-part2 s{left:0;width:100%;transform:rotate(180deg);transform-origin:100% 50%}.pure-css-pie .pcp-part2 i{left:0}.pure-css-pie i{width:100%;border-radius:100% 0 0 100%/50% 0 0 50%;transform-origin:100% 50%;background:#000;box-sizing:border-box}#ex_pie{width:200px;height:200px;margin:40px 20px}#ex_pie i{background:#00a2ea}#ex_pie_arc{width:300px;height:300px}.pure-css-pie.arc-pie i{border:16px solid #00a2ea;border-right:none;background:transparent}.pure-css-pie .pcp-rot{transition:transform .8s}.user__record-circle{font-family:Roboto;width:30px;height:30px;line-height:20px;border:3px solid #eaf0f2;border-radius:30px;font-weight:700;font-size:1rem;color:#00a2ea}.user__record-circle-per{color:#515a59;font-weight:400;font-size:.5rem}.user_ex_label{padding-left:8px}.userScore{width:50px!important}.userScore text.timer{font-size:30px!important}.circliful .outer{stroke:#333;stroke-width:19.8;stroke-dasharray:534}.circliful .inner,.circliful .outer{fill:transparent;transition:stroke-dashoffset 1s}.circliful .inner{stroke:orange;stroke-width:20;stroke-dasharray:534;stroke-dashoffset:0}.circliful{overflow:visible!important}.svg-container{width:100%;margin:0 auto;overflow:visible;position:relative}svg .icon{font-family:FontAwesome}.legend-line{white-space:nowrap}.color-box{width:15px;height:15px;border-radius:2px;display:inline-block;float:left}@-webkit-keyframes barRight{0%{width:0}50%{width:0}to{width:100%}}@keyframes barRight{0%{width:0}50%{width:0}to{width:100%}}.bar-chart-area{display:none;float:right;margin-right:50px;width:140px;height:80px;font-size:.9rem}@media (min-width:979px){.bar-chart-area{display:block}}.bar-chart{position:relative;height:20px;width:0}.bar-chart-desc{height:40px;width:140px;line-height:55px;display:flex;justify-content:space-between}.bar-chart-bg{width:140px;background-color:#59bcee}.bar-chart-bar,.bar-chart-bg{position:absolute;height:20px}.bar-chart-bar{width:0;background-color:#fee073;z-index:2;-webkit-animation-name:barRight;animation-name:barRight;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.bar-chart-user{position:relative;top:-8px;height:5px;width:100px;background-color:#eaf0f2}.bar-chart-user-bar{position:absolute;width:100px;height:5px;background-color:#00a2ea;z-index:4}.bar-chart-user-per{position:absolute;top:10px;z-index:5;font-size:.5rem}.user_profile{width:100%;max-width:600px;background-color:#fff;padding:2.5rem 1rem 2rem;text-align:left;margin:50px auto 0;border:1px solid #ccc;font-size:1.1rem;transition:.5s ease-in-out}.user_profile:hover{box-shadow:0 3px 15px rgba(0,0,0,.2);transition:.5s ease-in-out}@media (min-width:767px){.user_profile{padding:2.5rem 2rem 2rem;width:600px}}.user_profile-info{display:flex;width:100%}.user_profile-pic{display:none;position:relative}@media (min-width:767px){.user_profile-pic{display:block;width:120px;height:120px;font-size:7.5rem;margin-right:25px;color:grey;border:1px solid #eaf0f2;display:flex;flex-direction:column;justify-content:center;align-items:center}}.user_profile-data{flex:1}.user_profile-data li{padding:3px 0}.user_profile-data li:nth-child(odd){background-color:#f9f9f9}.user_profile-data li:nth-child(2n){background-color:#fff}.user_profile-data li select{width:300px}.user_profile-fix,.user_profile-title{display:inline-block}.user_profile-fix{width:140px}.user_profile-sml{display:inline-block;padding:0 5px 0 12px;font-size:14px}.user_profile-desc{display:inline-block;padding-left:.5rem}.user_profile-flex{display:flex;padding-left:.5rem;gap:30px}.user_profile-progress{margin-top:20px}.user_profile-progress:after{content:"";clear:both;display:table}.user_profile-progress-title{display:inline-block;width:300px;float:left;height:50px}.user_profile-progress-prog{float:left;width:100px;height:50px}.user_profile-progress-score{float:right;width:50px;height:50px}.mywork_list{width:100%;margin-top:20px;margin-bottom:50px}@media (min-width:767px){.mywork_list{width:90%;margin:50px auto}}@media (min-width:979px){.mywork_list{width:600px}.mywork_list-lg{width:800px}}.mywork{background-color:#fff;margin-bottom:50px}.mywork__howto{text-align:center;margin-bottom:20px}.mywork__total{font-size:.9rem;padding-right:.5rem;text-align:right}.mywork__total-count{font-size:.95rem;padding-right:.3rem}.mywork__name{position:relative;top:-20px;z-index:-1}.mywork__post{background-color:#f5f8fa;padding:1rem}.mywork__post-btnArea{width:100%;justify-content:space-between;display:inline-flex;align-items:center}.mywork__status{font-size:1rem;color:#00a2ea}.mywork__alert,.mywork__status{display:none;flex-grow:1;padding-left:1rem}.mywork__alert{font-size:.9rem;font-weight:700;color:#fe2aa2}.mywork__li{border-top:1px solid #e6ecf0;display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}.mywork__li-header,.mywork__li:hover{background-color:#f5f8fa}.mywork__li-dl{border-top:1px solid #e6ecf0;display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}.mywork__title{flex-grow:1;padding-left:1rem}.mywork__date{display:none}@media (min-width:767px){.mywork__date{display:block;width:90px;font-size:.9rem;color:#657785}}.mywork__file{padding-left:1rem;width:150px;padding-right:1rem}.mywork__file-school{width:85px}.mywork__file-name{width:200px}.mywork__file-dl{width:30px;padding-right:1rem}.mywork .image_half{width:100%;height:240px;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0}.new-title{height:40px}.my_message,.new-title{display:block;border:none;border-radius:3px;padding-left:1rem;margin-bottom:10px;width:100%;font-size:1rem}.my_message{padding-top:.8rem;height:60px}.file-btn{display:inline-block;padding:8px 12px;border-radius:5px;color:#fff;background-color:#59bcee;box-shadow:0 1px 1px rgba(0,0,0,.5);cursor:pointer;transition-duration:.7s}.file-btn:hover{box-shadow:none}.file-btn input{display:none}.file-btn-pink{background-color:#f60}.deleteWork{padding:.2rem 1.2rem}.deleteWork,.uploadWork{text-align:center;border-radius:3px;margin-left:15px;box-shadow:0 1px 1px rgba(0,0,0,.5);font-size:1.1rem;cursor:pointer;transition-duration:.7s}.deleteWork a,.uploadWork a{padding:.2rem 1.2rem;display:block;height:100%}.deleteWork:hover,.uploadWork:hover{box-shadow:none}.deleteWork{background-color:#fb67b5;margin-right:10px;color:#fff}.deleteWork-right{position:absolute;right:0}.uploadWork{background-color:#59bcee}.uploadWork a{font-weight:700;color:#fff}.work_submit{background-color:#fff;padding:1rem 2rem 2rem;text-align:center}.work_submit h3{color:#00a2ea;font-size:1.2rem;margin-bottom:20px;position:relative}.work_submit-date{color:#aaa;font-size:1rem;position:absolute;left:0}.work_submit .fa-file-code{font-size:72px;margin-bottom:10px}.work_submit-title{font-size:24px;margin-bottom:20px}.student_work{position:absolute;top:50px}.student_work button{font-size:1rem;width:100px;text-align:center;padding:3px 10px;background-color:#fe2aa2;border-radius:3px;color:#fff;border-style:none}.student_work button:hover{cursor:pointer}.news{margin:70px auto;width:770px;background:#fff;padding:2rem 50px;letter-spacing:-.3px;position:relative}@media (min-width:979px){.news{width:800px}}.news__banner{margin:50px auto 0;padding:0;background-color:transparent}.news__piece{border-top:1px solid #515a59;padding-top:18px;display:flex}.news__log{right:10px}.news__log,.news__update{position:absolute;top:-30px;font-size:.95rem}.news__update{right:150px}.news__date{background-color:#00a2ea;border-radius:3px;padding:1px 8px;font-size:.8rem;height:22px;line-height:22px;margin-right:1rem}.news__date,.news__new{color:#fff;font-weight:700}.news__new{background-color:#fe2aa2;border-radius:9px;padding:1px 7px;font-size:.82rem;position:relative;top:-2px;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;display:inline-block}.news__title a{color:#00a2ea;font-weight:700}.news__content{margin-top:.5rem;margin-bottom:1.8rem}.news__content a{display:inline}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateX(10px) translateY(0)}30%{opacity:0;transform:translateX(10px) translateY(0)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(10px) translateY(0)}30%{opacity:0;transform:translateX(10px) translateY(0)}to{opacity:1;transform:translateX(0) translateY(0)}}.lesson-area,.lesson-result{position:relative;margin:0 auto;width:650px;height:500px;text-align:center;font-family:Roboto Condensed}#time{color:#00a2ea;font-size:2.2rem;height:60px}#curNumArea{display:block;position:absolute;width:100px;height:40px;right:-100px;top:0;font-size:24px;background-color:#cbebf8;text-align:center;border-radius:5px}#curNum{padding-right:8px}#curNumArea.flip{transition-property:all;-webkit-animation-name:flipCount;animation-name:flipCount;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes flipCount{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes flipCount{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.targetCard{height:300px}.targetCard,.targetWord{width:100%;text-align:center}.targetWord{margin-top:87px;height:400px;padding:.2rem}#targetPic{width:360px}.targetWordType{position:absolute;width:100%;text-align:center;padding-top:1.5rem}.drop,.type{display:inline-block;color:#ddd;font-size:40px;padding-bottom:3px;margin-bottom:5px;margin-left:5px;margin-right:5px;border-bottom:3px solid #000;font-family:Candal,sans-serif}.type{height:60px;line-height:50px}.type.clear{color:#fff}.drop{height:90px;line-height:60px;width:60px;padding:1rem}.type.ng{color:#d39}.type.ok{color:#39d;-webkit-animation-name:pyon;animation-name:pyon;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes pyon{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pyon{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.cardArea{position:absolute;top:150px;left:100px;display:block;width:500px;height:200px;z-index:10}.result-smile{margin-top:10px;font-size:75px;height:150px;line-height:150px;color:#ffd0ea}.time_record{font-size:2rem;height:100px}.time_record span{color:#00a2ea;font-size:2.4rem;font-family:Roboto Condensed}.time_record-new-en{color:#fe2aa2;font-size:36px;margin-bottom:20px}.time_record-new-ja{color:red;font-size:30px;margin-bottom:10px}.time_record-new-ja i{font-size:26px}*{box-sizing:border-box;margin:0;padding:0}.modal-content{position:absolute;top:0;left:0;margin:0 auto;padding:40px}.modal-video{display:none;height:100vh;position:fixed;top:0;left:0;width:100%;z-index:2}.modal__bg{background:rgba(0,0,0,.8);height:100vh;position:absolute;width:100%}.modal__content{background:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:98%;max-width:840px}.modal__content-div{position:relative}.modal__content-close{position:absolute;color:#fff;width:20px;top:-32px;right:12px}.modal__player{width:100%;position:relative;padding-bottom:56.25%;height:0}.modal__player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.resources-referral{background-color:#fff;margin-bottom:100px}.resources-referral img{display:block;width:100%;-o-object-fit:contain;object-fit:contain}.resources-referral-wrap{padding:30px 50px 50px}.resources-referral-wrap-top{background-color:#f0f0f0;border-radius:5px;padding:10px 30px;font-size:1.2rem}.resources-referral-wrap-header{margin-top:30px;margin-bottom:0;font-weight:700;font-size:1.1rem}.resources-referral-wrap-q{background-color:#f0f0f0;border-radius:5px;padding:5px 20px;font-size:1rem;font-weight:700;margin-bottom:10px;margin-top:25px}.resources-referral-wrap-q:nth-child(2){margin-top:10px}.resources-referral-wrap-a{padding:0 20px}.resources-referral-wrap-other{margin:60px 0 20px}.resources-title{font-size:36px;font-weight:700}.resources-wrapper{font-size:16px}.survey-modal{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:580px;padding:25px;background-color:#edf2f6;z-index:2;border-radius:5px;line-height:1.4}.survey-modal-confirmation{margin:20px;text-align:center}.survey-modal-confirmation-text{font-weight:700;color:#00f}.survey-modal h2{text-align:center;font-size:24px;font-weight:700;line-height:1.4;padding:20px}.survey-modal-deadline,.survey-modal-description{font-size:16px;font-weight:700}.survey-modal-link{display:flex;justify-content:center}.survey-modal a{font-size:16px;display:block;font-weight:700;color:#000;border:2px solid #000;padding:10px 20px}.survey-modal-close{position:absolute;right:20px;top:20px;font-size:20px;font-weight:700;cursor:pointer}.survey-modal-bottom{text-align:center}.survey-modal-bottom input{font-size:16px;padding:5px;margin:8px;text-align:center}.survey-modal-bottom input[type=checkbox]{position:relative;top:-1px}.survey-modal-bottom button{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:12px;background-color:#00a2ea;color:#fff;font-weight:700;font-size:14px;padding:4px 20px;border-radius:5px;cursor:pointer}.survey-modal-bottom button:hover{opacity:.8}.conference-modal{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:500px;padding:25px;background-color:#edf2f6;z-index:2;border-radius:5px;line-height:1.4}.conference-modal-confirmation{margin:20px;text-align:center}.conference-modal-confirmation-text{font-weight:700;color:#00f}.conference-modal h2{text-align:center;font-size:24px;font-weight:700;line-height:1.4;padding:20px}.conference-modal-deadline,.conference-modal-description{font-size:16px;font-weight:700;text-align:center}.conference-modal-link{display:flex;justify-content:center}.conference-modal a{font-size:16px;display:block;font-weight:700;color:#fff;padding:10px 20px;background-color:#595959}.conference-modal-close{position:absolute;right:20px;top:20px;font-size:20px;font-weight:700;cursor:pointer}.conference-modal-btn{padding:0 50px;background-color:#595959;color:#fff;font-size:28px;border-style:none}.single-use-modal{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:500px;padding:25px;background-color:#edf2f6;z-index:2;border-radius:5px;line-height:1.4}.single-use-modal-confirmation{margin:20px;text-align:center}.single-use-modal-confirmation-text{font-weight:700;color:#00f}.single-use-modal h2{text-align:center;font-size:24px;font-weight:700;line-height:1.4;padding:20px}.single-use-modal-highlight{font-size:20px;font-weight:700;text-align:center;margin-bottom:0}.single-use-modal-description,.single-use-modal-text{font-size:16px;text-align:center}.single-use-modal-description{font-weight:700}.single-use-modal-deadline{font-size:16px;font-weight:700;text-align:center}.single-use-modal-caption{font-size:16px;text-align:center;margin-bottom:0}.single-use-modal-link{display:flex;justify-content:center}.single-use-modal a{font-size:16px;display:block;font-weight:700;padding:10px 20px}.single-use-modal-close{position:absolute;right:20px;top:20px;font-size:20px;font-weight:700;cursor:pointer}.single-use-modal-btn,.single-use-modal-btn_only{padding:5px 50px;background-color:#595959;color:#fff;font-size:24px;border-style:none}.single-use-modal-btn_only:before{content:"\25B6\FE0E\25B6\FE0E";margin-right:5px}.single-use-modal-btn_only:after{content:"\25C0\FE0E\25C0\FE0E";margin-left:5px}