.icon-logo{width:150px}.dropdown-user-sp{background-color:#fff;position:relative;width:150px;padding:10px;box-shadow:0 10px 10px 4px rgba(0,0,0,.01)}.dropdown-user-sp li{list-style:none;display:flex;align-items:center;border-radius:3px}.dropdown-user-sp li button{font-size:12px;width:100%;padding:8px;text-align:left;color:#353535}.dropdown-user-sp li:hover{background-color:#e0e7e7}.dropdown-user-sp:after{content:"";position:absolute;right:0;top:-12px;right:15px;width:0;height:0;margin:auto;border-right:10px solid transparent;border-bottom:16px solid #fff;border-left:10px solid transparent}.overlay-normal{position:fixed;z-index:998;width:100%;height:100%;top:0;left:0}.overlay-normal--black{background-color:#353535;opacity:.6}.layout-header-sp{padding:25px 20px;justify-content:space-between;position:relative}.layout-header-sp,.layout-header-sp__right{display:flex;align-items:center}.layout-header-sp__right button{cursor:pointer;font-weight:600;padding:8px 16px;background-color:#f7bf42;border:1px solid #efb639;border-radius:3px;display:flex;align-items:center;transition:.1s;color:#353535}.layout-header-sp__right button p{font-size:12px;margin-right:10px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-header-sp__right button i{font-size:14px}.layout-header-sp__right button:hover{background-color:#efb639}.layout-header-sp__right__id{background-color:#fff;border:1px solid #e0e7e7;border-radius:3px;padding:8px 10px;margin-right:15px}.layout-header-sp__right__id p{font-size:12px;font-weight:500}.layout-header-sp__dropdown{position:absolute;top:80px;right:40px;z-index:999}.vue-notification{margin-top:30px;margin-right:30px}.layout-footer-sp{background-color:#889090;width:100%;margin-top:auto}.layout-footer-sp__content{padding:30px 15px}.layout-footer-sp__content__left__top p{font-size:12px;color:#fff;width:260px;margin-top:5px}.layout-footer-sp__content__left__top ul{display:flex;margin:0 0 0}.layout-footer-sp__content__left__top ul li a{color:#fff;font-size:20px}.layout-footer-sp__content__left__top ul li a:hover{color:#e0e7e7}.layout-footer-sp__content__left__top ul li:first-child{margin-right:5px}.layout-footer-sp__content__left__bottom__copy-right{font-size:12px;color:#fff}.layout-footer-sp__content__left__bottom__twimoji-license{font-size:10px;color:#e0e7e7;margin-top:5px}.layout-footer-sp__content__right{display:flex}.layout-footer-sp__content__right div h5{font-size:12px;color:#f7bf42}.layout-footer-sp__content__right div ul li a{font-size:12px;text-decoration:none;color:#fff}.layout-footer-sp__content__right div ul li a:visited{color:#fff}.layout-footer-sp__content__right div ul li a:hover{color:#e0e7e7}.layout-footer-sp__content__right__service{margin-right:20px}.layout-footer-sp__bot__button,.layout-footer-sp__bot__content{position:fixed;bottom:30px;right:30px}.bot-enter-active,.bot-leave-active{transform:translate(0);transition:opacity .4s,transform .2s cubic-bezier(0,0,.2,1) 0ms}.bot-enter,.bot-leave-to{transform:translateY(15px);opacity:0}.button-enter-active,.button-leave-active{transition:opacity .4s}.button-enter,.button-leave-to{opacity:0}.layout-footer-sp__content__left__middle li a{color:#fff;text-decoration:none;font-size:12px}.layout-footer-sp__content__left__middle li a:visited{color:#fff}.bar-show-lang{display:flex}.bar-show-lang__left{background-color:#889090;padding:10px;font-size:12px;color:#fff;display:flex;align-items:center}.bar-show-lang__right{background-color:#e0e7e7;padding:10px;font-size:12px;display:flex;flex-wrap:wrap;margin:0;max-width:300px}.bar-show-lang__right li{margin-right:5px}.bar-progress{display:flex;align-items:center;width:100%}.bar-progress__bar{position:relative;width:100%}.bar-progress__front{position:absolute;top:0;left:0;height:12px;border-radius:20px;background-color:#f7bf42}.bar-progress__back{width:100%;height:12px;border-radius:40px;background-color:#e0e7e7}.small{height:5px}.large{height:18px}.section-course-sp__main__top h3,.section-course-sp__main__top p,.strimwidth,.strimwidth-one,.strimwidth-three,.strimwidth-two{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.section-course-sp__main__top h3,.strimwidth-two{-webkit-line-clamp:2}.section-course-sp__main__top p,.strimwidth-three{-webkit-line-clamp:3}.section-course-sp{display:flex;align-items:center;background-color:#fff;padding:15px 15px 5px 15px}.section-course-sp__main__top{margin-bottom:10px}.section-course-sp__main__top div{display:flex;align-items:center}.section-course-sp__main__top div h5{font-size:14px;font-weight:500;margin-right:15px}.section-course-sp__main__top p{font-size:12px;font-weight:500}.section-course-sp__main__top h3{font-size:20px;font-weight:600}.section-course-sp__main__progress{display:flex;align-items:center;margin-top:10px}.section-course-sp__main__progress p{font-size:12px;font-weight:500;width:120px}.section-course-sp__main__progress__bar{padding:10px}.button-dashboard-chapter-sp__text span,.strimwidth,.strimwidth-one,.strimwidth-three,.strimwidth-two{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.button-dashboard-chapter-sp__text span,.strimwidth-two{-webkit-line-clamp:2}.button-dashboard-chapter-sp{color:#353535;border:1px solid #e0e7e7;border-radius:2px;font-size:10px;display:flex;padding:0;text-decoration:none}.button-dashboard-chapter-sp:visited{color:#353535}.button-dashboard-chapter-sp__text:hover{text-decoration:underline;text-underline-offset:1px}.button-dashboard-chapter-sp__check{width:45px;height:45px;background-color:#fafbfb;border-right:1px solid #e0e7e7;display:flex;justify-content:center;align-items:center}.button-dashboard-chapter-sp__check i{font-size:16px;color:#fff}.button-dashboard-chapter-sp__text{padding:5px;text-align:left}.check{background-color:#48a7d0}.section-lesson-sp__map__list__right h5,.section-lesson-sp__map__list__right p,.strimwidth,.strimwidth-one,.strimwidth-three,.strimwidth-two{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.section-lesson-sp__map__list__right h5,.strimwidth-one{-webkit-line-clamp:1}.section-lesson-sp__map__list__right p,.strimwidth-three{-webkit-line-clamp:3}.section-lesson-sp{background-color:#fff;padding:15px 15px 15px}.section-lesson-sp__map{margin:0}.section-lesson-sp__map__list{display:flex;margin-bottom:40px;position:relative}.section-lesson-sp__map__list:last-child{margin-bottom:0}.section-lesson-sp__map__list__left{background-color:#fff;border:3px solid #f7bf42;border-radius:50px;width:20px;height:20px;margin:2px 15px 0 0;flex-shrink:0;z-index:2}.section-lesson-sp__map__list__center{border-right:3px solid #f7bf42;height:calc(100% + 40px);top:15px;left:8px;position:absolute}.section-lesson-sp__map__list__right h5{font-size:16px;font-weight:600}.section-lesson-sp__map__list__right p{font-size:12px;margin:5px 0 10px}.section-lesson-sp__map__list__right li{margin-top:10px}.section-lesson-sp__map__list__right li:first-child{margin-top:0}.section-lesson-sp__recommend-paid{display:flex;padding:15px;margin-top:30px;background-color:#fafbfb;border-radius:3px}.section-lesson-sp__recommend-paid__left{margin-right:10px}.section-lesson-sp__recommend-paid__left img{width:35px}.section-lesson-sp__recommend-paid__right h3{font-size:14px}.section-lesson-sp__recommend-paid__right p{margin-top:3px;font-size:12px}.section-lesson-sp__recommend-paid__right a{color:#48a7d0;font-weight:600;text-decoration:none}.section-lesson-sp__recommend-paid__right a:visited{color:#48a7d0}.section-lesson-sp__recommend-paid__right span{font-size:10px}.service-end-notice{padding:20px 24px;border-radius:12px;margin:0 auto 24px;max-width:1170px;border:1px solid #f2d39c;background:linear-gradient(135deg,#fff7e8,#fffdf7);box-shadow:0 10px 30px rgba(32,44,49,.06)}.service-end-notice--member{margin-bottom:20px}.service-end-notice--guest{position:fixed;top:88px;right:24px;left:24px;z-index:90;max-width:560px;margin:0 0 24px auto}.service-end-notice__content h2{font-size:22px;font-weight:700;margin-bottom:8px}.service-end-notice__content p{font-size:14px;line-height:1.8;margin-top:6px}.service-end-notice__label{display:inline-block;font-size:12px;font-weight:700;color:#9a5b00;background-color:#ffe7bf;border-radius:999px;padding:4px 10px;margin-bottom:10px}@media screen and (max-width:650px){.service-end-notice{margin:0 15px 16px;padding:16px}.service-end-notice--guest{top:72px;right:12px;left:12px;max-width:none;margin:0}.service-end-notice__content h2{font-size:18px}.service-end-notice__content p{font-size:12px;line-height:1.7}}.base-content-pc[data-v-cf733988]{width:1080px;padding-left:40px;padding-right:40px}.dashboard__main__notice__right h3[data-v-cf733988],.dashboard__main__notice__right p[data-v-cf733988],.strimwidth-one[data-v-cf733988],.strimwidth-three[data-v-cf733988],.strimwidth-two[data-v-cf733988],.strimwidth[data-v-cf733988]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.dashboard__main__notice__right h3[data-v-cf733988],.strimwidth-one[data-v-cf733988]{-webkit-line-clamp:1}.dashboard__main__notice__right p[data-v-cf733988],.strimwidth-two[data-v-cf733988]{-webkit-line-clamp:2}.strimwidth-three[data-v-cf733988]{-webkit-line-clamp:3}.fa-google[data-v-cf733988]{background:conic-gradient(from -45deg,#ea4335 110deg,#4285f4 90deg 180deg,#34a853 180deg 270deg,#fbbc05 270deg) 73% 55%/150% 150% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.dashboard[data-v-cf733988]{-webkit-text-size-adjust:100%;display:flex;flex-direction:column;min-height:100vh}.dashboard__main[data-v-cf733988]{margin:0 auto 120px;padding:0 15px;display:flex;max-width:100%}.dashboard__main__notice[data-v-cf733988]{background-color:#fff;padding:15px;display:flex;margin-bottom:15px}.dashboard__main__notice__left[data-v-cf733988]{width:50px;height:50px;background-color:#e0e7e7;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:3px}.dashboard__main__notice__right[data-v-cf733988]{text-align:left;margin:0 15px}.dashboard__main__notice__right h3[data-v-cf733988]{font-size:14px}.dashboard__main__notice__right p[data-v-cf733988]{font-size:10px}.dashboard__main__space-link[data-v-cf733988]{width:100%}.dashboard__main__space-link img[data-v-cf733988]{width:100%;margin-bottom:10px}.base-content-pc{width:1080px;padding-left:40px;padding-right:40px}.strimwidth,.strimwidth-one,.strimwidth-three,.strimwidth-two{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.strimwidth-one{-webkit-line-clamp:1}.strimwidth-two{-webkit-line-clamp:2}.strimwidth-three{-webkit-line-clamp:3}.fa-google{background:conic-gradient(from -45deg,#ea4335 110deg,#4285f4 90deg 180deg,#34a853 180deg 270deg,#fbbc05 270deg) 73% 55%/150% 150% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.dashboard__main__notice__left img{height:22px;margin:10px 0;vertical-align:middle}