#tutorial .growl-tutorial{--growl-primary:#13c3c3;--growl-accent:#00e6ff;--growl-paleblue:#d4fbff;width:100%;margin-bottom:30px;padding-bottom:32px;font-family:sans-serif;position:relative;overflow:hidden}@media not (min-width:768px){#tutorial .growl-tutorial{padding-bottom:0}}#tutorial .growl-tutorial img{max-width:100%;height:auto}#tutorial .tutorial-h-h{z-index:1;width:47%;margin:0 auto -6%;position:relative;left:-3%}@media not (min-width:768px){#tutorial .tutorial-h-h{width:65.8667vw;margin:8vw auto 0;position:static}}#tutorial .tutorial-h-wrap{max-width:916px;margin:0 auto;padding-top:80px}@media not (min-width:768px){#tutorial .tutorial-h-wrap{width:100%;padding-top:5px;overflow:hidden}}#tutorial .tutorial-h-img{width:100%}#tutorial .tutorial-hero-h{width:515px;margin:36px auto 48px}@media not (min-width:768px){#tutorial .tutorial-hero-h{width:89.8667vw;margin:16.8vw auto 8vw}}#tutorial .tutorial-hero-list-wrap{justify-content:center;display:flex}#tutorial .tutorial-hero-list{margin:0 0 30px;padding:0 18px 0 48px;list-style:none}@media not (min-width:768px){#tutorial .tutorial-hero-list{padding:0 6vw 0 8vw}}#tutorial .tutorial-hero-list-item{align-items:center;margin:0 0 1em;padding:0;font-size:22px;font-weight:600;line-height:1;display:flex}#tutorial .tutorial-hero-list-item strong{color:var(--growl-primary)}@media not (min-width:768px){#tutorial .tutorial-hero-list-item{align-items:flex-start;font-size:4.5vw;line-height:1.5}}#tutorial .tutorial-hero-list-num{width:35px;height:auto;margin-right:20px}@media not (min-width:768px){#tutorial .tutorial-hero-list-num{margin-right:1em;width:1.5em!important}}#tutorial .tutorial-register{text-align:center;max-width:728px;margin:0 auto}@media not (min-width:768px){#tutorial .tutorial-register{max-width:none}}#tutorial .tutorial-register.mode-bottom{background:var(--growl-primary);margin-bottom:60px}@media not (min-width:768px){#tutorial .tutorial-register.mode-bottom{margin-bottom:10vw}}#tutorial .tutorial-register-top{margin-top:-1px;margin-bottom:8%}@media not (min-width:768px){#tutorial .tutorial-register-top{margin-bottom:12vw}}#tutorial .tutorial-register-top-img{display:block}#tutorial .tutorial-register-text{color:#fff;margin:.8em 0 .6em;padding:0;font-weight:600}#tutorial .tutorial-register-text.mode-bottom{color:#222;margin:.8em 0 0;font-size:16px}@media not (min-width:768px){#tutorial .tutorial-register-text{font-size:4.5vw}}#tutorial .tutorial-register-btn{z-index:1;border-radius:5px;width:407px;font-size:24px;line-height:84px;transition:opacity .5s;display:inline-block;position:relative}#tutorial .tutorial-register-btn:link,#tutorial .tutorial-register-btn:visited{color:#fff}#tutorial .tutorial-register-btn:hover{opacity:.8}#tutorial .tutorial-register-btn.mode-bottom{width:348px}@media not (min-width:768px){#tutorial .tutorial-register-btn{line-height:1;width:74.6667vw!important}}#tutorial .tutorial-register-f{z-index:0;margin:-9%;position:relative;bottom:-25px}@media not (min-width:768px){#tutorial .tutorial-register-f{margin:-10vw 0 0}}#tutorial .tutorial-register-f-img{display:block}#tutorial .tutorial-points{background:url(/images/about/comic-growl/border.png) top/728px 35px no-repeat;width:728px;margin:50px auto 30px;padding-top:80px}@media not (min-width:768px){#tutorial .tutorial-points{background-size:141.333vw 6.6666vw;width:100%;margin:14vw 0 0;padding-top:20vw;overflow:hidden}}#tutorial .tutorial-point{width:100%;margin:0 0 80px;position:relative}@media not (min-width:768px){#tutorial .tutorial-point{width:calc(100% - 9vw);margin-bottom:16vw;padding:0 4.5vw}}#tutorial .tutorial-point-main{position:absolute;top:50%;transform:translateY(-50%)}@media not (min-width:768px){#tutorial .tutorial-point-main{margin-bottom:6vw;position:static;transform:none}}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-main){left:342px}.tutorial-point.mode-even :is(#tutorial .tutorial-point-main){left:0}@media not (min-width:768px){#tutorial .tutorial-point-h{margin:0 0 3.2vw}}#tutorial .tutorial-point-h-img{width:auto;max-width:none!important}#tutorial .tutorial-point-h-img.mode-1{width:363px}#tutorial .tutorial-point-h-img.mode-2{width:412px}#tutorial .tutorial-point-h-img.mode-3{width:399px}#tutorial .tutorial-point-h-img.mode-4{width:402px}@media not (min-width:768px){#tutorial .tutorial-point-h-img.mode-1{width:76.36vw}#tutorial .tutorial-point-h-img.mode-2{width:86.6667vw}#tutorial .tutorial-point-h-img.mode-3{width:83.9333vw}#tutorial .tutorial-point-h-img.mode-4{width:84.5627vw}}#tutorial .tutorial-point-d{color:#222;box-sizing:content-box;font-size:15.5px;font-weight:400;line-height:1.7}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-d){padding-left:37px}.tutorial-point.mode-even :is(#tutorial .tutorial-point-d){max-width:23em;padding-left:40px}@media not (min-width:768px){#tutorial .tutorial-point-d{padding-left:8vw;padding-right:6vw;font-size:4vw}}#tutorial .tutorial-point-note{color:gray;margin-top:.66em;font-size:15px;font-weight:400}.tutorial-point.mode-even :is(#tutorial .tutorial-point-note){padding-left:40px}@media not (min-width:768px){#tutorial .tutorial-point-note{padding-left:8vw;font-size:3.46vw}}#tutorial .tutorial-point-img.mode-2,#tutorial .tutorial-point-img.mode-4{text-align:right}@media not (min-width:768px){#tutorial .tutorial-point-img{text-align:center!important}}#tutorial .tutorial-point-img-img{width:281px;height:auto}@media not (min-width:768px){#tutorial .tutorial-point-img-img{width:64vw}}
/*# sourceMappingURL=87eb084bd02b4b12.css.map*/