.c_container.diagnosis-recommend{background-color:#ececec;font-family:Arial,sans-serif}.c_container.diagnosis-recommend section{display:none;padding-top:133px}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section{padding-top:80px}}.c_container.diagnosis-recommend section.active{display:block}.c_container.diagnosis-recommend section .inner{background-color:#fff;padding:30px;border-radius:10px}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner{max-width:320px;padding:17px 19px}}.c_container.diagnosis-recommend section .inner h2{border:none;color:#444;font-family:Arial,sans-serif;font-size:20px;font-weight:700;gap:24px;display:flex;justify-content:flex-start;align-items:center;margin:0;padding:0}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner h2{font-size:16px;line-height:1.5;gap:0;display:flex;align-items:flex-start}}.c_container.diagnosis-recommend section .inner h2 .qu-img img{width:48px}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner h2 .qu-img{width:132px}}.c_container.diagnosis-recommend section .inner .category-title-wrap{display:flex}.c_container.diagnosis-recommend section .inner .category-title-wrap .qu-img img{width:48px}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner .category-title-wrap .qu-img{width:132px}}.c_container.diagnosis-recommend section .inner .category-title-wrap .category-title{border:none;color:#444;font-family:Arial,sans-serif;font-size:20px;font-weight:700;gap:0;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0 30px;padding:0}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner .category-title-wrap .category-title{font-size:16px;line-height:1.5;gap:0;display:flex;align-items:flex-start;margin:0 0 0 14px}}.c_container.diagnosis-recommend section .inner .category-title-wrap .category-title .category-subtitle{font-size:16px}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner .category-title-wrap .category-title .category-subtitle{font-size:12px}}.c_container.diagnosis-recommend section .inner .qa-lists{display:grid;grid-template-columns:repeat(2,minmax(320px,max-content));gap:28px 50px;margin:61px auto 18px;list-style:none;padding:0;justify-content:center}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner .qa-lists{display:flex;margin:20px auto;gap:18px}}.c_container.diagnosis-recommend section .inner .qa-lists .qa-item{background-color:#cbd3dc;border-radius:28px;border:none;box-shadow:#00000040 0 4px 4px;min-width:320px;height:56px;line-height:56px;padding:0;cursor:pointer;transition:all .3s ease;color:#4b5d6c;font-family:Arial,sans-serif;font-size:16px;font-weight:700;text-align:center}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .inner .qa-lists .qa-item{width:240px;max-width:240px;min-width:unset;font-size:14px}}.c_container.diagnosis-recommend section .inner .qa-lists .qa-item:hover{color:#fff;background-color:#4b5d6c;opacity:1}.c_container.diagnosis-recommend section .inner .qa-lists .qa-item.selected{background-color:#4b5d6c;color:#fff}.c_container.diagnosis-recommend section .inner .category-lists{margin-top:30px}.c_container.diagnosis-recommend section .inner .first-button-wrap{display:flex;justify-content:flex-end!important}.c_container.diagnosis-recommend section .inner .button-wrap{display:flex;justify-content:space-between;align-items:center}.c_container.diagnosis-recommend section .inner .button-wrap .next-button{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;background:none;border:none;cursor:pointer;padding:10px}.c_container.diagnosis-recommend section .inner .button-wrap .next-button:disabled{opacity:.5;cursor:not-allowed}.c_container.diagnosis-recommend section .inner .button-wrap .next-button img{width:32px}.c_container.diagnosis-recommend section .inner .button-wrap .back-button{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:#a3a3a3;background:none;border:none;cursor:pointer;padding:10px}.c_container.diagnosis-recommend section .inner .button-wrap .back-button img{width:32px}.c_container.diagnosis-recommend section .qa-note{font-family:Arial,sans-serif;font-size:14px;margin-top:30px;margin-bottom:147px}@media screen and (max-width: 767px){.c_container.diagnosis-recommend section .qa-note{margin:30px 20px 70px}}.c_container.diagnosis-recommend .js-start-visible{opacity:1}.c_container.diagnosis-recommend .progress-header{display:flex;justify-content:center;align-items:center;padding:0 0 30px;background-color:#ececec;position:relative;max-width:830px;margin:0 auto}.c_container.diagnosis-recommend .progress-header .progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.c_container.diagnosis-recommend .progress-header .progress-step:not(:last-child){margin-right:18%}@media screen and (max-width: 767px){.c_container.diagnosis-recommend .progress-header .progress-step:not(:last-child){margin-right:13%}}.c_container.diagnosis-recommend .progress-header .progress-step .step-circle{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.c_container.diagnosis-recommend .progress-header .progress-step .step-circle img{width:8px}.c_container.diagnosis-recommend .progress-header .progress-step .step-circle.active img{width:16px}.c_container.diagnosis-recommend .progress-header .progress-step .step-label{font-family:Arial,sans-serif;font-size:12px;font-weight:400;color:#63798b}@media screen and (max-width: 767px){.c_container.diagnosis-recommend .progress-header .progress-step .step-label{text-align:center}}.c_container.diagnosis-recommend .progress-header .progress-step .step-label.active{color:#4b5d6c}.c_container.diagnosis-recommend .progress-header .progress-step:not(:last-child):after{content:"";position:absolute;top:7px;left:58%;width:calc(250px - 10%);height:1px;background-color:#63798b;z-index:1}@media screen and (max-width: 767px){.c_container.diagnosis-recommend .progress-header .progress-step:not(:last-child):after{width:calc(115px - 10%)}}@media screen and (max-width: 767px){.sp-hide{display:none}}.pc-hide{display:none}@media screen and (max-width: 767px){.pc-hide{display:inline-block}}header,footer{display:block}.recommendation-header{height:auto;display:block;max-width:1169px;padding:20px 40px;margin:0 auto 100px}@media screen and (max-width: 767px){.recommendation-header{margin:0 25px 30px;padding:15px}}.recommendation-header h2{font-size:20px}@media screen and (max-width: 767px){.recommendation-header h2{font-size:16px}}.recommendation-header p{font-size:16px;line-height:20px;margin-top:20px}@media screen and (max-width: 767px){.recommendation-header p{font-size:14px;text-align:left;margin-top:10px}}.recommendation-header p .tag-style{font-weight:700}.pc-only{display:inline}@media screen and (max-width: 767px){.pc-only{display:none}}.sp-only{display:none}@media screen and (max-width: 767px){.sp-only{display:inline}}@media screen and (max-width: 767px){.vendor{margin-bottom:30px}}.vendor .vendor-wrap .vendor-content{margin-bottom:15px}@media screen and (max-width: 767px){.vendor .vendor-wrap .vendor-content .summary-link{position:absolute;top:50%;left:50%;transform:translate(-55%,155%)}}.vendor .vendor-wrap .phrases{display:flex;flex-wrap:wrap;flex-direction:column;gap:15px;width:100%}@media screen and (max-width: 767px){.vendor .vendor-wrap .phrases{gap:5px;width:294px}}.vendor .vendor-wrap .phrases .vendor-phrase{background-color:#4b5d6c;color:#fff;border-radius:16px;padding:6px 15px;display:inline-block;width:fit-content}@media screen and (max-width: 767px){.vendor .products-section .products-title{margin:10px 0}}@media (max-width: 1200px){.vendor .products-section .products-title .three-indicator{display:inline-block!important}}@media (max-width: 925px){.vendor .products-section .products-title .two-indicator{display:inline-block!important}}@media screen and (max-width: 767px){.retry-section{padding:100px 0 160px}}@media screen and (max-width: 767px){.retry-section .retry-button{max-width:278px;font-size:16px;padding:17px 82px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/c_dianosis-recommend.css.map */