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