.l-container{max-width:390px;margin:0 auto}.c-step{background-color:#c5f3ff;display:flex;align-items:center;justify-content:center;padding:5px;font-size:2rem}.progress{position:relative;display:flex;padding-left:12px;gap:8px;justify-content:space-between;font-family:"Poppins",sans-serif;font-weight:800}.progress li{font-family:"Poppins",sans-serif;font-weight:800;position:relative;list-style-type:none;text-align:center;text-transform:uppercase;background-color:#d9d9d9;color:#555;font-size:1.4rem;width:20px;height:20px;border-radius:2px;display:flex;justify-content:center;align-items:center}.progress li.active,.progress li.complete{background-color:#0066b3;color:#fff}.progress:first-child:after{content:none}#question-container>div{display:none}#question-container>div.current{display:flex;flex-direction:column}#question-container{background-color:#fff}.question-item .head{display:flex;flex-direction:column;align-items:center;font-size:1.7rem;font-weight:600;margin-bottom:30px;padding-bottom:10px;background-color:#2184e1;color:#fff}.question-item .head .question_num{font-size:1.3rem;margin:10px auto}.question-item .head .question_title{margin-bottom:10px}.question-item .head .question_remark{font-size:1.2rem;margin-bottom:5px}.question-item .answers.__check{display:grid;gap:1.5rem;width:85%;margin:0 auto}.question-item .answers.__check label{position:relative}.question-item .answers.__check input[type=checkbox],.question-item .answers.__check input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;z-index:-1}.question-item .answers.__check input[type=checkbox]+span,.question-item .answers.__check input[type=radio]+span{display:flex;justify-content:center;align-items:center;width:100%;padding:14px 0;border:2px solid #0066b3;box-shadow:0px 4px 4px rgba(0,0,0,.15);color:#0066b3;border-radius:11px;background:hsla(0,0%,100%,.7);cursor:pointer;font-size:2rem;font-weight:600}.question-item .answers.__check input[type=checkbox]:checked+span,.question-item .answers.__check input[type=radio]:checked+span{background-color:#2184e1;border-color:#2184e1;color:#fff}.question-item .answers.__check.__many{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.question-item.__text{max-width:60rem;margin:auto}.question-item.__text .form-item{width:85%;margin:0 auto}.question-item.__text .form-item label{display:block;font-size:1.7rem;font-weight:600;margin-bottom:.8rem;color:#0066b3;text-align:center}.question-item.__text .form-item .input-item{width:100%}.question-item.__text .form-item .input-item input[type=text],.question-item.__text .form-item .input-item input[type=tel],.question-item.__text .form-item .input-item input[type=email]{background:hsla(0,0%,100%,.7);width:100%;border:2px solid #0066b3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:11px;padding:1rem;color:#0066b3;font-size:2rem;text-align:center;font-weight:600;letter-spacing:.05em}.question-item.__text .form-item .input-item input::placeholder{color:#d2d2d2;font-size:1.4rem;text-align:left}.question-item.__text .form-item .input-item.__tel{margin-bottom:30px}.question-item.__text .form-item .input-item.__barth{margin-bottom:30px}.question-item.__text .form-item .input-item.__barth .select{position:relative}.question-item.__text .form-item .input-item.__barth .select:first-of-type{grid-area:1/1/2/2}.question-item.__text .form-item .input-item.__barth .select:nth-of-type(2){grid-area:1/2/2/3}.question-item.__text .form-item .input-item.__barth .select:last-of-type{grid-area:2/1/3/3}.question-item.__text .form-item .input-item.__barth .select select{width:100%;border:2px solid #0066b3;border-radius:11px;padding:1rem;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path fill="%230066B3" d="M160 384L32 128h256L160 384z"/></svg>') no-repeat hsla(0,0%,100%,.7);background-position:right 10px top 50%;background-size:20px 20px;font-size:2rem;font-weight:600;color:#0066b3;text-align:center}.question-total{text-align:center;font-size:1.6rem;padding:1rem 0}.question-total span{font-size:2rem;font-weight:700;color:#2184e1}.buttons{width:85%;display:flex;justify-content:center;align-items:center;column-gap:2rem;margin:3.2rem auto 5rem}.buttons button{display:flex;justify-content:center;align-items:center;font-size:2rem;width:100%;height:6rem}.prev-button{background:#efefef;color:#555;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:11px}.next-button{pointer-events:none;color:#fff;background:#efefef;color:#555;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:11px}.next-button:hover{background:#e6ff45}.c-header__button{display:none}.p-modal{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:center;align-items:center}.p-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;min-width:60rem;border-radius:10px;box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);overflow:hidden}@media(max-width: 767px){.p-modal__content{min-width:initial;width:calc(100% - 3rem)}}.p-modal__content-inner{border-top:18px solid #2184e1;padding-block:3.4rem 5rem;padding-inline:10rem;position:relative}@media(max-width: 767px){.p-modal__content-inner{border-top:12px solid #2184e1;padding-block:3.4rem 5rem;padding-inline:2rem}}.p-modal__close{position:absolute;top:.5rem;right:.5rem}.p-modal__title{font-size:2rem;font-weight:700;margin-bottom:2.7rem;text-align:center}@media(max-width: 767px){.p-modal__title{font-size:1.8rem;margin-bottom:2rem}}.p-modal__btns{display:flex;flex-direction:column;gap:2.7rem}@media(max-width: 767px){.p-modal__btns{gap:1.6rem}}.p-modal__btn{padding-block:1.6rem;padding-inline:4.8rem;font-size:2rem;font-weight:700;border-radius:10px;border:2px solid #2184e1;display:flex;align-items:center;justify-content:center;gap:2.4rem}@media(max-width: 767px){.p-modal__btn{padding-block:1.6rem;padding-inline:2rem;font-size:1.6rem;gap:1.6rem}}.p-modal__btn--primary{background-color:#2184e1;color:#fff;box-shadow:0px 4px 4px 0px rgba(0,0,0,.25)}.p-modal__btn--secondary{background-color:#fff;color:#2184e1}.p-modal__btn-icon{display:inline-flex}