.kimicomi-tutorial{--kimicomi-primary:#37dc94;--kimicomi-accent:#00e6ff;--kimicomi-paleblue:#d4fbff;width:100%;padding-bottom:32px;font-family:sans-serif;position:relative;overflow:hidden}@media not (min-width:768px){.kimicomi-tutorial{padding-bottom:0}}.kimicomi-tutorial img{max-width:100%;height:auto}.tutorial-wrapper{margin-bottom:30px}.tutorial-h{margin:10px 0}.tutorial-h-wrap{width:100%;max-width:1680px;margin:0 auto}.tutorial-h-img{width:100%}.tutorial-hero-h{width:625.333px;margin:50px auto 48px}@media (max-width:1100px){.tutorial-hero-h{width:67vw}}@media not (min-width:768px){.tutorial-hero-h{width:89.8667vw;margin:8.8vw auto 8vw}}.tutorial-hero-list-wrap{justify-content:center;display:flex}.tutorial-hero-list{margin:0 0 30px;padding:0 18px 0 48px;list-style:none}@media not (min-width:768px){.tutorial-hero-list{padding:0 6vw 0 8vw}}.tutorial-hero-list-item{align-items:center;margin:0 0 1em;padding:0;font-size:21px;font-weight:600;line-height:1;display:flex}.tutorial-hero-list-item strong{color:#fa5c65;font-size:25px}@media not (min-width:768px){.tutorial-hero-list-item{font-size:4.5vw;line-height:1.5}.tutorial-hero-list-item strong{color:#fa5c65;font-size:1em}}.tutorial-hero-list-num{width:35px;height:auto;margin-right:20px}@media not (min-width:768px){.tutorial-hero-list-num{margin-right:1em;width:2em!important}}.tutorial-register{text-align:center;max-width:934px;margin:0 auto}@media not (min-width:768px){.tutorial-register{max-width:none}}.tutorial-register.mode-bottom{background:var(--kimicomi-primary);border-radius:30px;margin-bottom:60px;padding-top:30px}@media screen and (max-width:950px){.tutorial-register.mode-bottom{border-radius:0}}@media not (min-width:768px){.tutorial-register.mode-bottom{border-radius:0;margin-bottom:10vw;padding-top:6vw}}.tutorial-register-top{margin-top:-1px;margin-bottom:8%}@media not (min-width:768px){.tutorial-register-top{margin-bottom:12vw}}.tutorial-register-top-img{display:block}.tutorial-register-text{color:#171c1b;margin:.8em 0 .5em;padding:0;font-size:20px;font-weight:600}.tutorial-register-text.mode-bottom{margin:.5em 0 1em}@media not (min-width:768px){.tutorial-register-text{font-size:4.5vw}.tutorial-register-text.mode-bottom{margin-bottom:1.5em}}.tutorial-register-btn{z-index:1;width:348px;height:76px;font-size:24px;transition:opacity .5s;display:inline-block;position:relative}.tutorial-register-btn:link,.tutorial-register-btn:visited{color:#fff}.tutorial-register-btn:hover{opacity:.85}.tutorial-register-btn.mode-bottom{width:348px}@media not (min-width:768px){.tutorial-register-btn{height:auto;line-height:1;width:74.6667vw!important}}.tutorial-register-f{z-index:0;margin-top:-66px;margin-inline:-39px;position:relative;bottom:0}@media screen and (max-width:950px){.tutorial-register-f{margin-inline:-25px}}@media not (min-width:768px){.tutorial-register-f{margin-top:0;margin-inline:0!important}}.tutorial-register-f-img{display:block}.tutorial-points{--bg-y:0;background:url(/images/content/tutorial/kimicomi/points_bg.png) top no-repeat;background-position:center var(--bg-y);max-width:840px;margin:50px auto 30px;padding-top:40px}@media screen and (max-width:950px){.tutorial-points{margin-inline:30px}}@media not (min-width:768px){.tutorial-points{background-size:200vw;width:100%;padding-top:15vw;overflow:hidden;margin:0!important}}.tutorial-point{width:100%;margin:0 0 60px;position:relative}@media not (min-width:768px){.tutorial-point{width:calc(100% - 12.8vw);margin-bottom:16vw;padding:0 6.4vw}}.tutorial-point-main{position:absolute;top:50%;transform:translateY(-50%)}@media not (min-width:768px){.tutorial-point-main{margin-bottom:6vw;position:static;transform:none}}.tutorial-point.mode-even .tutorial-point-main{left:342px}@media screen and (max-width:950px){.tutorial-point.mode-even .tutorial-point-main{left:40%}}.tutorial-point.mode-odd .tutorial-point-main{left:0}@media not (min-width:768px){.tutorial-point-h{margin:0 0 3.2vw}}.tutorial-point-h-img{width:526px;max-width:none!important}.tutorial-point-h-img.mode-3{width:448px}.tutorial-point-h-img.mode-4{width:527px}@media not (min-width:768px){.tutorial-point-h-img{width:100%!important}}.tutorial-point-d{color:#222;box-sizing:content-box;font-size:15.5px;font-weight:400;line-height:1.7}.tutorial-point.mode-even .tutorial-point-d{padding-left:106px}@media screen and (max-width:950px){.tutorial-point.mode-even .tutorial-point-d{max-width:20em}}.tutorial-point.mode-odd .tutorial-point-d{max-width:23em;padding-left:106px}@media screen and (max-width:950px){.tutorial-point.mode-odd .tutorial-point-d{max-width:20em}}@media not (min-width:768px){.tutorial-point-d{font-size:4.25vw;max-width:none!important;padding:0!important}}.tutorial-point-note{color:gray;margin-top:.66em;font-size:15px;font-weight:400}.tutorial-point.mode-odd .tutorial-point-note{padding-left:106px}@media not (min-width:768px){.tutorial-point-note{font-size:3.46vw;padding:0!important}}.tutorial-point-img.mode-1,.tutorial-point-img.mode-3{text-align:right}@media not (min-width:768px){.tutorial-point-img{text-align:center!important}}.tutorial-point-img-img{width:282px;height:auto}@media screen and (max-width:950px){.tutorial-point-img-img{width:260px}}@media not (min-width:768px){.tutorial-point-img-img{width:100%!important}}.tutorial-point-img.mode-3 .tutorial-point-img-img{width:363px}@media screen and (max-width:950px){.tutorial-point-img.mode-3 .tutorial-point-img-img{width:330px}}.tutorial-point-img.mode-4 .tutorial-point-img-img{width:281px}@media screen and (max-width:950px){.tutorial-point-img.mode-4 .tutorial-point-img-img{width:260px}}
/*# sourceMappingURL=bf0e43dc8c5c4c14.css.map*/