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