.diagnose-select{max-width:440px;padding:0 20px;margin:50px auto 0}.diagnose-select a{text-decoration:none}.diagnose-select__text{text-align:center;font-size:1.6rem;margin-top:30px}.diagnose-select__btn{width:100%;height:40px;background-color:#333;display:grid;place-content:center;color:#fff;border-radius:3px;font-size:1.2rem;margin-top:10px}.diagnose-select__btn--register{width:100%;height:40px;background-color:#333;display:grid;place-content:center;color:#fff;border-radius:3px;font-size:1.2rem;margin-top:20px}.diagnose-select__btn-top{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:15px}.diagnose-select__btn-top p{font-size:1.4rem}.diagnose-start{max-width:640px;padding:0 20px;margin:50px auto 0}.diagnose-start.hide{opacity:0;height:0;overflow:hidden;visibility:hidden}.diagnose-start__text{text-align:center;font-size:1.4rem;margin-top:50px}.diagnose-start__title{text-align:center;font-size:2.5rem;margin-top:80px}.diagnose-start__items{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 15px;margin-top:30px}.diagnose-start__item{box-shadow:0 0 10px #0000001a;padding:20px;position:relative}.diagnose-start__item-img-box{margin:0 auto;display:grid;place-content:center;height:70px}.diagnose-start__item-img{width:auto;height:auto}.diagnose-start__item-text{text-align:center;font-size:1.2rem;margin-top:20px}.diagnose-start__btn{background-color:#333;color:#fff;display:grid;place-content:center;width:400px;height:40px;font-size:1.2rem;margin:80px auto 0;border-radius:3px;cursor:pointer;transition:opacity .4s}.diagnose-start__btn:hover{opacity:.7}@media (max-width: 767px){.diagnose-start__btn{max-width:400px;width:100%}}.diagnose{padding:0 20px 20px;max-width:640px;margin:50px auto 0;opacity:0;height:0;overflow:hidden;visibility:hidden}.diagnose.show{height:auto;opacity:1;visibility:visible;transition:opacity .4s}.diagnose__error{text-align:center;font-size:1.4rem;color:#ff4820;font-weight:700}@media (max-width: 767px){.diagnose__error{font-size:1.2rem}}.diagnose__top{display:flex;align-items:center;justify-content:space-between}.diagnose__circles{display:flex;justify-content:center;gap:33px;margin-top:25px}.diagnose__circles svg circle{transition:.2s}.diagnose__circles svg.current circle{transition:.2s;fill:#333}.diagnose__question{margin-top:30px;opacity:0;visibility:hidden;display:none}.diagnose__question.current{display:block;opacity:1;visibility:visible}.diagnose__question img{display:block}.diagnose__question-number{text-align:center;font-family:var(--font-heading-family, var(--font-body-family));font-size:2.5rem}.diagnose__question-number span{font-family:var(--font-heading-family, var(--font-body-family))}.diagnose__question-text{text-align:center;margin-top:14px;font-size:1.4rem}.diagnose__question-img--1{width:120px;margin:20px auto 0}.diagnose__question-img--3{width:139px;margin:14px auto 0}.diagnose__question-img--5{width:236px;margin:40px auto 0}.diagnose__question-select{width:100%;height:30px;margin-top:30px;position:relative}.diagnose__question-select select{padding:0 10px;width:100%;height:100%;border:1px solid #555;border-radius:3px;-webkit-appearance:none;appearance:none}.diagnose__question-select select:focus-visible{outline:none;outline-offset:0;box-shadow:none}.diagnose__question-select svg{position:absolute;top:0;bottom:0;right:10px;margin:auto}.diagnose__second{display:grid;width:400px;margin:30px auto 0;gap:20px}@media (max-width: 767px){.diagnose__second{max-width:400px;width:100%}}.diagnose__second-item{display:flex;align-items:center;box-shadow:0 0 10px #0000001a;height:100px;padding-left:50px;border-radius:3px;cursor:pointer;transition:opacity .4s}.diagnose__second-item:hover{opacity:.7}.diagnose__second-img{width:55px}.diagnose__second-text{width:100%;text-align:center;font-size:1.2rem}.diagnose__buttons{display:grid;gap:20px;width:400px;margin:20px auto 0}@media (max-width: 767px){.diagnose__buttons{max-width:400px;width:100%}}.diagnose__buttons--fifth{margin-top:55px}.diagnose__buttons-item{height:70px;box-shadow:0 0 10px #0000001a;display:grid;place-content:center;text-align:center;cursor:pointer;transition:opacity .4s}.diagnose__buttons-item:hover{opacity:.7}.diagnose__buttons-item .question-3-value,.diagnose__buttons-item .question-4-value,.diagnose__buttons-item .question-5-value{display:none}.diagnose__buttons-text{font-size:1.2rem}.diagnose__form{max-width:400px;margin:30px auto 0}.diagnose__mail-label{font-size:1.2rem}.diagnose__mail-input{border:1px solid #b5b5b5;width:200px;height:30px;border-radius:3px;padding:0 10px;margin-top:10px;font-size:1.2rem}.diagnose__birthday{display:flex;align-items:flex-end;gap:10px}.diagnose__birthday-label{font-size:1.2rem;margin-top:10px}.diagnose__birthday-input{border:1px solid #b5b5b5;width:60px;height:30px;border-radius:3px;padding:0 10px;margin-top:10px;font-size:1.2rem}.diagnose__birthday-text{font-size:1.2rem}.diagnose__submit{height:40px;width:100%;display:grid;place-content:center;background-color:#333;border-radius:3px;color:#fff;font-size:1.2rem;margin-top:30px}.diagnose-result{max-width:640px;padding:0 20px;margin:50px auto 0}.diagnose-result__title{text-align:center;font-size:2.5rem;border-bottom:1px solid #555;display:table;margin:0 auto}.diagnose-result__title-top{display:block;text-align:center;font-size:1.6rem}.diagnose-result__box{border:1px solid #555;padding:30px 75px 100px;border-radius:5px;margin-top:50px}.diagnose-result__subtitle{text-align:center;font-size:1.6rem;font-weight:700;margin-top:50px}.diagnose-result__contents p,.diagnose-result__contents span{line-height:2.5;font-size:1.2rem}.diagnose-result__contents h1,.diagnose-result__contents h2,.diagnose-result__contents h3,.diagnose-result__contents h4,.diagnose-result__contents h5,.diagnose-result__contents h6,.diagnose-result__contents h1 *,.diagnose-result__contents h2 *,.diagnose-result__contents h3 *,.diagnose-result__contents h4 *,.diagnose-result__contents h5 *,.diagnose-result__contents h6 *{text-align:center;font-size:1.6rem;font-weight:700}.diagnose-result__text{margin-top:20px;line-height:2.5;font-size:1.2rem}.diagnose-result__foot-type{display:none}.diagnose-result__foot-type.show{display:block}.diagnose-result__img{width:90px;margin:20px auto 0}.diagnose-result__buttons{margin:60px auto 0;max-width:250px;display:grid;gap:10px}.diagnose-result__button-type,.diagnose-result__button-share,.diagnose-result__button-back{height:40px;display:grid;place-content:center;font-size:1.2rem;border-radius:3px}.diagnose-result__button-type,.diagnose-result__button-share{border:1px solid #555}.diagnose-result__button-back{background-color:#333;color:#fff}.diagnose-result__line-btn .socialplus-association-component{margin-left:auto;margin-right:auto}.recommend{max-width:640px;padding:0 20px;margin:100px auto 0}.recommend__title{font-size:2.5rem;text-align:center}.recommend__subtitle{font-size:1.4rem;text-align:center;margin-top:3px}.recommend__items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 30px;margin-top:50px}.recommend__item-img{aspect-ratio:1 / 1}.recommend__item-name{margin-top:10px;font-size:1.4rem}.recommend__item-price{font-size:1.4rem;margin-top:3px}.recommend__more{width:200px;height:40px;border:1px solid #555;display:grid;place-content:center;font-size:1.2rem;margin:50px auto 0}.recommend .socialplus-association-component{margin-left:auto;margin-right:auto}.type{max-width:700px;padding:0 20px;margin:50px auto 0}.type__text{font-size:1.6rem;text-align:center;margin-top:50px;line-height:1.9}.type__link{color:var(--color-link, #1aaae8);display:table;margin:3px auto 0;font-size:1.2rem;border-bottom:1px solid currentColor}.type__recommend{margin-top:100px}.type__recommend-name{display:table;border-bottom:1px solid #333;font-size:2rem;margin:25px auto 0}.type__recommend-price{text-align:center;font-size:1.4rem;margin-top:6px}.type__recommend-img{max-width:330px;margin:30px auto 0}.type__recommend-btn{width:200px;height:40px;display:grid;text-align:center;place-content:center;border:1px solid #333;font-size:1.4rem;margin:40px auto 0}.type__comment{box-shadow:0 0 10px #0000001a;border-radius:10px;margin:30px auto 0;padding:25px 35px;display:flex;align-items:center;gap:20px;position:relative}.type__comment-img{width:120px;height:120px;border-radius:50%}.type__comment-name{font-size:1.6rem;font-weight:700}.type__comment-data{font-size:1.4rem}.type__comment-text{border-top:1px solid #333;margin-top:10px;padding-top:10px;font-size:1.2rem}.type__comment-arrow{position:absolute;width:50px;top:-32px;right:0;left:0;margin:auto}.type__pickup{margin-top:100px}.type__pickup--top{margin-top:40px}.type__pickup--bottom{margin-top:100px}.type__pickup-img{max-width:330px;margin:0 auto}.type__pickup-text{margin-top:20px;text-align:center;font-size:1.2rem}.type__pickup-btn{width:200px;height:40px;display:grid;place-content:center;border:1px solid #555;margin:20px auto 0;font-size:1.2rem}@media (max-width: 767px){.type__text{font-size:1.4rem;line-height:2.1}.type__recommend{margin-top:80px}.type__recommend-name{font-size:1.8rem}.type__comment{flex-direction:column;align-items:flex-start;padding:15px 20px}.type__comment-name{margin-left:66px;margin-top:-70px}.type__comment-data{margin-left:66px}.type__pickup{margin-top:80px}.type__pickup-img{max-width:250px}}@media (max-width: 767px){.diagnose-select,.diagnose-start,.diagnose,.diagnose-result,.recommend{margin-top:40px}.diagnose-start__items{grid-template-columns:1fr}.diagnose-result__box{padding:24px 28px 60px}.recommend__items{grid-template-columns:1fr;gap:10px}.recommend__item{display:flex;align-items:center;gap:20px}.recommend__item-img{width:100px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/page-diagnose.css.map */