@charset "UTF-8";.dataGuide__step.dataGuide__step--beginnersGuide{margin-bottom:20px}.dataGuide__step.dataGuide__step--beginnersGuide:last-child{margin-bottom:0}.beginnersGuide__title__sub{font-size:18px;font-weight:400}.beginnersGuide__headContent{position:relative;margin-bottom:40px}.beginnersGuide__headContent__lead{float:left;width:65%}.beginnersGuide__headContent__imageWrapper{float:left;width:35%;padding-right:10px;text-align:right}.beginnersGuide__headContent__catchCopy{margin-bottom:14px;font-size:26px;font-weight:700}.beginnersGuide__headContent__supportedApplications{margin-top:30px}.beginnersGuide__headLesson{margin-bottom:30px}.beginnersGuide__headLessonContent{position:relative;width:100%;padding-right:35%}.beginnersGuide__headLessonContent__imageWrapper{position:absolute;top:0;right:0;width:35%;padding-right:10px;text-align:right}.beginnersGuide__lessonTitle{display:inline-block;margin-bottom:18px;font-size:18px;font-weight:700}.beginnersGuide__lessonTitle__main{padding:2px 8px}.beginnersGuide__lessonTitle__main.beginnersGuide__lessonTitle__main--making{border:solid 1px #eb6c00;color:#eb6c00}.beginnersGuide__lessonTitle__main.beginnersGuide__lessonTitle__main--submission{border:solid 1px #e50012;color:#e50012}.beginnersGuide__lessonTitle__sub{padding:2px 10px;color:#fff}.beginnersGuide__lessonTitle__sub.beginnersGuide__lessonTitle__sub--making{background-color:#eb6c00;border:solid 1px #eb6c00}.beginnersGuide__lessonTitle__sub.beginnersGuide__lessonTitle__sub--submission{background-color:#e50012;border:solid 1px #e50012}.beginnersGuide__point{position:relative;padding:15px;border:solid 2px #004fb5;-webkit-border-radius:10px;border-radius:10px}.beginnersGuide__point__imageWrapper{position:absolute;top:15px;left:15px;float:left;width:130px}.beginnersGuide__point__content{float:left;padding-left:130px}.beginnersGuideBalloon{position:relative;float:left;margin-left:26px;padding:10px;border:solid 3px #e4e4e4}.beginnersGuideBalloon:before{content:"";position:absolute;top:50%;left:-30px;margin-top:-8px;border:8px solid transparent;border-right:22px solid #fff;z-index:2}.beginnersGuideBalloon:after{content:"";position:absolute;top:50%;left:-42px;margin-top:-12px;border:12px solid transparent;border-right:30px solid #e4e4e4;z-index:1}.beginnersGuideBalloon__text{font-size:16px;font-weight:700}.beginnersGuideBalloonOrigin{float:left}.guideListLead{margin-bottom:20px}.supportedApplications__software{display:inline-block;padding:6px 12px 6px 6px;border:solid 1px #1c1c1c;font-size:16px;font-weight:700;line-height:32px}.supportedApplications__software__icon{margin-right:6px;display:block;float:left}.supportedApplications__software__label{margin:0 6px;line-height:0}.lessonStart{text-align:center}.lessonLead{margin-bottom:26px;font-size:20px;font-weight:700;color:#004fb5}.lessonButton{display:inline-block;height:60px;margin:0 auto;padding:22px 20px;text-align:center}.lessonButton__sub{font-size:16px;font-weight:700;margin-right:20px;padding-right:20px;border-right:solid 1px #fff}.lessonButton__main{font-size:22px;font-weight:700}.pageFlow{border-top:solid 1px #c8c8c8;padding-top:30px;margin-bottom:30px}.pageFlow__button{position:relative;display:block;min-width:300px;max-width:60%;padding:6px 24px;border:solid 1px #004fb5;-webkit-border-radius:5px;border-radius:5px;color:#004fb5;font-weight:700;font-size:16px;text-decoration:none;text-align:center}.pageFlow__button:hover>span{opacity:.7}.pageFlow__button.pageFlow__button--next{float:right}.pageFlow__button.pageFlow__button--next:after{content:"";position:absolute;top:50%;right:6px;margin-top:-2.5px;width:0;height:0;border:3px solid transparent;border-left:5px solid #004fb5;border-right:0px solid transparent;margin-right:5px}.pageFlow__button.pageFlow__button--previous{float:left}.pageFlow__button.pageFlow__button--previous:before{content:"";position:absolute;top:50%;left:6px;margin-top:-2.5px;width:0;height:0;border:3px solid transparent;border-right:5px solid #004fb5;border-left:0 solid transparent;margin-left:5px}.guideMenuSection{margin-top:36px}.guideMenu{margin-bottom:30px;padding:15px;border:solid 5px #e4e4e4}.guideMenu__topLink{display:inline-block;margin-bottom:10px}.guideMenu__typeList__item{float:left;margin-right:8px}.guideMenu__typeList__item:last-child{margin-right:0}.guideMenu__typeTitle{display:inline-block;width:90px;padding:2px;margin-bottom:10px;text-align:center;font-weight:700}.guideMenu__typeTitle--introduction{background:#e4e4e4}.guideMenu__typeTitle--making{background:#eb6c00;color:#fff}.guideMenu__typeTitle--submission{background:#e50012;color:#fff}.guideMenu__list__item{margin-bottom:6px}.buttonToMenu__lead{text-align:center;font-size:16px;margin-bottom:20px}@media screen and (max-width:767px){.beginnersGuide__title__sub{font-size:16px}.beginnersGuide__headContent__lead{float:none;width:100%}.beginnersGuide__headContent__imageWrapper{float:none;width:100%;margin:20px auto;padding-right:0;text-align:center}.beginnersGuide__headContent__image{max-width:100%;height:auto}.beginnersGuide__headContent__catchCopy{font-size:24px}.beginnersGuide__headLessonContent{padding-right:0}.beginnersGuide__headLessonContent__lead{float:left;width:60%}.beginnersGuide__headLessonContent__imageWrapper{position:static;float:left;width:40%}.beginnersGuide__headLessonContent__image{max-width:100%;height:auto}.beginnersGuide__lessonTitle{font-size:16px}.beginnersGuide__point__imageWrapper{display:none}.beginnersGuide__point__content{padding-left:0}.beginnersGuideBalloon{display:inline-block;float:none;margin-left:0;margin-top:20px}.beginnersGuideBalloon:before{content:none}.beginnersGuideBalloon:after{content:none}.beginnersGuideBalloonOrigin{float:none;max-width:100%;height:auto;margin-right:50%}.supportedApplications__software{font-size:14px}.lessonStart{text-align:left}.lessonLead{font-size:18px}.lessonButton{width:100%;height:auto;padding:10px;line-height:1.6em}.lessonButton__sub{display:block;width:100%;margin-right:0;padding-right:0;border:none;font-size:14px}.lessonButton__main{display:block;width:100%;font-size:18px;word-wrap:break-word}.pageFlow__button{margin:0 auto;max-width:100%;min-width:0;width:90%}.pageFlow__button:first-child{margin-bottom:20px}.pageFlow__button.pageFlow__button--next{float:none}.pageFlow__button.pageFlow__button--previous{float:none}.guideMenu__typeList__item{float:none;margin-right:0;margin-bottom:20px}.guideMenu__typeList__item:last-child{margin-bottom:0}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */