.zegra-tutorial{--zegra-primary:#1964ff;--zegra-accent:#00e6ff;--zegra-paleblue:#d4fbff;font-family:sans-serif;overflow:hidden;padding-bottom:32px;position:relative;width:100%}.zegra-tutorial img{height:auto;max-width:100%}.tutorial-h-wrap{margin:0 auto;max-width:1074px;padding-top:80px}.tutorial-h-img{width:100%}.tutorial-hero-h{margin:50px auto 48px;width:625.33333333px}.tutorial-hero-list-wrap{display:flex;justify-content:center}.tutorial-hero-list{list-style:none;margin:0 0 30px;padding:0 18px 0 48px}.tutorial-hero-list-item{align-items:center;display:flex;font-size:21px;font-weight:600;line-height:1;margin:0 0 1em;padding:0}.tutorial-hero-list-item strong{color:var(--zegra-primary);font-size:25px}.tutorial-hero-list-num{height:auto;margin-right:20px;width:35px}.tutorial-register{margin:0 auto;max-width:728px;text-align:center}.tutorial-register.mode-bottom{background:var(--zegra-primary);border-radius:30px;margin-bottom:60px;padding-top:30px}.tutorial-register-top{margin-bottom:8%;margin-top:-1px}.tutorial-register-top-img{display:block}.tutorial-register-text{color:#fff;font-size:18px;font-weight:600;margin:.8em 0 .6em;padding:0}.tutorial-register-text.mode-bottom{margin:.8em 0 0}.tutorial-register-btn{border-radius:5px;display:inline-block;font-size:24px;line-height:84px;position:relative;transition:opacity .5s;width:407px;z-index:1}.tutorial-register-btn:link,.tutorial-register-btn:visited{color:#fff}.tutorial-register-btn:hover{opacity:.8}.tutorial-register-btn.mode-bottom{width:348px}.tutorial-register-f{bottom:-43px;margin-top:-96px;position:relative;z-index:0}.tutorial-register-f-img{display:block}.tutorial-points{--bg-y:0;background:url(/images/content/tutorial/manga-zegra/points_bg.png) top no-repeat;background-position:center var(--bg-y);margin:50px auto 30px;padding-top:40px;width:728px}.tutorial-point{margin:0 0 40px;position:relative;width:100%}.tutorial-point-main{position:absolute;top:50%;transform:translateY(-50%)}.tutorial-point.mode-even .tutorial-point-main{left:342px}.tutorial-point.mode-odd .tutorial-point-main{left:0}.tutorial-point-h-img{max-width:none!important;width:auto;width:428px}.tutorial-point-d{box-sizing:content-box;color:#222;font-size:15.5px;font-weight:400;line-height:1.7}.tutorial-point.mode-even .tutorial-point-d{padding-left:37px}.tutorial-point.mode-odd .tutorial-point-d{max-width:23em;padding-left:40px}.tutorial-point-note{color:grey;font-size:15px;font-weight:400;margin-top:.66em}.tutorial-point.mode-odd .tutorial-point-note{padding-left:40px}.tutorial-point-img.mode-1,.tutorial-point-img.mode-3{text-align:right}.tutorial-point-img-img{height:auto;width:282px}.tutorial-point-img.mode-3 .tutorial-point-img-img{width:306px}@media screen and (max-width:1100px){.noop{color:#fff}.tutorial-h-wrap{padding-top:60px}.tutorial-hero-h{width:67vw}}@media screen and (max-width:767px){.noop{color:red}.zegra-tutorial{padding-bottom:0}.tutorial-h-wrap{overflow:hidden;padding-top:5px;width:100%}.tutorial-hero-h{margin:8.8vw auto 8vw;width:89.866667vw}.tutorial-hero-list{padding:0 6vw 0 8vw}.tutorial-hero-list-item{align-items:flex-start;font-size:4vw;line-height:1.5}.tutorial-hero-list-item strong{font-size:5vw}.tutorial-hero-list-num{margin-right:1em;position:relative;top:.3em;width:1.5em!important}.tutorial-register{max-width:none}.tutorial-register.mode-bottom{border-radius:0;margin-bottom:10vw}.tutorial-register-top{margin-bottom:12vw}.tutorial-register-text{font-size:4.5vw}.tutorial-register-btn{line-height:1;width:74.666667vw!important}.tutorial-register-f{bottom:-5.8vw;margin-top:-10vw}.tutorial-points{background-size:200vw;margin:0;overflow:hidden;padding-top:15vw;width:100%}.tutorial-point{margin-bottom:16vw;padding:0 4.5vw}.tutorial-point-main{margin-bottom:6vw;position:static;transform:none}.tutorial-point-h{margin:0 0 3.2vw}.tutorial-point-h-img{width:86.666667vw}.tutorial-point-d{font-size:4vw;padding-left:8vw;padding-right:6vw}.tutorial-point-note{font-size:3.46vw;padding-left:8vw}.tutorial-point-img{text-align:center!important}.tutorial-point-img-img{width:74vw}.tutorial-point-img.mode-3 .tutorial-point-img-img{width:85vw}}@media screen and (max-width:523px){.noop{color:#ff0}}@media screen and (max-width:374px){.noop{color:#0f0}}