.personal{min-height:600px}.personal *{font-family:vdl-gothicmincho,sans-serif;font-size:16px;font-weight:400;font-style:normal;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media screen and (max-width: 559px){.personal *{font-size:12px}}.view{width:100%;perspective:1500px}.hide{display:none !important;pointer-events:none}#view-result .scene{max-width:100%}.btn{font-size:1.2rem;display:block;width:250px;height:60px;line-height:60px;margin:auto;list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.2s;text-align:center;border:1px solid #707070;border-radius:30px;background-color:#f3e7f0}.btn:hover{transform:scale(1.05)}.btn--product{text-decoration:none;color:#121212;background-color:#e1fdff}.btn--shine{position:relative;overflow:hidden}.btn--shine:hover::before{-webkit-animation:shine .7s;animation:shine .7s}.btn--shine::before{position:absolute;top:0;left:-75%;width:50px;height:100%;content:"";transform:skew(-25deg);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.537254902) 100%)}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.card{position:relative;width:307.8px;height:484.2px;margin:0 auto;padding:35px 45px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:2px 2px 20px #7b63a6}@media screen and (max-width: 559px){.card{width:239.4px;height:376.6px;padding:30px 35px}}.card--result-intro{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.card--result{height:300px;border-radius:30px;box-shadow:none}.card__heading{font-size:2rem;margin:50px 0}.card__cat1{position:absolute;z-index:-1;bottom:-140px;left:40px;width:70%}.card__cat2{position:absolute;z-index:-1;top:-120px;left:30px;width:40%}#js-start{font-size:1.5rem;position:relative;width:80%;height:40px;line-height:40px;margin:30px auto;cursor:pointer;transition:.2s;text-align:center}@media screen and (max-width: 559px){#js-start{font-size:1.2rem;width:70%;height:30px;line-height:30px}}#js-start:hover{transform:scale(1.1)}.question-content{font-size:1.5rem;margin:20px 0;padding:0 10px}@media screen and (max-width: 559px){.question-content{font-size:1.2rem}}.answer-btn-list{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:100%;margin:40px 0;padding:0}.answer-btn{position:relative;width:250px;height:60px;line-height:60px}@media screen and (max-width: 559px){.answer-btn{font-size:1rem;width:45%;height:40px;line-height:40px}}.answer-btn:nth-of-type(3),.answer-btn:nth-of-type(4){margin-top:40px!important}@media screen and (max-width: 559px){.answer-btn:nth-of-type(3),.answer-btn:nth-of-type(4){margin-top:15px!important}}.balloon{font-size:16px;position:relative;display:inline-block;box-sizing:border-box;min-width:120px;max-width:100%;margin:1.5em 0;padding:7px 10px;color:#555;border:solid 2px #555;border-radius:20px;background:#fff}.balloon::before{position:absolute;z-index:2;bottom:-26px;left:50%;margin-left:-15px;content:"";border:12px solid rgba(0,0,0,0);border-top:14px solid #fff}.balloon:after{position:absolute;z-index:1;bottom:-30px;left:50%;margin-left:-17px;content:"";border:14px solid rgba(0,0,0,0);border-top:14px solid #555}.balloon p{margin:0;padding:0}.man{width:250px}#js-intro-next{margin-top:40px}.result-text{font-size:2rem;padding:24px;border:thick double #976f9f;border-radius:12px;background:linear-gradient(90deg, #d6f8ff, #ffdffa)}.share-heading{font-size:2rem}.share-btn-list{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:100%;max-width:200px}.share-btn{width:45px;height:45px;transition:.2s}.share-btn:hover{transform:scale(1.05)}