@-webkit-keyframes check-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}60%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}80%{-webkit-transform:translateX(4px);transform:translateX(4px)}}@keyframes check-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}60%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}80%{-webkit-transform:translateX(4px);transform:translateX(4px)}}.main-ttl{max-width:1200px;width:100%}.main-ttl img{width:100%}.diagnosis{margin-top:70px}@media screen and (max-width:599px){.diagnosis{margin-top:50px}}.diagnosis__nav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0 25px;margin:0 0 15px;border-radius:100px;overflow:hidden;gap:0}@media screen and (max-width:599px){.diagnosis__nav{margin:0 0 10px;padding:0 10px}}.diagnosis__nav li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:52px;background:#ebd5c8;color:#fff;font-weight:700;font-size:22px;margin:0 -8px;clip-path:polygon(0% 0%,calc(100% - 20px) 0%, 100% 100%, 20px 100%);padding-right:10px}@media screen and (max-width:599px){.diagnosis__nav li{height:32px;font-size:14px;clip-path:polygon(0% 0%,calc(100% - 10px) 0%, 100% 100%, 10px 100%);padding-right:0;margin:0 -4px}}.diagnosis__nav li:first-child{clip-path:polygon(0% 0%,calc(100% - 20px) 0%, 100% 100%, 0% 100%);border-radius:100px 0 0 100px;padding-right:0}@media screen and (max-width:599px){.diagnosis__nav li:first-child{clip-path:polygon(0% 0%,calc(100% - 10px) 0%, 100% 100%, 0% 100%)}}.diagnosis__nav li:last-child{clip-path:polygon(0% 0%,100% 0%,100% 100%,20px 100%);border-radius:0 100px 100px 0}@media screen and (max-width:599px){.diagnosis__nav li:last-child{font-size:11px;clip-path:polygon(0% 0%,100% 0%,100% 100%,10px 100%)}}.diagnosis__nav li{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.diagnosis__nav li.active{background:#ea5504}.diagnosis__question{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/check/bg-check.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding:30px 0 45px}@media screen and (max-width:599px){.diagnosis__question{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/check/bg-check_sp.png);padding:10px 0 35px;aspect-ratio:335/563}}.diagnosis__question__ttl{max-width:1100px;width:100%;margin:0 33px 0 auto}@media screen and (max-width:599px){.diagnosis__question__ttl{max-width:100%;margin:0 auto}}.diagnosis__question__ttl img{display:block;width:100%}.diagnosis__question__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:25px auto 45px;position:relative}@media screen and (max-width:599px){.diagnosis__question__btn{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:45px auto}}.diagnosis__question__btn button{background-color:#fff;border:#ea5504 3px solid;color:#ea5504;font-weight:800;font-size:26px;height:63px;text-align:center;width:280px;border-radius:1000px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:4px 4px 0 rgba(0,0,0,.2);box-shadow:4px 4px 0 rgba(0,0,0,.2)}@media screen and (max-width:599px){.diagnosis__question__btn button{width:265px;height:50px;font-size:18px}}.diagnosis__question__btn button:hover,.diagnosis__question__btn button:focus,.diagnosis__question__btn button.is-selected{background-color:#ea5504;color:#fff}.diagnosis__result{width:100%;position:relative;margin-bottom:30px}@media screen and (max-width:599px){.diagnosis__result{margin-bottom:20px;aspect-ratio:335/563}}.diagnosis__result__img{width:100%}.diagnosis__result__img img{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.diagnosis__result__cta{position:absolute;bottom:36px;right:43px;text-align:center;width:380px;border-radius:5px}@media screen and (max-width:599px){.diagnosis__result__cta{width:275px;bottom:30px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}}.diagnosis__result__cta P{margin-bottom:0}.diagnosis__result__cta__heading{color:#fbff00;font-size:22px;line-height:1.45;font-weight:800;background:#000;background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/check/bg-result.png);background-size:cover;background-repeat:no-repeat;width:100%;padding:10px 0;border-radius:5px 5px 0 0;letter-spacing:.08em}@media screen and (max-width:599px){.diagnosis__result__cta__heading{font-size:15px;line-height:28px;padding:0}}.diagnosis__result__cta__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;background-color:#fff;padding:24px 25px 30px;border-radius:0 0 5px 5px}@media screen and (max-width:599px){.diagnosis__result__cta__wrapper{padding:15px;gap:10px}}.diagnosis__result__cta__wrapper p{font-weight:700;font-size:18px}@media screen and (max-width:599px){.diagnosis__result__cta__wrapper p{font-size:14px}}.diagnosis__result__cta__wrapper a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"LINE Seed JP",sans-serif;font-weight:700;font-style:normal;font-size:20px;color:#fff;border-radius:5px;border:2px solid #fff;position:relative;text-align:center;height:62px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:330px}@media screen and (max-width:599px){.diagnosis__result__cta__wrapper a{font-size:16px;height:50px;width:235px;margin:0 auto}}.diagnosis__result__cta__wrapper a:hover{opacity:.8}.diagnosis__result__cta__wrapper a:after{content:"";display:block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:599px){.diagnosis__result__cta__wrapper a:after{width:16px;height:16px}}.diagnosis__result__cta__wrapper a.is-error{-webkit-animation:check-shake .6s ease;animation:check-shake .6s ease;opacity:.7}.diagnosis__result__cta__wrapper a{-webkit-box-shadow:3px 3px 4px rgba(0,0,0,.1);box-shadow:3px 3px 4px rgba(0,0,0,.1);letter-spacing:0}@media screen and (max-width:599px){.diagnosis__result__cta__wrapper a{width:245px}}.diagnosis__result__cta__wrapper a:after{right:20px}@media screen and (max-width:599px){.diagnosis__result__cta__wrapper a:after{right:14px}}.diagnosis__hint{position:absolute;bottom:calc(100% + 14px);left:50%;-webkit-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px);background:#ea5504;color:#fff;font-family:"LINE Seed JP",sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:1;white-space:nowrap;padding:12px 20px;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;z-index:10}@media screen and (max-width:599px){.diagnosis__hint{font-size:13px;padding:9px 16px;bottom:calc(100% + 10px)}}.diagnosis__hint:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-top-color:#ea5504}.diagnosis__hint.is-show{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.diagnosis__navi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}@media screen and (max-width:599px){.diagnosis__navi{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:10px}}.diagnosis__navi.is-first .diagnosis__navi__prev{width:0;min-width:0;margin-right:-30px;padding:0;border-width:0;opacity:0;overflow:hidden;white-space:nowrap;pointer-events:none}@media screen and (max-width:599px){.diagnosis__navi.is-first .diagnosis__navi__prev{width:235px;height:0;margin-right:0;margin-top:-10px;padding-top:0;padding-bottom:0}}.diagnosis__navi__prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"LINE Seed JP",sans-serif;font-weight:700;font-style:normal;font-size:20px;color:#fff;border-radius:5px;border:2px solid #fff;position:relative;text-align:center;height:62px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:330px}@media screen and (max-width:599px){.diagnosis__navi__prev{font-size:16px;height:50px;width:235px;margin:0 auto}}.diagnosis__navi__prev:hover{opacity:.8}.diagnosis__navi__prev:after{content:"";display:block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:599px){.diagnosis__navi__prev:after{width:16px;height:16px}}.diagnosis__navi__prev.is-error{-webkit-animation:check-shake .6s ease;animation:check-shake .6s ease;opacity:.7}.diagnosis__navi__prev{background-color:#191919;-webkit-transition:opacity .3s ease,width .3s ease,height .3s ease,margin .3s ease,padding .3s ease,border-width .3s ease;transition:opacity .3s ease,width .3s ease,height .3s ease,margin .3s ease,padding .3s ease,border-width .3s ease}.diagnosis__navi__prev:after{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/common/ico_btn_arrow-black.svg);left:30px}@media screen and (max-width:599px){.diagnosis__navi__prev:after{left:24px}}.diagnosis__navi__next{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"LINE Seed JP",sans-serif;font-weight:700;font-style:normal;font-size:20px;color:#fff;border-radius:5px;border:2px solid #fff;position:relative;text-align:center;height:62px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:330px}@media screen and (max-width:599px){.diagnosis__navi__next{font-size:16px;height:50px;width:235px;margin:0 auto}}.diagnosis__navi__next:hover{opacity:.8}.diagnosis__navi__next:after{content:"";display:block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:599px){.diagnosis__navi__next:after{width:16px;height:16px}}.diagnosis__navi__next.is-error{-webkit-animation:check-shake .6s ease;animation:check-shake .6s ease;opacity:.7}.diagnosis__navi__next{background-color:#ea5504}.diagnosis__navi__next:after{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/common/ico_btn_arrow-orange.svg);right:30px}@media screen and (max-width:599px){.diagnosis__navi__next:after{right:24px}}.diagnosis .cta-pink{background-color:#f3456b}.diagnosis .cta-pink:after{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/common/ico_arrow_pink.svg)}.diagnosis .cta-blue{background-color:#2d54af}.diagnosis .cta-blue:after{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/common/ico_arrow_blue.svg)}.diagnosis .cta-orange{background-color:#ea5504}.diagnosis .cta-orange:after{background-image:url(//pw-t.jp/wp-content/themes/sotolab/assets/css/../img/common/ico_btn_arrow-orange.svg)}.diagnosis__question__body[data-step="1"] .diagnosis__question__btn button{width:200px}@media screen and (max-width:599px){.diagnosis__question__body[data-step="1"] .diagnosis__question__btn button{width:128px}}@media screen and (max-width:599px){.diagnosis__question__body[data-step="3"] .diagnosis__question__btn,.diagnosis__question__body[data-step="4"] .diagnosis__question__btn{margin:15px auto}}