@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}*{box-sizing:border-box}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}}.btn{display:block;cursor:pointer;text-align:center;font-weight:700;border-radius:5px;transition:.5s ease-in-out;font-size:20px;border:none}.btn__answer,.btn__play{font-size:1rem;line-height:40px;height:40px;width:80%;margin:30px auto}.btn__answer{font-weight:400;border-radius:3px}.btn__answer a{color:#fff;font-weight:700}.btn__ex-challenge{margin:40px auto;height:60px;line-height:60px;width:300px}@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:150px;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__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_mt{margin-top:10px}.btn__login{margin-top:30px;width:100%;line-height:60px;height:60px}@media (min-width:767px){.btn__login{margin-top:50px}}.btn__register{margin:30px auto 0;width:100%;line-height:50px;height:50px}.btn__import{margin-left:auto;margin-top:20px;font-size:.9rem;width:100px;line-height:25px;height:30px}.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}}.header{font-size:1.2rem;width:100%;height:50px;line-height:50px;background-color:#00a2ea}@media (min-width:767px){.header{font-size:1.8rem}}@media (min-width:979px){.header{width:100%;height:80px;line-height:80px}}.header__banner{margin:0 auto;width:100%;text-align:center;color:#fff;position:relative}.header__banner:after{content:"";clear:both;display:table}.header__banner-fixed{max-width:1000px}@media (min-width:979px){.header__banner-center{height:80px}}.header__banner-left{position:absolute;top:0;left:5rem}.header__banner-left a{color:#fff100;opacity:.8;font-size:1.5rem}.header__banner-right{position:absolute;top:0;height:50px;right:1rem;padding-left:1rem;padding-right:1rem;background:url(/wp-content/themes/diff/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;font-size:1.1rem;line-height:2;padding:10px 0;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;font-size:1.2rem;color:#00a2ea;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.2);border-radius:3px}}#top_menu{display:none}.login{text-align:center;padding-bottom:30px}@media (min-width:767px){.login{margin-top:30px;padding-bottom:50px}}.login img{max-width:600px;width:100%}.login h3{margin-top:20px;color:#00a2ea;font-size:1.6rem}@media (min-width:767px){.login h3{margin-top:30px;font-size:2rem}}.login__logo{margin-bottom:30px}@media (min-width:767px){.login__logo{margin-bottom:50px}}.login__form{width:95%;max-width:380px;margin:0 auto;background-color:#fff;padding:1.5rem 2rem 1rem;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:1rem}.login__form-signup{text-align:center;margin-top:25px}@media (min-width:767px){.login__form{padding:2.5rem 2rem 2rem}.login__form-group{margin-bottom:2.5rem}.login__form-signup{margin-top:35px}}.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}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%}.overlay{z-index:1;display:block;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,.4)}.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}.drawer.show{display:block}#check-id{display:inline-block;color:red;padding-left:1rem}.footer{margin-top:60px;padding:2em 0;text-align:center;font-family:Roboto,sans-serif;font-size:12px}#guideWindow,.footer{background-color:#fff}#guideWindow{position:absolute;display:block;width:98%;max-width:600px;top:100px;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}.modal-overlay{background:rgba(62,72,83,.78);z-index:30}.modal-overlay,.shiz_loading{position:fixed;top:0;right:0;left:0;bottom:0}.shiz_loading{background:#fff;z-index:999}.shiz_loading_icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:35px}.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:1rem;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}.admin_nav{float:right;margin-bottom:10px;position:relative}.admin_nav a{background-color:#fff;padding:8px 10px;border-radius:3px;margin-left:10px}.left{position:absolute;left:0}.user_table{margin-top:10px;width:100%;text-align:left}.user_table tr{height:35px;line-height:35px;border-top:1px solid #eee}.user_table tr.wp{line-height:1.4}.user_table tr.wp p{padding-top:7px;padding-bottom:7px}.user_table tr.wp span{display:inline-block;padding-top:7px}.user_table tr.user_table-header{height:30px;line-height:30px;background-color:#efefef}.user_table tr.user_table-bottom{border-top:none;height:20px}.user_table tr .td-pl{padding-left:5px}.user_table tr .w100{width:100px}.user_table tr .w160{width:160px}.mywork_list{width:100%;margin-top:20px}@media (min-width:767px){.mywork_list{width:90%;margin:50px auto 0}}@media (min-width:979px){.mywork_list{width:600px}}.mywork_list img{width:100%}.post__list{width:600px;margin:30px auto 0;padding-top:20px;position:relative}.post__list:after{content:"";clear:both;display:table}.post__list-wide{width:980px}.my_message{display:block;border:none;border-radius:3px;padding-top:.8rem;padding-left:1rem;margin-bottom:10px;height:100px;width:100%;font-size:1rem;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,YuGothic,游ゴシック,ＭＳ Ｐゴシック,sans-serif}.my_message-sub{background-color:#f5f8fa}.mywork{background-color:#fff}.mywork__total{text-align:right;font-size:.9rem;padding-right:.5rem}.mywork__total-count{font-size:.95rem;padding-right:.3rem}.mywork__post{background-color:#f5f8fa;padding:1rem;margin-bottom:50px}.mywork__post-btnArea{margin-top:15px;margin-bottom:15px;width:100%}.mywork__post-btnArea:after{content:"";clear:both;display:table}.mywork__post-btnArea-mt{margin-top:10px;margin-bottom:35px}.mywork__post-left{float:left}.mywork__post-status{float:left;position:relative;top:10px}.mywork__post-right{float:right}.mywork__post h3{font-size:1.1rem;font-weight:700;margin-top:12px}.mywork__post li{list-style:none;padding-left:1rem;text-indent:-.9rem;margin:.5rem}.mywork__post p{margin:.5rem}.mywork__status{flex-grow:1;padding-left:1rem;font-size:1rem;color:#00a2ea}.mywork__status progress::-webkit-progress-value{background:#00a2ea}.mywork__status .video_uploading{position:relative;top:-7px;left:20px;-webkit-animation-name:uploading;animation-name:uploading;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.mywork__alert{display:none;flex-grow:1;padding-left:1rem;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:hover{background-color:#f5f8fa}.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}}@-webkit-keyframes uploading{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes uploading{0%{opacity:0}50%{opacity:1}to{opacity:0}}.mycode__status{display:none;padding-left:1rem;font-size:1rem;color:#00a2ea}.mycode__alert{display:none;padding-left:1rem;font-size:.9rem;font-weight:700;color:#fe2aa2}.mycode__post-status{float:left;position:relative;top:10px}.new-title{display:block;border:none;border-radius:3px;padding-left:1rem;margin-bottom:10px;height:40px;width:100%;font-size:1rem}.file-btn{display:inline-block;padding:8px 12px 5px;border-radius:5px;color:#fff;background-color:#59bcee;width:120px;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;width:auto}.submit_file{position:relative}.deleteWork{position:absolute;right:0;top:30px;padding:.2rem 1.2rem;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.5);font-size:1.1rem;background-color:#fb67b5;display:block;width:50px;height:35px;cursor:pointer;transition-duration:.7s;color:#fff}.deleteWork:hover{box-shadow:none}.work_submit{background-color:#fff;padding:1rem 2rem 2rem;text-align:center;margin-bottom:100px}.work_submit-mt{margin-top:50px}.work_submit-admin{width:100%;display:flex;justify-content:space-around;padding:10px 0;margin-bottom:10px}.work_submit-admin a{background-color:#00a2ea;padding:3px 10px;border-radius:3px;color:#fff}.work_submit h3{color:#00a2ea;font-size:1.2rem;margin-bottom:20px;position:relative}.work_submit h3:after{content:"";clear:both;display:table}.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}.work_submit-categ{text-align:left;position:relative;top:8px;font-weight:700;color:#00a2ea}.coming-soon{text-align:center;font-size:1.2rem;margin-top:30px;margin-bottom:30px}.work_categ{margin-right:20px}.work_categ input{position:relative;top:-3px;margin-right:5px}.contest_due{text-align:center;color:red;font-size:1.5rem;padding:30px 0 50px}#work_submit input::-moz-placeholder,#work_submit textarea::-moz-placeholder{color:#ccc}#work_submit input:-ms-input-placeholder,#work_submit textarea:-ms-input-placeholder{color:#ccc}#work_submit input::-ms-input-placeholder,#work_submit textarea::-ms-input-placeholder{color:#ccc}#work_submit input::placeholder,#work_submit textarea::placeholder{color:#ccc}.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:95%;max-width:600px;background-color:#fff;padding:2.5rem 2rem 3rem;text-align:left;margin:20px auto;border:1px solid #ccc;font-size:1.1rem;transition:.5s ease-in-out}@media (min-width:767px){.register__form{margin-top:30px;margin-bottom:30px}}.register__form-check{display:none}.register__form-check img{height:10px}.register__form-success{padding-top:20px;padding-bottom:20px;text-align:center;font-size:1.4rem}.register__form-message{font-size:1.03rem}.register__form-btn{width:200px;margin:50px auto 0;padding:.5rem}.register__form-btn a{display:block;width:100%;height:100%;color:#fff}.register__form:hover{box-shadow:0 3px 15px rgba(0,0,0,.2);transition:.5s ease-in-out}.register__form-group{width:100%;margin-bottom:.7rem;line-height:1.4}.register__form input,.register__form select{width:100%;height:2.5rem;border-radius:5px;border:1px solid #ccc;font-size:1.1rem;padding:.2rem 1rem;margin-top:5px;background-color:#fff}.register__form input.checkBox,.register__form select.checkBox{margin-top:20px;width:20px;position:relative;top:-12px}.register__form input::-moz-placeholder,.register__form select::-moz-placeholder{color:#dedede}.register__form input:-ms-input-placeholder,.register__form select:-ms-input-placeholder{color:#dedede}.register__form input::-ms-input-placeholder,.register__form select::-ms-input-placeholder{color:#dedede}.register__form input::placeholder,.register__form select::placeholder{color:#dedede}.register__form input:-webkit-autofill,.register__form select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.register__form input.w10,.register__form select.w10{width:28%}@media (min-width:767px){.register__form input.w10,.register__form select.w10{width:20%}}.register__form input.w15,.register__form select.w15{width:38%}@media (min-width:767px){.register__form input.w15,.register__form select.w15{width:25%}}.register__form input.w30,.register__form select.w30{width:50%}@media (min-width:767px){.register__form input.w30,.register__form select.w30{width:30%}}.register__thanks{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;z-index:50;background-color:#fff;padding:30px;text-align:left}.register__thanks p{font-size:18px}@media (min-width:767px){.register__thanks{text-align:center;width:700px;padding:50px 80px}}.register__submit{padding-bottom:20px;margin:0 auto;max-width:360px;text-align:center}.register__submit a,.register__submit input{background-color:#00a2ea;border-radius:5px;width:140px;border:none;font-size:16px;color:#fff;padding:3px 10px}@media (min-width:767px){.register__submit a,.register__submit input{width:150px}}.register__submit a:hover,.register__submit input:hover{cursor:pointer;opacity:.7}.register__submit a{background-color:#515a59}.apply_notice{margin-top:30px}@media (min-width:767px){.apply_notice{text-align:center}}.study-top{max-width:1000px;margin:0 auto;padding-bottom:100px}.study-top-title{background-color:#03a3ea;font-size:15px}.study-top-submit,.study-top-title{color:#fff;padding:10px 20px;font-weight:700;margin-top:20px}.study-top-submit{background-color:#ffa51f;display:block;width:250px;border-radius:5px;text-align:center}.study-top-submit:hover{background-color:#d58307}.study-top-about{margin-top:20px;background-color:#fff;padding:20px 30px;border-radius:5px}.study-top-about p{margin-bottom:0}.study-top-list{padding-top:60px}.study-top-list-title{font-size:15px;font-weight:700}.study-top-list-title span{color:#ffa51f;font-size:13px}.study-top-list-wrap{display:flex;flex-wrap:wrap;gap:30px}.study-top-list-wrap div{background-color:#fff;border-radius:5px;padding:10px 20px;width:250px}.study-top-list-wrap div p{text-align:center;font-weight:700;margin-bottom:8px}.study-top-list-wrap div img{display:block;width:100%;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;border-radius:3px}.study-top-list-wrap div a{display:block;background-color:#ffa51f;border-radius:5px;color:#000;text-align:center;margin-bottom:10px;padding:5px 0}.study-top-list-wrap div a:hover{background-color:#d58307;cursor:pointer}.study-top-online{margin-top:30px}.study-video{max-width:800px;padding-bottom:50px}.study-video iframe{width:100%;aspect-ratio:16/9;margin-top:23px}.study-video-btn{display:flex;flex-wrap:wrap;margin-top:20px;margin-bottom:30px}.study-video-btn a{width:300px;border-radius:5px;padding:10px 20px;margin:0 auto;display:block;text-align:center;color:#fff;font-weight:700;background-color:#03a3ea}.study-video-btn-scratch{background-color:#ffa51f!important}.study-video-btn a:hover{background-color:#0080b7;cursor:pointer}.study-video-btn-scratch:hover{background-color:#d58307!important;cursor:pointer}.study-video-chap{background-color:#fff;border-radius:5px!important;border:1px solid #cacaca;margin-top:20px}.study-video-chap p{margin-bottom:0}.study-video-chap li a{display:flex;align-items:center;height:100%;width:100%;border-bottom:1px solid #cacaca;padding:10px 20px}.study-video-chap li a:hover{background-color:#ebebeb}.study-video-chap li p:first-child{width:120px}.study-video-chap li:last-child a{border:none;border-radius:0 0 5px 5px}.study-video-chap li:hover:first-child a{border-radius:5px 5px 0 0!important}.study-video-chap-current{background-color:#ebebeb!important}.study-video-chap-link{background-color:#0b680b;color:#fff;border-radius:5px;text-align:center;width:80px!important;margin-right:40px}.agreement{max-width:1000px;margin:50px auto 0;padding-bottom:50px}.agreement iframe[src$=".pdf"]{width:100%;height:75vh}.agreement__check{display:block;width:100px;margin:15px auto;background-color:#00a2ea;color:#fff;font-weight:700;border-radius:3px;padding:5px 10px;text-align:center}.agreement__check:hover{cursor:pointer;opacity:.8}