#tutorial a{text-decoration:none}#tutorial .text-center{text-align:center}#tutorial #mgk-tutorial.page-tutorial{width:100%;position:relative;overflow:hidden}#tutorial #mgk-tutorial.page-tutorial:after,#tutorial #mgk-tutorial.page-tutorial:before{content:"";z-index:-5;background-color:#f8f8f8;height:407px;position:absolute}#tutorial #mgk-tutorial.page-tutorial:before{width:200vw;top:450px;left:-30vw;rotate:-25deg}#tutorial #mgk-tutorial.page-tutorial:after{width:200vw;bottom:-120px;left:-30vw;rotate:25deg}#tutorial #mgk-tutorial.mgk-tutorial{padding-bottom:65px}#tutorial #mgk-tutorial.footer-box{margin-top:0}#tutorial .dot-background{z-index:-2;background-image:url(/images/about/magkan/dot-bg.svg);background-position:0 0;background-repeat:repeat;width:185px;min-width:100px;height:257px;min-height:100px;position:absolute}#tutorial .dot-background.bg-top-left{top:-25px;left:0;rotate:-90deg}#tutorial .dot-background.bg-top-right{top:-25px;right:0;rotate:-90deg}#tutorial .dot-background.bg-middle-left{left:0}#tutorial .dot-background.bg-middle-right{top:-170px;right:0;rotate:90deg}#tutorial .dot-background.bg-bottom-right{z-index:-1;top:-150px;right:76px}#tutorial .smaller-size{font-size:80%}#tutorial .list-text-box,#tutorial .has-triangle-corner{position:relative}#tutorial .page-tutorial{color:#222}#tutorial .page-tutorial .signup{color:#fff;background-color:#383838;padding:12px 40px;display:block}#tutorial .page-tutorial .sea-lion{text-align:center;margin-top:40px}#tutorial .page-tutorial .sea-lion img{object-fit:contain;width:auto;height:auto;max-height:90px}#tutorial .triangle-corner{z-index:-1;position:absolute}#tutorial .triangle-corner:after,#tutorial .triangle-corner:before{border-style:solid;border-color:#0000 #0000 #e6001e;width:0;height:0}#tutorial .triangle-corner.begin-corner{min-height:156px;top:0;left:0;transform:rotate(180deg)}#tutorial .triangle-corner.begin-corner:before{content:"";border-width:0 0 140px 250px}#tutorial .triangle-corner.end-corner{min-height:340px;bottom:-20px;right:0;transform:rotate(0)}#tutorial .triangle-corner.end-corner:after{content:"";border-width:0 0 306px 550px}#tutorial .tutorial-container{max-width:1000px;margin:0 auto}#tutorial .tutorial-bottom{position:relative}#tutorial .btn-wrap{max-width:240px;margin:0 auto}#tutorial .border-box{margin-top:60px;margin-bottom:60px}#tutorial .border-box .text-heading{text-align:center;margin-bottom:20px;font-size:28px}#tutorial .border-box .text-heading.bottom-line:after{content:"";background-color:#222;width:80px;height:2px;margin:20px auto 0;display:block}#tutorial .border-box .text-heading.large-heading{font-size:38px;line-height:42px}#tutorial .border-box .text-description{color:#222;text-align:center;font-size:20px;line-height:20px}#tutorial .border-box .btn-wrap{max-width:280px}#tutorial .border-box.border-bottom-thin{position:relative}#tutorial .border-box.border-bottom-thin .btn-wrap{max-width:340px;padding:0 20px}#tutorial .border-box.border-bottom-thin .btn-wrap .btn-style{padding:20px 15px}#tutorial .list-text-box{margin-top:20px}#tutorial .list-text-box .text-box{max-width:800px;margin:0 auto}#tutorial .list-text-box .text-box+.text-box{margin-top:32px}#tutorial .text-box{flex-direction:column;display:flex}#tutorial .text-box .logo{margin-top:6px;margin-bottom:24px}#tutorial .text-box img{object-fit:contain;max-width:100%;height:auto}#tutorial .text-box.first-text-box{max-width:510px;margin:0 auto;padding-top:40px}#tutorial .text-box.text-center{justify-content:center}#tutorial .text-box.has-image{flex-direction:row;align-items:center}#tutorial .text-box.has-image .image,#tutorial .text-box.has-image .text{width:50%}#tutorial .text-box.has-absolute-image{position:relative}#tutorial .text-box .absolute-image{z-index:4;position:absolute;bottom:0;right:-60px}#tutorial .text-box .absolute-image.penguin img{object-fit:contain;width:auto;max-width:164px;height:auto}#tutorial .text-box .absolute-image.overlap-bottom{bottom:-110px}#tutorial .text-bg{padding-left:5px;padding-right:5px;display:inline-block;position:relative}#tutorial .text-bg:after{content:"";z-index:-1;background:url(/images/about/magkan/tutorial-text-bg.svg) 0 100% repeat-x;width:100%;height:16px;position:absolute;bottom:3px;left:0}#tutorial .border-box{background-color:#fff;border:1px solid #000;padding:60px 40px;position:relative}#tutorial .border-box .before-border:after,#tutorial .border-box .before-border:before,#tutorial .border-box .end-border:after,#tutorial .border-box .end-border:before{content:"";background:url(/images/about/magkan/border-corner.svg) 0 0/100% no-repeat;width:20px;height:20px;position:absolute}#tutorial .border-box .before-border:before{top:-3px;left:-3px;rotate:-90deg}#tutorial .border-box .before-border:after{top:-3px;right:-3px}#tutorial .border-box .end-border:before{bottom:-3px;left:-3px;rotate:180deg}#tutorial .border-box .end-border:after{bottom:-3px;right:-3px;rotate:-270deg}#tutorial .border-box.border-bottom-thin{flex-direction:column;justify-content:center;align-items:center;padding-bottom:28px;display:flex}#tutorial .border-box.border-bottom-thin .btn-style{margin-bottom:18px;font-size:22px;line-height:40px}#tutorial #mgk-tutorial .btn-style{text-align:center;border-radius:5px;margin-top:24px;font-size:20px;font-weight:700;line-height:40px}#tutorial #mgk-tutorial .btn-style.btn-small{margin:0 auto;font-size:16px;font-weight:600;line-height:40px}#tutorial .text-intro-heading{color:#222;font-size:22px;font-weight:700;line-height:34px}#tutorial .text-intro{color:#222;font-size:17px;font-weight:600;line-height:32px}#tutorial .text-intro .text-intro-item{align-items:flex-start;width:100%;font-size:19px;font-weight:600;line-height:46px;display:flex}#tutorial .text-intro .text-intro-item>span:first-child{margin-right:5px;position:relative;top:-4px}#tutorial .text-intro-item-num{vertical-align:middle}#tutorial .text-heading{color:#000;letter-spacing:-1.2px;margin-top:5px;font-size:40px;font-weight:700;line-height:48px}#tutorial .text-description{color:#222;margin-top:20px;font-size:18px;line-height:30px}#tutorial .text-noted{color:#909090;margin-top:10px;font-size:14px;line-height:34px}#tutorial .btn-style{box-shadow:0 2px 20px #0000003d}@media screen and (max-width:767px){#tutorial #mgk-tutorial.mgk-tutorial{padding-bottom:40px}#tutorial .dot-background.bg-top-left{left:-185px}#tutorial .dot-background.bg-middle-left,#tutorial .dot-background.bg-top-right{display:none}#tutorial .dot-background.bg-middle-right{top:-230px}#tutorial .dot-background.bg-bottom-right{top:-50px;right:0}#tutorial .page-tutorial .signup{padding:8px 15px}#tutorial .triangle-corner.begin-corner{min-height:78px}#tutorial .triangle-corner.begin-corner:before{content:"";border-width:0 0 70px 125px}#tutorial .triangle-corner.end-corner{min-height:155px}#tutorial .triangle-corner.end-corner:after{border-width:0 0 122px 220px}#tutorial .border-box:last-child{margin-bottom:40px}#tutorial .border-box .text-heading.large-heading{font-size:28px;line-height:36px}#tutorial .border-box .text-heading{font-size:25px;line-height:36px}#tutorial .border-box .btn-wrap,#tutorial .border-box.border-bottom-thin .btn-wrap{max-width:200px}#tutorial .border-box.border-bottom-thin .btn-wrap .btn-style{padding:8px 15px}#tutorial .list-text-box .text-box+.text-box{margin-top:50px}#tutorial .text-box .logo img{width:auto;height:auto;max-height:59px}#tutorial .text-box .absolute-image.penguin img{max-width:124px}#tutorial .text-box .absolute-image{width:124px;height:128px}#tutorial .text-box .absolute-image img{object-fit:contain;width:auto;height:auto;max-height:100%}#tutorial .border-box{padding:40px 20px}#tutorial .border-box.border-bottom-thin .btn-style{font-size:15px;font-weight:600;line-height:40px}#tutorial #mgk-tutorial .btn-style{padding:5px 15px;font-size:15px;font-weight:600}#tutorial #mgk-tutorial .btn-style.btn-small{margin-top:24px;font-size:15px}#tutorial .text-intro-heading{font-size:18px;line-height:34px}#tutorial .text-intro.sub-content{font-size:15px;font-weight:600;line-height:28px}#tutorial .text-intro .text-intro-item{font-size:15px;line-height:24px}#tutorial .text-intro .text-intro-item+.text-intro-item{margin-top:15px}#tutorial .text-intro .text-intro-item span img{width:auto;max-width:28px;height:auto}#tutorial .text-intro .text-intro-item span:first-child{max-width:28px;margin-right:5px}#tutorial .text-intro .text-intro-item span:last-child{flex:1}#tutorial .text-intro{font-size:13px;font-weight:600;line-height:24px}#tutorial .text-heading.sp-smaller-text{font-size:39px}#tutorial #searchBtn{color:#fff;background-color:#e6001e}}@media (min-width:768px){#tutorial .last-line.sp,#tutorial .sp{display:none}#tutorial .btn-style{margin-top:32px}#tutorial .btn-style.btn-small{margin-top:27px}#tutorial .text-box.first-text-box{padding-top:62px}#tutorial .border-box.intro-box .border{max-width:620px;margin:0 auto}#tutorial .border-box.border-bottom-thin .border{max-width:417px;margin:0 auto}#tutorial .border-box .btn-style{padding:14px 15px}}@media screen and (min-width:768px) and (max-width:767px){#tutorial .border-box .btn-style{padding:8px 15px}}@media (max-width:1000px){#tutorial .tutorial-container{max-width:calc(100% - 60px)}}@media (max-width:800px){#tutorial .list-text-box .text-box{width:calc(100% - 40px);max-width:none;padding-left:20px;padding-right:20px}}@media (max-width:767px){#tutorial .last-line.pc,#tutorial .pc{display:none}#tutorial .list-text-box .text-box{flex-flow:column wrap}#tutorial .list-text-box .text-box .image,#tutorial .list-text-box .text-box .text{width:100%}#tutorial .list-text-box .text-box .text{order:1}#tutorial .list-text-box .text-box .image{order:2;justify-content:center;align-items:center;display:flex}}
/*# sourceMappingURL=82f668e0fcfe5582.css.map*/