.quiz-banner{display:flex;justify-content:center;align-items:center;padding-top:80px;width:100%;height:auto;background:#eff4e8}.quiz-banner .box-container{margin-bottom:80px;width:1200px;border:none;overflow:hidden;text-align:center}.quiz-banner .box-container .question{font-weight:700;font-size:64px;line-height:90px;color:#4a7743}.quiz-banner .box-container .title{margin-bottom:2rem;font-weight:700;font-size:48px;line-height:150%;color:#4a7743}.quiz-banner .quiz-enter-section{position:relative;background:#fff;border-radius:20px}.quiz-banner .quiz-enter-section img{display:block;border-radius:20px}.quiz-banner .quiz-enter-section .page-content{position:absolute;top:40%;left:16%;display:flex;flex-direction:column;width:435px}.quiz-banner .quiz-enter-section .page-content h{font-size:34px;font-weight:700;color:#000;text-align:left}.quiz-banner .quiz-enter-section .page-content .button{margin-top:20px;width:180px;height:33px;background:#4a7743;border-radius:20px;border:none;font-weight:700;font-size:18px;color:#fff}.quiz-banner .quiz-enter-section .page-content .button.is-focused:not(:active),.quiz-banner .quiz-enter-section .page-content .button:focus:not(:active){box-shadow:0 0 0 .125em transparent}@media screen and (max-width:1200px)and (min-width:768px){.quiz-banner .box-container{width:100%}.quiz-banner .box-container .question{font-size:calc(64 / 1200 * 100vw);line-height:calc(90 / 1200 * 100vw)}.quiz-banner .box-container .title{font-size:4vw}.quiz-banner .quiz-enter-section .page-content{width:calc(435 / 1200 * 100vw)}.quiz-banner .quiz-enter-section .page-content h{font-size:calc(34 / 1200 * 100vw)}.quiz-banner .quiz-enter-section .page-content .button{margin-top:calc(20 / 1200 * 100vw);width:calc(180 / 1200 * 100vw);height:2.75vw;background:#4a7743;border-radius:calc(20 / 1200 * 100vw);font-size:calc(18 / 1200 * 100vw)}}@media screen and (max-width:767px){.quiz-banner{padding-top:30px}.quiz-banner .box-container{margin-bottom:70px;width:100%}.quiz-banner .box-container .question{font-size:6vw;line-height:8vw}.quiz-banner .box-container .title{font-size:24px}.quiz-banner .quiz-enter-section,.quiz-banner .quiz-enter-section img{border-radius:0}.quiz-banner .quiz-enter-section .page-content{top:0%;left:0%;margin-top:calc(200 / 750 * 100vw);width:100%;align-items:center}.quiz-banner .quiz-enter-section .page-content h{font-size:8vw;text-align:center}.quiz-banner .quiz-enter-section .page-content .button{margin-top:calc(20 / 750 * 100vw);margin-left:0;width:calc(370 / 750 * 100vw);height:calc(66 / 750 * 100vw);border-radius:calc(66 / 750 * 100vw);font-size:4.8vw}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quiz-banner.scss.css.map */