@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;background:transparent}body{line-height:1;background:#fff}article,aside,details,figcaption,figure,footer,header,menu,nav,section,main{display:block}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}@keyframes bounce-scale{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes clear{0%{transform:scale(3);opacity:0}25%{opacity:1}100%{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:.5s cubic-bezier(0.64, 0, 0.78, 0)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-miss-only-enter-active,.fade-miss-only-leave-active{transition:.8s cubic-bezier(0.64, 0, 0.78, 0);transition-delay:1s}.fade-miss-only-enter-from,.fade-miss-only-leave-to{opacity:0}.fade-miss-only-enter-to,.fade-miss-only-leave-from{opacity:1}.scale_fade-enter-active{transition:.5s cubic-bezier(0.64, 0, 0.78, 0)}.scale_fade-enter-from{opacity:0;transform:scale(3)}.scale_fade-enter-to{opacity:1;transform:scale(1)}.bounce-scale-enter-active{animation:bounce-scale 1s;animation-iteration-count:2}html{width:100%;font-size:2.6666666667vw}@media screen and (min-width: 768px){html{font-size:.6944444444vw}}body{width:100%;font-size:1.6rem;font-family:"M PLUS Rounded 1c","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;color:#413a35;-webkit-text-size-adjust:100%;background:url("../images/common/bg_top.png") center top/100% auto no-repeat #fff fixed}@media all and (-ms-high-contrast: none){body{font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}}body.hide{overflow:hidden}a{color:#ed724b;-webkit-tap-highlight-color:rgba(148,86,225,.3);text-decoration:none}a img{border-style:none}ul{list-style-type:none;margin:0;padding:0}ul.disc{list-style-type:disc;padding-left:16px}ol{padding-left:16px}img{display:block;height:auto}em{color:#a0410d;font-style:normal}strong{color:#a0410d}p{margin:0 0 18px}p:last-of-type{margin:0}input,button,textarea{-webkit-appearance:none;border-radius:0;outline:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{background:#e2fbfc !important}ruby{margin-top:-0.4em}ruby[data-ruby]{position:relative}ruby[data-ruby]::after{content:attr(data-ruby);display:none;position:absolute;top:-1em;left:-1rem;right:-1rem;margin:auto;font-size:.4em;white-space:nowrap;text-align:center}ruby rt{font-size:.4em}br.sp{display:inline}@media screen and (min-width: 768px){br.sp{display:none}}br.pc{display:none}@media screen and (min-width: 768px){br.pc{display:inline}}.drills{width:calc(100% - 43.2rem)}.drills ul{display:flex;flex-wrap:wrap;width:100%}.drills ul li{width:36rem;margin-right:calc((100% - 72rem) / 2);margin-bottom:2.4rem}.drills a.btn{display:block;width:100%;position:relative;border:3px solid #59504b;border-radius:18px;font-size:2.7rem;color:#ed724b;background:#fff;font-weight:bold;box-shadow:0px .3rem .8rem .1rem rgba(237,114,75,.36);transition:.4s;opacity:.4}.drills a.btn .inner .title{display:flex;align-items:center;height:8.4rem;padding:0 4rem;position:relative}.drills a.btn .inner .title::before{content:"";display:block;width:4.8rem;height:4.8rem;border:3px solid #59504b;box-sizing:border-box;background:url("../images/common/arrow_orange.svg") 1rem center/2.4rem 2.4rem no-repeat #fff;border-radius:50%;position:absolute;top:calc(50% - 2.4rem);left:-2.4rem;transition:.4s}.drills a.btn .inner .subinfo{padding:0 1.2rem 1rem}.drills a.btn .inner .subinfo::before{content:"";display:block;width:100%;height:.4rem;border-radius:.2rem;background:#ed724b;margin-bottom:1.2rem;transition:.4s}.drills a.btn .inner .subinfo .subinfo_container{display:flex;justify-content:space-between}.drills a.btn .inner .subinfo .subinfo_container>div{padding:0 1.2rem .8rem;width:calc(50% - .6rem);box-sizing:border-box}.drills a.btn .inner .subinfo .label{font-size:1.4rem;margin-bottom:1rem}.drills a.btn .inner .subinfo .data{font-size:2.2rem;text-align:right}.drills a.btn::after{content:"";display:block;width:8.6rem;height:4.4rem;background:url("../images/common/clear.png") center center/100% 100% no-repeat;position:absolute;top:-0.7rem;right:-1.2rem;z-index:3;opacity:0;visibility:hidden}.drills a.btn.clear::after{animation:.3s cubic-bezier(0.87, 0, 0.13, 1) 1s forwards clear;visibility:visible}.drills a.btn.ext .title{height:10.8rem}.drills a.btn.ext.clear::after{top:3rem;right:-2rem}.drills a.btn[href],.drills a.btn.active{cursor:pointer;opacity:1}.drills a.btn[href]:hover,.drills a.btn.active:hover{background:#ed724b;color:#fff;box-shadow:0px .3rem .8rem .1rem rgba(237,114,75,.7)}.drills a.btn[href]:hover .inner .title::before,.drills a.btn.active:hover .inner .title::before{transform:translateX(0.6rem)}.drills a.btn[href]:hover .inner .subinfo::before,.drills a.btn.active:hover .inner .subinfo::before{background:#fff !important}.drills.green ul li a{color:#16c6c9;box-shadow:0px .3rem .8rem .1rem rgba(22,198,201,.36)}.drills.green ul li a .inner .title::before{background-image:url("../images/common/arrow_green.svg")}.drills.green ul li a .inner .subinfo::before{background:#16c6c9}.drills.green ul li a[href]:hover,.drills.green ul li a.active:hover{color:#fff;background:#16c6c9;box-shadow:0px .3rem .8rem .1rem rgba(22,198,201,.7)}main>article{margin-top:16rem}main>article:first-child{margin-top:0}article h2{display:flex;align-items:center;justify-content:center;font-size:4.2rem;margin-bottom:6.6rem}article h2::before,article h2::after{content:"";display:block;width:15rem;height:.6rem;border-radius:.3rem}article h2::before{background:#16c6c9;margin-right:3.6rem}article h2::after{background:#ed724b;margin-left:3.6rem}article h2>span{display:inline-block;margin-top:-0.4em}article.cat{background:#f6e0d9}article.cat::after{content:"";display:block;width:100%;height:.8rem;background:url("../images/common/wave_orange.svg") left bottom/23.2rem .8rem repeat-x;transform:translateY(0.74rem)}article.cat .container{width:100%;display:flex;align-items:center;padding-top:12rem;padding-bottom:9.6rem}article.cat:first-of-type::before{content:"";display:block;width:100%;height:.8rem;background:url("../images/common/wave_orange.svg") left top/23.2rem .8rem repeat-x;transform:translateY(-0.8rem) rotate(180deg)}article.cat:nth-child(odd) .container{flex-direction:row-reverse}article.cat:nth-child(odd) .drills ul li{margin-right:0;margin-left:calc((100% - 72rem) / 2)}article .head{width:43.2rem;display:flex;flex-direction:column;align-items:center;flex-grow:0;flex-shrink:0;flex-basis:auto}article .head .chara{display:block;width:13.6rem;margin-top:5.2rem}article h3{display:flex;flex-direction:column;align-items:center}article h3::before{content:"";display:block;width:15rem;height:.6rem;border-radius:.3rem;background:#ed724b;margin-bottom:2rem}article h3 span{display:block}article h3 .cat{font-size:4.2rem;padding-top:.4em}article h3 .type{font-size:3rem;margin-top:1.2rem}article h3 .option{font-size:2rem;margin-top:2.4rem}article.cat.green{background:#d6f3f3}article.cat.green:first-of-type::before{background-image:url("../images/common/wave_green.svg")}article.cat.green::after{background-image:url("../images/common/wave_green.svg")}article.cat.green .head .chara{width:13.7rem}article.cat.green h3::before{background:#16c6c9}article.cat.no_wave::after{display:none}article.cat.no_wave .container{padding-bottom:0}article.practices .head{width:100%;height:30rem;background:#f6e0d9;background-image:linear-gradient(0deg, #f6e0d9 0%, #f8e8cf 100%);padding-top:7.2rem;margin-bottom:12rem;position:relative}article.practices .head .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}article.practices .head .container span{display:block;text-align:center}article.practices .head::before,article.practices .head::after{content:"";display:block}article.practices .head::after{width:100%;height:.8rem;background:url("../images/common/wave_orange.svg") left top/23.2rem .8rem repeat-x;transform:translateY(0.75rem)}article.practices .head::before{width:13rem;height:14.3rem;position:absolute;bottom:-2.3rem;right:2.8rem;background:url("../images/common/chara_a03.png") center center/100% 100% no-repeat;z-index:10}article.practices .head h1{display:flex;flex-direction:column;align-items:center}article.practices .head h1::before{content:"";display:block;width:15rem;height:.6rem;border-radius:.3rem;background:#ed724b;margin-bottom:2.4rem}article.practices .head h1 span{display:block}article.practices .head h1 .cat{font-size:2.4rem}article.practices .head h1 .title{color:#ed724b;font-size:4.8rem;margin-top:1rem}article.practices .head h1 .type{font-size:3rem;margin-top:1.2rem}article.practices .head h1 .option{font-size:2rem;margin-top:1.2rem}article.practices .back2home{display:flex;align-items:center;justify-content:center;position:fixed;top:35rem;left:0;width:15.1rem;height:5.4rem;background:url("../images/common/back2home_btn.svg") center center/100% 100% no-repeat;color:#fff;padding:0 1.8rem;font-size:1.8rem;font-weight:bold;transition:.4s;z-index:100;box-sizing:border-box}article.practices .back2home:hover{opacity:.8}article.practices .contents{display:flex}article.practices .contents .drills{width:91rem;margin:0 auto}article.practices .contents .drills ul{justify-content:center;margin-bottom:-6.6rem}article.practices .contents .drills ul li{width:40.6rem;margin:0 9.8rem 6.6rem 0}article.practices .contents .drills ul li:nth-child(even){margin-right:0}.green article.practices .head{background:#d6f3f3;background-image:linear-gradient(0deg, #d6f3f3 0%, #d6e4f3 100%)}.green article.practices .head::after{background-image:url("../images/common/wave_green.svg")}.green article.practices .head h1::before{background:#16c6c9}.green article.practices .head h1 .title{color:#16c6c9}.green article.practices .head::before{width:14rem;height:15.5rem;background-image:url("../images/common/chara_m05.png")}.green article.practices .back2home{background-image:url("../images/common/back2home_btn_green.svg")}.green article.practices .contents .miss_info .miss_count::before{width:13.7rem;height:13.1rem;left:-1.2rem;background-image:url("../images/chara_m_miss.png")}.green article.practices .contents .miss_info .miss_count .title{color:#16c6c9}.green article.practices .contents .miss_info .miss_count .count{border-color:#16c6c9;color:#16c6c9}.green article.practices .contents .miss_list .title{color:#16c6c9}.green article.practices .contents .miss_list ul li{background:#16c6c9}header{position:fixed;top:0;left:0;width:100%;height:17.4rem;filter:drop-shadow(0 0.3rem 0.6rem rgba(17, 56, 57, 0.1));z-index:100;pointer-events:none}header .logo{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:36.2rem;height:17.4rem;background:url("../images/common/logo_bg.svg") center center/100% 100% no-repeat;z-index:2}header .logo img{display:block;width:30.7rem;transform:translateY(-1.2rem)}header a.logo{pointer-events:auto}header .bar{display:block;width:100%;height:7.2rem;position:absolute;top:0;left:0;background:rgba(255,255,255,.95);z-index:1;pointer-events:auto;box-sizing:border-box;padding-left:36.2rem}.header_bar{width:100%;height:7.2rem;position:relative;z-index:10}nav.global{width:100%;height:7.2rem}nav.global ul li a{color:#413a35;font-weight:bold;transition:.4s}nav.global ul li a:hover{color:#16c6c9}nav.global>ul{display:flex;align-items:center;height:100%;padding-left:3rem}nav.global>ul>li{margin-left:3rem;position:relative}nav.global>ul>li:first-child{margin-left:0}nav.global>ul>li>a{display:flex;align-items:center;font-size:1.8rem}nav.global>ul>li>a::before{content:"";display:block;width:1.2rem;height:.7rem;background:url("../images/common/gnav_pointer.svg") center center/100% 100% no-repeat;margin-right:.8rem}nav.global>ul>li>a>span{display:inline-block;margin-top:-0.5em}nav.global>ul>li .submenu{display:block;position:absolute;top:2.4rem;left:2rem;background:#fff;border-radius:1.2rem;padding:2rem;z-index:1000;box-shadow:0px .3rem .8rem .1rem rgba(28,33,45,.12);transition:.4s;visibility:hidden;opacity:0}nav.global>ul>li .submenu li{margin-top:2rem}nav.global>ul>li .submenu li:first-child{margin-top:0}nav.global>ul>li .submenu li a{font-size:1.6rem;white-space:nowrap}nav.global>ul>li:hover .submenu{visibility:visible;opacity:1}.app_submenu{position:absolute;top:0;right:1.2rem;height:100%}.app_submenu ul{display:flex;align-items:center;height:100%}.app_submenu ul li{margin-right:12px}.app_submenu ul li:last-child{margin-right:0}.app_submenu ul li.user_name{font-size:1.8rem;font-weight:bold}.app_menu{position:absolute;top:7.2rem;right:0;min-width:19.2rem;background:#fff;box-shadow:0px 0px 4px 0px rgba(38,30,28,.12);border-radius:8px;padding:.8rem;box-sizing:.8rem;visibility:hidden;opacity:0;transition:.6s cubic-bezier(0.65, 0, 0.35, 1)}.app_menu.on{opacity:1;visibility:visible}.app_menu ul{display:block}.app_menu ul li a{display:block;width:100%;height:100%;padding:1.2rem .8rem;box-sizing:border-box;font-size:1.5rem;cursor:pointer;border-radius:.8rem;transition:.3s;color:#413a35}.app_menu ul li a:hover{color:#eb66be;background:rgba(235,102,190,.1)}.menu_btn{width:48px;height:48px;cursor:pointer;pointer-events:auto}.menu_btn .icon{display:block;width:36px;height:36px;z-index:999;margin:0 auto;position:relative}.menu_btn .icon div,.menu_btn .icon:before,.menu_btn .icon:after{display:block;transition:all .4s;box-sizing:border-box;position:absolute;left:3px;width:30px;height:4px;border-radius:2px;background:#413a35}.menu_btn .icon:before,.menu_btn .icon:after{content:"";display:block}.menu_btn .icon:before{top:6px}.menu_btn .icon div{top:16px}.menu_btn .icon:after{bottom:6px}.menu_btn .label{display:block;font-size:10px;height:12px;text-align:center}.menu_btn.on .icon:before{transform:translateY(10px) rotate(-225deg)}.menu_btn.on .icon div{opacity:0}.menu_btn.on .icon:after{transform:translateY(-10px) rotate(225deg)}.menu_btn:hover .icon div,.menu_btn:hover .icon:before,.menu_btn:hover .icon:after{background:#eb66be}footer{padding-top:18rem;padding-bottom:3.6rem}footer small{display:block;text-align:center;font-size:1.4rem;font-weight:bold}footer .powered{width:183px;height:15px;margin:12px auto;background:url("../images/common/poweredby.svg") center top/100% auto no-repeat;text-indent:102%;white-space:nowrap;overflow:hidden}#pagetop_btn{width:6rem;height:6.1rem;position:fixed;right:0;bottom:12rem;background:url("../images/common/pagetop_btn_bg.svg") center center/100% 100% no-repeat;cursor:pointer;visibility:hidden;opacity:0;transition:.4s}#pagetop_btn span{display:block;width:2.4rem;height:1.5rem;background:url("../images/common/pagetop_arrow.svg") center center/100% 100% no-repeat;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;text-indent:102%;white-space:nowrap;overflow:hidden}#pagetop_btn.on{visibility:visible;opacity:1}#pagetop_btn:hover{opacity:.8}.green #pagetop_btn{background-image:url("../images/common/pagetop_btn_bg_green.svg")}.modal.modal_overlay{display:flex;align-items:center;justify-content:center;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.modal .title{height:3.6rem;position:absolute;top:-4rem;left:0;color:#fff;display:flex;align-items:center;font-weight:bold;font-size:1.8rem}.modal .close{display:block;width:3.6rem;height:3.6rem;z-index:10000;position:absolute;top:-4rem;right:0;cursor:pointer;transition:.4s}.modal .close div,.modal .close:before,.modal .close:after{display:block;transition:all .4s;box-sizing:border-box;position:absolute;left:.3rem;width:3rem;height:.4rem;border-radius:.2rem;background:#fff}.modal .close:before{content:"";display:block}.modal .close:before{top:.6rem;transform:translateY(1rem) rotate(-45deg)}.modal .close div{bottom:.6rem;transform:translateY(-1rem) rotate(45deg)}.modal .close:hover{transform:scale(1.1)}.modal .modal_window{display:flex;align-items:center;justify-content:center;border-radius:.8rem;background:#fff;padding:1.2rem;box-sizing:border-box;position:relative;width:calc(100% - 9.6rem);max-height:calc(100% - 9.6rem);min-width:72.8rem;min-height:47rem;box-sizing:border-box}.modal .modal_window iframe{display:block}