html{letter-spacing:-.04em}body{background:linear-gradient(-45deg,#12100e,#2b4162,#000,#4d4855);background-size:400% 400%;background-position:center center;animation:gradient 10s ease infinite;height:100vh;margin:0;padding:0}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.flex-box{-webkit-display:flex;display:-ms-flex;display:flex}[v-cloak]>*{display:none}#self-check-form-box{width:100%;height:100%;margin:auto;max-width:768px;-webkit-display:flex;display:-ms-flex;display:flex;flex-direction:column}#self-check-form-box .section{flex:1;-ms-flex:1 1 auto;overflow-y:auto;-webkit-display:flex;display:-ms-flex;display:flex}#self-check-form-box .section>article{flex:1}#self-check-form-box .section>article.question-box{-webkit-display:flex;display:-ms-flex;display:flex;flex-direction:column;justify-content:flex-start;padding:6.25rem .9375rem 0 .9375rem}#self-check-form-box .section>article.question-box .step-control-box{-webkit-display:flex;display:-ms-flex;display:flex;justify-content:space-between;margin-bottom:1.875rem}#self-check-form-box .section>article.question-box .step-control-box .step-prev{border:none;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;font-size:.875rem;background-color:transparent;border:none;cursor:pointer;color:#fff;padding-left:0;margin-left:0}#self-check-form-box .section>article.question-box .step-control-box .step-prev .icon{font-size:1rem;margin-right:.625rem}#self-check-form-box .section>article.question-box .question-title{font-size:1.125rem;color:#fff;padding-left:3.75rem;margin-bottom:2.5rem;word-wrap:break-word;word-break:keep-all;position:relative}#self-check-form-box .section>article.question-box .question-title:before{content:"Q";font-family:SDGothic,sans-serif;font-size:3.75rem;position:absolute;left:0;top:45%;transform:translate(0,-50%);color:#f2c94c}#self-check-form-box .section>article.question-box .check-group{background:#fff;padding:1.875rem 1.0416666667rem;border-radius:1.25rem;box-shadow:0 .0625rem .1875rem rgba(0,0,10,.2);counter-reset:total;counter-reset:checked}#self-check-form-box .section>article.question-box .check-group>*+*{margin-top:1.25rem}#self-check-form-box .section>article.question-box .check-group .checkbox{counter-increment:total}#self-check-form-box .section>article.question-box .check-group input[type=checkbox]:checked{counter-increment:checked}#self-check-form-box .section>article.question-box .check-group__result{font-weight:700;border-top:.0625rem solid rgba(0,0,0,.2)}#self-check-form-box .section>article.question-box .check-group__result:after{content:counter(checked) " / " counter(total);padding-left:1ch}#self-check-form-box .section>article.question-box .checkbox{padding:.3125rem .625rem;-webkit-display:flex;display:-ms-flex;display:flex;flex-direction:column;transform:translateZ(0)}#self-check-form-box .section>article.question-box .checkbox label{-webkit-display:flex;display:-ms-flex;display:flex;cursor:pointer;padding-left:0}#self-check-form-box .section>article.question-box .checkbox .label-text{font-size:.875rem;word-wrap:break-word;word-break:keep-all;line-height:1.35}#self-check-form-box .section>article.question-box .checkbox .label-text>br{display:none}#self-check-form-box .section>article.question-box .checkbox input[type=radio]{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}#self-check-form-box .section>article.question-box .checkbox .checkbox-material{position:relative;-webkit-display:flex;display:-ms-flex;display:flex;align-items:flex-start;justify-content:center;margin-top:.125rem;margin-right:.4375rem}#self-check-form-box .section>article.question-box .checkbox .checkbox-material:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";background-color:rgba(0,0,0,.5);height:.25rem;width:.25rem;border-radius:100%;z-index:1;opacity:0;margin:0}#self-check-form-box .section>article.question-box .checkbox .checkbox-material .check{position:relative;-webkit-display:flex;display:-ms-flex;display:flex;width:1rem;height:1rem;border:.125rem solid;border-radius:.125rem;overflow:hidden;z-index:1}#self-check-form-box .section>article.question-box .checkbox .checkbox-material .check:before{position:absolute;content:"";transform:rotate(45deg);display:block;margin-top:-.3125rem;margin-left:.3125rem;width:0;height:0;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;animation:checkbox-off .3s forwards ease-out}#self-check-form-box .section>article.question-box .checkbox input[type=radio]:focus+.checkbox-material .check:after{opacity:.2}#self-check-form-box .section>article.question-box .checkbox input[type=radio]:checked+.checkbox-material .check:before{box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem;animation:checkbox-on .3s forwards ease-out}#self-check-form-box .section>article.question-box .checkbox input[type=radio]:not(:checked)+.checkbox-material:before{animation:rippleOff .7s forwards ease-out}#self-check-form-box .section>article.question-box .checkbox input[type=radio]:checked+.checkbox-material:before{animation:rippleOn .7s forwards ease-out}#self-check-form-box .section>article.question-box .checkbox input[type=radio]:not(:checked)+.checkbox-material .check:after{animation:rippleOff .7s forwards ease-out}#self-check-form-box .section>article.question-box .checkbox input[type=radio]:checked+.checkbox-material .check:after{animation:rippleOn .7s forwards ease-out}#self-check-form-box .section>article.question-box .checkbox input[type=radio][disabled]+.circle,#self-check-form-box .section>article.question-box .checkbox input[type=radio][disabled]:not(:checked)~.checkbox-material .check:before{opacity:.5}#self-check-form-box .section>article.question-box .checkbox input[type=radio][disabled]+.checkbox-material .check:after{background-color:rgba(0,0,0,.84);transform:rotate(-45deg)}@keyframes checkbox-on{0%{box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem}50%{box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem}100%{box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem}}@keyframes checkbox-off{0%{box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem,0 0 0 0 inset}25%{box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem,0 0 0 0 inset}50%{transform:rotate(45deg);margin-top:-.25rem;margin-left:.375rem;width:0;height:0;box-shadow:0 0 0 .625rem,.625rem -.625rem 0 .625rem,2rem 0 0 1.25rem,0 2rem 0 1.25rem,-.3125rem .3125rem 0 .625rem,1.25rem -.75rem 0 .6875rem,0 0 0 0 inset}51%{transform:rotate(0);margin-top:-.125rem;margin-left:-.125rem;width:1.25rem;height:1.25rem;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 .625rem inset}100%{transform:rotate(0);margin-top:-.125rem;margin-left:-.125rem;width:1.25rem;height:1.25rem;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes rippleOn{0%{opacity:.5}100%{opacity:0;transform:scale(13,13)}}@keyframes rippleOff{0%{opacity:.5}100%{opacity:0;transform:scale(13,13)}}#self-check-form-box .section>article.question-box .result-box{width:100%;-webkit-display:flex;display:-ms-flex;display:flex;justify-content:space-between;align-items:center;border-top:.125rem solid #dadada;margin-top:1.25rem;padding-top:1.25rem}#self-check-form-box .section>article.question-box .result-box>button{background-color:#000;color:#fff;font-size:.875rem;border-radius:3.125rem;border:none;padding:.625rem .9375rem;margin-left:auto;cursor:pointer}#self-check-form-box .section>article.question-box .result-comment-box{background:#fff;padding:1.25rem;border-radius:1.25rem;box-shadow:0 .0625rem .1875rem rgba(0,0,10,.2);margin:auto;text-align:center}#self-check-form-box .section>article.question-box .result-comment-box>h3{font-size:1.2083333333rem;margin-bottom:.875rem}#self-check-form-box .section>article.question-box .result-comment-box>p{font-size:.875rem;line-height:1.75;word-wrap:break-word;word-break:keep-all}#self-check-form-box .section>article.question-box .result-comment-box .btn-counsel{border-radius:3.125rem;background-color:#000;color:#fff;font-size:1rem;display:block;margin:1.875rem auto 0 auto;padding:.9375rem 1.4583333333rem;line-height:1;border:none}#self-check-form-box .section>article.deco-box{-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center}#self-check-form-box .section>article.deco-box .background{position:relative;width:65%;margin:auto 0 auto auto;padding-top:120px}#self-check-form-box .section>article.deco-box #background-illustration #Msg{animation:floating 3s infinite alternate}#self-check-form-box .section>article.deco-box #background-illustration #BtnLeft{animation:floating 3s 1s infinite alternate}#self-check-form-box .section>article.deco-box #background-illustration #BtnRight{animation:floating 3s 2s infinite backwards alternate}#self-check-form-box .section>article.deco-box #background-illustration #Plus{animation:blipping 3s infinite alternate}@keyframes floating{0%{transform:translateY(0)}100%{transform:translateY(20px)}}@keyframes blipping{0%{opacity:.3}100%{opacity:.1}}#self-check-form-box .header{padding:1.0416666667rem .9375rem;position:absolute;left:0;top:0}#self-check-form-box .header .logo{width:1.5625rem}#self-check-form-box .footer{margin-top:auto;flex-basis:1.875rem;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;flex-direction:column;-ms-flex-preferred-size:1.875rem;color:rgba(255,255,255,.5);font-size:.625rem}#self-check-form-box .footer .cpyright{font-weight:300}#self-check-form-box .form-text{margin-top:.8333333333rem}#self-check-form-box .form-control{display:block;width:100%;height:2.5rem;padding:.1875rem .75rem;font-size:.875rem;font-weight:400;background-color:transparent;background-image:none;border:.0625rem solid #ccc;border-radius:0;color:#666;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:none;box-sizing:border-box}#self-check-form-box .form-control::placeholder{font-size:.8125rem;letter-spacing:-.03125rem}#self-check-form-box .form-control:focus:not([readonly]):not([disabled]){border-color:#006653;outline:0}#self-check-form-box .form-control.disabled,#self-check-form-box .form-control.readonly,#self-check-form-box .form-control:disabled,#self-check-form-box .form-control[disabled],#self-check-form-box .form-control[readonly]{background-color:#f4f4f4}#self-check-form-box .layer-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}#self-check-form-box .layer-popup .layer-pop-title{font-size:1.3333333333rem;text-align:center;line-height:1.35;margin-bottom:0}#self-check-form-box .layer-popup .layer-pop-title>small{font-size:1.0833333333rem}#self-check-form-box .layer-popup .layer-pop-text{font-size:.875rem;line-height:1.5;margin:1.25rem 0;text-align:center;color:#606060}#self-check-form-box .layer-popup .form-control{width:100%;height:3.125rem;padding:.1875rem .75rem;font-size:.875rem;font-weight:400;background-color:transparent;background-image:none;border:.0625rem solid #ccc;border-radius:0;color:#666}#self-check-form-box .layer-popup .form-control+.form-control{margin-top:.9375rem}#self-check-form-box .layer-popup .btn-counsel{border-radius:3.125rem;background-color:#000;color:#fff;font-size:1rem;display:block;margin:.8333333333rem auto;padding:.9375rem 1.4583333333rem;line-height:1;border:none}#self-check-form-box .popup-content{width:100%;background:#fff;padding:.625rem;border-radius:.875rem;display:block;margin:0 auto}
/*# sourceMappingURL=self-check-form.min.css.map */