.imageMain{min-height:650px;padding:140px 40px 0;background:url(/en/assets/images/educators/main_pic.jpg) top right no-repeat;background-size:60%}.imageMainInner{max-width:1200px;margin:0 auto}.imageMain .pageMainTitle{font-weight:900;line-height:120%;color:#0db769}.imageMain .pageMainTitle span{font-size:18px;display:block;margin-bottom:20px}.imageMain .pageMainTitle h2{font-size:60px;font-weight:900;margin-bottom:44px}.imageMain p{font-size:21px;font-weight:700;line-height:140%;width:60%;margin-bottom:64px;color:#342866}.imageMain .buttonTop{display:flex;margin-bottom:80px}.imageMain .buttonTop a{display:flex;flex-direction:column;margin:0;padding:16px 48px 24px;letter-spacing:0;color:#fff;border-radius:100px;background:#ccc;background-color:#38286b;box-shadow:0 4px rgba(0,0,0,.3);justify-content:center;align-items:center}.imageMain .buttonTop span{font-size:22px;font-weight:900;display:block;text-align:center;background-size:12px 16px}.imageMain .buttonTop em{font-size:18px;font-weight:400;font-style:normal;position:relative;display:inline-block;padding:0 20px;text-align:center}.imageMain .buttonTop em:before,.imageMain .buttonTop em:after{position:absolute;top:50%;display:inline-block;width:20px;height:2px;content:"";transform:rotate(-60deg);background-color:#fff}.imageMain .buttonTop em:before{left:0;transform:rotate(60deg)}.imageMain .argetAge{font-size:20px;font-weight:700;position:absolute;top:450px;right:0;padding:8px 16px;color:#fff;background:#0db769}.educatorsIntro{position:relative;z-index:1}.educatorsIntro{max-width:1200px;margin:0 auto}.educatorsIntro dl{display:flex;margin-bottom:16px;border:4px solid #fff;background:#0db769;align-items:center}.educatorsIntro dt{font-size:18px;font-weight:700;width:288px;padding:20px 8px;text-align:center;color:#fff;background:#0db769}.educatorsIntro dd{font-size:18px;font-weight:700;width:calc(100% - 288px);padding:20px 20px;letter-spacing:.05em;color:#0db769;background:#fff}.diagonal{position:relative;z-index:0;margin-top:-80px;padding-top:120px}.diagonal::after{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";transform:skewY(-6deg);transform-origin:bottom left;background:url(/en/assets/images/common/bg_glid.png) #0db769 repeat center;background-size:22px 22px}.boxMovie{padding:40px 20px 100px}.boxMovie .pic01{position:absolute;z-index:1;top:0;left:0;width:240px;height:231px}.boxMovie .pic02{position:absolute;z-index:1;top:0;right:40px;width:155px;height:140px}.boxMovie .pic03{position:absolute;z-index:1;top:160px;right:40px;width:155px;height:140px}.boxMovieInner{max-width:740px;margin:0 auto;padding:20px 40px;border:4px #ddd;border-radius:20px;background:#fff}.movie{position:relative;width:100%;padding-top:56.25%}.movie iframe,.movie video{position:absolute;top:0;right:0;width:100%;height:100%}.companion{padding-bottom:20px}.companion h3{font-size:40px;font-weight:900;width:833px;height:106px;margin:0 auto 40px;text-align:center;color:#0db769;background:url(/en/assets/images/educators/ttl_companion.png) no-repeat center;background-size:833px 106px}.companion h3 span{display:inline-block;padding-top:26px}.boxCompanion{position:relative;display:flex;margin-bottom:80px;align-items:flex-start}.boxCompanion .pic{position:relative;width:480px;margin-left:-40px}.boxCompanion .pic img{width:100%;height:auto}.boxCompanion .text{position:relative;width:calc(100% - 480px);padding-left:40px}.boxCompanion.box01 .pic{left:-100px}.boxCompanion.box01 .text{left:-100px;width:calc(100% - 280px)}.boxCompanion.typeB{flex-direction:row-reverse}.boxCompanion.typeB .pic{margin-right:-40px;margin-left:0}.boxCompanion.typeB .text{padding-right:40px;padding-left:0}.boxCompanion h4{font-size:40px;font-weight:900;line-height:110%;margin-bottom:40px}.boxCompanion h5{font-size:22px;line-height:100%;display:inline-block;margin-bottom:16px;padding:8px 32px 10px;border:4px solid #97d4b8;border-radius:100px}.boxCompanion p{font-size:18px;line-height:180%;margin-bottom:36px;padding:0 4px}.boxCompanion p b{font-weight:700;color:#ffea00}.steps{padding:100px 0 0}.steps h2{font-size:48px;font-weight:900;line-height:120%;margin-bottom:28px;text-align:center;color:#0db769}.steps .boxStep{position:relative;display:flex;overflow:hidden;margin-bottom:6px;padding:36px 36px 16px 36px;border:2px solid #0db769;border-radius:20px;background:#fff;align-items:flex-start}.steps .arrow{display:block;width:0;height:0;margin:0 auto;margin-bottom:6px;border-top:12px solid #cacaca;border-right:20px solid rgba(0,0,0,0);border-left:20px solid rgba(0,0,0,0)}.steps .boxStep::before{position:absolute;top:0;left:0;width:0;height:0;content:"";color:#fff;border-top:50px solid #0db769;border-right:50px solid rgba(0,0,0,0)}.steps .boxStep::after{font-size:16px;font-weight:900;position:absolute;z-index:1;top:4px;left:8px;content:"";color:#fff}.steps .boxStep:nth-of-type(1)::after{content:"1"}.steps .boxStep:nth-of-type(2)::after{content:"2"}.steps .boxStep:nth-of-type(3)::after{content:"3"}.steps .boxStep:nth-of-type(4)::after{content:"4"}.steps .boxStep .pic{width:240px;margin-left:30px;padding-top:8px}.steps .boxStep .pic img{width:100%;height:auto}.steps .boxStep .text{width:calc(100% - 210px);padding-left:30px}.steps .boxStep h3{font-size:30px;font-weight:900;line-height:130%;margin-bottom:20px;color:#0db769}.steps .boxStep li{font-size:18px;line-height:160%;line-height:130%;display:flex;margin-bottom:16px;letter-spacing:0}.steps .boxStep li::before{font-size:12px;display:inline-block;width:20px;padding-top:2px;content:"●";color:#0db769}.voiceTeachers{padding:80px 20px;text-align:center;background:url(/en/assets/images/educators/bg_voice.jpg) no-repeat center;background-size:cover}.voiceTeachers h2{font-size:46px;font-weight:700;position:relative;display:inline-block;margin-bottom:20px;padding:0 36px;text-align:center;color:#342866}.voiceTeachers h2:before,.voiceTeachers h2:after{position:absolute;top:50%;display:inline-block;width:44px;height:4px;content:"";transform:rotate(-60deg);background-color:#342866}.voiceTeachers h2:before{left:0;transform:rotate(60deg)}.voiceTeachers .illust{display:block;width:280px;height:96px;margin:0 auto}.voiceTeachers .boxInner{display:flex;text-align:left;justify-content:space-between}.voiceTeachers .boxVoiceT{width:31%;padding:28px;color:#fff;border-radius:20px;background:url(/en/assets/images/educators/pic_voice_user.png) no-repeat 24px bottom;background-color:#ddd;background-size:44px 72px}.voiceTeachers .boxVoiceT.voice01{background-color:#f995af}.voiceTeachers .boxVoiceT.voice02{background-color:#02abb6}.voiceTeachers .boxVoiceT.voice03{background-color:#96d42a}.voiceTeachers .boxVoiceT p{font-size:20px;font-weight:700;line-height:140%;min-height:140px;margin-bottom:10px}.voiceTeachers .boxVoiceT span,.voiceTeachers .boxVoiceT em{font-size:14px;font-style:normal;line-height:160%;display:block;text-align:right;letter-spacing:0}.footerButtonArea{padding:120px 20px;text-align:center;background:url(/assets/images/top/main_bg.webp) center repeat;background-size:719px 540px}.footerButtonArea h3{font-size:36px;line-height:140%;margin-bottom:40px;color:#342866}.footerButtonArea .button a span{background-image:none}@media only screen and (max-width: 1200px){.imageMain p{font-size:18px}}@media only screen and (max-width: 1024px){.imageMain{min-height:650px;padding:80px 40px 0;background-position:left 160px;background-size:contain}.imageMain p{font-size:20px;font-weight:700;margin-bottom:40px}.imageMain .argetAge{font-size:20px;font-weight:700;position:absolute;top:380px;right:0;padding:8px 16px;color:#fff;background:#0db769}.diagonal{position:relative;z-index:0;margin-top:-40px;padding-top:120px;padding-bottom:60px}.diagonal::after{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";transform:skewY(-6deg);transform-origin:bottom left;background:url(/en/assets/images/common/bg_glid.png) #0db769 repeat center;background-size:22px 22px}.boxMovie{padding:0 20px 60px}.boxMovie .pic01{top:-20px;left:8px;width:160px;height:154px}.boxMovie .pic02{top:-20px;right:8px;width:120px;height:107px}.boxMovie .pic03{top:120px;right:8px;width:120px;height:107px}.companion h3{font-size:32px;width:800px;height:76px;margin-bottom:12px;letter-spacing:0;background-size:600px 76px}.companion h3 span{padding-top:20px}.steps{padding:100px 20px 0}}@media only screen and (max-width: 896px){.boxMovie .pic01{top:-20px;left:8px;width:100px;height:96px}.boxMovie .pic02{top:-20px;right:8px;width:80px;height:73px}.boxMovie .pic03{top:80px;right:8px;width:80px;height:73px}.companion{margin-top:20px;padding-bottom:1px}.companion h3{font-size:28px;width:100%;height:auto;margin:0 auto 40px;padding:16px 12px;letter-spacing:0;background-color:#ffea00;background-image:none;background-size:cover}.companion h3 span{padding-top:0}.boxCompanion{flex-direction:column-reverse;margin-bottom:68px}.boxCompanion .pic{width:100%;margin:0 auto 0}.boxCompanion .text{width:100%;padding:0}.boxCompanion.box01 .pic{left:0}.boxCompanion.box01 .text{left:0;width:100%}.boxCompanion.typeB{flex-direction:column-reverse;padding:0}.boxCompanion.typeB .pic{margin:0 auto 0;margin-right:0}.boxCompanion.typeB .text{padding-right:0;padding-left:0}.boxCompanion h4{font-size:32px;line-height:120%;margin-bottom:16px;text-align:center}.boxCompanion h5{font-size:20px;line-height:100%;display:block;margin-bottom:16px;padding:12px 20px;text-align:center;letter-spacing:0}.boxCompanion p{font-size:20px;line-height:160%;margin-bottom:24px;padding:0 0}.footerButtonArea{padding:60px 20px;background-size:426px 320px}.footerButtonArea h3{font-size:24px;line-height:140%;margin-bottom:40px;color:#342866}}@media only screen and (max-width: 480px){.imageMain{min-height:0;padding:0 0 0;background:none}.imageMainInner{position:relative;z-index:1;max-width:100%;margin-bottom:30px;padding:60px 20px 20px;background:url(/en/assets/images/educators/main_pic_sp.jpg) center top no-repeat;background-size:100% auto}.imageMain .pageMainTitle{line-height:120%}.imageMain .pageMainTitle span{font-size:16px;margin-bottom:0}.imageMain .pageMainTitle h2{font-size:36px;line-height:120%;margin-bottom:12px}.imageMain p{font-size:14px;font-weight:700;width:100%;margin-bottom:16px}.imageMain .buttonTop{position:relative;z-index:1;width:100%;margin-bottom:0}.imageMain .buttonTop a{width:100%;padding:8px 16px 12px;background-color:#38286b}.imageMain .buttonTop span{font-size:16px}.imageMain .buttonTop em{font-size:12px;padding:0 20px}.imageMain .buttonTop em:before,.imageMain .buttonTop em:after{width:16px}.imageMain .argetAge{font-size:13px;line-height:100%;position:relative;top:0;right:0;display:inline-block;margin:0 auto;margin-bottom:40px;padding:8px 16px;text-align:center;letter-spacing:0;color:#0db769;border:2px solid #0db769;background:#fff}.educatorsIntro{position:relative;z-index:1}.educatorsIntro{width:100%;margin:60px auto;padding:0 20px}.educatorsIntro dl{line-height:120%;flex-direction:column;margin-bottom:16px;border:1px solid #0db769}.educatorsIntro dt{font-size:16px;width:100%;padding:8px 8px;letter-spacing:0}.educatorsIntro dd{font-size:14px;font-weight:400;line-height:140%;width:100%;padding:12px 12px;letter-spacing:0}.boxMovie{margin-top:-40px;margin-bottom:-20px}.boxMovieInner{padding:16px 20px}.companion h3{font-size:18px;margin-bottom:20px;padding:16px 12px}.boxCompanion .pic{width:100%}.boxCompanion h4{font-size:22px}.boxCompanion h5{font-size:18px}.boxCompanion p{font-size:16px}.diagonal{padding-bottom:10px}.steps{padding:60px 20px 0}.steps h2{font-size:36px;margin-bottom:16px;letter-spacing:0}.steps .boxStep{flex-direction:column-reverse;padding:28px 20px 16px 20px}.steps .arrow{border-top:10px solid #cacaca;border-right:16px solid rgba(0,0,0,0);border-left:16px solid rgba(0,0,0,0)}.steps .boxStep .pic{width:240px;margin:0 auto 0;padding:0}.steps .boxStep .text{width:100%;padding:0}.steps .boxStep h3{font-size:28px;line-height:130%;margin-bottom:20px;text-align:center;letter-spacing:0}.steps .boxStep ul{margin-bottom:28px}.steps .boxStep li{font-size:14px;line-height:150%;display:flex;margin-bottom:8px}.steps .boxStep li::before{font-size:10px;display:inline-block;width:16px;padding-top:2px;content:"●";color:#0db769}.steps .boxStep li span{display:block;width:calc(100% - 16px)}.effectiveness{margin-top:0}.voiceTeachers{padding:60px 20px}.voiceTeachers h2{font-size:22px;margin-bottom:16px;padding:0 20px}.voiceTeachers h2:before,.voiceTeachers h2:after{width:24px;height:2px}.voiceTeachers .illust{width:120px;height:40px}.voiceTeachers .boxInner{flex-direction:column;padding:0}.voiceTeachers .boxVoiceT{width:100%;margin-bottom:20px;padding:20px;background-size:44px 72px}.voiceTeachers .boxVoiceT p{font-size:16px;min-height:0;margin-bottom:16px}.voiceTeachers .boxVoiceT span,.voiceTeachers .boxVoiceT em{font-size:12px}}