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