*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"gothic-a1",sans-serif;font-weight:500;font-style:normal;line-height:1.6;background:#fff;min-height:100vh;overflow-x:hidden}.screen{display:none;min-height:100vh;animation:fadeIn .15s ease-out}.screen.active{display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes optionFadeIn{from{opacity:0}to{opacity:1}}@keyframes imageFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{opacity:.8;transform:translateY(-3px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}.hero-container{text-align:center;max-width:750px;width:100%}.fv-image-container{margin-bottom:20px}.fv-image{width:100%;max-width:100%;height:auto;display:block;margin:0 auto}.event-image-container{margin-top:20px;padding:0 20px}.event-image{width:100%;max-width:100%;height:auto;display:block;margin:0 auto}.hero-image{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:60px 20px;border-radius:20px;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid #dee2e6}.hero-image h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-container{text-align:center;margin:20px 0;display:flex;justify-content:center;align-items:center}.cta-button-link{display:inline-block;text-decoration:none;cursor:pointer;transition:none;animation:floating 2.5s ease-in-out infinite}.cta-button-image{min-width:500px;max-width:90%;height:auto;display:block;margin:0 auto;transition:all .2s ease}.result-button{background:0 0;border:none;padding:0;cursor:pointer;transition:all .2s ease;min-width:500px;max-width:90%;display:inline-block;text-decoration:none}.result-cta-image{width:100%;height:auto;display:block;transition:opacity .3s ease}.next-button,.restart-button{background:#667eea;color:#fff;border:none;padding:20px 40px;font-size:1.3rem;letter-spacing:.2em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:280px;max-width:90%}.cta-button:hover{opacity:.8;animation-play-state:paused;transform:translateY(-3px) scale(1.05)}.cta-button:active{opacity:.7;animation-play-state:paused;transform:translateY(-1px) scale(1.02)}.result-button:hover{opacity:.8;transform:translateY(-1px)}.result-button:active{opacity:.7;transform:translateY(0)}.next-button:hover,.restart-button:hover{background:#ff8651;transform:translateY(0)}.next-button:active,.restart-button:active{background:#ff8651;transform:translateY(0)}#quiz-view{background:#f6f4ed}.quiz-container{max-width:750px;width:100%;background:0 0;border-radius:0;overflow:hidden;box-shadow:none;border:none;box-sizing:border-box}.progress-bar-container{text-align:center}.progress-bar-wrapper{display:flex;align-items:center;justify-content:center;gap:5px}.progress-bar-wrapper .q-head{width:100%}.progress-frame-left,.progress-frame-right{width:auto;height:28px;flex-shrink:0}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:10px;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .5s cubic-bezier(.175,.885,.32,1.275);width:25%}.progress-text{font-size:.9rem;color:#667eea;font-weight:600;margin-top:5px}.stepBar{display:flex;max-width:400px;position:relative;margin:0 auto;text-align:center;list-style:none;padding:0;align-items:center;justify-content:center}.stepBar li{font-size:12px;list-style:none;position:relative;display:flex;align-items:center;justify-content:center}.stepBar li:after{content:"";width:20px;height:10px;background-image:url(//her-tech.jp/wp/wp-content/themes/her-tech/assets/css/diagnosis_aa_02/img/dots_gray.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:10px;margin-right:10px;transition:background-image .3s ease}.stepBar li:last-child:after{display:none}.stepBar li span{display:inline-block;height:40px;line-height:40px;width:40px;font-weight:600;font-size:16px;color:#fff;background-image:url(//her-tech.jp/wp/wp-content/themes/her-tech/assets/css/diagnosis_aa_02/img/number-bk-gray.png);background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .3s ease;border:none;border-radius:0}.stepBar .visited span{background-image:url(//her-tech.jp/wp/wp-content/themes/her-tech/assets/css/diagnosis_aa_02/img/number-bk-orange.png);transform:scale(1.05)}.stepBar .visited:after{background-image:url(//her-tech.jp/wp/wp-content/themes/her-tech/assets/css/diagnosis_aa_02/img/dots_orange.png)}.stepBar .current span{background-image:url(//her-tech.jp/wp/wp-content/themes/her-tech/assets/css/diagnosis_aa_02/img/number-bk-orange.png);transform:scale(1.1);animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1.1)}100%{transform:scale(1.15)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}.question-item{display:none}.question-item.active{display:block;background-color:#f7f4ed;background-image:radial-gradient(#f5f1e8 30%,transparent 31.5%),radial-gradient(#f5f1e8 30%,transparent 31.5%);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:110px 110px 0 0;box-shadow:0 -8px 10px 0px #e1c25a91;padding:50px;margin-top:-220px;position:relative}@media (max-width:480px){.question-item.active{border-radius:40px 40px 0 0;padding:40px 24px;margin-top:-28vw}}.question-text{font-size:1.3rem;color:#333;margin-bottom:30px;font-weight:500;line-height:1.5}.question-text-row{display:flex;align-items:center;gap:30px;margin-bottom:24px}.question-label{display:inline-flex;align-items:center;justify-content:center;color:#c8b9b2;font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho","MS Mincho","Noto Serif JP",serif;font-weight:700;font-size:48px;flex:0 0 auto}.question-text-row .question-text{margin:0;font-size:26px;font-weight:600;line-height:1.4;letter-spacing:.1em;color:#276e9f}.question-block{margin-bottom:90px;opacity:0;transform:none}@media (max-width:768px){.question-block{margin-bottom:40px}}.question-block.fade-in{animation:optionFadeIn .6s ease forwards;animation-delay:var(--fade-delay,0ms)}.next-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:410px;margin:88px auto 0;padding:14px 18px;border:none;border-radius:10px;background:#d96a3a;color:#fff;font-weight:700;font-size:34px;cursor:pointer;box-shadow:0 2px 0 #b6572e}.next-button.is-disabled,.next-button:disabled{background:silver;box-shadow:0 2px 0 silver;cursor:not-allowed}.next-button.is-disabled:hover,.next-button.is-disabled:active,.next-button:disabled:hover,.next-button:disabled:active{background:silver;box-shadow:0 2px 0 silver;transform:translateY(0)}.next-button:after{content:"";display:inline-block;width:16px;height:25px;margin-left:5px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='25px'><path fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.396,11.146 C15.232,11.936 15.232,13.266 14.396,14.055 L4.042,23.830 C2.766,25.034 0.669,24.130 0.669,22.375 L0.669,2.826 C0.669,1.072 2.766,0.168 4.042,1.372 L14.396,11.146 Z'/></svg>") no-repeat center/contain}.question-img{width:100%;margin-bottom:30px;text-align:center;opacity:0;transform:translateY(20px) scale(.95)}.question-img.fade-in{animation:imageFadeIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.question-img img{width:100%;max-width:100%;height:auto;border-radius:15px}.options-container{margin-bottom:30px}.option-button{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:600px;margin:0 auto 15px auto;padding:18px 24px;border:2px solid #da8e6d;border-radius:9999px;background-color:#fff;color:#276e9f;border-bottom:5px solid #b6572e;font-weight:600;font-size:20px;cursor:pointer;transition:none;text-align:left;position:relative}.option-button.question_01,.option-button.question_03{font-size:25px}@media (max-width:768px){.option-button.question_01,.option-button.question_03{font-size:4vw}}.option-button.selected{margin-top:0;background-color:#d96a3a;border-color:#d96a3a;color:#fff;border-bottom:5px solid #b6572e}.option-label{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#fff;margin-right:15px;font-weight:700;font-size:16px;line-height:1;flex-shrink:0;transition:all .2s ease;text-align:center;vertical-align:middle}.option-button:not(.selected):hover{margin-top:3px;background-color:#f8f9fa;border-bottom:2px solid #b6572e}.option-button:active{transform:translateY(0)}.navigation-container{display:flex;justify-content:center;align-items:center;margin-top:30px}.back-button{background:#789;color:#fff;border:none;padding:15px 35px;font-size:1.1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px}.back-button:hover{background:#6a7a8a;transform:translateY(-1px)}.back-button:active{background:#5d6b7b;transform:translateY(0)}.next-button-container{text-align:center;margin-top:30px}.result-container{max-width:750px;width:100%;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid #dee2e6;text-align:center}.result-container h2{font-size:2rem;color:#333;margin-bottom:30px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-content{margin-bottom:40px}.animal-type{font-size:2.5rem;margin-bottom:20px}.animal-name{font-size:1.8rem;font-weight:700;color:#667eea;margin-bottom:20px}.animal-description{font-size:1.1rem;color:#555;line-height:1.8;text-align:left;background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #667eea}.restart-container{margin-top:30px}.container{max-width:750px;margin:0 auto;padding:0;width:100%;flex:1;display:flex;flex-direction:column}.result-content{text-align:center;padding:0;width:100%;max-width:750px;margin:0 auto}.result-image{width:100%;height:auto;display:block;margin:0 auto;vertical-align:bottom}.result-image-container{position:relative;display:block;margin:0;width:100%}.result-image-container.btn-bg{background:#c5e4e9}.result-image-container.enable-cta{margin-top:-21.5rem;background:0 0}.result-image-container.merit-cta{background:#f8814e;padding-bottom:3rem}.result-image-container.event-cta{margin-top:-14rem;padding-bottom:.5rem}.result-image-container.answer-cta{background:linear-gradient(to bottom,#c5e4e9 30%,transparent 30%)}.enable-bg{background:#c5e4e9}.result-content._02 .result-image-container.answer-cta{background:linear-gradient(to bottom,#e4c5e9 30%,transparent 30%)}.result-content._02 .enable-bg{background:#e4c5e9}.result-content._03 .result-image-container.answer-cta{background:linear-gradient(to bottom,#ffd7dc 30%,transparent 30%)}.result-content._03 .enable-bg{background:#ffd7dc}.result-content._04 .result-image-container.answer-cta{background:linear-gradient(to bottom,#ffeca8 30%,transparent 30%)}.result-content._04 .enable-bg{background:#ffeca8}.result-content._05 .result-image-container.answer-cta{background:linear-gradient(to bottom,#d1f4d1 30%,transparent 30%)}.result-content._05 .enable-bg{background:#d1f4d1}.result-image-container.voice-cta{margin-top:-16rem;padding-bottom:4rem}.result-image-container.point-cta{margin-top:-13rem;padding-bottom:1rem;background:#fff}.result-image-container.flow-cta,.result-image-container.event_overview-cta{background:#ffdc9b}.result-image-container.result09-cta{background:#fff;padding-bottom:2rem}.result-image-container.question-cta{margin-top:-22rem;padding-bottom:9.5rem}.result-image-container a{width:92%;display:block;position:relative;top:0;margin:0 auto;filter:drop-shadow(0 12px 16px rgba(169,151,101,.45))}.result-image-container.result04-cta{line-height:0}.result-image-container.result04-cta>img{display:block;width:100%;vertical-align:bottom}.result-image-container.cta-wrap a{display:block;width:84%;position:absolute;top:8rem;left:50%;transform:translateX(-50%)}.result-image-container.result04-cta a{display:block;width:82%;position:absolute;top:0;left:50%;transform:translateX(-50%);filter:drop-shadow(0 8px 10px rgba(169,151,101,.45))}.result-image-container.answer-cta a{top:40rem}.schedule01{margin-top:-10.5rem}footer{background-color:#fff;padding:40px 20px;text-align:center;margin:0;width:100%}.footer-image{max-width:200px;height:auto;margin:0 auto 30px;display:block}footer ul{list-style:none;padding:0;margin:0 0 30px}footer ul li{margin-bottom:15px}footer ul li a{color:#276e9f;text-decoration:none;font-size:14px}footer p{color:#276e9f;font-size:12px;margin:0}@media (max-width:768px){.screen.active{justify-content:flex-start}.fv-image{max-width:100%}.fv-image-container{margin-bottom:15px}.event-image-container{margin-top:15px;padding:0 20px}.hero-image h1{font-size:1.5rem}.hero-image{padding:40px 15px}.result-container{padding:20px 25px 25px;margin:10px}.question-text{font-size:1rem}.option-button{padding:14px 2vw;font-size:3vw}.option-label{width:28px;height:28px;font-size:14px;margin-right:12px}.cta-button-image{min-width:400px;max-width:90%;height:auto}.result-button{min-width:400px;max-width:90%;height:100px}.restart-button{padding:18px 30px;font-size:1.1rem;min-width:200px;max-width:90%}.progress-bar-wrapper{gap:3px}.progress-frame-left,.progress-frame-right{height:24px}.stepBar{max-width:300px}.stepBar li span{width:32px;height:32px;line-height:32px;font-size:14px}.stepBar li:after{width:16px;height:8px;margin-left:8px;margin-right:8px}.result-content img{width:100%}.result-image-container.enable-cta{margin-top:-49.5vw}.result-image-container.event-cta{margin-top:-6.5rem;padding-bottom:0}.result-image-container.voice-cta{margin-top:-33.5vw;padding-bottom:8.5vw}.result-image-container.point-cta{margin-top:-6.5rem}.result-image-container.question-cta{margin-top:-48.5vw;padding-bottom:20.5vw}.result-image-container a{filter:drop-shadow(0 4px 4px rgba(169,151,101,.45))}.result-image-container.cta-wrap a{top:4rem}.result-image-container.result04-cta a{top:0;filter:drop-shadow(0 4px 4px rgba(169,151,101,.45))}.result-image-container.answer-cta a{top:84vw}.schedule01{margin-top:-28vw}footer{padding:30px 15px}footer ul li{margin-bottom:12px}}@media (max-width:480px){.screen{padding:0 0 20px}.screen.active{justify-content:flex-start}.fv-image-container{margin-bottom:10px}.event-image-container{margin-top:10px;padding:0 20px}.hero-image h1{font-size:1.3rem}.result-container{padding:15px 20px 20px}.question-text{font-size:.95rem}.question-text-row{gap:10px;margin-bottom:10px}.question-label{font-size:8vw}.question-text-row .question-text{font-size:3.8vw;line-height:1.5;letter-spacing:.02em}.next-button{max-width:200px;font-size:6vw;margin-top:50px}.option-label{width:24px;height:24px;font-size:12px;margin-right:10px}.next-button:after{width:12px;height:16px}.cta-button-image{min-width:320px;max-width:95%;height:auto}.result-button{min-width:320px;max-width:95%;height:85px}.restart-button{padding:16px 25px;font-size:1rem;min-width:180px;max-width:95%}.back-button{padding:12px 28px;font-size:1rem;min-width:100px}.navigation-container{justify-content:center}.progress-bar-wrapper{gap:2px}.progress-frame-left,.progress-frame-right{height:20px}.stepBar{max-width:250px}.stepBar li span{width:28px;height:28px;line-height:28px;font-size:12px}.stepBar li:after{width:14px;height:7px;margin-left:6px;margin-right:6px}}.options-container{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.options-container .option-button{flex:1 1 0;width:auto;max-width:none;margin:0;justify-content:center;text-align:center}