#tutorial .tutorial{--tutorial-color-primary:#00b9ef;--tutorial-color-secondary:#e8334a;--tutorial-color-bg:#fff}#tutorial .tutorial-h{text-align:center;z-index:1;margin:0;padding:0;display:block;position:relative}#tutorial .tutorial-h-sub-fig{position:absolute;top:100%;left:50%;transform:translate(-50%)}#tutorial .tutorial-h-fig,#tutorial .tutorial-h-sub-fig{width:100%;max-width:1616px;margin:0 auto;padding:0;display:block}#tutorial .tutorial-h-img,#tutorial .tutorial-h-sub-img{width:100%;height:auto;display:block}#tutorial .tutorial-main{background:var(--tutorial-color-primary);margin:0!important;padding:0!important}#tutorial .tutorial-main-content{background:var(--tutorial-color-bg);max-width:1098px;margin:0 auto;padding-top:10vw}@media screen and (min-width:1616px){#tutorial .tutorial-main-content{padding-top:160px}}@media screen and (max-width:1242px){#tutorial .tutorial-main-content{margin:0 72px}}@media screen and (max-width:1100px){#tutorial .tutorial-main-content{margin:0 36px}}@media screen and (max-width:767px){#tutorial .tutorial-main-content{margin:0 5.35vw}}#tutorial .tutorial-main-h{margin:0;padding:0}#tutorial .tutorial-main-h-fig{width:55.2vw;margin:0 auto;padding:0;display:block}@media screen and (min-width:1098px){#tutorial .tutorial-main-h-fig{width:606px}}@media screen and (max-width:767px){#tutorial .tutorial-main-h-fig{width:76.2vw;margin-top:5vw}}#tutorial .tutorial-main-h-img{width:100%;height:auto}#tutorial .tutorial-main-list-wrap{text-align:center;margin-top:1.5em;margin-bottom:1.25em;font-size:2.9vw}@media screen and (min-width:1098px){#tutorial .tutorial-main-list-wrap{font-size:32px}}@media screen and (max-width:767px){#tutorial .tutorial-main-list-wrap{font-size:4.26vw}}#tutorial .tutorial-main-list{text-align:left;margin:0 auto;padding:0;font-weight:600;list-style:none;display:inline-block}@media screen and (max-width:767px){#tutorial .tutorial-main-list{width:78vw;display:block}}#tutorial .tutorial-main-list-item{margin:0;padding:0}#tutorial .tutorial-main-list-item+:is(#tutorial .tutorial-main-list-item){margin-top:.5em}@media screen and (max-width:767px){#tutorial .tutorial-main-list-item{padding-left:5.2vw;padding-right:1em;position:relative}}#tutorial .tutorial-main-list-num{vertical-align:-2px;width:3.28vw;height:auto}@media screen and (min-width:1098px){#tutorial .tutorial-main-list-num{width:36px}}@media screen and (max-width:767px){#tutorial .tutorial-main-list-num{vertical-align:middle;width:4.48vw;position:absolute;top:1vw;left:0}}#tutorial .tutorial-main-list-strong{color:var(--tutorial-color-secondary)}#tutorial .tutorial-main-btn-wrap{text-align:center}#tutorial .tutorial-main-btn-link{display:inline-block}#tutorial .tutorial-main-btn-img{width:34.8vw;height:auto}@media screen and (min-width:1098px){#tutorial .tutorial-main-btn-img{width:382px}}@media screen and (max-width:767px){#tutorial .tutorial-main-btn-img{width:72vw;margin-top:3vw}}#tutorial .tutorial-main-devider{width:100%;height:auto;margin:10vw 0 2.5vw;display:block}@media screen and (min-width:1098px){#tutorial .tutorial-main-devider{margin:144px 0 36px}}#tutorial .tutorial-grid{padding:5.35vw}@media screen and (min-width:1098px){#tutorial .tutorial-grid{padding:72px}}#tutorial .tutorial-grid-item{display:flex}#tutorial .tutorial-grid-item+:is(#tutorial .tutorial-grid-item){margin-top:5.35vw}@media screen and (min-width:1098px){#tutorial .tutorial-grid-item+:is(#tutorial .tutorial-grid-item){margin-top:72px}}#tutorial .tutorial-grid-item.mode-even{flex-direction:row-reverse}@media screen and (max-width:767px){#tutorial .tutorial-grid-item{display:block}}#tutorial .tutorial-grid-main{flex:1}#tutorial .tutorial-grid-h-num{width:6.25vw}@media screen and (min-width:1098px){#tutorial .tutorial-grid-h-num{width:85px}}@media screen and (max-width:767px){#tutorial .tutorial-grid-h-num{width:13.86vw;margin:0 auto;display:block}}#tutorial .tutorial-grid-h-txt{width:100%;height:auto}#tutorial .tutorial-grid-desc{margin:0;padding-right:1em;font-size:1.86vw;font-weight:700;line-height:1.5}@media screen and (min-width:1098px){#tutorial .tutorial-grid-desc{font-size:22px}}@media screen and (max-width:767px){#tutorial .tutorial-grid-desc{padding:0 1em;font-size:3.5vw}}#tutorial .tutorial-grid-desc+:is(#tutorial .tutorial-grid-desc){margin-top:1em}#tutorial .tutorial-grid-desc.mode-btn{text-align:center}#tutorial .tutorial-grid-desc-btn{width:15.2vw;display:inline-block}@media screen and (min-width:1098px){#tutorial .tutorial-grid-desc-btn{width:205px}}@media screen and (max-width:767px){#tutorial .tutorial-grid-desc-btn{width:33.6vw}}#tutorial .tutorial-grid-desc-btn-img{width:100%;height:auto}.tutorial-grid-item.mode-even :is(#tutorial .tutorial-grid-h-num,#tutorial .tutorial-grid-h-txt,#tutorial .tutorial-grid-desc){position:relative;left:2.5vw}@media screen and (max-width:767px){.tutorial-grid-item.mode-even :is(#tutorial .tutorial-grid-h-num,#tutorial .tutorial-grid-h-txt,#tutorial .tutorial-grid-desc){left:0}}#tutorial .tutorial-grid-img{flex:1}@media screen and (max-width:767px){#tutorial .tutorial-grid-img{margin-top:5.25vw}}#tutorial .tutorial-grid-img-img{width:100%;height:auto}#tutorial .tutorial-main-f-devider{width:100%;height:auto;display:block}#tutorial .tutorial-f{background:var(--tutorial-color-primary)}#tutorial .tutorial-f-main{text-align:center;width:100%;padding-top:4vw;position:absolute}#tutorial .tutorial-f-h{margin:0}#tutorial .tutorial-f-h-text{width:46.5%;height:auto;margin-bottom:2vw}@media screen and (min-width:1098px){#tutorial .tutorial-f-h-text{width:626px}}@media screen and (max-width:767px){#tutorial .tutorial-f-h-text{width:72vw}}#tutorial .tutorial-f-btn-wrap{width:37.5%;margin:0 auto 1.8vw}@media screen and (min-width:1098px){#tutorial .tutorial-f-btn-wrap{width:504px}}@media screen and (max-width:767px){#tutorial .tutorial-f-btn-wrap{width:72vw}}#tutorial .tutorial-f-btn-img{width:100%;height:auto}#tutorial .tutorial-f-desc{color:var(--tutorial-color-bg);font-size:2vw}@media screen and (min-width:1098px){#tutorial .tutorial-f-desc{font-size:24px}}@media screen and (max-width:767px){#tutorial .tutorial-f-desc{font-size:4vw}}#tutorial .tutorial-f-img{padding-top:4vw}@media screen and (max-width:767px){#tutorial .tutorial-f-img{padding-top:28vw}}#tutorial .tutorial-f-img-img{width:100%;height:auto}#tutorial .plus-site .footer-box{margin-top:0!important}
/*# sourceMappingURL=bec2cda78e6972aa.css.map*/