#tutorial{.hayacomi-tutorial{--hayacomi-primary:#080c32;--hayacomi-accent:#00e6ff;--hayacomi-paleblue:#d4fbff;--bg-y:0;font-family:sans-serif;overflow:hidden;position:relative;width:100%}.hayacomi-tutorial img{height:auto;max-width:100%}.hayacomi-tutorial:before{background-image:url(/images/tutorial/hayacomic/bg.png);background-position:center var(--bg-y);background-size:1000px 1604px;content:"";display:block;height:100%;left:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.tutorial-h-wrap{padding-top:43px}.tutorial-h{align-items:center;display:flex;margin:0 auto;max-width:960px}.tutorial-hero-h{margin:36px auto 18px;max-width:331px}.tutorial-hero-list-wrap{display:flex;justify-content:center}.tutorial-hero-list{list-style:none;margin:0 0 30px;padding:0 18px}.tutorial-hero-list-item{align-items:center;display:flex;font-size:22px;font-weight:600;line-height:1;margin:0 0 -.25em;padding:0}.tutorial-hero-list-item strong{background-image:linear-gradient(to top,var(--hayacomi-accent) 7px,transparent 7px);color:var(--hayacomi-primary)}.tutorial-hero-list-num{height:auto;margin-right:20px;margin-top:4px;width:35px!important}.tutorial-hero-list-text-s{font-size:75%}.tutorial-hero-dash{background-image:linear-gradient(var(--hayacomi-primary),var(--hayacomi-primary));background-position:50%;background-repeat:no-repeat;background-size:87.5% 1px;color:transparent;display:inline-block;padding:0;text-decoration:none;white-space:nowrap}.tutorial-register{background:var(--hayacomi-paleblue);border-radius:146px;font-size:18px;font-weight:700;margin:0 auto;max-width:684px;padding:1.5em 12px;text-align:center}.tutorial-register.mode-bottom{margin-bottom:60px}.tutorial-register-text{color:var(--hayacomi-primary);font-weight:600;margin:.8em 0 .6em;padding:0}.tutorial-register-text.mode-bottom{color:#222;font-size:16px;margin:.8em 0 0}.tutorial-register-btn{background:var(--hayacomi-primary);text-decoration:none;border-radius:5px;display:inline-block;font-size:24px;line-height:84px;transition:opacity .5s;width:407px}.tutorial-register-btn:link,.tutorial-register-btn:visited{color:#fff}.tutorial-register-btn:hover{opacity:.8}.tutorial-points{margin:50px auto 30px;width:568px}.tutorial-point{overflow:hidden;position:relative;width:100%}.tutorial-point-main{position:absolute;top:50%;transform:translateY(-50%)}.tutorial-point.mode-odd .tutorial-point-main{left:257px}.tutorial-point.mode-even .tutorial-point-main{left:0}.tutorial-point-h-img{height:84px!important;max-width:none!important;width:auto}.tutorial-point-h-img.mode-2{height:55px!important}.tutorial-point-d{box-sizing:initial;color:#222;font-size:15.5px;font-weight:600;line-height:1.7}.tutorial-point.mode-odd .tutorial-point-d{padding-left:53px}.tutorial-point.mode-even .tutorial-point-d{max-width:16em;padding-left:51px}.tutorial-point-note{color:grey;font-size:15px;font-weight:600;margin-top:.66em}.tutorial-point.mode-even .tutorial-point-note{padding-left:51px}.tutorial-point-img.mode-2,.tutorial-point-img.mode-4{text-align:right}.tutorial-point-img-img{height:auto;width:240px}@media screen and (max-width:1100px){.noop{color:#fff}}@media screen and (max-width:767px){.noop{color:red}.hayacomi-tutorial:before{background-image:url(/images/tutorial/hayacomic/bg_sp.png);background-size:279px 1078px}.tutorial-h-wrap{overflow:hidden;padding-top:5px;width:100%}.tutorial-h{min-width:523px}.tutorial-hero-h{margin:30px auto 22px;max-width:241px}.tutorial-hero-list{max-width:450px}.tutorial-hero-list-item{align-items:flex-start;font-size:17px;font-size:max(14px,min(4.5vw,17px));line-height:1.5}.tutorial-hero-list-item+.tutorial-hero-list-item{margin-top:.7em}.tutorial-hero-list-item strong{background-image:linear-gradient(to top,var(--hayacomi-accent) 6px,transparent 6px)}.tutorial-hero-list-num{margin-right:10px;margin-top:-.7em;width:2em!important}.tutorial-hero-list-text-s{font-size:83%}.tutorial-register{margin-left:-30px;margin-right:-30px;max-width:none;padding:1.25em 12px}.tutorial-register-btn{font-size:18px;line-height:66px;width:315px}.tutorial-points{overflow:hidden;width:100%}.tutorial-point{margin:0 auto 20px;overflow:visible;width:375px}.tutorial-point.mode-odd .tutorial-point-main{left:178px}.tutorial-point.mode-even .tutorial-point-h{padding-left:20px}.tutorial-point-h-img{height:112px!important}.tutorial-point-h-img.mode-2{height:81px!important}.tutorial-point-d{font-size:14px}.tutorial-point.mode-odd .tutorial-point-d{padding-left:0;padding-right:20px}.tutorial-point.mode-odd .tutorial-point-d br{display:none}.tutorial-point.mode-even .tutorial-point-d{max-width:14em;padding-left:20px}.tutorial-point-note{font-size:12px}.tutorial-point.mode-even .tutorial-point-note{padding-left:20px}.tutorial-point.mode-odd .tutorial-point-img{margin-left:-30px}.tutorial-point.mode-even .tutorial-point-img{margin-right:-30px}.tutorial-point-img-img{width:200px}}@media screen and (max-width:523px){.noop{color:#ff0}.tutorial-h{margin:0 calc(50vw - 261.5px)}}@media screen and (max-width:374px){.noop{color:#0f0}.tutorial-h{margin:0 calc(50vw - 235px);min-width:470px}.tutorial-register-text,.tutorial-register-text.mode-bottom{font-size:14px}.tutorial-register-btn{font-size:18px;line-height:66px;width:296px}.tutorial-point{width:100%}.tutorial-point.mode-odd .tutorial-point-main{left:120px}.tutorial-point-img-img{width:160px}}}
/*# sourceMappingURL=173128752a9153fc.css.map*/