@charset "UTF-8";@media screen and (max-width:1600px){.school-page .section-banner-content .updf-container{position:absolute;max-width:285px;width:100%;height:30px;top:0}.lang-jp .section-banner-content .updf-container{top:-15px}}@media screen and (max-width:900px){.pencil-line{display:none}.school-page .btn{margin-left:0!important}.school-page .btn .btn-yellow-seconds-seconds{margin-top:10px!important;line-height:36px!important}.school-page .section-banner-content .updf-container{position:absolute;width:65%;top:-20px}.school-page .section-banner{background-size:cover}.school-page .section-banner .section-banner-content{display:flex;margin:0 auto;flex-direction:column;transform:translateX(0)}.school-page .section-banner .section-banner-content .text{font-size:12px;width:90%}.school-page .section-banner .section-banner-content .text .desc{font-size:12px}.school-page .section-banner .section-banner-content .text .title{font-size:22.868px}.school-page .section-banner .section-banner-content .text .btn-group{display:flex;flex-direction:column}.school-page .section-banner .section-banner-content .text .btn-group .btn-yellow-seconds{margin-top:10px}.school-page .section-banner .section-banner-content .text .middle-tip{font-size:12px}.school-page .section-banner .section-banner-content .image{width:95%;margin:0 auto;overflow:hidden}.school-page .section-banner .section-banner-content .image img{position:relative;left:55px}.school-page .section-banner .section-banner-bottom-content{margin-top:20px}.school-page .section-banner .item-line{position:relative}.school-page .section-banner .item-line ::after{content:"";position:absolute;top:0;right:-10px;width:0;height:35px;border-right:1.75px solid #000;transform:rotate(15.5deg);stroke-width:1.75px;stroke:#000;opacity:.3000000119}.school-page .section-function-swiper .swiper-container{width:90%;margin:0 auto;overflow:hidden}.school-page .section-function-swiper .swiper-container .swiper-tabs{display:flex;flex-wrap:wrap;width:90%;margin:0 auto;margin-top:-10px}.school-page .section-function-swiper .swiper-container .swiper-tabs::after{content:" ";display:block;position:absolute;left:0;bottom:0;height:2px;width:100%;opacity:.1;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000000 17.19%,#000000 83.89%,rgba(0,0,0,0) 100.04%);z-index:0}.school-page .section-function-swiper .swiper-container .swiper-tabs .tab-item{font-size:12px;flex-basis:40%}.school-page .section-function-swiper .swiper-container .swiper-tabs .tab-item.active{font-size:12px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top{display:flex;flex-direction:column;margin-top:0;background:url();border-radius:15.579px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text{left:0;margin:0 auto}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text ul{max-width:387px;margin-top:20px;text-align:left;margin:0 auto;width:90%;margin-top:20px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text .btn-group{align-items:center;margin-top:10px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text .btn-group .btn{margin-top:10px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text .btn-group .btn-yellow-seconds-seconds{margin-top:0}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide1{background:#7acbff}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide2{background:#cab1ff}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide3{background:#a0ddff}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide4{background:#fff598}.school-page .section{margin-top:40px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance{width:90%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide{display:flex;flex-direction:column-reverse}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-left{max-width:750px;margin:0 auto;width:100%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-left img{width:100%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right{margin-top:0;width:auto;margin-top:0}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right-arrow{display:none}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .swiper-tabs{margin-top:-20px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .swiper-tabs .tab-item{flex-basis:25%;font-size:12px!important}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text{flex-direction:row;left:0}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text .btn-group{display:flex;flex-direction:column;width:100%;max-width:246px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text .btn-group .btn{width:100%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .image img{width:100%}.school-page .function-item{flex-basis:45%!important}.school-page .section-ocr{max-width:1400px}.school-page .section-ocr .btn-group{display:flex;flex-direction:column;margin-top:15px}.school-page .section-ocr .btn-group .btn{width:100%;max-width:246px}.school-page .section-ocr .btn-group .btn-yellow-seconds{margin-top:10px}.school-page .section-ocr .ocr-move{width:88%;margin-top:20px}.school-page .section-ocr .ocr-move .ocr-func{top:-10px;height:auto}.school-page .section-ocr .section-orc-bottom-content{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:space-evenly}.school-page .section-ocr .section-orc-bottom-content .orc-function-item{flex-basis:35%;display:flex;flex-direction:column;justify-content:center;align-self:center}.school-page .section-ocr .section-orc-bottom-content .orc-function-item img{max-width:80px;display:block;margin:0 auto}.school-page .section-ocr .section-orc-bottom-content .orc-function-item h4{font-size:12px;text-align:center}.school-page .section-ocr .section-orc-bottom-content .orc-function-item h4 a{color:#806bff;text-decoration-line:underline}.school-page .section-ocr .section-orc-bottom-content .orc-function-item .text{font-size:12px;text-align:center}.school-page .bottom-education-box{margin-top:100px;margin-bottom:90px;font-size:32px}.school-page .bottom-education-box-content{color:#312f2f;text-align:center;font-family:Roboto Slab;font-size:12.149px;font-style:normal;font-weight:600;line-height:18.223px;width:100%}.school-page .bottom-education-box .btn-group{display:flex;flex-direction:column;margin-top:18px}.school-page .bottom-education-box .btn-group .btn{width:100%;max-width:246px}.school-page .bottom-education-box .btn-group .btn-yellow-seconds{margin-top:10px}.school-page .section-people-say-content{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:22px}.school-page .section-people-say-content-item{flex-basis:40%;margin-top:40px}.school-page .section-people-say-content-item i{margin-left:35%}.school-page .section-people-say-content-item .item-text{color:rgba(0,0,0,.4);font-family:Sen;font-size:12px;font-style:normal;font-weight:400;line-height:145.313%;max-width:251px;width:100%}.school-page .section-people-say-content-item img{width:57px;position:absolute;top:-24px;left:-10px}.school-page .section-people-say-content-item::before{width:88%;height:21px;flex-shrink:0;border-radius:28px;background:#ffc701;position:absolute;top:-10px;content:""}.school-page .section-people-say-content .item2{transform:rotate(0deg);position:relative;top:0}.school-page .section-people-say-content .item3{transform:rotate(0deg);position:relative;top:0}.school-page .section-people-say-content .item4{transform:rotate(0deg);position:relative;top:0}.school-page .section-title{font-size:28px;letter-spacing:0}.school-page .section-title .school-dot-flower{width:40px;height:50px}.school-page .section-ocr{margin-top:0}.school-page .section-function-title{margin-top:40px}}@media screen and (max-width:415px){.pencil-line{display:none}.school-page .btn{margin-left:0!important}.school-page .btn .btn-yellow-seconds-seconds{margin-top:10px!important;line-height:36px!important}.school-page .section-banner-content .updf-container{position:absolute;width:45%;top:20px}.school-page .section-banner-content .letter{width:28%}.school-page .section-banner{background-image:url(../../images/activity/school-open-activity/school-mobile-banner-img.jpg);width:100%;padding-top:20px}.school-page .section-banner .section-banner-content{display:flex;flex-direction:column;margin:0 auto;transform:translateX(0)}.school-page .section-banner .section-banner-content .text{font-size:12px;width:90%}.school-page .section-banner .section-banner-content .text .desc{font-size:12px}.school-page .section-banner .section-banner-content .text .desc span{font-size:14px}.school-page .section-banner .section-banner-content .text .title{font-size:24px}.school-page .section-banner .section-banner-content .text .btn-group{display:flex;flex-direction:column}.school-page .section-banner .section-banner-content .text .btn-group .btn-yellow-seconds{margin-top:10px}.school-page .section-banner .section-banner-content .text .btn-group .btn-yellow{margin-top:10px}.school-page .section-banner .section-banner-content .text .middle-tip{font-size:12px}.school-page .section-banner .section-banner-content .image{width:95%;margin:0 auto;overflow:hidden}.school-page .section-banner .section-banner-content .image img{position:relative;left:25px;top:-10px}.school-page .section-banner .section-banner-bottom-content{margin-top:20px;width:100%;justify-content:space-around}.school-page .section-banner .section-banner-bottom-content .item1{font-size:12px;max-width:60.1px;position:relative;top:0}.school-page .section-banner .section-banner-bottom-content-item .top-wrapper{display:flex;justify-content:flex-start}.school-page .section-banner .section-banner-bottom-content-item .top-wrapper img{width:9px}.school-page .section-banner .section-banner-bottom-content-item .top-wrapper .p-num{font-size:7.5px}.school-page .section-banner .section-banner-bottom-content-item .p-text{font-size:7.637px}.school-page .section-banner .item-line{position:relative}.school-page .section-banner .item-line ::after{content:"";position:absolute;top:0;right:-10px;width:0;height:35px;border-right:1.75px solid #000;transform:rotate(15.5deg);stroke-width:1.75px;stroke:#000;opacity:.3000000119}.school-page .section-swiper-top-title{margin-top:-180px!important;margin-bottom:-20px}.school-page .section-function-swiper .swiper-container{width:90%;margin:0 auto;overflow:hidden}.school-page .section-function-swiper .swiper-container .swiper-tabs{display:flex;flex-wrap:wrap;width:90%;margin:0 auto;margin-top:-10px}.school-page .section-function-swiper .swiper-container .swiper-tabs::after{content:" ";display:block;position:absolute;left:0;bottom:0;height:2px;width:100%;opacity:.1;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000000 17.19%,#000000 83.89%,rgba(0,0,0,0) 100.04%);z-index:0}.school-page .section-function-swiper .swiper-container .swiper-tabs .tab-item{font-size:12px;flex-basis:40%}.school-page .section-function-swiper .swiper-container .swiper-tabs .tab-item.active{font-size:12px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top{display:flex;flex-direction:column;margin-top:0;background:url();border-radius:15.579px;padding-top:20px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text{height:300px;left:0}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text ul{max-width:387px;margin-top:20px;text-align:left;margin:0 auto;width:90%;margin-top:20px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text ul li{text-align:left;padding-left:8px;margin-top:0}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text ul li::before{width:3.432px;height:3.432px;top:10px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text .btn-group{align-items:center;margin-top:10px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text .btn-group .btn{margin-top:10px}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .text .btn-group .btn-yellow-seconds-seconds{margin-top:0}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide1{background:#7acbff}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide2{background:#cab1ff}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide3{background:#a0ddff}.school-page .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide .slide4{background:#fff598}.school-page .section{margin-top:40px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance{width:90%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide{display:flex;flex-direction:column-reverse}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-left{max-width:750px;margin:0 auto;width:100%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-left img{width:100%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right{margin-top:0;width:auto;margin-top:0}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right-arrow{display:none}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .swiper-tabs{margin-top:-20px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .swiper-tabs .tab-item{flex-basis:27%;font-size:12px!important;padding:20px 0}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .swiper-tabs .tab-item span{transform:scale(1.2);display:inline-block}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text{flex-direction:column;left:0}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text ul{max-width:387px;margin-top:20px;text-align:left;margin:0 auto;width:90%;margin-top:20px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text ul li{text-align:left;padding-left:8px;margin-top:0}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text ul li::before{width:3.432px;height:3.432px;top:10px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text .btn-group{display:flex;flex-direction:column;width:100%;max-width:246px}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .text .btn-group .btn{width:100%}.school-page .section-swiper-enhance .section-function-swiper .swiper-wrapper-enhance .swiper-slide .swiper-slide-right .image img{width:100%}.school-page .function-item{flex-basis:45%!important}.school-page .section-ocr{max-width:1400px}.school-page .section-ocr .btn-group{display:flex;flex-direction:column;margin-top:15px}.school-page .section-ocr .btn-group .btn{width:100%;max-width:246px}.school-page .section-ocr .btn-group .btn-yellow-seconds{margin-top:10px}.school-page .section-ocr .ocr-move{width:88%;margin-top:20px}.school-page .section-ocr .ocr-move .ocr-func{top:-10px;height:auto}.school-page .section-ocr .section-orc-bottom-content{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:space-evenly}.school-page .section-ocr .section-orc-bottom-content .orc-function-item{flex-basis:45%;display:flex;flex-direction:column;justify-content:center;align-self:center;justify-content:flex-start;align-self:auto;display:block;margin:0 auto}.school-page .section-ocr .section-orc-bottom-content .orc-function-item img{display:block;margin:0 auto}.school-page .section-ocr .section-orc-bottom-content .orc-function-item h4{font-size:12px;text-align:center}.school-page .section-ocr .section-orc-bottom-content .orc-function-item h4 a{color:#806bff;text-decoration-line:underline}.school-page .section-ocr .section-orc-bottom-content .orc-function-item .text{font-size:12px;text-align:center}.school-page .bottom-education-box{margin-top:100px;margin-bottom:90px;font-size:32px}.school-page .bottom-education-box-content{color:#312f2f;text-align:center;font-family:Roboto Slab;font-size:12.149px;font-style:normal;font-weight:600;line-height:18.223px;width:100%}.school-page .bottom-education-box .btn-group{display:flex;flex-direction:column;margin-top:18px}.school-page .bottom-education-box .btn-group .btn{width:100%;max-width:246px}.school-page .bottom-education-box .btn-group .btn-yellow-seconds{margin-top:10px}.school-page .section-people-say-content{display:flex;flex-wrap:wrap;margin-top:22px}.school-page .section-people-say-content-item{flex-basis:80%;margin-top:40px}.school-page .section-people-say-content-item:hover{transform:scale(1)}.school-page .section-people-say-content-item i{margin-left:35%}.school-page .section-people-say-content-item .item-text{color:rgba(0,0,0,.4);font-family:Sen;font-size:12px;font-style:normal;font-weight:400;line-height:145.313%;max-width:251px;width:100%}.school-page .section-people-say-content-item img{width:57px;position:absolute;top:-24px;left:-10px}.school-page .section-people-say-content-item::before{width:88%;height:21px;flex-shrink:0;border-radius:28px;background:#ffc701;position:absolute;top:-10px;content:""}.school-page .section-people-say-content .item2{transform:rotate(0deg);position:relative;top:0}.school-page .section-people-say-content .item2:hover{transform:scale(1)}.school-page .section-people-say-content .item3{transform:rotate(0deg);position:relative;top:0}.school-page .section-people-say-content .item3:hover{transform:scale(1)}.school-page .section-people-say-content .item4{transform:rotate(0deg);position:relative;top:0}.school-page .section-people-say-content .item4:hover{transform:scale(1)}.school-page .section-title{font-size:20px;letter-spacing:0}.school-page .section-title .school-dot-flower{width:40px;height:50px}.school-page .section-ocr{margin-top:40px}.school-page .section-ocr .ocr-move .ocr-func{right:-10px}.school-page .section-function-title{margin-top:40px}.school-page .section-swiper-title{margin-top:60px}.lang-jp .section-swiper-title{margin-top:90px}.lang-br .section-swiper-title{margin-top:140px}.lang-br .section-banner .section-banner-bottom-content{margin-top:20px;width:100%;justify-content:space-around;align-items:center}.lang-fr .section-swiper-title{margin-top:90px}.lang-fr .section-banner .section-banner-bottom-content{align-items:center}.lang-fr .section-function-swiper .swiper-container .swiper-wrapper .swiper-slide{padding-top:20px}}