@charset "UTF-8";body{margin:0;color:#333;background-color:#f5f9fc;font:100%/1.7 "Hiragino Kaku Gothic Pro","Meiryo UI",Meiryo,"MS PGothic",sans-serif}*{box-sizing:border-box}h2{color:#333;font-weight:600;margin-top:2em}h3{margin-top:1.75em}header{background-color:#fff;height:60px;margin:18px 10vw;position:absolute;border-radius:30px;box-shadow:0 0 6px #2223;width:80vw;color:#707070;font-weight:500}.header-nav-ul{list-style:none;line-height:60px;margin:0;padding:0;display:inline-block;position:absolute;right:160px}.header-nav-ul li{margin-right:4px;display:inline-block}.header-nav-ul a{font-weight:inherit;text-decoration:none;color:inherit}.header-nav-content{display:inline;background-color:#fff}.header-nav-logo{height:60px;padding:15px 30px}@media screen and (max-width:700px){.header-nav-logo{padding-left:20px}}.kana-switch-cover{position:absolute;right:40px;top:5px;bottom:5px;font-size:.8em}.nav-cover{display:inline}.kana-switch{border-radius:22px;border:solid 2px #fff;display:block;height:32px;padding:5px;margin:auto;width:53.2px;position:absolute;bottom:0;left:0;right:0}.kana-switch::before{position:absolute;content:'';background-color:#fff;border-radius:9px;display:block;width:18px;height:18px}.kana-switch-off{background-color:#c2c2c2}.kana-switch-off::before{left:5px;animation:turnoff .2s ease}.kana-switch-on{background-color:#34a2df}.kana-switch-on::before{right:5px;animation:turnon .2s ease}@keyframes turnon{0%{right:14.56px}100%{right:5px}}@keyframes turnoff{0%{left:14.56px}100%{left:5px}}#nav-checkbox,.nav-switch{display:none}@media screen and (max-width:700px){header{width:100%;margin:0;position:fixed;border-radius:0;z-index:1}.header-nav-content{z-index:1;position:fixed;padding:10px 20px;width:60%;height:calc(100% - 60px);top:60px;right:0}.nav-cover{display:none}.header-nav-bg{background-color:#3338;position:absolute;top:60px;width:100vw;height:100vh}.header-nav-ul{position:static;display:block}.header-nav-ul li{display:list-item;line-height:2em}.header-nav-ul a{display:inline-block;width:100%}.kana-switch-cover{position:static;font-size:1em;margin-top:1em}.kana-switch{margin:0;position:relative}.nav-switch{display:inline-block;margin-right:20px;line-height:60px;float:right}.nav-switch .fa-times{display:none}#nav-checkbox:checked ~ .nav-cover{display:block}#nav-checkbox:checked ~ .nav-switch .fa-bars{display:none}#nav-checkbox:checked ~ .nav-switch .fa-times{display:inline}}footer{color:#5a5a5a;font-weight:bold;background-color:#d9e6f0;padding:36px;margin-top:60px}footer a{color:#5a5a5a;margin:4px 0;display:inline-block;text-decoration:none}footer a:hover{opacity:.7}.footer-flex{display:flex}.footer-list{width:20%;margin:12px;line-height:1.8em}.footer-list ul{padding:0;list-style:none}.footer-list h2{margin:0 0 .5em;font-size:1em;border-bottom:solid 4px #34a2df;opacity:.6}.footer-logoblock{width:33%;line-height:1.4em}.footer-logo{height:40px}.footer-copyright{color:#999;font-size:.8em;margin:12px}@media screen and (max-width:890px){.footer-flex{display:block;text-align:center}.footer-logoblock,.footer-list{width:100%;margin:24px 0}.footer-copyright{text-align:center}}.top{padding:102px 10vw 24px;background-color:#34a2df;display:flex;justify-content:center;align-items:center;color:#fff;flex-wrap:wrap}@media screen and (max-width:700px){.top{padding-top:84px}}.top h1{width:100%;text-align:center}.top p{margin-top:0;text-align:center}.top-text p{text-align:left}.top-mainvisual{width:300px;display:block}.top-text{margin-right:2em}.top-course-count{font-weight:600}@media screen and (max-width:890px){.top{flex-wrap:wrap}.top-text{text-align:center;margin-right:0}.top-text p{text-align:center}.top-mainvisual{margin:auto}}.category-top{height:auto;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.category-top h1{text-align:left}.category-top-img{padding:30px;width:100%}.category-img-cover{width:300px}.category-top .category-title-sp{display:none;text-align:center}.category-right{max-width:500px;padding:20px}.category-right p{text-align:left}@media screen and (max-width:999px){.category-top .category-title-sp{display:block}.category-title-pc{display:none}.category-img-cover{display:flex;align-items:center}.category-top-img{padding:0 12px 0 0;width:40%}.category-right{padding:20px 0 0 0}}.category-officialSite{text-align:center;background-color:#fff;padding:14px;border-radius:5px;color:#34a2df;font-weight:600;text-decoration:none;display:inline-block;width:100%}.category-officialSite:hover{opacity:.9}.course-list{display:flex;flex-wrap:wrap;padding:0}.course-list li{list-style:none;width:calc(33% - 6px);background-color:#fff;margin:12px 0;border-radius:10px;border:solid 2px #d9e6f0;box-shadow:0 4px 0 #d9e6f0}@media screen and (max-width:700px){.course-list li{width:100%;margin:0 0 16px 0}}.course-list li:hover{opacity:.7}.course-list li a{text-decoration:none;color:#333;font-weight:500;padding:12px;height:100%;display:flex;flex-direction:column}
.course-list img{width:100%;height:calc(13.86vw - 17.2px);border-radius:5px;object-fit:cover}@media screen and (min-width:1500px){.course-list img{height:189px}}@media screen and (max-width:800px){.course-list img{height:calc(((100vw - 40px) * .33 - 32px) * .525)}}@media screen and (max-width:700px){.course-list img{height:calc((100vw - 40px - 24px - 4px) * .525)}}@media screen and (min-width:700px){.course-list:not(.news-list) li:not(:nth-child(3n)){margin-right:12px}}@media screen and (max-width:700px){.horizontal-list{overflow-x:auto;flex-wrap:nowrap;margin:10px -20px}.horizontal-list::-webkit-scrollbar{height:8px}.horizontal-list::-webkit-scrollbar-thumb{background:#34a2df88;border-radius:4px}.horizontal-list:after{content:'';display:block;min-width:14px;width:14px}.horizontal-list li{width:80%;min-width:80%;margin:0 6px 12px}.horizontal-list li:first-child{margin-left:20px}.horizontal-list img{height:calc((100vw - 28px) * .525 * .79)}}.course-list-title{margin:.6em 0 .4em 0}.top-course-list-category{background-color:#d9e6f0;display:block;width:100%;text-align:center;border-radius:5px;margin-bottom:5px;padding:4px 0;font-weight:500}.top-course-list-difficulty{display:block;width:100%;margin-top:auto}.top-course-list-difficulty:before{content:"\f005";font-weight:900;font-family:'Font Awesome 5 Free';color:#34a2df;opacity:.8}.article-list-title{margin:8px 0;font-size:1rem;font-weight:500}.article-list-date{margin:4px 0;font-weight:600;color:#707070}.news-list li{width:100%;margin:6px 0}.news-list li a{display:block}.news-list .article-list-date,.news-list .article-list-title{display:inline-block}.article-list-tag{background:#34a2df;color:#fff;font-weight:bold;padding:6px 12px;border-radius:1rem;margin:0 12px}.bg-note{background:#41c9b4}.bg-Qiita{background:#55c500}.bg-アップデート{background:#fe9161}.main{margin:auto 10vw;max-width:1200px}.main h2:before{content:'\f02d';font-family:'Font Awesome 5 Free';color:#34a2df;opacity:.8;margin-right:8px}.main img{max-width:100%}@media screen and (min-width:1500px){.main{margin:auto auto}}@media screen and (max-width:800px){.main{margin:auto 20px}}.list-category{display:flex}@media screen and (max-width:880px){.list-category{flex-wrap:wrap}}.list-category-one{background:#fff;border-radius:10px;border:solid 2px #d9e6f0;box-shadow:0 4px 0 #d9e6f0;color:#333;display:flex;margin:12px 0;padding:12px;text-decoration:none;width:50%}@media screen and (max-width:700px){.list-category-one{width:100%;margin:0 0 16px 0}}.list-category-one:hover{opacity:.7}@media screen and (max-width:880px){.list-category-one{width:100%}}@media screen and (min-width:700px){.list-category-one:not(:nth-child(2n)){margin-right:12px}}.list-category-link{text-align:right;color:#2d6bac;margin-bottom:0;font-weight:600;margin-top:auto}.list-category-link:hover{opacity:.7}.list-category-thumbnail{display:flex;align-items:center;padding:20px;border-radius:5px}.list-category-img{display:flex;justify-content:center;align-items:center;min-width:120px;width:120px;padding:12px;border-radius:4px}.list-category-img img{max-width:100%;max-height:100%}.list-category-text{margin:0 0 0 20px;color:#888;display:flex;flex-direction:column;width:100%}@media screen and (max-width:500px){.list-category-one{flex-wrap:wrap}.list-category-img{width:100%;height:140px}.list-category-text{margin:4px 0 0 0}}.list-category-heading{display:inline;font-size:1.6em;color:#555;margin:12px 0}.button{font:inherit;-webkit-appearance:none;border:solid 4px #34a2df;border-radius:4px;padding:16px 12px;font-weight:bold;outline:0;text-decoration:none;color:inherit;text-align:center;cursor:pointer;line-height:1em}.button:hover{opacity:.7}.btn-white{background-color:#fff;color:#34a2df}.btn-blue{background-color:#34a2df;color:#fff}.label{background-color:#eee;padding:8px;margin-top:12px;border-radius:4px;text-decoration:none;color:#707070;display:inline-block}.post-list-heading{position:relative}.post-list-more{display:inline-block;margin-left:12px}.post-list-more a{font-size:16px;color:#2d6bac;text-decoration:none}.post-list-more a:hover{opacity:.7}form{max-width:600px;margin:24px auto;font-weight:500;background-color:#fff;padding:30px 60px;border-radius:10px;border:solid 2px #d9e6f0;box-shadow:0 4px 0 #d9e6f0}@media screen and (max-width:700px){form{width:100%;margin:0 0 16px 0}}@media screen and (max-width:800px){form{margin:24px auto;padding:20px 12px}}form input{font-size:1em}form textarea{height:200px;resize:none}form input,form textarea{width:100%;padding:8px;border:solid 2px #d9e6f0;background-color:#f5f9fc;border-radius:5px}form .required{color:red}form button{display:block;height:40px;width:80%;margin:auto;background-color:#34a2df;border:0;cursor:pointer;outline:0;padding:0;appearance:none;-webkit-appearance:none;border-radius:5px;color:#fff;font-weight:bold;transition:all .2s}form button:hover{opacity:.7}