header .logo a{background:url(/assets/images/common/logo_white.webp) 0 0 no-repeat;background-size:248px 48px}.bgSpace::before{display:none}.contents{padding-top:0}.baddyPusely{position:absolute;z-index:0;top:240px;right:-200px;width:60px;height:60px;transform:rotate(-8deg);animation:baddyFloating01 20s ease infinite}.baddyGa{position:absolute;z-index:0;top:320px;right:-140px;width:140px;height:140px;transform:rotate(15deg);animation:baddyFloating02 10s ease infinite}.baddyMog{position:absolute;z-index:0;top:120px;left:-160px;width:120px;height:120px;transform:rotate(-8deg);animation:baddyFloating01 16s ease infinite}@keyframes baddyFloating01{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-30px) rotate(-8deg)}100%{transform:translateY(0) rotate(-8deg)}}@keyframes baddyFloating02{0%{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-30px) rotate(15deg)}100%{transform:translateY(0) rotate(15deg)}}@keyframes baddyFloating03{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-30px) rotate(-8deg)}100%{transform:translateY(0) rotate(-8deg)}}.baddyRocket{position:absolute;z-index:0;top:1800px;right:-340px;width:240px;height:240px;transform:rotate(-8deg);animation:baddyFloating01 16s ease infinite}.baddyTreasure{position:absolute;z-index:0;top:2800px;left:-360px;width:240px;height:240px;transform:rotate(-8deg);animation:baddyFloating01 16s ease infinite}.stars{overflow:hidden;padding-top:160px;color:#fff}.stars h2{font-size:48px;font-weight:900;line-height:150%;position:relative;z-index:5;margin-bottom:36px}.stars p.read{font-size:20px;position:relative;z-index:5;margin-bottom:60px}.explain{position:relative;z-index:5;left:-60px;display:flex;width:calc(100% + 60px);margin-bottom:80px;justify-content:space-between;align-items:center}.stars .explain:nth-child(even){right:-60px;left:0;flex-direction:row-reverse}.stars .explain:last-child{margin-top:-70px;margin-bottom:-20px}.explain .pic{width:440px}.explain .pic img{width:100%;height:auto}.explain .text{width:calc(100% - 440px)}.explain h3{font-size:18px;font-weight:700;color:#3deaa0}.explain .starTtl{display:flex;margin-bottom:28px;align-items:flex-end}.explain h4{font-size:34px;font-weight:700;line-height:100%;margin-right:16px;padding-bottom:12px;color:#3deaa0;border-bottom:4px solid #3deaa0}.explain .course{display:flex}.explain .course li{font-size:12px;font-weight:400;line-height:100%;display:inline-block;margin-right:8px;padding:8px 12px;letter-spacing:0;border-radius:20px;background:#ccc}.explain .course .free{background:#0db769}.explain .course .standard{background:#9444ff}.explain .course .premium{background:#495aff}.explain .text p{display:block;margin-bottom:28px}.explain .thmmb{display:flex;width:100%;justify-content:space-between}.explain .thmmb li{width:32%}.explain .thmmb span{display:block;overflow:hidden;width:100%;margin-bottom:8px;border-radius:10px}.explain .thmmb img{width:100%;height:auto}.explain .thmmb em{font-size:12px;font-style:normal;line-height:160%;display:block}.explain .starRotate01{animation:starRotate 180s linear infinite}.explain .starFloating01{animation:starFloating 10s ease infinite}.explain .starFloating02{animation:starFloating 16s ease infinite}.explain .starFloating03{animation:starFloating03 30s ease infinite}@keyframes starRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes starFloating{0%{transform:translateY(0)}50%{transform:translateY(-30px)}100%{transform:translateY(0)}}@keyframes starFloating03{0%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-4px) rotate(-4deg)}100%{transform:translateY(0) rotate(4deg)}}.courseDtetail{padding:70px 0}.courseDtetail .courseButton{display:flex;overflow:hidden;box-sizing:border-box;width:1024px;height:70px;margin:0 auto;margin-bottom:40px;border-radius:100px;justify-content:center}.courseDtetail .courseButton li{width:50%}.courseDtetail .courseButton li a{line-height:100%;display:flex;flex-direction:column;width:100%;height:100%;color:#fff;justify-content:center;align-items:center}.courseDtetail .courseButton li:nth-child(2) a{border-left:2px solid #fff}.courseDtetail .courseButton .free a{background:#0db769}.courseDtetail .courseButton .standard a{background:#9444ff}.courseDtetail .courseButton .premium a{background:#495aff}.courseDtetail .courseButton li a div{line-height:100%;display:flex;flex-direction:column;min-height:42px;padding-left:60px;color:#fff;background:#ccc;justify-content:center;align-items:center}.courseDtetail .courseButton .free a div{background:url(/assets/images/common/icon_buddy_01.png) 8px center no-repeat #0db769;background-size:42px 42px}.courseDtetail .courseButton .standard a div{background:url(/assets/images/common/icon_buddy_02.png) 8px center no-repeat #9444ff;background-size:42px 42px}.courseDtetail .courseButton .premium a div{background:url(/assets/images/common/icon_buddy_03.png) 8px center no-repeat #495aff;background-size:42px 42px}.courseDtetail .courseButton span{font-size:12px;font-weight:400;margin-top:0;margin-bottom:4px}.courseDtetail .courseButton em{font-size:20px;font-weight:700;font-style:normal;display:block}.courseDtetail .courseButton em::after{display:block;width:8px;height:8px;margin:8px auto 0;content:"";transform:rotateZ(90deg);background:url(/assets/images/common/icon_arrow_white.png) center bottom no-repeat;background-size:6px 8px}.courseDtetail h2{font-size:32px;font-weight:700;margin-bottom:20px;text-align:center;color:#342866}.courseDtetail .kome{font-size:12px;line-height:170%;display:block;margin-bottom:8px;text-align:center}.courseExp{position:relative;width:100%;padding:40px 0 0}.courseExp .tag{position:absolute;top:60px;left:0;width:68px;padding:18px 10px;-ms-writing-mode:tb-rl;color:#fff;border-top-right-radius:8px;border-bottom-right-radius:8px;writing-mode:vertical-rl}_::-webkit-full-page-media,_:future,:root .courseExp .tag{left:-20px}.courseExp.free .tag{background:#0db769}.courseExp.standard .tag{background:#9444ff}.courseExp.premium .tag{background:#495aff}.courseExp .tag span{font-size:22px;font-weight:700;display:block;min-width:42px;padding-top:50px;padding-right:8px;text-align:center;background-size:42px 42px}.courseExp.free .tag span{background:url(/assets/images/common/icon_buddy_01.png) 0 top no-repeat #0db769;background-size:42px 42px}.courseExp.standard .tag span{background:url(/assets/images/common/icon_buddy_02.png) 0 top no-repeat #9444ff;background-size:42px 42px}.courseExp.premium .tag span{background:url(/assets/images/common/icon_buddy_03.png) 0 top no-repeat #495aff;background-size:42px 42px}.courseExp .boxInner{position:relative;left:-80px;display:flex;width:1184px;padding-bottom:40px;padding-left:160px;justify-content:space-between}.courseExp .boxInner::after{position:absolute;bottom:0;display:block;width:1024px;height:0;content:"";border-bottom:1px solid #ddd}.courseExp:last-child .boxInner::after{display:none}.courseExp .leftExp{display:flex;flex-direction:column;width:480px}.courseExp .courseTtl{display:flex;justify-content:space-between}.courseExp .courseTtl{display:flex;margin-bottom:20px;justify-content:space-between;align-items:center}.courseExp .courseTtl h3{font-size:20px;font-weight:700;margin-bottom:12px}.courseExp .courseTtl h4{font-size:40px;font-weight:900}.courseExp.free .courseTtl h4{color:#0db769}.courseExp.standard .courseTtl h4{color:#9444ff}.courseExp.premium .courseTtl h4{color:#495aff}.courseExp .coursePrice{font-weight:700;line-height:100%;display:flex;flex-direction:column;width:94px;height:94px;letter-spacing:0;color:#fff;border-radius:100px;background:#ccc;justify-content:center;align-items:center}.courseExp .coursePrice span{font-size:24px;display:block}.courseExp.free .coursePrice{background:#0db769}.courseExp.standard .coursePrice{background:#9444ff}.courseExp.premium .coursePrice{background:#495aff}.courseExp .coursePrice em{font-size:12px;font-style:normal;display:block;margin-top:-12px;margin-bottom:8px}.courseExp .coursePrice b{font-size:70%}.courseExp .rightExp{width:480px;padding:24px 20px 0;border-radius:10px;background:#f7f7f7}.courseExp.free .rightExp{background:url(/assets/images/about/course_buddy_01.png) left bottom no-repeat #f7f7f7;background-size:131px 134px}.courseExp.standard .rightExp{background:url(/assets/images/about/course_buddy_02.png) left bottom no-repeat #f7f7f7;background-size:131px 134px}.courseExp.premium .rightExp{background:url(/assets/images/about/course_buddy_03.png) left bottom no-repeat #f7f7f7;background-size:120px 126px}.courseExp .rightExp .rightExpDetail{width:100%;margin-bottom:20px;padding-bottom:0;border-bottom:2px solid #e3e2e8}.courseExp .rightExp dl{display:flex;width:100%;margin-bottom:24px;color:#342866;align-items:center}.courseExp .rightExp dt{width:100px}.courseExp .rightExp dd{width:calc(100% - 100px);padding-left:12px}.courseExp .rightExp .num dd{width:calc(50% - 100px)}.courseExp .rightExp .rightExpDetail span{font-size:12px;font-weight:700;line-height:100%;display:flex;width:100%;min-height:24px;padding:4px 8px;border:1px solid #a7a4b5;border-radius:100px;background:#fff;align-items:center;justify-content:center}.courseExp .rightExp .rightExpDetail .playStar{margin-bottom:12px}.courseExp .rightExp .rightExpDetail .playStar span{font-size:10px;letter-spacing:0}.courseExp .strasList{display:flex;justify-content:space-around}.courseExp .strasList img{width:64px;height:auto;opacity:.1;filter:alpha(opacity=10);-ms-filter:"alpha(opacity=10)"}.courseExp .strasList img.active{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}.courseExp .volume{font-size:22px;font-weight:700}.courseExp .volume p{display:inline-block;background:linear-gradient(transparent 60%, #ffea00 60%)}.courseExp .volume b{font-size:30px}.courseExp .num{font-size:12px;font-weight:700;line-height:120%;letter-spacing:0}.courseExp .num b{font-size:20px}.courseExp ul{padding-bottom:20px;padding-left:100px}.courseExp li{font-size:14px;font-weight:700;line-height:160%;display:block;display:flex;margin-bottom:12px;color:#342866}.courseExp li:last-child{margin-bottom:0}.courseExp li::before{font-size:10px;width:16px;height:16px;content:"●";color:#0db769}.courseExp li span{width:calc(100% - 16px)}.comparison{margin-top:-40px;padding:50px 0 70px;background:#f7f7f7}.comparison h2{position:relative;margin-bottom:40px;text-align:center;border-bottom:4px solid #342866}.comparison h2 span{font-size:28px;font-weight:900;position:relative;bottom:-20px;display:inline-block;margin:0 auto;padding:0 12px;text-align:center;color:#342866;background:#f7f7f7}.comparison table{font-size:90%;line-height:160%;display:block;overflow:hidden;width:100%;margin-bottom:8px;border:1px solid #ddd;border-radius:8px;background:#fff}.comparison th{width:160px;padding:16px 10px;text-align:center}.comparison td{width:432px;padding:16px 10px;text-align:center;border-left:1px solid #ddd}.comparison tr:nth-child(odd) th,.comparison tr:nth-child(odd) td{background:#f7f7f7}.comparison tr.head th,.comparison tr.head td{font-weight:bold;padding:16px;border-right:1px solid #c6c9ce;background:#ddd}.comparison .head td:last-child{border-right:none}.comparison .head .free{color:#0db769}.comparison .head .standard{color:#9444ff}.comparison .head .premium{color:#495aff}.comparison td em{font-size:80%;font-style:normal}.comparison .playStars td{font-size:80%}.schoolInfo{padding:100px 40px 40px}.schoolInfo .boxInner{position:relative;padding:0 40px 40px;text-align:center;border:4px solid #00b900;border-radius:10px}.schoolTitle{position:relative;top:-40px;display:inline-block;padding:0 20px;text-align:center;background:#fff}.schoolTitle div{font-size:20px;font-weight:700;position:relative;display:inline-block;min-width:120px;max-width:100%;margin-bottom:6px;padding:8px 24px;color:#fff;border-radius:10px;background:#00b900}.schoolTitle div:before{position:absolute;top:100%;left:50%;margin-left:-10px;content:"";border:10px solid rgba(0,0,0,0);border-top:10px solid #00b900}.schoolTitle h2{font-size:36px;font-weight:900;display:flex;min-height:48px;padding-left:56px;color:#00b900;background:url(/assets/images/common/icon_scool.png) left center no-repeat;background-size:44px 44px;align-items:center}.schoolInfo .schoolExp{display:flex;margin-bottom:24px;justify-content:space-between}.schoolInfo .schoolExp p{display:block;width:calc(100% - 290px);padding-right:40px;text-align:left}.schoolInfo .schoolExp .pic{width:290px;height:auto}.schoolInfo .performance{display:flex;margin-bottom:40px;padding:30px;background:#ecf9f3;justify-content:space-between}.schoolInfo .performance .performanceInner{display:block;width:calc(100% - 212px);padding-left:40px;text-align:left}.schoolInfo .performance h3{font-size:20px;font-weight:700;margin-bottom:6px;color:#342866}.schoolInfo .performance li{font-size:12px;line-height:160%;display:flex;margin-bottom:0}.schoolInfo .performance li span{font-size:12px;line-height:160%;display:block;width:calc(100% - 12px);margin-bottom:8px}.schoolInfo .performance li::before{font-size:8px;width:12px;margin-right:4px;content:"●";color:#33c280}.schoolInfo .performance .pic{width:212px;height:160px}.storesFooter{position:relative;z-index:10;padding-bottom:50px}.storesFooter .ttl{margin-bottom:8px;text-align:center}.storesFooter .ttl span{font-size:20px;line-height:1.2;position:relative;display:inline-block;padding:0 36px;text-align:center;color:#000}.storesFooter .ttl span:before,.storesFooter .ttl span:after{position:absolute;top:50%;display:inline-block;width:36px;height:2px;content:"";transform:rotate(-60deg);background-color:#000}.storesFooter .ttl span:before{left:0;transform:rotate(60deg)}.storesFooter .ttl span:after{right:0}.storesFooter ul{display:flex;padding-bottom:20px;justify-content:center}.storesFooter ul a{display:flex;width:180px;height:60px;margin:0 8px;transition:all .3s ease;text-indent:-9999px;border-radius:12px;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:150px 40px;justify-content:center;align-items:center}.storesFooter ul a:hover{background-color:rgba(0,0,0,.8)}.storesFooter .ios a{background-image:url(/assets/images/common/badge_ios_jp.png)}.storesFooter .google a{background-image:url(/assets/images/common/badge_google_jp.png)}.storesFooter .amazon a{background-image:url(/assets/images/common/badge_amazon_jp.png)}@media only screen and (max-width: 896px){header .logo a{background:url(/assets/images/common/logo_white.webp) 0 0 no-repeat;background-size:206px 40px}.stars{padding-top:120px}.stars h2{font-size:26px;line-height:150%;margin-bottom:16px}.stars p.read{font-size:16px;line-height:180%;margin-bottom:40px}.explain{left:0;flex-direction:column-reverse;width:100%;margin-bottom:50px;padding-top:40px;border-top:2px solid #3deaa0}.stars .explain:nth-child(even){right:0;flex-direction:column-reverse;width:100%}.stars .explain:last-child{margin-top:0;margin-bottom:0}.explain .pic{width:220px;height:220px}.explain .text{width:100%}.explain h3{font-size:14px;text-align:center}.explain .starTtl{flex-direction:column;width:100%;margin-bottom:0;text-align:center;align-items:baseline}.explain h4{font-size:32px;line-height:100%;width:100%;margin-right:0;margin-bottom:16px;padding-bottom:0;text-align:center;border-bottom:none}.explain .course{margin:0 auto 16px;justify-content:center}.explain .course li{font-size:10px;font-weight:700}.explain .text p{margin-bottom:16px}.stars .explain:last-child p{margin-bottom:-20px}.explain .thmmb{display:flex;width:100%;justify-content:space-between}.explain .thmmb li{width:32%}.explain .thmmb span{margin-bottom:6px;border-radius:6px}.explain .thmmb em{font-size:10px;line-height:140%}.courseDtetail{padding:40px 20px}.courseDtetail .courseButton{width:100%;height:40px;margin-bottom:20px}.courseDtetail .courseButton li:nth-child(2) a{border-left:1px solid #fff}.courseDtetail .courseButton li a div{min-height:auto;padding-left:0}.courseDtetail .courseButton .free a div,.courseDtetail .courseButton .standard a div,.courseDtetail .courseButton .premium a div{background-image:none}.courseDtetail .courseButton span{display:none}.courseDtetail .courseButton em{font-size:10px;font-weight:700;font-style:normal;display:block;letter-spacing:0}.courseDtetail .courseButton em::after{margin-top:4px}.courseDtetail h2{font-size:18px;line-height:150%;margin-bottom:20px;letter-spacing:0}.courseDtetail .kome{line-height:140%;margin-bottom:8px;text-align:left}.courseExp{position:relative;width:100%;padding:30px 0 40px;border-top:1px solid #ddd}.courseExp .tag{display:none}.courseExp.free{margin-top:40px}.courseExp .boxInner{left:0;flex-direction:column;width:100%;padding:0}.courseExp .boxInner::after{display:none}.courseExp .leftExp{width:100%}.courseExp .courseTtl{display:flex;justify-content:space-between}.courseExp .courseTtl{margin-bottom:20px}.courseExp .courseTtl h3{font-size:16px;margin-bottom:0;letter-spacing:0}.courseExp .courseTtl h4{font-size:28px;font-weight:900;line-height:120%}.courseExp .courseTtlInner{width:calc(100% - 60px)}.courseExp .coursePrice{width:60px;height:60px}.courseExp .coursePrice span{font-size:18px}.courseExp .coursePrice em{font-size:10px;margin-top:-6px;margin-bottom:4px}.courseExp .rightExp{width:100%;margin-top:28px;padding:16px 16px 0}.courseExp.free .rightExp{background-size:98px 100px}.courseExp.standard .rightExp{background-size:98px 100px}.courseExp.premium .rightExp{background-size:98px 100px}.courseExp .rightExp .rightExpDetail{margin-bottom:16px}.courseExp .rightExp dl{margin-bottom:16px}.courseExp .rightExp dt{width:80px}.courseExp .rightExp dd{width:calc(100% - 80px);padding-left:8px}.courseExp .rightExp .num dd{width:calc(50% - 80px)}.courseExp .rightExp .rightExpDetail span{font-size:10px;line-height:120%;padding:4px 8px}.courseExp .rightExp .rightExpDetail .playStar{margin-bottom:8px}.courseExp .rightExp .rightExpDetail .playStar span{font-size:9px;letter-spacing:0}.courseExp .strasList{justify-content:center;align-items:flex-start}.courseExp .strasList img{width:44px}.courseExp .volume{font-size:18px}.courseExp .volume b{font-size:22px}.courseExp .num{font-size:10px;line-height:120%}.courseExp .num b{font-size:18px}.courseExp ul{padding-bottom:20px;padding-left:74px}.courseExp li{font-size:12px;font-weight:400;margin-bottom:8px}.courseExp li:last-child{margin-bottom:0}.courseExp li::before{font-size:10px;width:16px;height:16px;content:"●";color:#0db769}.courseExp li span{width:calc(100% - 16px)}.comparison{padding:24px 0}.comparison h2{margin-bottom:24px;border-bottom:2px solid #342866}.comparison h2 span{font-size:24px;bottom:-16px;padding:0 8px}.comparison table{font-size:90%;line-height:140%;letter-spacing:0}.comparison th{line-height:110%;width:40px;padding:12px 8px}.comparison td{padding:12px 8px}.comparison tr:nth-child(odd) th,.comparison tr:nth-child(odd) td{background:#f7f7f7}.comparison tr.head th,.comparison tr.head td{font-weight:bold;padding:16px;border-right:1px solid #c6c9ce;background:#ddd}.comparison .head td:last-child{border-right:none}.comparison .head .free{color:#0db769}.comparison .head .standard{color:#9444ff}.comparison .head .premium{color:#495aff}.comparison td em{font-size:80%;font-style:normal}.comparison .playStars td{font-size:80%}.schoolInfo{padding:80px 20px 40px}.schoolInfo .boxInner{padding:0 20px 20px}.schoolTitle{position:relative;top:-48px;display:inline-block;padding:0 8px;text-align:center;background:#fff}.schoolTitle div{font-size:12px;line-height:100%;margin-bottom:6px;padding:8px 16px;border-radius:8px}.schoolTitle div:before{margin-left:-6px;border:6px solid rgba(0,0,0,0);border-top:6px solid #00b900}.schoolTitle h2{font-size:20px;font-weight:900;display:flex;min-height:0;padding-left:0;color:#00b900;background-image:none;align-items:center}.schoolInfo .schoolExp{flex-direction:column-reverse;margin-bottom:24px}.schoolInfo .schoolExp p{width:100%;padding-right:0}.schoolInfo .schoolExp .pic{width:290px;height:198px;margin:-20px auto 0;margin-top:-20px}.schoolInfo .performance{flex-direction:column-reverse;margin-bottom:20px;padding:20px}.schoolInfo .performance .performanceInner{width:100%;padding-left:0}.schoolInfo .performance h3{font-size:20px;margin-bottom:8px;text-align:center}.schoolInfo .performance ul{margin-bottom:12px}.schoolInfo .performance li{font-size:12px;line-height:160%;display:flex;margin-bottom:0}.schoolInfo .performance .pic{width:100%;height:auto}.baddyPusely{position:absolute;top:-10px;right:10px;width:40px;height:40px;transform:rotate(-8deg)}.baddyGa{position:absolute;z-index:0;top:48px;right:20px;width:60px;height:60px;transform:rotate(15deg);animation:baddyFloating02 10s ease infinite}.baddyMog{display:none}.baddyRocket{display:none}.baddyTreasure{position:absolute;top:5000px;left:-10px;width:80px;height:80px;transform:rotate(-8deg);animation:baddyFloating01 16s ease infinite}.storesFooter{display:none}}@media only screen and (max-width: 320px){.stars h2{font-size:20px}.courseDtetail h2{font-size:16px;margin-bottom:16px}.courseDtetail .courseButton em{font-size:8px}.courseDtetail .courseButton em::after{width:4px;height:6px;margin:2px auto 0;content:"";background-size:4px 6px}.courseExp .rightExp dt{width:70px}.courseExp .rightExp dd{width:calc(100% - 70px)}.courseExp .rightExp .num dd{width:calc(50% - 70px)}.courseExp .rightExp .rightExpDetail span{font-size:8px;line-height:120%;padding:4px 4px}.courseExp .rightExp .rightExpDetail .playStar span{font-size:8px}.courseExp .strasList img{width:30px}.courseExp .volume{font-size:18px}.courseExp .volume b{font-size:16px}.courseExp .num{font-size:8px;line-height:120%}.courseExp .num b{font-size:16px}.courseExp li{font-size:10px}}