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