html,body{background-color:#e6ffe2;margin:0;padding:0}html .top,body .top{background-color:#00b71a}html .subpage,body .subpage{background-color:#e6ffe2;background-image:url(../media/main_subpage.0bhab8umkkiam.png);background-position:top;background-repeat:no-repeat;background-attachment:fixed}nav{background-color:#fff}.subpage .navbar{margin-bottom:30px}nav div{color:#00b71a;font-weight:700}nav a{color:#00b71a;text-decoration:none}nav a:hover{opacity:.9;cursor:pointer}.subpage h1{font-size:50px}.footer{color:#fff;background-color:#006113;max-width:none;margin-top:60px}.footer p.copy{color:#fff;margin-bottom:0;font-size:12px;text-decoration:none}.footer li{margin-bottom:1em}.footer li a{color:#fff;margin-right:2.5em;text-decoration:none}.footer li a:hover{text-decoration:underline}.qbtn,.qbtn:visited{color:#fff;text-align:center;background-color:#00b71a;border:none;margin:0;padding:.5em 1em;text-decoration:none}.qbtn:hover{color:#fff;background-color:#21ea40;transition:all .5s}.qbtn:active{color:#fff;background-color:#11d42f}.contents{max-width:600px}.contents h1{color:#00b71a;text-align:left}.contentsBox{background-color:#fff;border-radius:20px}.contentsBox .contentsImg{text-align:center}.contentsBox .follownote{max-height:220px;margin-bottom:0}.contentsBox .contentsImg img{max-height:500px}.contentsBox .youtube{aspect-ratio:16/9;text-align:center;width:100%}.contentsBox .youtube iframe{width:100%;height:100%}.contentsBox img{margin:0 auto 2em}.contentsBox h3,.contentsBox h2{color:#00b71a;margin:10px 0;font-weight:700}.mainvisual{background-image:url(../media/mainvisual.047y658wn4y2o.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mainvisual h1 img{max-width:100%;height:auto;padding:300px 0 80px}.mainvisual .about{background:url(../media/bg_about.344_w8lmsj5xz.png) bottom repeat-x}.mainvisual .about .text-strong{color:#00b71a}.mainvisual .contentsBox{text-align:center;text-align:center;max-width:700px}.mainvisual .contentsBox img.d-block{z-index:0;margin-top:-80px}.whatStudy{text-align:center;background:url(../media/img_whatstudy.2boz1x6d6y80b.png) top no-repeat;padding-top:130px}.whatStudy span{color:#00b71a;pointer-events:none;margin:0 0 .8em;font-weight:700}.boxStudy{padding-bottom:.7em!important}.boxStudy h5{color:#fff}.boxStudy a{color:#00b71a;margin:0 .8em .8em 0;padding:4px 16px;font-size:18px;font-weight:700}.boxStudy .btn:hover{color:#fff;background-color:#00b71a;border-color:#fff}.exam a{color:#00b71a;font-weight:700}.exam .btn:hover{color:#fff;background-color:#bcf5c4;border-color:#bcf5c4}.questionNav{flex-wrap:wrap;justify-content:center;margin:0;padding:2em 0;list-style:none;display:flex}.questionNav li.page-item{text-align:center;background:url(../media/dotline.3ktl39uxtfow1.png) 50% no-repeat;margin-bottom:1em;padding-right:50px}.questionNav li.page-item:last-child{background:0 0;padding-right:0}.questionNav li.page-item .page-link-passive{color:#00b71a;vertical-align:middle;background:#fff;border:1px solid #00b71a;width:40px;height:40px;line-height:37px}.questionNav li.page-item .page-link-active{color:#fff;vertical-align:middle;background:#00b71a;width:40px;height:40px;line-height:37px}.questionNav li.page-item span{color:#fff;text-align:center;background:#00b71a;border-color:#00b71a;width:40px;height:40px;line-height:39px}.qaBox{max-width:980px}.card{background-color:#fff;border:none;border-radius:30px}.card h3,.card h2{color:#fff;background-color:#00b71a;border-radius:30px 30px 0 0;padding:.5em}.card .choice{appearance:none;font:inherit;color:#3b3b3b;text-align:left;background-color:#f2f2f2;border:none;width:100%;min-width:10em;margin:0;padding:0 .1em;font-size:1.3em;line-height:1.3em;text-decoration:none;display:flex}.card span{color:#fff;text-align:center;background-color:#ffc34f;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .5em;font-weight:700;line-height:1.5em;display:block}.card .choice:hover,.card .choice:active{cursor:pointer;background-color:#fff7e6}.card .choice.correct{color:#fff;pointer-events:none;background-color:#ff3d00;border:none;font-size:1.3em;line-height:1.3em;text-decoration:none;display:flex}.card .correct span{color:#ff3d00;background-color:#fff}.card .choice.error{color:#bdbdbd;pointer-events:none;background-color:#f2f2f2}.card .error span{background-color:#bdbdbd}.modal-content{box-shadow:none;background:0 0;border:0}.modal{background-color:#fff}.btn-challenge{color:#fff;background-color:#ff3d00;border:none}.btn-challenge:hover{color:#fff;background-color:#ff3d00}.boxStudy .btn-challenge{color:#fff;background-color:#ff3d00;border:none;margin-bottom:0}.boxStudy .btn-challenge:hover{color:#fff;background-color:#f63;border:none;margin-bottom:0}.challenge_title h1{color:#00b71a}.challenge_title_number{color:#fff;background-color:#00b71a;border-radius:50px;width:100px;margin:0 auto;padding:3px 10px}.challenge_title_number span.challenge_title_number-mr{margin-right:.25em}.challenge_result{background-color:#fff;border:1px solid #d5d5d5;border-radius:30px;width:400px}.challenge_result h2{color:#ff3d00;font-weight:700}.challenge_result .challenge_result-numberBox{color:#fff;background-color:#ff3d00;border-radius:30px;margin:0 30px 30px;padding:12px 0;font-weight:700}.challenge_result .challenge_result-numberBox p{margin:0;padding:0}.challenge_result-number-top{border-bottom:2px solid #fff;margin:0 20px 10px}.challenge_result-number-top span{font-size:90px}.challenge_result-number-bottom{height:40px;font-weight:400}.challenge_result-number-top .challenge_result-number-mini,.challenge_result-number-bottom .challenge_result-number-mini{font-size:20px}.challenge_result-title{color:#00b71a}.challenge-btn,.challenge-btn:visited{color:#fff;text-align:center;background-color:#ff3d00;border:none;margin:0;padding:.5em 1em;text-decoration:none}.challenge-btn:hover{color:#fff;background-color:#ff7d57;transition:all .5s}.btn-link{color:#00b71a}.btn-link:hover{color:#00b71a;text-decoration:none;transition:all .5s}@media screen and (max-width:1200px){.mainvisual{background-size:contain}.mainvisual h1 img{padding:100px 0 60px}}@media screen and (max-width:992px){.mainvisual{background-size:contain}.mainvisual h1 img{width:70%;padding:80px 0 50px}.contentsBox img.d-block{width:100px}}@media screen and (max-width:768px){.mainvisual{background-size:130%}.mainvisual h1 img{width:70%;padding:70px 0 40px}.contentsBox img.d-block{width:80px;margin-top:-80px}.subpage h1{font-size:30px}.contentsBox h2{margin-top:40px}.challenge_result{width:300px}}
