.btn .mover-r{overflow:hidden}.btn .mover-r span{z-index:3;transition:ease .4s}.btn .mover-r:before{content:"";position:absolute;top:0;left:0;z-index:2;background:#000;width:100%;height:100%;transition:transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform:scale(0, 1);transform-origin:right top}.btn .mover-r:hover span{color:#fff}.btn .mover-r:hover:before{transform-origin:left top;transform:scale(1, 1)}.thisfadeon{opacity:0;transform:translateY(-4px);transition-duration:.5s;transition-delay:.4s;transition-timing-function:ease-out}.thisfadeon.is-on{opacity:1;transform:translateY(0)}.thisfadeon2{opacity:0;transform:translateX(-40px);transition-duration:.4s;transition-delay:.3s;transition-timing-function:ease-out}.thisfadeon2.is-on{opacity:1;transform:translateX(0)}.thisfadeon3{opacity:0;transform:translateX(40px);transition-duration:.4s;transition-delay:.3s;transition-timing-function:ease-out}.thisfadeon3.is-on{opacity:1;transform:translateX(0)}#webgl-canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:1;transition:opacity 1.5s ease-in-out}#webgl-canvas.is-hidden{opacity:0;pointer-events:none}#site-container{opacity:0;animation:fadeIn 1s ease-in-out forwards;animation-delay:1.3s}#webgl-canvas.is-hidden{opacity:0;pointer-events:none}@keyframes fadeIn{to{opacity:1}}html,body{background:#ececec}.solid-btn a{background:#ffe100}.solid-btn a p{color:#000}.sec-ttl{font-size:32px;font-weight:900;letter-spacing:.1rem;line-height:1.4;text-align:center;display:block}.sec-ttl span:nth-of-type(1){font-size:32px;font-weight:900;letter-spacing:.1rem;line-height:1.4}@media screen and (max-width: 767px){.sec-ttl{font-size:22px;font-weight:900;letter-spacing:.1rem;line-height:1.4}.sec-ttl span:nth-of-type(1){font-size:22px;font-weight:900;letter-spacing:.1rem;line-height:1.4}}#short-game{font-family:"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","メイリオ",Meiryo,helvetica,arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.7;overflow:hidden}@media screen and (max-width: 767px){#short-game{font-size:15px;font-weight:500;letter-spacing:0;line-height:1.6}}#short-game #hero{position:relative;overflow:hidden}#short-game #hero .hero_catchcopy,#short-game #hero .hero_txt1,#short-game #hero .hero_txt2,#short-game #hero .hero_shop{position:absolute;display:block;z-index:2;opacity:0;left:4.2vw}#short-game #hero .hero_catchcopy{width:44vw;top:18.5vw;left:3.4vw;animation-name:l-rmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:2s;animation-direction:normal}#short-game #hero .hero_txt1{width:41.3vw;top:8.9vw;animation-name:bt-tmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:2s;animation-direction:normal}#short-game #hero .hero_txt2{width:36.7vw;top:13vw;animation-name:bt-tmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:2s;animation-direction:normal}#short-game #hero .hero_shop{width:24vw;top:45vw;animation-name:b-tmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:2.7s;animation-direction:normal}@keyframes l-rmove{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes b-tmove{0%{opacity:0}100%{opacity:1}}@keyframes bt-tmove{0%{opacity:0;transform:translateY(50px) translateX(0)}100%{opacity:1;transform:translateY(0) translateX(0)}}#short-game #hero .hero-bg{position:relative;width:100%;display:block}#short-game #about{background:url(../img/lesson/short-game/second_bg.webp);background-size:cover;background-position:center center;color:#fff;padding:8rem 0 10rem}@media screen and (max-width: 767px){#short-game #about{padding:4rem 0}}#short-game #about .wrap{padding:0 3%;max-width:calc(700px + 6%);margin:0 auto}@media screen and (max-width: 959px){#short-game #about .wrap{padding:0 1rem}}#short-game #about .wrap .sec-ttl{margin-bottom:5rem}#short-game #about .wrap .sec-ttl span{display:inline}@media screen and (max-width: 767px){#short-game #about .wrap .sec-ttl{margin-bottom:2.5rem}#short-game #about .wrap .sec-ttl span{display:block;position:relative;left:10px}}#short-game #about .wrap p{text-align:center}@media screen and (max-width: 767px){#short-game #about .wrap p{text-align:left}#short-game #about .wrap p br{display:none}}#short-game #about .wrap p span{display:block}#short-game #about .wrap .ytbox_outer{width:100%;max-width:640px;margin:8rem auto}@media screen and (max-width: 767px){#short-game #about .wrap .ytbox_outer{margin:2rem auto}}#short-game #about .wrap .ytbox_outer .ytbox{width:100%;aspect-ratio:16/9}#short-game #about .wrap .ytbox_outer .ytbox iframe{width:100%;height:100%}#short-game #introduce{padding:9rem 0;background:linear-gradient(0deg, rgb(102, 102, 102) 0%, rgb(96, 96, 96) 9%, rgb(63, 63, 63) 68%, rgb(51, 51, 51) 100%)}@media screen and (max-width: 767px){#short-game #introduce{padding:4rem 0}}#short-game #introduce .wrap{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto}@media screen and (max-width: 959px){#short-game #introduce .wrap{padding:0 1rem}}#short-game #introduce h2{display:flex;align-items:center}#short-game #introduce h2 span{width:582px}@media screen and (max-width: 767px){#short-game #introduce h2 span{width:100%;max-width:85%}}#short-game #introduce h2:before,#short-game #introduce h2:after{content:"";height:1px;background-color:#fff;flex-grow:1}#short-game #introduce h2:before{margin-right:3rem}@media screen and (max-width: 767px){#short-game #introduce h2:before{margin-right:1.5rem}}#short-game #introduce h2::after{margin-left:3rem}@media screen and (max-width: 767px){#short-game #introduce h2::after{margin-left:1.5rem}}#short-game #introduce h2+p{background:#fff;width:100%;max-width:344px;height:36px;border-radius:18px;font-size:20px;font-weight:900;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;color:#444;display:flex;justify-content:center;align-items:center;margin:4rem auto 2.5rem}@media screen and (max-width: 767px){#short-game #introduce h2+p{font-size:19px;height:32px;border-radius:16px;max-width:300px;margin:3rem auto 2rem}}#short-game #introduce .price{width:100%;max-width:420px;border-bottom:1px solid #fff;margin:0 auto 1.5rem}#short-game #introduce .price span{width:310px;display:block;margin:0 auto;padding-bottom:8px}#short-game #introduce .price+p{text-align:center;color:#fff;font-size:14px;font-weight:700;letter-spacing:0;line-height:1}#short-game #introduce .devide{margin-top:5.5rem;display:flex;justify-content:space-between}@media screen and (max-width: 767px){#short-game #introduce .devide{margin-top:3rem}}@media screen and (max-width: 559px){#short-game #introduce .devide{flex-direction:column}}#short-game #introduce .devide figure{width:48%;display:block}@media screen and (max-width: 559px){#short-game #introduce .devide figure{width:100%}#short-game #introduce .devide figure:nth-of-type(1){margin-bottom:3rem}}#short-game #introduce .devide figure figcaption{position:relative}#short-game #introduce .devide figure figcaption span{font-size:18px;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;color:#333;width:100%;background:#ccc;text-align:center;display:block;padding:1rem}@media screen and (max-width: 559px){#short-game #introduce .devide figure figcaption span{font-size:16px}}#short-game #introduce .devide figure figcaption:before{content:"";background:url(../img/lesson/short-game/svg/third_pin.svg);background-size:cover;width:8px;height:48px;display:block;margin:2rem auto 0}@media screen and (max-width: 559px){#short-game #introduce .devide figure figcaption:before{display:none}}#short-game #flow{padding:8rem 0}@media screen and (max-width: 767px){#short-game #flow{padding:4rem 0}}#short-game #flow h2{margin-bottom:10rem}@media screen and (max-width: 767px){#short-game #flow h2{margin-bottom:5rem}}#short-game #flow ul{padding:0 3%;max-width:calc(1010px + 6%);margin:0 auto}@media screen and (max-width: 959px){#short-game #flow ul{padding:0 1rem}}#short-game #flow ul li{display:flex}@media screen and (max-width: 767px){#short-game #flow ul li{flex-direction:column}}#short-game #flow ul li:not(:last-child){margin-bottom:8rem}@media screen and (max-width: 767px){#short-game #flow ul li:not(:last-child){margin-bottom:7rem}}#short-game #flow ul section{flex:1;display:flex;align-items:flex-start;position:relative}@media screen and (max-width: 767px){#short-game #flow ul section{order:2}}#short-game #flow ul section:after{content:"";display:block;background:url(../img/lesson/short-game/svg/flow_arrow.svg);background-size:cover;width:70px;height:16px;margin:0 auto;position:absolute;bottom:-4rem;left:0;right:0}#short-game #flow ul section.last::after{display:none}#short-game #flow ul section .txt{order:2;flex:1}#short-game #flow ul section .txt h3{font-size:24px;font-weight:900;letter-spacing:0;line-height:1.7;margin-bottom:2rem}@media screen and (max-width: 767px){#short-game #flow ul section .txt h3{font-size:2rem;margin-bottom:1rem}}#short-game #flow ul section .txt p{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.7}@media screen and (max-width: 767px){#short-game #flow ul section .txt p{font-size:15px}}#short-game #flow ul section .number{order:1;width:56px;margin-right:4rem;display:flex;justify-content:center;align-items:center;position:relative;top:8px}@media screen and (max-width: 767px){#short-game #flow ul section .number{width:36px;margin-right:2rem;top:0}}#short-game #flow ul section .number.number1 img{width:36px}#short-game #flow ul section .number.number2 img{width:56px}#short-game #flow ul section .number.number3 img{width:57px}@media screen and (max-width: 767px){#short-game #flow ul section .number.number1 img{width:23px}#short-game #flow ul section .number.number2 img{width:36px}#short-game #flow ul section .number.number3 img{width:36px}}#short-game #flow ul .image{width:312px;margin-left:6rem}@media screen and (max-width: 767px){#short-game #flow ul .image{order:1;margin:0 auto 2rem}}#short-game #voice{padding-bottom:50px}@media screen and (max-width: 1000px){#short-game #voice{border-top:1px solid #ececec}}@media screen and (max-width: 767px){#short-game #voice{padding-bottom:20px}}#short-game #voice h2{font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:900;letter-spacing:3px;line-height:1.4;text-align:center;color:#fff;background:#000;padding:35px 10px;margin-bottom:50px}@media screen and (max-width: 767px){#short-game #voice h2{font-size:24px;padding:25px 10px;margin-bottom:30px}}@media screen and (max-width: 559px){#short-game #voice h2{font-size:21px;padding:20px 10px}}#short-game #voice .wrap{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto;position:relative}@media screen and (max-width: 959px){#short-game #voice .wrap{padding:0 1rem}}#short-game #voice .swiper-wrapper{position:relative}#short-game #voice .swiper-wrapper .swiper-slide section{position:relative;box-sizing:border-box}#short-game #voice .swiper-wrapper .swiper-slide section h3{font-size:18px;font-weight:700;letter-spacing:0;line-height:1.5;display:inline-block;background:#b3b3b3;padding:10px 20px;position:relative;z-index:2}@media screen and (max-width: 767px){#short-game #voice .swiper-wrapper .swiper-slide section h3{font-size:17px;padding:7px 15px}}#short-game #voice .swiper-wrapper .swiper-slide section .txt{background:#fff;min-height:200px;padding:40px 20px 20px;position:relative;top:-20px;left:20px;box-sizing:border-box;width:calc(100% - 40px)}@media screen and (max-width: 767px){#short-game #voice .swiper-wrapper .swiper-slide section .txt{width:100%;min-height:0;padding:40px 30px 20px;left:0}}#short-game #voice .swiper-pagination{position:static;margin-bottom:40px}@media screen and (max-width: 767px){#short-game #voice .swiper-pagination{margin-bottom:30px}}#short-game #voice .swiper-pagination .swiper-pagination-bullet{width:7px !important;height:7px !important;margin:0 0 0 25px !important;background:#000 !important;opacity:1 !important;transition:all .3s}#short-game #voice .swiper-pagination .swiper-pagination-bullet:first-child{margin:0 !important}#short-game #voice .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(2);background:#fff !important}#short-game #voice .swiper-custom-parent{position:relative}#short-game #voice .swiper-button-prev:after,#short-game #voice .swiper-container-rtl .swiper-button-next:after,#short-game #voice .swiper-button-next:after,#short-game #voice .swiper-container-rtl .swiper-button-prev:after{display:none}#short-game #voice .swiper-button-next,#short-game #voice .swiper-button-prev{position:absolute;top:50%;width:25px;height:25px;margin-top:0;z-index:10}@media screen and (max-width: 959px){#short-game #voice .swiper-button-next,#short-game #voice .swiper-button-prev{top:50%}}@media screen and (max-width: 767px){#short-game #voice .swiper-button-next,#short-game #voice .swiper-button-prev{top:50%}}#short-game #voice .swiper-button-next.swiper-button-disabled,#short-game #voice .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}#short-game #voice .swiper-button-prev{background:url(../img/lesson/sciencefit-short/svg/ic_slidearrow-left.svg) no-repeat center center/contain}#short-game #voice .swiper-button-next{background:url(../img/lesson/sciencefit-short/svg/ic_slidearrow-right.svg) no-repeat center center/contain}#short-game #voice .swiper-button-prev,#short-game #voice .swiper-container-rtl .swiper-button-next{left:-20px;right:auto}@media screen and (max-width: 1100px){#short-game #voice .swiper-button-prev,#short-game #voice .swiper-container-rtl .swiper-button-next{left:1.5vw}}#short-game #voice .swiper-button-prev:active,#short-game #voice .swiper-button-prev:forcus,#short-game #voice .swiper-container-rtl .swiper-button-next:active,#short-game #voice .swiper-container-rtl .swiper-button-next:forcus{border:none;color:rgba(0,0,0,0)}#short-game #voice .swiper-button-next,#short-game #voice .swiper-container-rtl .swiper-button-prev{left:auto;right:-20px}@media screen and (max-width: 1100px){#short-game #voice .swiper-button-next,#short-game #voice .swiper-container-rtl .swiper-button-prev{right:1.5vw}}#short-game #faq h2{font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:900;letter-spacing:3px;line-height:1.4;text-align:center;color:#fff;background:#000;padding:35px 10px;margin-bottom:50px}@media screen and (max-width: 767px){#short-game #faq h2{font-size:24px;padding:25px 10px;margin-bottom:30px}}@media screen and (max-width: 559px){#short-game #faq h2{font-size:21px;padding:20px 10px}}#short-game #faq .wrap{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto}@media screen and (max-width: 959px){#short-game #faq .wrap{padding:0 1rem}}#short-game #faq .wrap .ac-list{padding-bottom:60px}@media screen and (max-width: 559px){#short-game #faq .wrap .ac-list{padding-bottom:45px}}#short-game #faq .wrap .ac-list li{text-align:left;border-bottom:1px solid #575757}#short-game #faq .wrap .ac-list li .question-holder{display:flex;align-items:center;transition:all .3s;padding:15px 0;border-bottom:1px solid rgba(87,87,87,0)}#short-game #faq .wrap .ac-list li .question-holder:hover{cursor:pointer}#short-game #faq .wrap .ac-list li .question-holder h3{order:2;flex:1;font-size:18px;font-weight:700;letter-spacing:0;line-height:1.5;color:#3e3a39;opacity:1;transition:all .3s;display:flex}@media screen and (max-width: 559px){#short-game #faq .wrap .ac-list li .question-holder h3{order:1;font-size:16px;margin-right:10px}#short-game #faq .wrap .ac-list li .question-holder h3 span{flex:1}}#short-game #faq .wrap .ac-list li .question-holder h3:before{position:relative;content:"";background:url(../img/lesson/sciencefit-short/svg/ic_q.svg);background-size:cover;width:30px;height:30px;display:inline-block;margin-right:15px}@media screen and (max-width: 559px){#short-game #faq .wrap .ac-list li .question-holder h3:before{width:24px;height:24px}}#short-game #faq .wrap .ac-list li .question-holder .ac-icon{margin-right:20px;order:1;width:13px;opacity:1;transition:all .3s;position:relative}@media screen and (max-width: 559px){#short-game #faq .wrap .ac-list li .question-holder .ac-icon{margin:0;order:2}}#short-game #faq .wrap .ac-list li .question-holder .ac-icon:before,#short-game #faq .wrap .ac-list li .question-holder .ac-icon:after{width:13px;height:2px;display:inline-block;background:#898989;position:absolute}#short-game #faq .wrap .ac-list li .question-holder .ac-icon:before{content:"";transform:rotate(90deg);top:0;left:0}#short-game #faq .wrap .ac-list li .question-holder .ac-icon:after{content:"";top:0;left:0}#short-game #faq .wrap .ac-list li .question-holder.newactive .ac-icon{transform-origin:center;transform:rotate(225deg)}#short-game #faq .wrap .ac-list .answer-holder{display:none;padding:0 0 20px 80px;font-size:15px;font-weight:400;letter-spacing:0;line-height:1.8;color:#3e3a39}@media screen and (max-width: 559px){#short-game #faq .wrap .ac-list .answer-holder{padding:3px 0 20px}}#short-game #faq .wrap .ac-list .answer-holder .box{display:flex}#short-game #faq .wrap .ac-list .answer-holder .box p{flex:1}@media screen and (max-width: 559px){#short-game #faq .wrap .ac-list .answer-holder .box p{margin-top:-3px}#short-game #faq .wrap .ac-list .answer-holder .box p br{display:none}}#short-game #faq .wrap .ac-list .answer-holder .box p span.mini{font-size:14px}#short-game #faq .wrap .ac-list .answer-holder .box p a{text-decoration:underline;font-weight:500;display:inline-block;transition:all .3s}#short-game #faq .wrap .ac-list .answer-holder .box p a:hover{opacity:.7}#short-game #cvholder{background:url(../img/lesson/short-game/cv_bg.webp);background-size:cover;padding:5.5rem 1rem}@media screen and (max-width: 559px){#short-game #cvholder{padding:3.5rem 1rem}}#short-game #cvholder button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none;width:100%;max-width:560px;margin:0 auto;display:block}#short-game #cvholder button a{width:100%;height:88px;border-radius:44px;display:flex;justify-content:center;align-items:center;background:#ffe100;flex-direction:column;position:relative;transition:all .3s .1s ease-out;z-index:2;overflow:hidden}@media screen and (max-width: 559px){#short-game #cvholder button a{height:84px;border-radius:42px}}@media screen and (max-width: 450px){#short-game #cvholder button a{height:88px;border-radius:44px}}#short-game #cvholder button a:after{width:0%;height:100%;background:#c4d700;content:"";position:absolute;top:0;left:0;z-index:-1;border-radius:44px;transition:all .2s ease-out}@media screen and (max-width: 559px){#short-game #cvholder button a:after{border-radius:40px}}#short-game #cvholder button a:hover{background:#c4d700}#short-game #cvholder button a:hover:after{background:#c4d700;width:100%}#short-game #cvholder button a span:nth-of-type(1){font-size:18px;font-weight:700;letter-spacing:0;line-height:1.4;display:block}#short-game #cvholder button a span:nth-of-type(1) br{display:none}@media screen and (max-width: 559px){#short-game #cvholder button a span:nth-of-type(1){font-size:15px;font-weight:700;letter-spacing:0;line-height:1.4}}@media screen and (max-width: 450px){#short-game #cvholder button a span:nth-of-type(1) br{display:block}}#short-game #cvholder button a span:nth-of-type(2){font-size:28px;font-weight:900;letter-spacing:2px;line-height:1;margin-top:.5rem}@media screen and (max-width: 559px){#short-game #cvholder button a span:nth-of-type(2){font-size:24px;font-weight:700;letter-spacing:2px;line-height:1}}