@charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';src:url('/Content/Fonts/NotoSansCJKjp-Bold.woff');font-weight:bold}@font-face{font-family:'Noto Sans Japanese';src:url('/Content/Fonts/NotoSansCJKjp-Medium.woff');font-weight:500}@font-face{font-family:'Noto Sans Japanese';src:url('/Content/Fonts/NotoSansCJKjp-Regular.woff');font-weight:normal}a{opacity:1;color:#404040;cursor:pointer;text-decoration:none}a:hover{color:#0080ff;cursor:pointer;transition:all .3s ease-in-out}label{cursor:pointer}input[type=checkbox],input[type=radio]{cursor:pointer;margin-right:11px}html{font-size:62.5%}body{background-color:#f7f7f7;color:#404040;font-family:'Noto Sans Japanese';line-height:1.6875;font-size:1.4rem;overflow-wrap:break-word;overflow-y:scroll}button,input,select,textarea{font-family:inherit;font-size:100%}select{padding-left:8px;padding-top:5px;padding-bottom:6px;line-height:21px;border-radius:4px;border:1px solid #c6c6c6;color:#9d9d9d}header h1 a{display:block;height:63px}header nav{display:flex;position:relative}footer{height:144px;background-color:#f2f2f2;border-top:1px solid #c6c6c6;padding:40px 0}footer ul:first-child{display:flex;justify-content:space-between}footer ul:last-child{display:flex;justify-content:space-between}footer nav{display:flex}footer ul li{margin-right:28px}footer ul li a{color:#8a8a8a}footer ul li a:hover{color:#575757}footer ul li:last-child{margin-right:0}footer ul li:nth-child(5){margin-left:auto}p.annotation{font-size:12px;line-height:15px!important;color:#757575;margin:4px 0}body{overflow-x:hidden;background:#faf8f5}.lp-wrapper{margin:0 auto;width:100%}.br-sp{display:none}.pc{display:block}.sp{display:none}header{max-width:1280px;min-width:972px;height:666px;background-size:contain;background-position:top;background-repeat:repeat-x;margin:0 auto;border:none;position:relative;z-index:1;padding:0 68px}.header{background:#faf8f5;z-index:10;height:80px}.lp-inner{max-width:1144px;display:flex;margin:0 auto;justify-content:space-between;padding:20px 0}.lp-inner-left{display:block}.lp-inner-right{display:block}.lp-inner-right-sp{display:none;padding-right:25px}header .lp-inner-left img{width:224px;height:40px}ul{display:flex;align-content:center}li{margin-left:24px;padding-top:9px}li img{margin-left:5px}li a:hover{color:#39f}.new-window{background-image:url(../../images/LP/link.svg);background-repeat:no-repeat;background-size:12px 12px;background-position:top 5px right 4px;display:inline-block;padding-right:18px}.new-window:hover{background-image:url(../../images/LP/link_hover.svg)}.btn{color:#fff;font-size:18px;background-color:#fdba35;font-weight:700;width:240px;height:64px;display:block;text-align:center;padding:15px 0;border-radius:32px;margin-top:40px;box-shadow:0 4px 0 0 #00000014}.btn:hover{color:#fff;background-color:#fca903;cursor:pointer;transition:all .3s ease-in-out}.nav{position:relative;color:#fff;font-size:14px;background-color:#fdba35;font-weight:700;width:159px;height:54px;display:block;text-align:center;padding:15px 0;border-radius:28px;margin:0 0 0 4px;top:-15px}.header-main{margin:60px auto 0 auto;width:100%;position:relative}header h1{font-size:44px;font-weight:700;line-height:61.6px;display:block;margin-bottom:27px}header p{font-size:16px;line-height:27px}.header-txt-sp{display:none}.header-image-pc{position:absolute;right:-5px;top:0;width:44vw;max-width:620px}.header-image-sp{display:none}.background-image{height:666px;width:100%;position:absolute;top:147px;left:0;z-index:-10}.background-image img{height:666px;width:100%}.background-image-sp{display:none}.bgcolor{background:#39f;width:100%}.contents-wrapper{margin:0 auto;width:972px;background:#39f;text-align:center;z-index:0;position:relative}h2{color:#fff;font-size:40px;font-weight:700;text-align:center;letter-spacing:1.5px;margin-top:1px}.concept{margin:0 auto 0 auto;width:100%;padding-top:200px;text-align:center}.concept-text{margin:23px 0 0 0}.concept-text-sp{display:none}.concept p{color:#fff;font-size:20px;line-height:36px;font-weight:400}.concept p:nth-child(3){margin-top:20px}.text-margin-top-23px{margin-top:23px}.circles{margin-top:100px;text-align:center}.caption-top{width:847px;height:182px;margin:0 auto;display:flex;position:relative}.caption-top h2{position:absolute;right:-1px;top:30px;margin-top:10px}.lets-see{position:absolute;top:-29px;left:3px}.boya-concept{position:absolute;top:11px;left:-8px}.caption-top-sp{display:none}.caption-top-right h2{letter-spacing:1px}.code-review{margin:14px auto 15px auto;padding:24px 24px 39px 24px;width:924px;background:#fefefe;border-radius:20px;text-align:left;box-shadow:5px 5px 0 0 rgba(47,141,235,1)}h3{font-size:28px;font-weight:700;text-align:center;margin-top:5px;margin-bottom:-13px}.h3-pc{display:block}.h3-sp{display:none}.review-title{display:block;width:100%;font-size:16px;font-weight:700;color:#fdba35;text-align:center;cursor:pointer;top:-5px;position:relative}.no-cursor{cursor:default}.code{padding:12px;background:#292e32;font-size:15px;line-height:26px;color:#f2f2f2;font-weight:400;margin-top:36px;margin-bottom:-10px;font-family:"SF Mono","Monaco","Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",Courier,monospace}.purple{color:#d19ffd}.yellow{color:#fcce35}.blue{color:#55adf1}.red{color:#f19383}.pink{color:#ff7f92}.text-margin-top{margin-top:28px}.student{margin:28px 0 0 0;position:relative;text-align:right;padding-right:118px}.student img{position:absolute;top:0;right:0}.student-balloon{padding:12px 20px;background:#39f;color:#fff;border-radius:24px;font-weight:400;font-size:16px;width:auto;display:inline-block;position:relative;top:16px;right:-16px;text-align:left;max-width:677px;line-height:26px}.student-balloon:after{position:absolute;content:"";border-top:20px solid #39f;border-left:14px solid #39f;border-bottom:20px solid transparent;border-right:15px solid transparent;top:10px;right:-13px;width:0;height:0}.teacher{margin:30px 0 0 0;position:relative;padding-left:118px}.teacher img{position:absolute;top:-2px;left:0}.teacher-balloon{padding:13px 20px;background:#faf7eb;border-radius:24px;font-weight:400;font-size:16px;width:auto;display:inline-block;position:relative;top:15px;left:-17px;line-height:28px;max-width:677px}.teacher-balloon p,.student-balloon p{white-space:nowrap}.teacher-balloon:before{position:absolute;content:"";border-top:20px solid #faf7eb;border-right:14px solid #faf7eb;border-bottom:20px solid transparent;border-left:15px solid transparent;top:14px;left:-13px;width:0;height:0}.inline-student{display:inline-block;padding:0 5px;margin:0 2px;height:22px;font-size:15px;line-height:19px;border:1px solid #0000001a;border-radius:6px;background:#00000033}.inline-teacher{display:inline-block;padding:0 5px;margin:0 2px;height:22px;font-size:15px;line-height:19px;border:1px solid #dfdfdf;border-radius:6px;background:#ffffffb2}.section{position:relative;margin-top:74px}.last-section{position:relative;margin-top:74px;padding-bottom:86px}.acd-label{width:924px;margin:10px auto -60px auto;font-weight:700;text-align:center;padding:24px 0;font-size:16px;color:#fdba35;background-color:#fefefe;border-radius:20px;display:block;box-shadow:5px 5px 0 0 rgba(47,141,235,1);position:relative;z-index:1}.acd-label:hover{background-color:#fff9ef;cursor:pointer;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease-in-out}.accordion-content{top:60px;margin-top:0;position:relative;display:none;background:#fefefe;padding:0 24px 45px 24px;pointer-events:none;position:relative;z-index:1;border-radius:0 0 20px 20px}.accordion-content .code{margin-top:0}.js-accordion-title-open{border-radius:20px 20px 0 0}.js-accordion-title-open:hover{background-color:#fefefe;cursor:pointer}.bgimg2{height:458px;position:relative;margin-top:-1px;top:0;left:0;z-index:-10}.bgimg2 img{height:458px}.circles2{position:relative;top:-442px;left:7px;text-align:center}.circles2 img{width:30px;height:63px}.concept-middle{width:972px;position:relative;top:-290px;text-align:center;margin:0 auto}.concept-middle h3{margin-bottom:18px;letter-spacing:1px}.concept-middle p{font-size:20px;line-height:40px}.boya-concept-middle{position:relative;top:21px;right:-822px;margin-bottom:-11px}.boya-concept-middle-sp{display:none}.flow,.voice{margin:0 auto;width:100%;text-align:center;font-size:18px}.flow{position:relative;top:-265px}.flow h2,.voice h2{color:#404040;font-size:40px;font-weight:700;margin-bottom:8px}.flow-wrapper{padding-top:23px}.flow-box{margin:7px auto 18px auto;width:860px;height:160px;background-color:#fff;border-radius:20px;display:flex;box-shadow:2px 2px 2px rgba(56,56,56,.06)}.flow-left{width:266.5px;height:160px;background-image:url(../../images/LP/flow1.png)}.flow2{background-image:url(../../images/LP/flow2.png)}.flow3{background-image:url(../../images/LP/flow3.png)}.flow-right{height:100%;padding:34px;text-align:left;font-size:16px;line-height:27.2px;white-space:nowrap}.flow-right p:first-child{font-size:20px;font-weight:700;line-height:24px;margin-bottom:18px}.flow .annotation{font-size:15px;color:#757575;margin-top:27px}.bg-wrapper-sp{display:none}.bg-wrapper{position:relative;top:-162px;width:100%;height:100%;z-index:0;margin-bottom:-2091px}.bgimg3{position:relative;top:0;height:458px;z-index:0}.bgcolor2{background:#39f;height:1081px;width:100%;margin-bottom:-2px}.bgimg4{position:relative;height:458px;top:-4px;z-index:1}.bgimg3 img,.bgimg4 img{height:458px;width:100%}.contents-wrapper2{position:relative;width:972px;margin:0 auto;top:-118px;z-index:0}.circles3{margin-top:-5px;padding-left:35px;text-align:center}.circles3 img{width:52px;height:114px}.voice{margin-top:43px}.subtitle{font-size:16px;color:#616161;margin-bottom:-6px}.voices{display:flex;flex-wrap:wrap;padding:0 20.5px;margin-top:25px}.voice-circle{position:relative;background-color:#fff;border-radius:50%;width:250px;height:250px;margin:0 30px 52px 30px;padding:82px 26px 88px 31px;justify-content:space-between;text-align:left;box-shadow:-2px 0 2px 0 #3838380f;box-shadow:2px 2px 2px 0 #00000014}.voice-circle p{font-size:16px;line-height:27px}.voice-circle img{position:absolute;bottom:-5px;right:0}.swiper-wrapper{display:none}.circles4{text-align:center;margin-top:70px}.caption-bottom{width:581px;height:141px;margin:0 auto;display:flex;position:relative}.caption-bottom h2{position:absolute;right:20px;top:69px}.lets-try{position:absolute;top:31px;left:270px}.boya-lets-try{position:absolute;top:18px;left:-40px}.lets-try-txt{margin:0 auto;padding-top:25px;position:relative;width:100%;text-align:center;font-size:20px;line-height:40px;color:#fff}.lets-try-txt .text-margin-top{margin-top:40px}.lets-try-txt p:last-child{line-height:100px}.cta{display:block;margin:38px auto 0 auto;width:420px;height:70px;border-radius:210px;box-shadow:0 4px 0 rgba(0,0,0,.07)}.try{position:relative;top:8px}.bgimg5{height:714px;width:100%;z-index:0;background-image:url(../../images/LP/background3.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:1534px}.for-reviewer{padding-top:252px;width:100%;margin:0 auto -10px auto;font-size:20px;line-height:40px;text-align:center}.for-reviewer h2{text-align:center;color:#404040;font-size:36px;font-weight:700;margin-bottom:37px}.for-reviewer .annotation{font-size:16px;color:#404040;margin-top:15px}footer{margin:0 auto;width:100%;height:88px;background:#faf8f5;border:0;position:relative;padding:0}footer .lp-inner{max-width:1280px;min-width:972px;padding-right:68px;padding-left:68px}footer li{margin-right:4px;margin-left:0}footer li a{color:#8a8a8a}footer ul li a:hover{color:#575757}@media screen and (max-width:1231px){header .lp-inner .lp-inner-right{display:none}.lp-inner-right-sp{display:block}.drawer{position:relative;z-index:10}.drawer-checkbox{display:none}.drawer-icon{display:block;position:fixed;width:25px;height:30px;cursor:pointer;z-index:9;background-image:url(../../images/LP/menu.svg);background-repeat:no-repeat;pointer-events:auto}.drawer-menu{background:#faf8f5;color:#616161;width:100vw;height:100vh;position:fixed;top:0;right:-100vw;z-index:10;transition:all .3s ease-in-out;transform:translate3d(0,0,200px)}.drawer-menu-header{width:100%;position:absolute;top:0;left:0;height:86px;padding:20px 85px}.drawer-close-icon{display:block;position:absolute;top:20px;right:82px;width:24px;height:24px;cursor:pointer;z-index:9;background-image:url(../../images/LP/close.png);background-repeat:no-repeat}.drawer-menu-ul{display:block;width:320px;padding:110px 0;margin:0 auto;text-align:center}.drawer-menu-ul li{height:54px;margin-left:0}.nav{width:240px;margin:20px auto}nav{width:320px;margin:0 auto}.drawer-menu-bgimg{display:inline;height:159px;width:100%;position:absolute;bottom:0;right:0;z-index:-10;pointer-events:none}.drawer-menu-bgimg img{height:159px;width:100%}.drawer-menu-circles{position:absolute;bottom:20px;right:13px;width:57px;height:49px}.drawer-checkbox:checked~.drawer-menu{right:0;transition:all .3s ease-in-out}.concept{padding-top:50px}.is-fixed{position:fixed;height:100%;width:100%}@media screen and (max-width:971px){header,.contents-wrapper,.contents-wrapper2,footer{width:100%;min-width:320px}.header-main,.contents-wrapper,.concept-middle,.voice,.sp-container{max-width:450px;margin:0 auto}.flow{max-width:435px}.pc{display:none}.sp{display:block}.br-sp{display:block}header{padding:0 20px}.header{height:65px}header .lp-inner .lp-inner-right{display:none}.lp-inner{padding:12px 7px}header .lp-inner-left img{width:153px;height:34px}.drawer-menu-header{padding:15px 40px}.drawer-close-icon{right:29px;top:15px}.nav{top:0}.header-main{margin:11px auto 0 auto}header h1{font-size:28px;line-height:42px;margin-bottom:12px}.header-txt-pc{display:none}.header-txt-sp{display:block}header p{font-size:16px;line-height:23.8px;color:#616161}.header-image-pc{display:none}.header-image-sp{display:block;text-align:center;padding-top:33px;margin-bottom:30px}.header-image-sp img{width:248px}.background-image{display:none}.background-image-sp{display:inline;height:367px;width:100%;position:absolute;top:275px;left:0;z-index:0;pointer-events:none}.background-image-sp img{height:367px;width:100%}.bgcolor{width:100%;margin-top:-25px;position:relative;z-index:0}.concept{padding:52px 20px 0 20px}h2{font-size:24px;line-height:36px;text-align:left;letter-spacing:0}.concept-text{display:none}.concept-text-sp{display:block;margin:10px 0 0 0;text-align:justify}.concept p{font-size:16px;line-height:27.2px;font-weight:normal}.circles{margin-top:33px}.circles img{width:24px;height:51.5px}.caption-top{display:none}.caption-top-sp{display:block;width:320px;margin:0 auto 20px auto;padding-top:17px;padding-left:100px;position:relative}.lets-see-sp{width:62px;position:absolute;left:23px;top:10px}.boya-concept-sp{width:66px;position:absolute;top:28px;left:20px}.contents-wrapper h3{text-align:center;margin-bottom:-4px}.code-review{padding:16px 12px;box-shadow:0 5px 0 0 #00000014}.code-review img{width:38px}h3{font-size:20px;line-height:30px;text-align:left;letter-spacing:0}.h3-pc{display:none}.h3-sp{display:block}.code{font-size:13px;line-height:19.5px;margin-top:28px;max-width:430px;margin-right:auto;margin-left:auto}.student{margin-top:16px;padding-right:0;padding-left:73px}.student img{top:10px;right:13px}.student-balloon{top:10px;right:62px}.student-balloon:after{border-top:13px solid #39f}.teacher{margin-bottom:16px;padding-left:0;padding-right:73px}.teacher img{left:15px}.teacher-balloon{top:0;left:61px}.teacher-balloon:before{border-top:20px solid #faf7eb;border-right:5px solid #faf7eb;left:-7px}.teacher-balloon p,.student-balloon p{white-space:normal;font-size:14px;line-height:23.8px;text-align:left}.sp-marginbottom-0{margin-bottom:0}.sp-next{width:16px}.code-review{width:100%;padding:20px 0}.acd-label{width:100%;padding:14px 0;position:relative;z-index:1;box-shadow:0 5px 0 0 #2f8deb}.accordion-content{top:56px;padding-top:0;margin-bottom:-4px;position:relative}.js-accordion-title-open{border-radius:20px 20px 0 0}.accordion-content .code{margin-top:4px}.sp-marginbottom-12{margin-bottom:12px}.bgimg2{position:relative;top:0;left:0;z-index:-10;height:114.5px;width:100%;pointer-events:none}.bgimg2 img{height:114.5px;margin-top:-1px}.circles{top:0}.circles2{position:relative;top:-54px;left:0}.circles2 img{width:14px;height:auto}.concept-middle{position:relative;top:-43px;padding:0 20px;width:auto}.concept-middle p{font-size:14px;line-height:23.8px;text-align:justify}.concept-middle h3{letter-spacing:0;margin-bottom:12px}.sp-circles-blue{width:24px;height:auto;transform:scale(-1,1)}.flow{position:relative;top:-21px;padding:0 20px}.flow-wrapper{padding-top:14px}.sp-triangle{width:20px;height:auto}.flow h2,.voice h2{font-size:24px;text-align:center}.flow p{text-align:justify;font-size:16px}.flow-box{width:100%;min-width:288px;height:auto;display:block;margin-bottom:3px}.flow-box img{width:100%;height:auto}.flow-right{height:auto;width:100%;white-space:normal;padding:16px}.flow-right p:first-child{font-size:16px;line-height:24px;margin-bottom:8px}.flow-right p:last-child{font-size:14px;line-height:23.8px}.flow .annotation{margin-top:19px;font-size:13px;line-height:22.1px}.bg-wrapper-sp{display:block;position:relative;top:-304px;pointer-events:none}.bgimg3-sp{height:324.5px;width:100%;z-index:-10;margin-bottom:-2px;pointer-events:none}.bgimg3-sp img{height:324.5px;width:100%}.circles3{margin-top:16px;padding-left:0}.circles3 img{width:24px;height:auto}.btn{width:288px;height:48px;padding:12px 0;font-size:14px;margin:0 auto}.boya-concept-middle-sp{display:block;width:100%;text-align:right;padding-top:34px}.boya-concept-middle-sp img{width:91px}.contents-wrapper2{position:relative;top:0;min-height:1000px;max-height:1491px;pointer-events:none}.voice{margin-top:25px}.voice-circle{height:200px;padding:52px 16px 88px 22px}.voice-circle p{font-size:14px;line-height:23.8px}.voice-circle img{height:75px}.swiper-container{position:relative;z-index:0;pointer-events:auto;top:300px;padding:0}.swiper-wrapper{display:flex;position:relative;z-index:0;margin-top:22px;pointer-events:auto;height:225px}.slick{max-width:200px;margin:0 10px}.slick-dots li{margin:0}.slick-dots li button:before{color:#9cf;opacity:1}.slick-dots li.slick-active button:before{color:#1f5c99}.caption-bottom,.lets-try-txt{background:#39f}.caption-bottom-sp{background-color:#39f;text-align:center;padding-top:15px}.caption-bottom-sp h2{text-align:center;margin-top:19px}.sp-circles-white{width:24px;height:auto}.sp-boya-lets-try{width:98px;height:auto;position:relative;top:13px;left:5px}.lets-try-txt{text-align:left;font-size:14px;line-height:23.8px;padding:27px 20px;margin-top:-1px}.lets-try{left:0}.try{margin-top:25px}.for-reviewer{padding:150px 20px 37px 20px;position:relative;background-image:url(../../images/lp/background3.png);background-size:cover;background-position:center;top:-768px;z-index:-11;pointer-events:none;font-size:14px;line-height:23.8px;text-align:left}.for-reviewer-sp{position:relative;padding:0 16px 37px 16px;font-size:14px;line-height:23.8px;text-align:left;max-width:450px;margin:0 auto;top:-15px}.for-reviewer .container{max-width:450px;margin:0 auto;visibility:hidden}.sp-container{pointer-events:auto}.for-reviewer-sp h2,.for-reviewer h2{font-size:24px;line-height:36px;margin-bottom:13px;color:#404040}.for-reviewer-sp .annotation{font-size:13px;line-height:26px;margin-top:25px}.for-reviewer-sp .btn,.for-reviewer .btn{margin-top:45px;pointer-events:auto;z-index:100;cursor:pointer;transform:translate3d(0,0,150px)}footer{position:relative;text-align:center;bottom:735px;pointer-events:auto}footer ul{padding-bottom:20px;padding-top:18px}footer ul li{margin-right:0;line-height:49px}footer nav{display:block;width:auto}footer .lp-inner{display:block;min-width:320px;padding-right:0;padding-left:0}footer .lp-inner-right ul{display:block}@media screen and (max-width:490px){.for-reviewer{top:-845px;height:527px}footer{bottom:820px}}}}