@charset "UTF-8";.tabArea{margin-top:20px}.tabArea__controller{display:inline-block;position:relative;width:32%;margin-right:2%;padding:8px 4px;background:0 0;border:1px solid #c8c8c8;-webkit-border-radius:5px;border-radius:5px;font-size:16px;line-height:1.6em;text-align:center;-webkit-box-shadow:none;box-shadow:none}.tabArea__controller--hover,.tabArea__controller.hover,.tabArea__controller:hover{background:#f3f3f3}.tabArea__controller:last-child{margin-right:0}.tabArea__controller.selected{background:#f97a00;font-weight:700;color:#fff;cursor:default}.tabArea__controller.selected:before{content:'';position:absolute;bottom:-14px;left:0;right:0;width:0;height:0;border:12px solid transparent;border-top:14px solid #c8c8c8;border-bottom:0 solid transparent;margin-bottom:14px;margin:auto}.tabArea__controller.selected:after{content:'';position:absolute;bottom:-12px;left:0;right:0;width:0;height:0;border:12px solid transparent;border-top:14px solid #f97a00;border-bottom:0 solid transparent;margin-bottom:14px;margin:auto}.tabArea__content{margin-top:30px}.step{margin-top:20px}.step__list{margin:10px 0 15px 35px}.step__list__item{margin-bottom:10px}.step__selectList__imageWrapper{padding:0 120px;margin:20px 0}.step__selectList__image{margin-top:8px}.step__image{display:block;margin:20px auto;text-align:center}.step .status{margin-bottom:20px}.step .status__tram{padding-bottom:10px;text-indent:0}.step .status__tram__character{background-color:#ff5c00}.step .status__tram__item{margin-bottom:10px}.step .status .selectManual{padding:20px 20px 0 20px}.step .status .selectManual__tram{padding-left:0;margin-bottom:10px;font-size:18px;text-indent:0}.step .correct{width:100%;margin:25px 0 45px}.step .correct__imageWrapper{float:left;width:50%}.step .correct__imageWrapper:first-child{padding-left:150px;position:relative}.step .correct__imageWrapper:last-child{padding-left:50px}.step .correct__imageWrapper--arrow{position:relative}.step .correct__imageWrapper--arrow:after{content:'';position:absolute;top:-25px;right:-10px;bottom:0;margin:auto;width:0;height:0;border:20px solid transparent;border-left:20px solid #d21c24;border-right:0px solid transparent;margin-right:20px;margin-right:auto}.step .correctRotation{width:100%;margin:5px 0 45px}.step .correctRotation__imageWrapper{float:left;width:25%;padding-left:10px}.step .correctRotation__imageWrapper:first-child{width:40%;padding-left:15px;position:relative}.step .correctRotation__imageWrapper:last-child{width:30%;padding-left:20px}.step .correctRotation__imageWrapper--arrow{position:relative}.step .correctRotation__imageWrapper--arrow:after{content:'';position:absolute;top:-25px;right:15px;bottom:0;margin:auto;width:0;height:0;border:20px solid transparent;border-left:20px solid #d21c24;border-right:0px solid transparent;margin-right:20px;margin-right:auto}.step .direction__ng{width:100%;margin:25px 0}.step .direction__ng__imageWrapper{float:left;width:50%}.step .direction__ng__imageWrapper:first-child{padding-left:150px;position:relative}.step .direction__ng__imageWrapper:last-child{padding-left:50px}.step .direction__ng__imageWrapper--arrow{position:relative}.step .direction__ng__imageWrapper--arrow:after{content:'';position:absolute;top:-25px;right:-10px;bottom:0;margin:auto;width:0;height:0;border:20px solid transparent;border-left:20px solid #d21c24;border-right:0px solid transparent;margin-right:20px;margin-right:auto}.step .direction__ok{width:100%;margin:25px 0}.step .direction__ok__imageWrapper{float:left;width:50%}.step .direction__ok__imageWrapper:first-child{padding-left:80px;position:relative}.step .direction__ok__imageWrapper:last-child{padding-left:50px}.step .direction__ok__imageWrapper--arrow{position:relative}.step .direction__ok__imageWrapper--arrow:after{content:'';position:absolute;top:-25px;right:-10px;bottom:0;margin:auto;width:0;height:0;border:20px solid transparent;border-left:20px solid #d21c24;border-right:0px solid transparent;margin-right:20px;margin-right:auto}.step .directionLead__ng{margin-bottom:30px;padding-bottom:15px;border-bottom:1px dashed #dbdbdb;text-align:center;color:#d21c24}.step .directionLead__ng--arrow{position:relative;padding-left:40px;font-size:40px;vertical-align:middle}.step .directionLead__ng--arrow:before{content:'';position:absolute;top:14px;left:0;width:25px;height:25px;border-top:2px solid #d21c24;border-right:2px solid #d21c24;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.step .directionLead__ok{padding-bottom:15px;text-align:center;color:#004fb5}.step .directionLead__ok--arrow{position:relative;padding-left:40px;font-size:40px;vertical-align:middle}.step .directionLead__ok--arrow:before{content:'';position:absolute;top:14px;left:0;width:25px;height:25px;border-top:2px solid #004fb5;border-right:2px solid #004fb5;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:767px){.tabArea__controller{font-size:14px;width:49%;margin-right:1%;margin-bottom:4px}.tabArea__controller.selected:before{display:none}.tabArea__controller.selected:after{display:none}.step__selectList__imageWrapper{padding:0}.step__selectList__image{max-width:100%;height:auto}.step__image{max-width:100%;height:auto}.step .correct__imageWrapper:first-child{padding-left:0}.step .correct__imageWrapper:last-child{padding-left:0}.step .correct__imageWrapper{float:none;width:100%;text-align:center}.step .correct__imageWrapper--arrow{width:100%;margin-bottom:65px}.step .correct__imageWrapper--arrow:after{top:0;bottom:-60px;right:0;left:0;width:0;height:0;border:20px solid transparent;border-top:20px solid #d21c24;border-bottom:0 solid transparent;margin-bottom:20px}.step .correctRotation__imageWrapper:first-child{width:100%;padding-left:0}.step .correctRotation__imageWrapper:last-child{width:100%;padding-left:0}.step .correctRotation__imageWrapper{float:none;width:100%;text-align:center}.step .correctRotation__imageWrapper--arrow{width:100%;margin-bottom:65px}.step .correctRotation__imageWrapper--arrow:after{top:0;bottom:-60px;right:0;left:0;width:0;height:0;border:20px solid transparent;border-top:20px solid #d21c24;border-bottom:0 solid transparent;margin-bottom:20px}.step .direction__ng__imageWrapper:first-child{padding-left:0}.step .direction__ng__imageWrapper:last-child{padding-left:0}.step .direction__ng__imageWrapper{float:none;width:100%;text-align:center}.step .direction__ng__imageWrapper--arrow{width:100%;margin-bottom:65px}.step .direction__ng__imageWrapper--arrow:after{top:0;bottom:-60px;right:0;left:0;width:0;height:0;border:20px solid transparent;border-top:20px solid #d21c24;border-bottom:0 solid transparent;margin-bottom:20px}.step .direction__ok__imageWrapper:first-child{padding-left:0}.step .direction__ok__imageWrapper:last-child{padding-left:0}.step .direction__ok__imageWrapper{float:none;width:100%;text-align:center}.step .direction__ok__imageWrapper--arrow{width:100%;margin-bottom:65px}.step .direction__ok__imageWrapper--arrow:after{top:0;bottom:-60px;right:0;left:0;width:0;height:0;border:20px solid transparent;border-top:20px solid #d21c24;border-bottom:0 solid transparent;margin-bottom:20px}.step .directionLead__ng--arrow{display:block;padding-top:30px;padding-left:0}.step .directionLead__ng--arrow:before{display:block;top:0;left:47%;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}.step .directionLead__ok--arrow{display:block;padding-top:30px;padding-left:0}.step .directionLead__ok--arrow:before{display:block;top:0;left:47%;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */