.diagnosis{padding:0 40px 227px}.diagnosis-panel{position:relative;width:100%;max-width:920px;margin:auto;padding:48px;background:#fff4f7 url(../assets/diagnosis/s-background.svg) center / cover no-repeat;border-radius:8px;text-align:center}.diagnosis h2{font-size:36px;line-height:61px;color:var(--color-gold)}.diagnosis-stage{display:grid;min-height:400px;overflow:clip;margin-top:28px}.diagnosis-stage>div{grid-area:1 / 1;min-width:0;padding:0 4px 8px}.diagnosis-stage>:first-child{align-self:center}#screen-question{display:flex;flex-direction:column;min-height:400px}#screen-question .question-choices{flex-shrink:0;width:100%;margin-bottom:20px}#screen-question .back-button{flex-shrink:0;margin-top:auto}.diagnosis-desc{font-size:16px;line-height:37px;color:#666}.start-button{display:block;width:320px;max-width:100%;height:65px;margin:44px auto 0;background:#835c2a;border-radius:100px;color:#fff;font-size:18px;font-weight:500}.start-button:disabled{cursor:default}.magnifier{pointer-events:none;position:absolute;left:calc(100% - 160px);bottom:-55px}.magnifier{width:210px;height:auto;max-width:none}.diagnosis-wave{left:0;top:45px}.diagnosis-wave img{width:1448.784px;height:784.367px}.diagnosis-wave-question,.blue-train-question{display:none}.diagnosis.is-question .decoration-canvas{height:100%}.diagnosis-question-title{font-size:0;line-height:normal;font-weight:500}.diagnosis-question-number{font-size:30px;color:var(--color-gold)}.diagnosis-question-text{font-size:20px;color:var(--color-text-main)}.question-choices{display:flex;flex-direction:column;gap:20px;max-width:560px;margin:31px auto 0}.question-choices.has-four-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.question-choices button{min-height:64px;border-radius:100px;padding:8px 12px;background:#fff;font-size:18px;font-weight:500;line-height:31px}.question-choices.has-four-choices button{border-radius:16px}.question-choices button[data-selected]{outline:2px solid #835c2a}.question-choices button:focus-visible{outline:3px solid #276b79;outline-offset:4px}.back-button{display:block;width:60px;height:60px;border-radius:50%;margin-top:20px}.back-button-art{position:relative;display:block;width:60px;height:60px}.back-button-circle{position:absolute;left:0;top:0}.back-button-arrow{position:absolute;left:13.64px;top:12.23px}.back-button-label{position:absolute;left:11.89px;top:30.54px;color:#48b9ae;font-family:Zen Kaku Gothic New,sans-serif;font-size:12.64px;font-weight:700;line-height:normal;white-space:nowrap}.diagnosis-result-copy{min-width:0;text-align:left;color:var(--color-text-main)}.diagnosis-result-title{font-size:20px;font-weight:500;margin:0;line-height:normal}.diagnosis-result-card{margin:0;font-size:30px;font-weight:500;line-height:normal}.diagnosis-card-line,.diagnosis-card-segment{display:block}@media(min-width:1001px)and (max-width:1100px){.diagnosis h2{font-size:28px}.magnifier{left:calc(100% - 90px)}.magnifier{width:140px}}@media(max-width:1000px){.diagnosis{padding:0 20px 145px}.diagnosis-panel{max-width:550px;padding:24px 20px}.diagnosis h2{font-size:23px;line-height:35px}.diagnosis-stage{min-height:228px;margin-top:16px}.diagnosis-desc{font-size:13px;line-height:22px}.start-button{width:203px;height:57px;margin-top:24px;font-size:14px}.magnifier{left:calc(100% - 103px);bottom:-49px}.magnifier{width:120px}.diagnosis-wave{top:0;left:-37.986px}.diagnosis-wave img{width:428.649px;height:604px}.diagnosis-question-number{font-size:22.5px}.diagnosis-question-text{font-size:15px}.question-choices{gap:16px;margin-top:32px;max-width:309px}.question-choices button{min-height:56px;font-size:14px;line-height:24px}.back-button{margin-top:8px}.diagnosis-result-copy{text-align:center}.diagnosis-result-title{font-size:14px}.diagnosis-result-card{font-size:20px}.diagnosis-card-segment{display:inline}}@media(max-width:374px){.diagnosis-desc .sp-only br{display:none}.question-choices button,.diagnosis-result-title{font-size:12px}.diagnosis-result-card{font-size:16px}}.diagnosis-product{display:flex;align-items:center;justify-content:space-around;min-height:190px;margin:16px auto 0}.diagnosis-card-art{flex:0 0 246px}.diagnosis-card-art img{width:246px;height:155px;object-fit:contain}.diagnosis.is-result .start-button{margin-top:20px}@media(max-width:1000px){.diagnosis-product{flex-direction:column;gap:12px;min-height:0;margin-top:12px}.diagnosis-card-art{flex:none}.diagnosis-card-art img{width:176px;height:111px}}.diagnosis-panel[data-result=emerald]{background-image:url(../assets/diagnosis/eme-background.svg)}.diagnosis-panel[data-result=tigers]{background-image:url(../assets/diagnosis/hanshin-background.svg)}.diagnosis-panel[data-result=hotel]{background-image:url(../assets/diagnosis/hotel-background.svg)}.diagnosis-panel[data-result=takarazuka]{background-image:url(../assets/diagnosis/takara_p-background.svg)}.diagnosis-panel[data-result=s]{background-image:url(../assets/diagnosis/s-background.svg)}.diagnosis-panel[data-result=saica]{background-image:url(../assets/diagnosis/saica-background.svg)}@media(min-width:1001px){.diagnosis-wave{left:0;top:45px}.diagnosis-wave img{width:1440px;height:825px}}@media(max-width:1000px){.diagnosis:not(.is-question):not(.is-result) .diagnosis-panel{padding-top:32px}.diagnosis:not(.is-question):not(.is-result) .diagnosis-stage{margin-top:32px}#screen-intro .start-button{margin-top:32px}.diagnosis{--diagnosis-wave-offset-x: -8px;--diagnosis-wave-overlap: 400px;padding-bottom:calc(145px * var(--sp-art-scale, 1))}.diagnosis>.decoration-canvas{width:100%;left:0;transform:none}.diagnosis-wave-layer{position:absolute;width:390px;height:604px;left:50%;top:calc(var(--diagnosis-panel-height, 386px) - var(--diagnosis-wave-overlap) * var(--sp-art-scale, 1));transform:translate(-50%) scale(var(--sp-scale, 1),var(--sp-art-scale, 1));transform-origin:top center}.diagnosis-wave{left:var(--diagnosis-wave-offset-x);top:0;width:428px;height:604px;clip-path:inset(100px -100px 0 0)}.diagnosis-wave img{width:428px;height:604px}.blue-train{left:calc(var(--diagnosis-wave-offset-x) + 239.459px);top:452px;transform:scaleX(var(--sp-train-scale-x, 1)) rotate(.05rad)}}@media(min-width:1001px){.diagnosis-wave-layer{display:contents}}