.diagram{background:linear-gradient(135deg, #082744 0%, #02080e 100%);padding-top:0}.diagramHead{padding:60px 0;text-align:center;font-size:14px;font-size:1.4rem}@media (max-width: 768px){.diagramHead{padding:50px 0}}.diagramFoot{margin-top:100px}@media (max-width: 768px){.diagramFoot{margin-top:60px}}.test{padding-bottom:150px;position:relative}@media (max-width: 768px){.test{padding-bottom:90px}}.testList_item{border:transparent solid 1px;opacity:0.2;position:relative}.testList_item.is-filled,.testList_item.is-active{opacity:1}.testUnit{padding:28px 20px}@media (max-width: 768px){.testUnit{padding:20px}}.testUnit_inner{margin:0 auto;max-width:560px}.testUnitQuestion{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px}@media (max-width: 768px){.testUnitQuestion{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}}.testUnitQuestion_number{font-weight:500;width:48px;font-size:20px;font-size:2rem}@media (max-width: 768px){.testUnitQuestion_number{margin-bottom:8px;width:100%}}.testUnitQuestion_text{padding:4px 0;width:calc(100% - 48px)}@media (max-width: 768px){.testUnitQuestion_text{padding:0;width:100%}}.testUnitAnswerList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.testUnitAnswerList_item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:46px;position:relative}@media (max-width: 768px){.testUnitAnswerList_item{padding-bottom:38px}}.testUnitAnswerInput{display:none}.testUnitAnswerButton{cursor:pointer;display:block;height:64px;padding:0 25%;position:relative;width:74px;z-index:1}@media (max-width: 768px){.testUnitAnswerButton{height:40px;width:46px}}.testUnitAnswerButton_bg{border-color:#fff;border-style:solid;border-width:1px 0;height:100%;left:25%;position:absolute;top:0;width:48%}.testUnitAnswerButton_bg::before,.testUnitAnswerButton_bg::after{border-color:#fff;border-style:solid;border-width:1px 0;content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:center center;transform-origin:center center;width:100%;z-index:-1}.testUnitAnswerButton_bg::before{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.testUnitAnswerButton_bg::after{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.testUnitAnswerButton.is-medium{height:52px;width:60px}@media (max-width: 768px){.testUnitAnswerButton.is-medium{height:35px;width:40px}}.testUnitAnswerButton.is-small{height:46px;width:54px}@media (max-width: 768px){.testUnitAnswerButton.is-small{height:30px;width:35px}}.testUnitAnswerButton.is-positive .testUnitAnswerButton_bg{border-color:#e0aa24}.testUnitAnswerButton.is-positive .testUnitAnswerButton_bg::before,.testUnitAnswerButton.is-positive .testUnitAnswerButton_bg::after{border-color:#e0aa24}.testUnitAnswerButton.is-positive:hover .testUnitAnswerButton_bg,.testUnitAnswerInput:checked+.testUnitAnswerButton.is-positive .testUnitAnswerButton_bg{background-color:#e0aa24}.testUnitAnswerButton.is-positive:hover .testUnitAnswerButton_bg::before,.testUnitAnswerButton.is-positive:hover .testUnitAnswerButton_bg::after,.testUnitAnswerInput:checked+.testUnitAnswerButton.is-positive .testUnitAnswerButton_bg::before,.testUnitAnswerInput:checked+.testUnitAnswerButton.is-positive .testUnitAnswerButton_bg::after{background-color:#e0aa24}.testUnitAnswerButton.is-negative .testUnitAnswerButton_bg{border-color:#6effe8}.testUnitAnswerButton.is-negative .testUnitAnswerButton_bg::before,.testUnitAnswerButton.is-negative .testUnitAnswerButton_bg::after{border-color:#6effe8}.testUnitAnswerButton.is-negative:hover .testUnitAnswerButton_bg,.testUnitAnswerInput:checked+.testUnitAnswerButton.is-negative .testUnitAnswerButton_bg{background-color:#6effe8}.testUnitAnswerButton.is-negative:hover .testUnitAnswerButton_bg::before,.testUnitAnswerButton.is-negative:hover .testUnitAnswerButton_bg::after,.testUnitAnswerInput:checked+.testUnitAnswerButton.is-negative .testUnitAnswerButton_bg::before,.testUnitAnswerInput:checked+.testUnitAnswerButton.is-negative .testUnitAnswerButton_bg::after{background-color:#6effe8}.testUnitAnswerButton:hover .testUnitAnswerButton_bg,.testUnitAnswerInput:checked+.testUnitAnswerButton .testUnitAnswerButton_bg{background:#fff url("/710program/app/diagram/images/diagram_icon.svg") center center/100% auto no-repeat}.testUnitAnswerButton:hover .testUnitAnswerButton_bg::before,.testUnitAnswerButton:hover .testUnitAnswerButton_bg::after,.testUnitAnswerInput:checked+.testUnitAnswerButton .testUnitAnswerButton_bg::before,.testUnitAnswerInput:checked+.testUnitAnswerButton .testUnitAnswerButton_bg::after{background-color:#fff}.testUnitAnswerLabel{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;line-height:1.5;position:absolute;text-align:center;white-space:nowrap;width:100%;font-size:12px;font-size:1.2rem}@media (max-width: 768px){.testUnitAnswerLabel{height:30px;font-size:10px;font-size:1rem}}.testUnitAnswerLabel.is-positive{color:#e0aa24}.testUnitAnswerLabel.is-negative{color:#6effe8}.testProgress{bottom:0;height:50px;left:0;position:absolute;width:100%}@media (max-width: 768px){.testProgress{height:40px}}.testProgress_wrap{background-color:rgba(3,2,20,0.9);border-top:#6effe8 solid 1px;color:#6effe8;height:50px;width:100%;font-size:14px;font-size:1.4rem}@media (max-width: 768px){.testProgress_wrap{height:40px;font-size:10px;font-size:1rem}}.testProgress_wrap.is-fixed{bottom:0;left:0;position:fixed}.testProgress_inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0 auto;max-width:600px;padding:0 20px}.testProgressGraph{background-color:#2b2b2b;height:6px;position:relative;width:calc(100% - 48px)}@media (max-width: 768px){.testProgressGraph{height:4px;width:calc(100% - 40px)}}.testProgressGraphBar{background-color:#6effe8;height:100%;left:0;position:absolute;top:0;-webkit-transition:0.2s;transition:0.2s;width:0;z-index:1}.testProgressGraphBarMarker{display:block;height:14px;padding:0 4px;position:absolute;right:-8px;top:calc(50% - 7px);width:16px}.testProgressGraphBarMarker_bg{background-color:#6effe8;height:100%;left:25%;position:absolute;top:0;width:48%}.testProgressGraphBarMarker_bg::before,.testProgressGraphBarMarker_bg::after{background-color:#6effe8;content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:center center;transform-origin:center center;width:100%;z-index:-1}.testProgressGraphBarMarker_bg::before{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.testProgressGraphBarMarker_bg::after{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.testProgressLabel{text-align:right;width:48px}@media (max-width: 768px){.testProgressLabel{width:40px}}.userList_item+.userList_item{margin-top:40px}.userUnit{margin:0 auto;max-width:336px;font-size:14px;font-size:1.4rem}.userUnit_label{color:#6effe8;margin-bottom:12px}.userUnit_input input,.userUnit_input select{background-color:#030214;border:#6effe8 solid 1px;color:#6effe8;display:block;padding:12px 10px;width:100%;font-size:16px;font-size:1.6rem}.userUnit_input select{background-image:url("/710program/app/diagram/images/diagram_arrow.svg");background-position:right 18px center;background-repeat:no-repeat;background-size:10px auto;padding-right:46px}.userUnit_error{color:#ff3abb;display:none;margin-top:10px;font-size:10px;font-size:1rem}.userUnit.is-error .userUnit_input input,.userUnit.is-error .userUnit_input select{border-color:#ff3abb;color:#ff3abb}.userUnit.is-error .userUnit_input select{background-image:url("/710program/app/diagram/images/diagram_arrow-error.svg")}.userUnit.is-error .userUnit_error{display:block}
/*# sourceMappingURL=this.css.map */