#top #visual{background:url("../img/top-bg-01.jpg") no-repeat 100%;background-size:cover;height:540px;margin-top:80px;overflow:hidden}@media screen and (max-width: 770px){#top #visual{background:url("../img/top-bg-01-sp.png") no-repeat 100%;background-size:auto 300px;background-position:top center;padding-top:300px;height:auto;margin-top:50px}}#top #visual #inner{max-width:1100px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;height:100%;margin:0 auto}@media screen and (max-width: 770px){#top #visual #inner{width:100%;max-width:100%;display:inherit}}#top #visual #inner #obi{text-align:center;background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:60px 30px 0}#top #visual #inner #obi #subtitle{color:#0f2988;line-height:1;margin-bottom:14px;letter-spacing:1px;font-size:18px;font-weight:700}@media screen and (max-width: 770px){#top #visual #inner #obi #subtitle{font-size:15px}}#top #visual #inner #obi #subtitle:after,#top #visual #inner #obi #subtitle:before{content:"";display:inline-block;width:1px;height:17px;background:#0f2988;margin:0 10px}#top #visual #inner #obi #subtitle:before{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}#top #visual #inner #obi #subtitle:after{-webkit-transform:rotate(35deg);transform:rotate(35deg);margin-left:14px}#top #visual #inner #obi h1{margin-bottom:18px;font-size:36px;color:#0f2988;letter-spacing:1.2px;line-height:150%;font-weight:700}@media screen and (max-width: 770px){#top #visual #inner #obi h1{font-size:28px}}#top #visual #inner #obi h1 span{display:block}#top #visual #inner #obi h1 span span{display:inline-block;position:relative;z-index:2}#top #visual #inner #obi h1 span:before{content:"";height:8px;background-color:#fff600;display:block;width:100%;bottom:0;position:absolute;left:0;z-index:-1}#top #visual #inner #obi h2{color:#3c7cf1;font-weight:700;font-size:19px;margin-bottom:28px}#top #visual #inner #obi select{max-width:100%;min-width:280px;color:#0f2988;background-color:transparent;height:47px;letter-spacing:.9px;font-size:18px;border:none;border-bottom:1px solid #0f2988;border-radius:0;margin-bottom:20px}#top #visual #inner #obi #btn_search_host{display:block;background-color:#0f2988;color:#fff;max-width:90%;min-width:280px;font-size:18px;border-radius:30px;padding-top:15px;height:60px;margin:0 auto 30px}#top #visual #inner #obi #btn_regist_host{font-weight:700;font-size:18px;margin-top:27px;text-decoration:underline;color:#333}#top #intro{background-color:#fff;text-align:center;padding:40px 0 30px;overflow:hidden}@media screen and (max-width: 770px){#top #intro{padding:40px 10px 30px}}#top #intro h2{font-size:30px;color:#0f2988;font-weight:700;line-height:1.33;letter-spacing:1.5px;margin-bottom:20px}@media screen and (max-width: 770px){#top #intro h2{font-size:18px}}#top #intro p{font-size:16px;line-height:1.5;letter-spacing:.8px;text-align:center;color:#333}#top #tocoach{display:inline-block;max-width:100%;min-width:280px;font-size:18px;letter-spacing:.9px;border-radius:30px;padding:13px 0 0 0;height:60px;background-color:#0f2988;border-color:transparent;color:#fff}#top #tocoach:hover{background-color:#3c7cf1}#top .b-checkbox.checkbox .check,#top .i-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle}#top .b-checkbox.checkbox .check:before,#top .i-icon:before{content:"";display:inline-block;background-image:url("../img/images.png");background-size:225px 224px}#top .i{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}#top .i.is-miror{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#top .fa-check-circle:before{background-position:0 0;width:40px;height:40px;content:"";display:inline-block;background-image:url("../img/images.png");background-size:225px 224px}#top .top-feature{position:relative;padding-bottom:55px;background-color:#fff;padding:60px 0}@media screen and (max-width: 770px){#top .top-feature{padding:60px 10px}}#top .top-feature .top-container{max-width:990px;margin:0 auto}#top .top-feature:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:385px;background:#fff;z-index:0}#top .top-feature>*{position:relative;z-index:1}#top .top-feature-title{color:#3c7cf1;font-size:24px;font-weight:700;line-height:1.67;letter-spacing:1.2px;margin-bottom:33px}#top .top-feature-list-01{font-size:18px;font-weight:700;color:#0f2988;margin-bottom:63px}#top .top-feature-list-01>li{display:-webkit-box;display:-ms-flexbox;display:flex}#top .top-feature-list-02{color:#0f2988;margin-bottom:43px}#top .top-feature-list-02-item{padding:40px 20px;border-radius:12px;-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,0.1);box-shadow:0 3px 10px 0 rgba(0,0,0,0.1);background-color:#fff;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}#top .top-feature-list-02-item-no{font-family:RobotoCondensed-Regular;line-height:1;position:absolute;top:0;left:0;width:100%;-webkit-transform:translateY(-60%);transform:translateY(-60%);font-weight:700}@media screen and (max-width: 770px){#top .top-feature-list-02-item-no{left:50%;top:-50px;transform:translateX(-50%);text-align:center}}#top .top-feature-list-02-item-no>*{display:block}#top .top-feature-list-02-item-no>:first-child{font-size:11px;letter-spacing:2px;padding-left:2px}#top .top-feature-list-02-item-no>:nth-child(2){font-size:60px;letter-spacing:4px;padding-left:4px}#top .top-feature-list-02-item-title-01{color:#3c7cf1;font-size:14px;margin-bottom:17px}#top .top-feature-list-02-item-title-02{font-size:20px;line-height:1.5;letter-spacing:1px;margin-bottom:29px;font-weight:700}#top .top-feature-list-02-item-figure{margin-bottom:40px}#top .top-feature-list-02-item-figure img{width:206px;height:149px}#top .top-feature-list-02-item-text{text-align:left}#top a#toregister{display:block;width:280px;font-size:18px;letter-spacing:.9px;border-radius:30px;padding:13px 0 0 0;height:60px;background-color:#0f2988;border-color:transparent;color:#fff;text-align:center;margin:0 auto}#top a#toregister:hover{background-color:#3c7cf1}#top .top-lesson figure img{width:399px}@media screen and (max-width: 770px){#top .top-lesson figure img{width:90%}}@media (min-width: 769px){#top .top-feature:after{height:385px}#top .top-feature-title{font-size:24px}#top .top-feature-list-01{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#top .top-feature-list-01>li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;margin-bottom:20px}#top .top-feature-list-01>li:nth-child(2n){padding-left:13px}#top .top-feature-list-01>li .i{margin-right:20px}#top .top-feature-list-02{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}#top .top-feature-list-02-item{width:280px}#top .top-feature-list-02-item:not(:last-child){margin-right:32px}}@media (max-width: 768px){#top .top-feature{padding-top:33px}#top .top-feature:after{height:370px}#top .top-feature-title{font-size:18px;letter-spacing:1px;margin-bottom:18px}#top .top-feature-list-01{font-size:14px;text-align:left;margin-bottom:70px}#top .top-feature-list-01>li{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}#top .top-feature-list-01>li:not(:last-child){margin-bottom:5px}#top .top-feature-list-01>li .i{margin-right:5px;-webkit-transform:scale(0.75);transform:scale(0.75)}#top .top-feature-list-02{text-align:center;margin-left:10px;margin-right:10px}#top .top-feature-list-02-item{padding:35px 20px}#top .top-feature-list-02-item:not(:last-child){margin-bottom:75px}#top .top-feature-list-02-item-title-01{margin-bottom:10px}#top .top-feature-list-02-item-title-02{margin-bottom:5px}#top .top-feature-list-02-item-figure{margin-bottom:20px}#top .top-feature-list-02-item-figure img{width:224px;height:164px}}#top .top-lesson{position:relative;z-index:2;overflow:hidden;padding:0}#top .top-lesson p{text-align:center}#top .top-lesson h3{color:#0f2988;text-align:center;margin:30px 0}#top .top-lesson figure{text-align:center;margin:50px 0}#top .top-lesson ul{text-align:center;width:300px;margin:30px auto}#top .top-lesson ul li{margin-bottom:20px}#top .top-lesson ul a{display:block;max-width:100%;font-size:18px;letter-spacing:.9px;border-radius:30px;padding:15px}#top .top-lesson ul li:first-child a{background-color:#0f2988;border-color:transparent;color:#fff}#top .top-lesson ul li:first-child a:hover{background-color:#3c7cf1}#top .top-lesson ul li:last-child a{background-color:transparent;border:solid 1px #0f2988;color:#0f2988}#top .top-lesson ul li:last-child a:hover{background-color:#0f2988;border-color:transparent;color:#fff}#top .top-lesson-title{font-size:20px;font-weight:700;line-height:1.6;letter-spacing:2px;color:#0f2988;margin-bottom:35px}#top .top-lesson-step{margin-bottom:30px}@media (min-width: 769px){#top .top-lesson-inner-01{padding:87px 0 67px}#top .top-lesson-inner-01:before{content:"";background:url("../img/top-bg-02.jpg") no-repeat 100% 0;display:block;background-size:cover;width:50%;height:100%;position:absolute;top:0;left:0}#top .top-lesson-inner-02{-webkit-transform:translateX(100%);transform:translateX(100%);width:50%}}@media (max-width: 768px){#top .top-lesson{background:#fff}#top .top-lesson-inner-01{background:url("../img/top-bg-02.jpg") no-repeat 0 -3%;background-size:100% auto;padding-top:63vw}#top .top-lesson-inner-02{background-color:#fff;margin:0 15px;padding:30px 10px}#top .top-lesson-title{font-size:15px;letter-spacing:1.5px;margin-bottom:15px}#top .top-lesson-step{margin-bottom:25px}#top .top-lesson-step img{width:282px}}#top .top-genre{position:relative;padding-bottom:55px;background-color:#fff;padding:60px 0;overflow:hidden;border-bottom:solid 1px #ecf3ff}#top .top-genre p{text-align:center}#top .top-genre ul{width:800px;margin:50px auto 0}#top .top-genre ul li{display:inline-block;margin:15px}#top .top-genre ul li a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:160px;width:160px;border-radius:100%;overflow:hidden;line-height:1.4}#top .top-genre ul li a:before{content:"";width:100%;height:100%;background-color:#0f2988;opacity:.5;display:block;position:absolute;top:0;left:0;z-index:2;-webkit-transition:all .1s linear;transition:all .1s linear}#top .top-genre ul li a:hover:before{opacity:0.7}#top .top-genre ul li a img{width:100%;height:100%;z-index:1;position:absolute;top:0;left:0}#top .top-genre ul li a span{color:#fff;font-size:13px;position:relative;z-index:3}@media (max-width: 768px){#top .top-genre ul{width:100%;margin:50px auto 0}}@media (max-width: 450px){#top .top-genre ul{background-color:#f5f5f5;margin:30px auto 0;text-align:center}#top .top-genre ul li a{height:130px;width:130px}}#top .top-title-sub{font-size:16px;letter-spacing:1.6px;color:#000;margin-top:20px !important;margin-bottom:45px;text-align:center}#top .title-03+.top-title-sub{margin-top:-10px}@media (max-width: 768px){#top .top-title-sub{line-height:1.33;letter-spacing:1.2px;margin-bottom:20px;font-size:12px}#top .title-03+.top-title-sub{margin-top:-5px}}#top .title-03{text-align:center;margin-bottom:10px}#top .title-03-en{font-family:RobotoCondensed-Regular;font-weight:700;font-size:16px;letter-spacing:2px;line-height:1;margin-bottom:20px}#top .title-03-en>span{display:inline-block;position:relative;z-index:2;padding:0 5px 0 7px}#top .title-03-en>span:before{content:"";height:10px;background-color:#fff600;display:block;width:100%;bottom:0;position:absolute;left:0;z-index:-1}#top .title-03-ja{font-size:24px;letter-spacing:2.4px;padding-left:2.4px;text-align:center;font-weight:700;line-height:1.3;color:#3c7cf1}#top .title-03+.section{margin-top:35px}@media (max-width: 768px){#top .title-03-en{font-size:12px;letter-spacing:1.2px;margin-bottom:10px}#top .title-03-en>span:before{height:5px}#top .title-03-ja{font-size:16px;letter-spacing:1.6px;padding-left:1.6px}#top .title-03+.section{margin-top:15px}}#top .top-flow{background-color:#fff;padding:50px 0 20px;overflow:hidden}#top .top-flow-list>*{position:relative;background:#fff;margin:0 18px}#top .top-flow-list>:last-child .i{display:none}#top .top-flow-list dt{font-size:16px;height:240px;background-color:#caddff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top .top-flow-list dt figure{text-align:center}#top .top-flow-list dt img{width:auto;height:96px;margin-bottom:18px}#top .top-flow-list dt span{width:163px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:17.5px;color:#3c7cf1;background-color:#fff}#top .top-flow-list dd{padding:15px 0px;line-height:1.45;letter-spacing:1.4px;text-align:left;color:#0f2988;font-size:15px}@media (min-width: 769px){#top .top-flow-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#top .top-flow-list>*{-ms-flex-preferred-size:240px;flex-basis:240px}#top .top-flow-list .i{position:absolute;top:50%;right:0;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}}@media (max-width: 768px){#top .top-flow-list>*{background:#fff;margin:0 18px}#top .top-flow-list>*+*{margin-top:20px}#top .top-flow-list dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top .top-flow-list dt{-ms-flex-preferred-size:147px;flex-basis:147px;padding:20px 10px;font-size:12px;height:auto;-ms-flex-item-align:stretch;align-self:stretch}#top .top-flow-list dt>div{width:100%}#top .top-flow-list dt img{height:58px}#top .top-flow-list dt span{width:100%;height:25px}#top .top-flow-list dd{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:15px}#top .top-flow-list .i{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}}#top .top-support{padding:50px 0 0;overflow:hidden}#top .top-support-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;margin-top:45px;line-height:1.5;margin-bottom:60px;overflow:hidden;letter-spacing:1.6px;color:#0f2988;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#top .top-support-list img{height:auto;max-width:100%}#top .top-support-list>*{-ms-flex-preferred-size:408px;flex-basis:408px;margin:0 20px}#top .top-support-list figure{margin-bottom:15px}#top .top-support-list p{min-height:3em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){#top .top-support-list{font-size:12px;margin-bottom:40px;margin-top:20px;line-height:1.5;letter-spacing:1.2px;padding:0 5px}#top .top-support-list>*{-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px);margin:0 5px}#top .top-support-list figure{margin-bottom:5px}}#top .top-info{padding:50px 0 50px;background-color:#fff;overflow:hidden}#top .top-info-list{text-align:left}#top .top-info-list a{font-size:14px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#top .top-info-list a _:-ms-fullscreen,#top :root .top-info-list a{display:block;max-height:3em}#top .c-link-next{font-size:14px;text-align:right;display:block}@media (min-width: 769px){#top .top-info-inner{width:1200px;margin:0 auto}#top .top-info-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px;margin-bottom:30px}#top .top-info-list>*{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 30px}#top .top-info-list>*+*{border-left:1px solid #caddff}#top .top-info-list-date{margin-bottom:10px;font-size:12px;letter-spacing:.6px;color:#0f2988}}@media (max-width: 768px){#top .top-info-inner{padding:0 15px}#top .top-info-list{margin-top:15px;margin-bottom:20px;font-size:14px}#top .top-info-list>*{padding:20px 0;border-bottom:1px solid #caddff}#top .top-info-list-date{margin-bottom:10px;font-size:12px;letter-spacing:0.6px}#top .top-info-list a{letter-spacing:0.7px}}