.mangalt-tutorial{--mangalt-primary:#a38e18;--mangalt-bg-alt:#f6f4e8;width:100%;padding-top:50px;position:relative;overflow:hidden}@media not (min-width:768px){.mangalt-tutorial{padding-top:0}}.mangalt-tutorial :where(img){width:100%;height:auto}body.mangalt:has(.mangalt-tutorial) footer.footer{margin-top:0}.tutorial-h-wrap{background:url(/images/about/mangalt/hero_bg.jpg) 50%/cover no-repeat;max-width:1160px;margin:0 auto;padding-top:77px}@media not (min-width:768px){.tutorial-h-wrap{background-position:top;background-size:110vw;width:100%;padding-top:40vw;overflow:hidden}}.tutorial-h{background:#fff;max-width:530px;margin:0 auto;padding-top:80px}@media not (min-width:768px){.tutorial-h{max-width:none;margin-left:9.333vw;margin-right:9.333vw;padding-top:7.466vw}}.tutorial-h-h{text-align:center;margin:0 0 38px;padding:0}@media not (min-width:768px){.tutorial-h-h{width:67.7333vw;margin:0 auto 11vw;position:static}}.tutorial-h-h-img{max-width:402px}@media not (min-width:768px){.tutorial-h-h-img{width:100%;max-width:none}}.tutorial-h-text{text-align:center;margin:0;padding:0}.tutorial-h-text-img{max-width:321px}@media not (min-width:768px){.tutorial-h-text-img{width:78.4vw;max-width:none}}.tutorial-h-img{width:100%}.tutorial-h-desc{color:#8c7d2a;max-width:728px;margin:0 auto;padding:38px 0 42px;font-size:15px;font-weight:600;line-height:2.2}@media not (min-width:768px){.tutorial-h-desc{padding:10vw 8vw;font-size:3.73vw}}.tutorial-deco{text-align:center;margin:0;padding:0}.tutorial-deco.mode-2nd{margin-bottom:-15px}@media not (min-width:768px){.tutorial-deco.mode-2nd{margin-bottom:-2.75vw}}.tutorial-deco-img{width:60px}@media not (min-width:768px){.tutorial-deco-img{width:10vw}}.tutorial-main{background:var(--mangalt-bg-alt);padding-top:48px;padding-bottom:45px}@media not (min-width:768px){.tutorial-main{padding-top:11.2vw;padding-bottom:6vw}}.tutorial-hero-h{width:348px;margin:0 auto 48px}@media not (min-width:768px){.tutorial-hero-h{width:76.8vw;margin:0 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 1.35em;padding:0;font-size:18px;font-weight:600;line-height:1;display:flex}.tutorial-hero-list-item strong{color:var(--mangalt-primary)}@media not (min-width:768px){.tutorial-hero-list-item{align-items:flex-start;margin-bottom:1em;font-size:4.5vw;line-height:1.5}}.tutorial-hero-list-num{width:24px;height:auto;margin-right:20px}@media not (min-width:768px){.tutorial-hero-list-num{width:6.4vw;margin-top:1.25vw;margin-right:3.5vw}}.tutorial-register{text-align:center;max-width:728px;margin:0 auto}@media not (min-width:768px){.tutorial-register{max-width:none}}.tutorial-register.mode-bottom{background-image:url(/images/about/mangalt/f_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:0;padding:55px 0 100px}.tutorial-register-text{color:#fff;margin:.8em 0 .6em;padding:0;font-weight:600}.tutorial-register-text.mode-bottom{margin:.8em 0 0;font-size:16px}@media not (min-width:768px){.tutorial-register-text{font-size:4.5vw}}.tutorial-register-btn{z-index:1;width:331px;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:.8}.tutorial-register-btn.mode-bottom{width:348px}@media not (min-width:768px){.tutorial-register-btn{line-height:1;width:74.6667vw!important}}.tutorial-points{background:url(/images/about/mangalt/border.png) top/728px 35px no-repeat;width:686px;margin:0 auto 30px;padding-top:80px}@media not (min-width:768px){.tutorial-points{width:auto;margin:0;padding-top:10.6vw}}.tutorial-point{width:100%;margin:0 0 80px;position:relative}@media not (min-width:768px){.tutorial-point{width:calc(100% - 9vw);margin-bottom:16vw;padding:0 4.5vw}.tutorial-point:last-child{margin-bottom:8vw}}.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-odd .tutorial-point-main{left:342px}.tutorial-point.mode-even .tutorial-point-main{left:0}@media not (min-width:768px){.tutorial-point-h{margin:0 0 3.2vw}}.tutorial-point-h-img{width:auto;max-width:none!important}.tutorial-point-h-img.mode-1{width:338px}.tutorial-point-h-img.mode-2{width:269px}.tutorial-point-h-img.mode-3{width:344px}@media not (min-width:768px){.tutorial-point-h-img.mode-1{width:90.1333vw}.tutorial-point-h-img.mode-2{width:71.7333vw}.tutorial-point-h-img.mode-3{width:91.7333vw}}.tutorial-point-d{color:#222;box-sizing:content-box;font-size:15.5px;font-weight:400;line-height:1.7}.tutorial-point.mode-odd .tutorial-point-d{padding-left:31px}.tutorial-point.mode-even .tutorial-point-d{max-width:21em;padding-left:32px}@media not (min-width:768px){.tutorial-point-d{padding-right:6vw;font-size:4vw;line-height:1.9;max-width:none!important;padding-left:8vw!important}}.tutorial-point-note{color:gray;margin-top:.66em;font-size:15px;font-weight:400}.tutorial-point.mode-odd .tutorial-point-note{padding-left:31px}@media not (min-width:768px){.tutorial-point-note{font-size:3.46vw;padding-left:8vw!important}}.tutorial-point-img.mode-2,.tutorial-point-img.mode-4{text-align:right}@media not (min-width:768px){.tutorial-point-img{text-align:center!important}}.tutorial-point-img-img{width:281px;height:auto}@media not (min-width:768px){.tutorial-point-img-img{width:64vw}}
/*# sourceMappingURL=22fddba93f342253.css.map*/