.diagnosis-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(0deg,#00d4ff -7.8%,#0054ff 20%,#000a1f 103.4%);overflow:hidden}.logo{padding:40px 66px 0;position:absolute;img{width:356px;height:auto}}.progress-bar{width:328px;height:14px;border-radius:999px;background-color:#5e94ff;position:fixed;top:calc(50vh + 250px);left:50%;transform:translate(-50%);z-index:100}.progress-indicator{position:absolute;top:-26px;left:0;img{width:328px;height:11px}}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#c0ff5a,#23d4eb,#8fe3ff);width:14.3%;transition:width .3s ease;position:relative;z-index:1;&:before{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:10px;background-color:#fff}}.progress-background{display:flex;justify-content:space-between;position:absolute;width:100%;top:3px;padding-right:3px;padding-left:11%}.questions-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin:0 auto;padding:20px}.question-content{color:#fff}.question-card{background:transparent;padding:40px;width:100%;position:absolute;top:50%;transform:translateY(calc(-50% - 30px));transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.question-card.entering{transform:translate(100%) translateY(calc(-50% - 30px))}.question-card.exiting{transform:translate(-100%) translateY(calc(-50% - 30px))}.question-content{text-align:center}.question-number{color:#fff;font-size:28px;font-weight:500;border-radius:100px;background-color:#3276ff;width:60px;height:60px;line-height:1;display:flex;align-items:center;justify-content:center;margin:0 auto}.question-text{font-size:1.4rem;color:#fff;margin-top:24px;margin-bottom:40px;line-height:1.8}.answer-buttons{display:flex;gap:40px;justify-content:center}.answer-btn{font-size:24px;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;width:320px;height:60px;background-color:transparent;color:#fff;border:solid 2px #fff;position:relative;line-height:120%;&:disabled{cursor:not-allowed;opacity:.6}&:before{position:absolute;content:"はい";width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:120%;pointer-events:none}&:after{content:"";position:absolute;width:36px;height:36px;top:50%;left:12px;transform:translateY(-50%);background-image:url(../assets/images/icon-circle.svg);background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none}&.no-btn:before{content:"いいえ"}span{position:absolute;padding:16px 40px;z-index:1;display:block;border-radius:50px;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:linear-gradient(90deg,#ffe100,#d1ff45,#fff 26.92%,#55ffe8 38.94%,#6294ff 54.81%,#888aff 68.75%,#ff93ed 83.65%,#ff77a6);opacity:0;transition:.3s;pointer-events:none;&:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50px;background:linear-gradient(180deg,#18aaff 11.66%,#0054ff 57.95%,#003fde);z-index:-1}&:after{content:"";position:absolute;width:36px;height:36px;top:50%;left:14px;transform:translateY(-50%);background-image:url(../assets/images/icon-circle-on.svg);background-repeat:no-repeat;background-position:center;background-size:cover}}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled) span{opacity:1}}&:active:not(:disabled) span{opacity:1}}@media (max-width: 768px){.logo{padding:40px 40px 0;img{width:100%;max-width:301px}}.question-card{padding:30px 20px}.question-text{font-size:1.2rem}.answer-buttons{flex-direction:column;align-items:center}.answer-btn{width:100%;max-width:240px;font-size:18px;height:52px;&:before{font-size:18px}&:after{width:31px;height:31px}span{&:after{width:31px;height:31px}}}}@media (max-width: 370px){.progress-bar{width:240px;top:calc(50vh + 220px);.progress-indicator{top:-26px;img{width:240px;height:11px}}}}.processing-screen{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.processing-screen.visible{opacity:1}.processing-content{text-align:center}.processing-text{color:#fff;text-align:center;font-size:24px;font-weight:700;line-height:normal;letter-spacing:8px}.processing-bar{width:240px;height:8px;margin-top:24px;border-radius:999px;background:#4073d9}.processing-bar span{width:0;height:8px;background:linear-gradient(90deg,#ffe100,#d1ff45,#fff 26.92%,#55ffe8 38.94%,#6294ff 54.81%,#888aff 68.75%,#ff93ed 83.65%,#ff77a6);border-radius:8px;animation:gooon 1.4s ease-in-out forwards;display:block}@keyframes gooon{0%{width:0}to{width:100%}}