@charset "UTF-8";@media screen and (max-width: 414px){.p-mainvisual-sp-none{display:none}}@media screen and (min-width: 415px){.p-mainvisual-pc-none{display:none}}.p-mainvisual{position:relative;height:calc(100vh - 110px);padding:20px 20px;background:#ffffff}.p-mainvisual__inner{display:flex;position:relative;flex-direction:row-reverse;height:100%}.p-mainvisual__caption{display:block;margin:0}@media screen and (max-width: 414px){.p-mainvisual__caption{position:absolute;top:6px;right:24px;z-index:100;padding:0;text-align:right}.p-mainvisual__caption__en-text{font-size:12px}.p-mainvisual__caption__jp-text{font-size:9px}}@media screen and (min-width: 415px) and (max-width: 959px){.p-mainvisual__caption{padding:0;text-align:right}.p-mainvisual__caption__en-text{font-size:16px}.p-mainvisual__caption__jp-text{font-size:12px}}@media screen and (min-width: 960px){.p-mainvisual__caption{position:absolute;top:0;right:0;z-index:1;padding:20px;background:rgb(255 255 255/75%)}.p-mainvisual__caption__en-text{font-size:16px}.p-mainvisual__caption__jp-text{font-size:12px}}.p-mainvisual__left,
.p-mainvisual__right{position:relative;height:100%;overflow:hidden}.p-mainvisual__left{display:flex;align-items:center;justify-content:center;flex-direction:column;width:34.68%;background:#ffffff}.p-mainvisual__left:before{content:"";position:absolute;top:0;left:0;max-width:311px;width:100%;padding-top:311px;background:url("../../../../images/pages/index/pc/mainvisual_bg1.png") top left no-repeat}.p-mainvisual__left:after{content:"";position:absolute;bottom:0;right:0;max-width:311px;width:100%;padding-top:311px;background:url("../../../../images/pages/index/pc/mainvisual_bg2.png") bottom right no-repeat}.p-mainvisual__left__inner{position:relative;z-index:2;padding-right:20px}.p-mainvisual__lead{max-width:400px;margin:0 auto 34px}.p-mainvisual__lead img{width:100%}.p-mainvisual__text{margin-bottom:46px;font-size:18px;text-align:center}.p-mainvisual__button{max-width:400px}.p-mainvisual__button .c-button{border-radius:2em}.p-mainvisual__button .c-button__inner{height:55px}.p-mainvisual__login{margin-top:35px;text-align:center}.p-mainvisual__login a{font-size:15px}.p-mainvisual__right{width:65.32%}.p-mainvisual__right__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:102%;height:70vh;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width: 414px){.p-mainvisual__hero{position:relative}.p-mainvisual__text{text-shadow:0 0 1px #fff}}@media screen and (max-width:959px){.p-mainvisual{height:auto;padding:1.2rem}.p-mainvisual__inner{flex-direction:column;height:auto}.p-mainvisual__right{width:100%;height:auto}.p-mainvisual__right__video{position:static;width:100%;height:auto;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}.p-mainvisual__left{width:100%;padding:3rem 0}.p-mainvisual__left:before{width:20%;padding-top:21%;background-size:100%}.p-mainvisual__left:after{width:20%;padding-top:21%;background-size:100%}.p-mainvisual__left__inner{width:100%}.p-mainvisual__lead{width:76%;margin:0 auto 1.4rem}.p-mainvisual__lead img{width:100%}.p-mainvisual__text{margin-bottom:1.4rem;font-size:1.5rem;line-height:1.75}.p-mainvisual__login{margin-top:1.2rem}.p-mainvisual__login a{font-size:1.5rem}.p-mainvisual__button{width:100%;margin:0 auto;padding:0 1.2rem}.p-mainvisual__button .c-button__inner{height:48px}}@media screen and (max-width: 414px){.p-mainvisual{position:relative;padding:0}.p-mainvisual__left{padding:0}.p-mainvisual__left__inner{padding:0 24px 24px}.p-mainvisual__hero{display:block;margin:96px 0 88px}.p-mainvisual__image{display:block;position:absolute;z-index:-1;top:-40px;right:-24px;width:calc(548px / 2);height:calc(607px / 2);background:center/contain no-repeat url('../../../../images/pages/index/sp/mainvisual.jpg')}.p-mainvisual__lead{margin:0 0 24px;line-height:1.5;font-size:27px;font-weight:normal;font-family:inherit;color:#0088d3}.p-mainvisual__text{text-align:left;margin-bottom:0}.p-mainvisual__button{padding:0}}.p-top-banner{padding:50px 0;background:#f3f4f6}.p-top-banner__link{display:block}@media screen and (max-width:959px){.p-top-banner{padding:1.2rem 0}.p-top-banner__link{margin:0 12px}.p-top-banner__image{width:100%}}@media screen and (min-width:960px){.p-top-banner__link{margin:0 auto;max-width:940px}.p-top-banner__image{transition:opacity .2s ease-out;pointer-events:unset}.p-top-banner__image:hover{opacity:.5}}.p-introduction--test{margin-top:0}.p-introduction__lead{line-height:2}.p-introduction__paragraph{font-size:16px}.p-introduction__text-emphasis{background:#f1f8fc;font-weight:700}@media screen and (max-width:959px){.p-introduction--test .p-introduction__content{padding:4rem 2.4rem}.p-topHeader--test{margin-bottom:0}.p-introduction__content .p-topHeader__heading{margin-bottom:2rem}.p-introduction__lead{margin:1.2rem 0;font-size:1.6rem}.p-introduction__paragraph{margin:2rem 0;padding:0}}@media screen and (min-width:960px){.p-introduction--test .p-introduction__content{padding:80px 56px}.p-topHeader--test{margin-bottom:0 0 64px}.p-introduction__content .p-topHeader__heading{margin-bottom:40px}.p-introduction__lead{margin:0;font-size:1.8rem;text-align:center}.p-introduction__paragraph{margin:12px 0 40px;padding:0 80px}}.p-requirement{max-width:980px;margin:auto;padding:0 0 60px;text-align:center}.p-requirement--test{background:none;border:0}.p-requirement img{width:100%}.p-requirement__button{max-width:338px;margin:0 auto}.p-requirement__button .c-button{width:100%;border-radius:2em}.p-requirement__button .c-button__inner{height:55px}@media screen and (max-width:959px){.p-requirement{padding:0 0 3rem}.p-requirement__button{width:100%;max-width:400px}.p-requirement__button .c-button__inner{height:48px}}.p-lesson__button{max-width:215px;margin:0 auto}.p-lesson__button .c-button__inner{height:40px}.p-lesson__button .c-button__label{display:block;width:100%;padding-left:0}@media screen and (max-width:959px){.p-lesson{height:100%;padding-bottom:45px}.p-lesson__button{position:absolute;bottom:0;width:100%}.p-lesson__button .c-button__inner{height:36px;padding:0}}@media screen and (min-width:960px){.p-lesson__example{min-height:215px}}@media screen and (max-width: 959px){.p-movie__label{padding:1.8rem 2.4rem;width:auto}}