.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)}html,body{background:#ececec}.solid-btn a{background:#e7f815}.solid-btn a p{color:#000}.sec-ttl{font-family:"Noto Sans JP",sans-serif;font-size:24px;font-weight:700;letter-spacing:0;line-height:1.7}@media screen and (max-width: 767px){.sec-ttl{font-size:20px;font-weight:700;letter-spacing:0;line-height:1.6}}.sec-ttl{letter-spacing:2px;text-align:center;margin-bottom:30px}.sec-ttl:after{content:"";display:block;width:95px;height:4px;background:#0071bc;margin:10px auto 0}#fivesteps{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){#fivesteps{font-size:15px;font-weight:500;letter-spacing:0;line-height:1.6}}#fivesteps #hero{position:relative;overflow:hidden}#fivesteps #hero .hero_catch,#fivesteps #hero .hero_sub,#fivesteps #hero .hero_shop,#fivesteps #hero .hero-ill{position:absolute;display:block;z-index:2;opacity:0}#fivesteps #hero .hero_sub{width:65vw;top:22.8vw;left:18vw;z-index:3;animation-name:l-rmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:1s;animation-direction:normal}#fivesteps #hero .hero_catch{width:61vw;top:8.5vw;left:19.8vw;z-index:3;animation-name:bt-tmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:1s;animation-direction:normal}#fivesteps #hero .hero_shop{width:27vw;top:2.8vw;left:38.4vw;z-index:3;animation-name:bt-tmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:1s;animation-direction:normal}#fivesteps #hero .hero-ill{width:58.3vw;top:40.3vw;left:22vw;z-index:4;animation-name:bt-tmove;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-delay:1.3s;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)}}#fivesteps #hero .hero-bg{position:relative;width:100%;display:block}#fivesteps #lead{background:linear-gradient(180deg, rgb(13, 12, 12) 0%, rgb(56, 56, 56) 100%);padding:35px 10px}#fivesteps #lead h2{font-size:21px;font-weight:700;letter-spacing:0;line-height:1.7;color:#29abe2;margin-bottom:25px;text-align:center}@media screen and (max-width: 767px){#fivesteps #lead h2{font-size:17px;margin-bottom:20px}}@media screen and (max-width: 559px){#fivesteps #lead h2 br{display:none}}#fivesteps #lead p{font-size:16px;font-weight:700;letter-spacing:0;line-height:1.7;color:#fff;text-align:center}@media screen and (max-width: 767px){#fivesteps #lead p{font-size:14px}}@media screen and (max-width: 559px){#fivesteps #lead p br{display:none}#fivesteps #lead p{text-align:left}}#fivesteps #level{background:url(../img/5step-lesson/bg1.webp);background-size:cover;padding:50px 0 80px}@media screen and (max-width: 767px){#fivesteps #level{padding:30px 0 40px}}#fivesteps #level .wrap{padding:0 3%;max-width:calc(800px + 6%);margin:0 auto}@media screen and (max-width: 959px){#fivesteps #level .wrap{padding:0 1rem}}@media screen and (max-width: 559px){#fivesteps #level h2{width:90%;margin:0 auto}}#fivesteps #level .level_table{margin:40px 0 35px}@media screen and (max-width: 767px){#fivesteps #level .level_table{margin:20px 0}}#fivesteps #level .level_table figcaption{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.7;font-family:"Noto Sans JP",sans-serif;color:#fff;margin-bottom:5px}@media screen and (max-width: 767px){#fivesteps #level .level_table figcaption{font-size:15px}}#fivesteps #level .txt{text-align:center;font-size:16px;font-weight:700;letter-spacing:0;line-height:1.7;color:#fff}@media screen and (max-width: 767px){#fivesteps #level .txt{font-size:15px}}#fivesteps #level .txt .txt1 span,#fivesteps #level .txt .txt2,#fivesteps #level .txt .txt4{font-size:21px;color:#29abe2}@media screen and (max-width: 767px){#fivesteps #level .txt .txt1 span,#fivesteps #level .txt .txt2,#fivesteps #level .txt .txt4{font-size:17px;line-height:1.5}#fivesteps #level .txt .txt1 span br,#fivesteps #level .txt .txt2 br,#fivesteps #level .txt .txt4 br{display:none}}#fivesteps #level .txt .txt3{margin:20px 0}#fivesteps #lesson .catch{text-align:center;background:#fff;padding:30px 10px 1vw}@media screen and (max-width: 559px){#fivesteps #lesson .catch{padding:25px 10px 1vw}}#fivesteps #lesson .catch p{font-family:"Noto Sans JP",sans-serif}#fivesteps #lesson .catch p:nth-of-type(1){font-size:36px;font-weight:700;letter-spacing:0;line-height:1.2}@media screen and (max-width: 767px){#fivesteps #lesson .catch p:nth-of-type(1){font-size:5.1vw}}#fivesteps #lesson .catch p:nth-of-type(2){font-size:38px;font-weight:700;letter-spacing:0;line-height:1.2;color:#0071bc}@media screen and (max-width: 767px){#fivesteps #lesson .catch p:nth-of-type(2){font-size:5.3vw}}#fivesteps #lesson .catch p:nth-of-type(2) span:nth-of-type(1){font-size:84px;line-height:1;padding-right:4px}@media screen and (max-width: 767px){#fivesteps #lesson .catch p:nth-of-type(2) span:nth-of-type(1){font-size:12vw}}#fivesteps #lesson .catch p:nth-of-type(2) span:nth-of-type(2){position:relative;top:-15px}@media screen and (max-width: 410px){#fivesteps #lesson .catch p:nth-of-type(2) span:nth-of-type(2){top:-10px}}#fivesteps #lesson .catch p:nth-of-type(3){font-size:32px;font-weight:700;letter-spacing:0;line-height:1.2;color:#0071bc}@media screen and (max-width: 767px){#fivesteps #lesson .catch p:nth-of-type(3){font-size:4.8vw}}#fivesteps #lesson .wrap .inwrap{background:url(../img/5step-lesson/bg2.webp);background-size:cover;background-position:top center;padding-top:20vw;margin-top:-7vw;padding-bottom:50px}@media screen and (max-width: 767px){#fivesteps #lesson .wrap .inwrap{margin-top:-10vw}}@media screen and (max-width: 559px){#fivesteps #lesson .wrap .inwrap{padding-top:33vw;margin-top:-12vw;padding-bottom:30px}}@media screen and (max-width: 410px){#fivesteps #lesson .wrap .inwrap{padding-top:33vw;margin-top:-15vw}}#fivesteps #lesson .wrap .inwrap h2{width:100%;max-width:540px;margin:0 auto 15px}@media screen and (max-width: 767px){#fivesteps #lesson .wrap .inwrap h2{max-width:440px;padding:0 10px}}#fivesteps #lesson .wrap .inwrap h2+p{font-size:24px;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;text-align:center;color:#fff}@media screen and (max-width: 767px){#fivesteps #lesson .wrap .inwrap h2+p{font-size:18px}}#fivesteps #lesson .wrap .point_sub2{font-size:36px;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;text-align:center;color:#fff;margin-bottom:35px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap .point_sub2{font-size:26px;margin-bottom:25px}}#fivesteps #lesson .wrap .point_sub{font-size:24px;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;text-align:center;color:#29abe2;margin-bottom:20px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap .point_sub{font-size:18px}}#fivesteps #lesson .wrap .point_sub+p{font-size:19px;font-weight:500;letter-spacing:0;line-height:1.4;color:#fff}@media screen and (max-width: 559px){#fivesteps #lesson .wrap .point_sub+p{font-size:15px}}#fivesteps #lesson .wrap #point1{margin-top:60px;padding:0 10px}#fivesteps #lesson .wrap #point1 h3{width:100%;max-width:238px;margin:0 auto 60px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #point1 h3{max-width:138px;margin:0 auto 10px}}#fivesteps #lesson .wrap #point1 .point_sub+p{max-width:710px;margin:0 auto}#fivesteps #lesson .wrap #point1 .images3{width:100%;max-width:760px;margin:40px auto;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:15px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #point1 .images3{margin:20px auto 0;column-gap:5px}}#fivesteps #lesson .wrap #point2{background:url(../img/5step-lesson/bg3.webp);background-size:cover;display:flex;padding:20px 5% 30px 0}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2{flex-direction:column;padding:20px 10px 30px}}#fivesteps #lesson .wrap #point2 .point_sub2{text-align:left;color:#171717}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2 .point_sub2{text-align:center}}#fivesteps #lesson .wrap #point2 .point_sub{text-align:left}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2 .point_sub{text-align:center}}#fivesteps #lesson .wrap #point2 .point_sub+p{color:#3e3e3e}#fivesteps #lesson .wrap #point2 .txt{order:2;flex:1}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2 .txt{order:1}}#fivesteps #lesson .wrap #point2 .txt h3{width:100%;max-width:238px;margin:0 0 20px}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2 .txt h3{margin:0 auto 10px}}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #point2 .txt h3{max-width:138px}}#fivesteps #lesson .wrap #point2 .txt .inner{margin-top:45px}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2 .txt .inner{margin-top:25px}}#fivesteps #lesson .wrap #point2 .image{order:1;max-width:560px;margin:20px 50px 0 0}@media screen and (max-width: 959px){#fivesteps #lesson .wrap #point2 .image{max-width:280px}}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point2 .image{order:2;margin:20px auto 0;max-width:560px}}#fivesteps #lesson .wrap #your-level{padding:40px 0 50px;background:#fff}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level{padding:30px 0 40px}}#fivesteps #lesson .wrap #your-level h3{width:100%;max-width:548px;margin:0 auto 30px;padding:0 10px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level h3{max-width:408px;margin:0 auto 20px}}#fivesteps #lesson .wrap #your-level .swiper-slide{border:1px solid #707070;border-radius:30px;height:auto}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide{border-radius:20px}}#fivesteps #lesson .wrap #your-level .swiper-slide section h4{width:192px;height:60px;display:flex;justify-content:center;align-items:center;margin:-1px 0 0 -1px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section h4{width:100px;height:32px}}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level1{background:#63c4dc}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level1 img{width:129px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level2{background:#719eaa}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level2 img{width:135px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level3{background:#228da3}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level3 img{width:133px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level4{background:#006f8f}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level4 img{width:136px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level5{background:#004a77}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level5 img{width:136px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level1 img{width:79px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level2 img{width:75px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level3 img{width:73px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level4 img{width:76px}#fivesteps #lesson .wrap #your-level .swiper-slide section h4.txt_level5 img{width:76px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox{height:172px;position:relative;padding:0 20px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox{height:125px;padding:0 10px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon{clip-path:polygon(0 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 0 100%);padding:12px 40px 12px 20px;font-size:24px;font-weight:400;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;color:#fff;position:relative;top:40px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon{clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);padding:8px 20px 8px 20px;font-size:18px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon1{background:#63c4dc;padding-left:78px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon2{background:#719eaa;padding-left:95px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon3{background:#228da3;padding-left:95px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon4{background:#006f8f;padding-left:95px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon5{background:#004a77;padding-left:118px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon1{padding-left:66px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon2{padding-left:77px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon3{padding-left:50px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon4{padding-left:75px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ribbon.ribbon5{padding-left:100px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill{position:absolute;top:0}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill1{width:115px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill2{width:93px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill3{width:78px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill4{width:87px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill5{width:107px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill1{width:95px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill2{width:73px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill3{width:58px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill4{width:67px}#fivesteps #lesson .wrap #your-level .swiper-slide section .ribbonbox .ill.ill5{width:87px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .txt{padding:20px 25px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .txt{padding:20px 10px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .txt p{font-size:23px;font-weight:400;letter-spacing:0;line-height:1.3;font-family:"Noto Sans JP",sans-serif;margin-bottom:15px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .txt p{font-size:19px;margin-bottom:10px}}#fivesteps #lesson .wrap #your-level .swiper-slide section .txt ul li{font-size:20px;font-weight:400;letter-spacing:0;line-height:1.3;margin-left:20px;text-indent:-20px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #your-level .swiper-slide section .txt ul li{font-size:15px;margin-left:15px;text-indent:-15px}}#fivesteps #lesson .wrap #your-level .swiper-button-next:after,#fivesteps #lesson .wrap #your-level .swiper-button-prev:after{color:#ddd}#fivesteps #lesson .wrap #your-level .swiper-pagination-bullet-active{background:#333}#fivesteps #lesson .wrap #point3{background:url(../img/5step-lesson/bg4.webp);background-size:cover;padding:45px 0 60px}@media screen and (max-width: 767px){#fivesteps #lesson .wrap #point3{padding:30px 0 40px}}#fivesteps #lesson .wrap #point3 .wrap{padding:0 3%;max-width:calc(760px + 6%);margin:0 auto}@media screen and (max-width: 959px){#fivesteps #lesson .wrap #point3 .wrap{padding:0 1rem}}#fivesteps #lesson .wrap #point3 .wrap h3{width:100%;max-width:238px;margin:0 auto 20px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #point3 .wrap h3{max-width:138px}}#fivesteps #lesson .wrap #point3 .wrap .point_sub{padding-top:30px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #point3 .wrap .point_sub{padding-top:0}}#fivesteps #lesson .wrap #point3 .wrap .images2{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;margin-top:30px}@media screen and (max-width: 559px){#fivesteps #lesson .wrap #point3 .wrap .images2{margin-top:20px;column-gap:5px}}#fivesteps #example .lead{text-align:center;background:#fff;padding:30px 10px 1vw}#fivesteps #example .lead h2{font-size:3vw;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;color:#0071bc;margin-bottom:10px}@media screen and (max-width: 559px){#fivesteps #example .lead h2{font-size:7vw}}#fivesteps #example .lead p{font-size:2vw;font-weight:500;letter-spacing:0;line-height:1.3}@media screen and (max-width: 559px){#fivesteps #example .lead p{font-size:4vw}}#fivesteps #example div.bg{background:url(../img/5step-lesson/bg5.webp);background-size:cover;background-position:top center;padding-top:20vw;margin-top:-7vw;padding-bottom:50px}@media screen and (max-width: 559px){#fivesteps #example div.bg{background:url(../img/5step-lesson/bg5.webp) center top/100% auto no-repeat,#222;background-size:100% auto;margin-top:-3vw;padding-bottom:30px}}#fivesteps #example ul{max-width:980px;margin:0 auto 40px;padding:0 10px;display:flex;justify-content:space-between}@media screen and (max-width: 559px){#fivesteps #example ul{flex-direction:column;margin:0 auto 20px}}#fivesteps #example ul li{width:48%}@media screen and (max-width: 559px){#fivesteps #example ul li{width:100%}#fivesteps #example ul li:nth-of-type(1){margin-bottom:20px}}#fivesteps #example ul li p{font-size:18px;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;display:inline-block;padding:10px 15px}@media screen and (max-width: 767px){#fivesteps #example ul li p{font-size:16px}}#fivesteps #example ul li p.ex1{background:#ccc}#fivesteps #example ul li p.ex2{background:#e2f1f7}#fivesteps #example ul li p span{color:#0071bc}#fivesteps #example ul+p{text-align:center;color:#fff;font-size:20px;font-weight:500;letter-spacing:0;line-height:1.5;padding:0 10px}@media screen and (max-width: 767px){#fivesteps #example ul+p{font-size:17px}}@media screen and (max-width: 559px){#fivesteps #example ul+p br{display:none}#fivesteps #example ul+p{font-size:16px}}#fivesteps #diagnosis .lead{text-align:center;background:#fff;padding:30px 10px 1vw;font-size:30px;font-weight:700;letter-spacing:0;line-height:1.3;color:#0071bc;text-align:center}@media screen and (max-width: 767px){#fivesteps #diagnosis .lead{padding:20px 10px 1vw;font-size:22px}}#fivesteps #diagnosis .lead span{font-size:22px;font-weight:500;letter-spacing:0;line-height:1.5;color:#191919;display:block}@media screen and (max-width: 767px){#fivesteps #diagnosis .lead span{font-size:17px}}#fivesteps #diagnosis .d-wrap{background:url(../img/5step-lesson/bg6.webp) center top/100% auto no-repeat,#228da3;background-size:100% auto;padding:0 10px 80px;padding-top:9vw;margin-top:-4vw;padding-bottom:50px}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap{margin-top:-1vw;padding-bottom:40px}}#fivesteps #diagnosis .d-wrap .lead2{color:#fff;text-align:center;margin-bottom:50px}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2{margin-bottom:20px}}#fivesteps #diagnosis .d-wrap .lead2 h2{font-size:58px;font-weight:700;letter-spacing:0;line-height:1.3;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2 h2{font-size:30px}}#fivesteps #diagnosis .d-wrap .lead2 h2+p{font-size:30px;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;color:#e7f815;margin:20px 0 10px}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2 h2+p{font-size:20px;margin:10px 0 10px}}#fivesteps #diagnosis .d-wrap .lead2 .price{font-family:"Noto Sans JP",sans-serif;display:flex;align-items:center;justify-content:center}#fivesteps #diagnosis .d-wrap .lead2 .price .minits{font-size:50px;font-weight:700;letter-spacing:0;line-height:1;color:#29abe2;background:#fff;padding:1px 10px 5px;margin-right:20px;position:relative;top:3px}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2 .price .minits{font-size:30px}}#fivesteps #diagnosis .d-wrap .lead2 .price .minits span{font-size:30px}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2 .price .minits span{font-size:20px}}#fivesteps #diagnosis .d-wrap .lead2 .price .pri{font-size:68px;font-weight:700;letter-spacing:0;line-height:1}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2 .price .pri{font-size:40px}}#fivesteps #diagnosis .d-wrap .lead2 .price .pri span{font-size:41px}@media screen and (max-width: 559px){#fivesteps #diagnosis .d-wrap .lead2 .price .pri span{font-size:20px}}#fivesteps #diagnosis #flow{max-width:1090px;margin:0 auto;padding:40px 60px 60px;background:#fff}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow{padding:40px}}@media screen and (max-width: 559px){#fivesteps #diagnosis #flow{padding:30px 20px}}#fivesteps #diagnosis #flow h3{font-size:28px;font-weight:700;letter-spacing:2px;line-height:1.7;font-family:"Noto Sans JP",sans-serif;margin-bottom:70px;text-align:center}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow h3{margin-bottom:40px;font-size:22px}}#fivesteps #diagnosis #flow ul li{display:flex}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul li{flex-direction:column}}#fivesteps #diagnosis #flow ul li:not(:last-child){margin-bottom:70px}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul li:not(:last-child){margin-bottom:60px}}#fivesteps #diagnosis #flow ul section{flex:1;display:flex;align-items:flex-start;position:relative}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul section{order:2}}#fivesteps #diagnosis #flow ul section:after{content:"";display:block;background:url(../img/5step-lesson/ic_divider.svg);background-size:cover;width:66px;height:15px;margin:0 auto;position:absolute;bottom:-40px;left:0;right:0}#fivesteps #diagnosis #flow ul section.last::after{display:none}#fivesteps #diagnosis #flow ul section .txt{order:2;flex:1}#fivesteps #diagnosis #flow ul section .txt h4{font-size:24px;font-weight:500;letter-spacing:0;line-height:1.7;font-family:"Noto Sans JP",sans-serif;margin-bottom:20px}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul section .txt h4{font-size:20px;margin-bottom:10px}}#fivesteps #diagnosis #flow ul section .txt p{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.7}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul section .txt p{font-size:15px}}#fivesteps #diagnosis #flow ul section .number{order:1;width:56px;margin-right:40px;display:flex;justify-content:center;align-items:center;position:relative;top:8px}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul section .number{width:36px;margin-right:20px;top:0}}#fivesteps #diagnosis #flow ul section .number.number1 img{width:36px}#fivesteps #diagnosis #flow ul section .number.number2 img{width:56px}#fivesteps #diagnosis #flow ul section .number.number3 img{width:57px}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul section .number.number1 img{width:23px}#fivesteps #diagnosis #flow ul section .number.number2 img{width:36px}#fivesteps #diagnosis #flow ul section .number.number3 img{width:36px}}#fivesteps #diagnosis #flow ul .image{width:312px;margin-left:60px}@media screen and (max-width: 767px){#fivesteps #diagnosis #flow ul .image{order:1;margin:0 auto 20px}}#fivesteps #diagnosis .cvbtn{max-width:680px;margin:60px auto 0;display:block}@media screen and (max-width: 559px){#fivesteps #diagnosis .cvbtn{margin:30px auto 0}}#fivesteps #diagnosis .cvbtn a{width:100%;padding:10px;height:88px;border-radius:44px;display:flex;justify-content:center;align-items:center;background:#e7f815;flex-direction:column;position:relative;transition:all .3s .1s ease-out;z-index:2;overflow:hidden;font-size:28px;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width: 559px){#fivesteps #diagnosis .cvbtn a{height:70px;border-radius:35px;font-size:4.5vw;font-weight:700;letter-spacing:0;line-height:1.2}}#fivesteps #diagnosis .cvbtn a:after{width:0%;height:100%;background:#0071bc;content:"";position:absolute;top:0;left:0;z-index:-1;border-radius:44px;transition:all .3s ease-out}@media screen and (max-width: 559px){#fivesteps #diagnosis .cvbtn a:after{border-radius:40px}}#fivesteps #diagnosis .cvbtn a:hover{background:#0071bc}#fivesteps #diagnosis .cvbtn a:hover:after{background:#0071bc;width:100%}#fivesteps #prices{padding-bottom:50px}@media screen and (max-width: 559px){#fivesteps #prices{padding-bottom:35px}}#fivesteps #prices h2{font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:700;letter-spacing:3px;line-height:1.4;text-align:center;color:#fff;background:#000;padding:35px 10px;margin-bottom:30px}@media screen and (max-width: 767px){#fivesteps #prices h2{font-size:24px;padding:25px 10px;margin-bottom:30px}}@media screen and (max-width: 559px){#fivesteps #prices h2{font-size:21px;padding:20px 10px}}#fivesteps #prices h2 span{font-size:20px;font-weight:700;letter-spacing:2px;line-height:1.4}@media screen and (max-width: 559px){#fivesteps #prices h2 span{font-size:16px}}#fivesteps #prices .wrap{padding:0 3%;max-width:calc(490px + 6%);margin:0 auto}@media screen and (max-width: 959px){#fivesteps #prices .wrap{padding:0 1rem}}#fivesteps #prices .wrap ul{margin:0 auto 40px}@media screen and (max-width: 559px){#fivesteps #prices .wrap ul{margin:0 auto 30px}}#fivesteps #prices .wrap ul li{display:flex;justify-content:space-between;padding:15px 5px;border-bottom:1px dotted #666}@media screen and (max-width: 559px){#fivesteps #prices .wrap ul li{padding:10px 5px}}#fivesteps #prices .wrap ul li p{font-size:20px;font-weight:700;letter-spacing:0;line-height:1.4}@media screen and (max-width: 559px){#fivesteps #prices .wrap ul li p{font-size:17px}}#fivesteps #prices .wrap ul li p span{font-size:17px}@media screen and (max-width: 559px){#fivesteps #prices .wrap ul li p span{font-size:14px}}#fivesteps #prices .wrap ul li p:nth-of-type(2){color:#c1272d}#fivesteps #prices .wrap .box{background:#fff;padding:20px;display:flex;align-items:center}@media screen and (max-width: 559px){#fivesteps #prices .wrap .box{padding:15px}}#fivesteps #prices .wrap .box .image{width:118px;margin-right:20px;border:1px solid #eee}#fivesteps #prices .wrap .box .txt{flex:1}#fivesteps #prices .wrap .box .txt p:nth-of-type(1){font-size:15px;font-weight:700;letter-spacing:0;line-height:1.5;margin-bottom:20px}@media screen and (max-width: 559px){#fivesteps #prices .wrap .box .txt p:nth-of-type(1){margin-bottom:15px}#fivesteps #prices .wrap .box .txt p:nth-of-type(1) br{display:none}}#fivesteps #prices .wrap .box .txt p:nth-of-type(2){font-size:14px;font-weight:700;letter-spacing:0;line-height:1.5;color:#fff}#fivesteps #prices .wrap .box .txt p:nth-of-type(2) a{display:block;width:178px;height:34px;border-radius:17px;display:flex;justify-content:center;align-items:center;background:#0071bc;transition:all .3s}#fivesteps #prices .wrap .box .txt p:nth-of-type(2) a:after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #a01e1e;display:inline-block;margin-left:5px;position:relative;top:1px;transition:all .3s}#fivesteps #prices .wrap .box .txt p:nth-of-type(2) a:hover{background:#a01e1e}#fivesteps #prices .wrap .box .txt p:nth-of-type(2) a:hover:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}#fivesteps #faq h2{font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:700;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){#fivesteps #faq h2{font-size:24px;padding:25px 10px;margin-bottom:30px}}@media screen and (max-width: 559px){#fivesteps #faq h2{font-size:21px;padding:20px 10px}}#fivesteps #faq .wrap{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto}@media screen and (max-width: 959px){#fivesteps #faq .wrap{padding:0 1rem}}#fivesteps #faq .wrap .ac-list{padding-bottom:60px}@media screen and (max-width: 559px){#fivesteps #faq .wrap .ac-list{padding-bottom:45px}}#fivesteps #faq .wrap .ac-list li{text-align:left;border-bottom:1px solid #575757}#fivesteps #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)}#fivesteps #faq .wrap .ac-list li .question-holder:hover{cursor:pointer}#fivesteps #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){#fivesteps #faq .wrap .ac-list li .question-holder h3{order:1;font-size:16px;margin-right:10px}#fivesteps #faq .wrap .ac-list li .question-holder h3 span{flex:1}}#fivesteps #faq .wrap .ac-list li .question-holder h3:before{position:relative;content:"";background:url(../img/lesson/swingscan-short/svg/ic_q.svg);background-size:cover;width:30px;height:30px;display:inline-block;margin-right:15px}@media screen and (max-width: 559px){#fivesteps #faq .wrap .ac-list li .question-holder h3:before{width:24px;height:24px}}#fivesteps #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){#fivesteps #faq .wrap .ac-list li .question-holder .ac-icon{margin:0;order:2}}#fivesteps #faq .wrap .ac-list li .question-holder .ac-icon:before,#fivesteps #faq .wrap .ac-list li .question-holder .ac-icon:after{width:13px;height:2px;display:inline-block;background:#898989;position:absolute}#fivesteps #faq .wrap .ac-list li .question-holder .ac-icon:before{content:"";transform:rotate(90deg);top:0;left:0}#fivesteps #faq .wrap .ac-list li .question-holder .ac-icon:after{content:"";top:0;left:0}#fivesteps #faq .wrap .ac-list li .question-holder.newactive .ac-icon{transform-origin:center;transform:rotate(225deg)}#fivesteps #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){#fivesteps #faq .wrap .ac-list .answer-holder{padding:3px 0 20px}}#fivesteps #faq .wrap .ac-list .answer-holder .box{display:flex}#fivesteps #faq .wrap .ac-list .answer-holder .box p{flex:1}@media screen and (max-width: 559px){#fivesteps #faq .wrap .ac-list .answer-holder .box p{margin-top:-3px}#fivesteps #faq .wrap .ac-list .answer-holder .box p br{display:none}}#fivesteps #faq .wrap .ac-list .answer-holder .box p span.mini{font-size:14px}#fivesteps #faq .wrap .ac-list .answer-holder .box p a{color:#0071bc;text-decoration:underline;font-weight:500}#fivesteps #faq .wrap .ac-list .answer-holder .box p a:hover{opacity:.7}#fivesteps #shops{background:url(../img/5step-lesson/bg7.webp);background-size:cover;padding:75px 0 50px}@media screen and (max-width: 767px){#fivesteps #shops{padding:55px 0 40px}}#fivesteps #shops .wrap{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto}@media screen and (max-width: 959px){#fivesteps #shops .wrap{padding:0 1rem}}#fivesteps #shops h2{display:flex;flex-direction:column;text-align:center;margin-bottom:60px}@media screen and (max-width: 767px){#fivesteps #shops h2{margin-bottom:30px}}#fivesteps #shops h2 span:nth-of-type(1){order:2;font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:900;letter-spacing:3px;line-height:1.3;color:#fff}#fivesteps #shops h2 span:nth-of-type(2){order:1;font-family:"Noto Sans JP",sans-serif;font-size:18px;font-weight:900;letter-spacing:3px;line-height:1.3;color:#29abe2;margin-bottom:20px}@media screen and (max-width: 767px){#fivesteps #shops h2 span:nth-of-type(2){margin-bottom:10px}}#fivesteps #shops ul#studios{width:100%;max-width:830px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 767px){#fivesteps #shops ul#studios{margin:0 auto}}#fivesteps #shops ul#studios li{width:47%;background:#fff;padding:20px 20px 30px;margin-bottom:50px}#fivesteps #shops ul#studios li:nth-of-type(3),#fivesteps #shops ul#studios li:nth-of-type(4){margin-bottom:0}@media screen and (max-width: 767px){#fivesteps #shops ul#studios li{width:49%;margin-bottom:20px}}@media screen and (max-width: 660px){#fivesteps #shops ul#studios li{width:100%;margin-bottom:20px}#fivesteps #shops ul#studios li:nth-of-type(3){margin-bottom:20px}}#fivesteps #shops ul#studios li .images{position:relative;margin-bottom:20px}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li .images{margin-bottom:15px}}#fivesteps #shops ul#studios li .images div{width:70px;display:block;position:absolute;bottom:10px;right:10px}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li .images div{width:45px;bottom:5px;right:5px}}#fivesteps #shops ul#studios li section{position:relative}#fivesteps #shops ul#studios li section h3 span:nth-of-type(1){font-size:22px;font-weight:800;letter-spacing:1px;line-height:1.1;padding-right:.5rem}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li section h3 span:nth-of-type(1){font-size:20px}}#fivesteps #shops ul#studios li section h3 span:nth-of-type(2){font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}#fivesteps #shops ul#studios li section h3 span:nth-of-type(2):before{content:"("}#fivesteps #shops ul#studios li section h3 span:nth-of-type(2):after{content:")"}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li section h3 span:nth-of-type(2){font-size:14px}}#fivesteps #shops ul#studios li section h3+p{margin:10px 0;line-height:1.4}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li section h3+p{margin:5px 0 10px}}#fivesteps #shops ul#studios li section .tel{font-family:"Oswald",sans-serif;font-size:18px;font-weight:500;letter-spacing:1px;line-height:1.1}#fivesteps #shops ul#studios li section .tel:before{content:"";display:inline-block;width:19px;height:19px;background-image:url(../img/lesson/swingscan-short/svg/ic_tel.svg);background-size:cover;margin-right:7px;position:relative;top:2px}#fivesteps #shops ul#studios li section .btn-link{width:135px;height:35px;position:absolute;right:-20px;bottom:-10px}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li section .btn-link{width:120px}}#fivesteps #shops ul#studios li section .btn-link a{width:100%;height:100%;background:#000;color:#29abe2;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;letter-spacing:0;line-height:1;transition:all .3s}@media screen and (max-width: 559px){#fivesteps #shops ul#studios li section .btn-link a{font-size:15px}}#fivesteps #shops ul#studios li section .btn-link a:before{content:"";display:inline-block;border-top:solid 2px #fff;border-right:solid 2px #fff;width:8px;height:8px;border-radius:0 0 0 0;transform:rotate(45deg);margin-right:12px;transition:all .3s}#fivesteps #shops ul#studios li section .btn-link a:hover{background:#0071bc;color:#000}#fivesteps #shops ul#studios li section .btn-link a:hover:before{border-top:solid 2px #000;border-right:solid 2px #000;width:8px;height:8px;border-radius:0 0 0 0;transform:rotate(45deg)}#fivesteps #before-reserved{padding:65px 0 70px}@media screen and (max-width: 767px){#fivesteps #before-reserved{padding:40px 0}}#fivesteps #before-reserved .wrap{padding:0 3%;max-width:calc(920px + 6%);margin:0 auto}@media screen and (max-width: 959px){#fivesteps #before-reserved .wrap{padding:0 1rem}}#fivesteps #before-reserved .wrap h2{margin-bottom:60px}@media screen and (max-width: 767px){#fivesteps #before-reserved .wrap h2{margin-bottom:40px}}#fivesteps #before-reserved .wrap ul li:not(:last-child){margin-bottom:20px}@media screen and (max-width: 559px){#fivesteps #before-reserved .wrap ul li:not(:last-child){margin-bottom:15px}}#fivesteps #before-reserved .wrap ul li p{font-size:18px;font-weight:400;letter-spacing:0;line-height:1.5;margin-left:29px;text-indent:-29px}@media screen and (max-width: 767px){#fivesteps #before-reserved .wrap ul li p{font-size:16px;margin-left:24px;text-indent:-24px}}#fivesteps #before-reserved .wrap ul li p:before{content:"";border:2px solid #29abe2;display:inline-block;width:14px;height:14px;margin-right:15px}@media screen and (max-width: 767px){#fivesteps #before-reserved .wrap ul li p:before{margin-right:10px;position:relative;top:1px}}#fivesteps #cvholder{background:#000;padding:55px 10px}@media screen and (max-width: 559px){#fivesteps #cvholder{padding:45px 10px}}#fivesteps #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}#fivesteps #cvholder button a{width:100%;height:88px;border-radius:44px;display:flex;justify-content:center;align-items:center;background:#e7f815;flex-direction:column;position:relative;transition:all .3s .1s ease-out;z-index:2;overflow:hidden}@media screen and (max-width: 559px){#fivesteps #cvholder button a{height:80px;border-radius:40px}}#fivesteps #cvholder button a:after{width:0%;height:100%;background:#0071bc;content:"";position:absolute;top:0;left:0;z-index:-1;border-radius:44px;transition:all .3s ease-out}@media screen and (max-width: 559px){#fivesteps #cvholder button a:after{border-radius:40px}}#fivesteps #cvholder button a:hover{background:#0071bc}#fivesteps #cvholder button a:hover:after{background:#0071bc;width:100%}#fivesteps #cvholder button a span:nth-of-type(1){font-size:18px;font-weight:400;letter-spacing:0;line-height:1.4;display:block}@media screen and (max-width: 559px){#fivesteps #cvholder button a span:nth-of-type(1){font-size:15px;font-weight:400;letter-spacing:0;line-height:1.4}}@media screen and (max-width: 360px){#fivesteps #cvholder button a span:nth-of-type(1){font-size:15px;font-weight:400;letter-spacing:-1px;line-height:1.4}}#fivesteps #cvholder button a span:nth-of-type(2){font-size:28px;font-weight:700;letter-spacing:2px;line-height:1.4}@media screen and (max-width: 559px){#fivesteps #cvholder button a span:nth-of-type(2){font-size:26px;font-weight:700;letter-spacing:2px;line-height:1.4}}