@scope(.try-page){.diagnosis-result{color:#063698;max-width:718px;font-family:var(--font-noto), "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;background:#fff;border-radius:4.18cqw;margin:auto;position:relative;overflow:hidden;container-type:inline-size}.diagnosis-result .hero{isolation:isolate;background:#f4f8fd;height:82.45cqw;position:relative}.diagnosis-result .photo{z-index:0;background-position:68% 70%;background-repeat:no-repeat;background-size:100%;position:absolute;inset:0}.diagnosis-result .hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffffe0 0%,#ffffff9e 12%,#ffffff52 26%,#ffffff1a 42%,#0000 56%);position:absolute;inset:0}.diagnosis-result .hero-wave{z-index:1;pointer-events:none;width:100%;height:22cqw;position:absolute;bottom:-1px;left:0;right:0}.diagnosis-result .hero-content{z-index:2;padding:3.76cqw 5.15cqw 0;position:relative}.diagnosis-result .result-label{letter-spacing:.15cqw;background:linear-gradient(120deg,#e3ecfa,#edf1f5);border-radius:6cqw;align-items:center;gap:2.6cqw;height:7.8cqw;margin-left:-1.8cqw;padding:0 2.2cqw 0 1.1cqw;font-size:2.65cqw;font-weight:700;display:inline-flex}.diagnosis-result .result-label>span:first-child{align-items:center;gap:1.5cqw;padding-left:1.7cqw;display:flex}.diagnosis-result .dot{background:#ffd100;border:1px solid #fff;border-radius:50%;width:1.55cqw;height:1.55cqw}.diagnosis-result .pattern{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#0752ce,#002c90);border:2px solid #fff;border-radius:4cqw;padding:.55cqw 1.7cqw;font-size:2.35cqw;box-shadow:0 1px 3px #aac2e4}.diagnosis-result .lead{letter-spacing:.22cqw;margin:1.8cqw 0 .7cqw;font-size:3.35cqw;font-weight:700}.diagnosis-result .headline{letter-spacing:.08cqw;white-space:nowrap;-webkit-text-stroke:.62cqw #fff;paint-order:stroke fill;text-shadow:-.35cqw -.35cqw #fff,.35cqw -.35cqw #fff,-.35cqw .35cqw #fff,.35cqw .35cqw #fff,0 .35cqw #fff,0 -.35cqw #fff,.35cqw 0 #fff,-.35cqw 0 #fff;margin:0;font-size:5.32cqw;font-weight:800;line-height:1.45}.diagnosis-result .headline.is-long{letter-spacing:0;font-size:4.2cqw}.diagnosis-result .headline-mark{z-index:0;text-decoration:none;position:relative}.diagnosis-result .headline-mark:after{content:"";z-index:-1;background:#ffe56a;border-radius:.12em .28em .18em .22em;height:.62em;position:absolute;bottom:.02em;left:-.12em;right:-.1em;transform:skew(-8deg)rotate(-1.1deg)}.diagnosis-result .suffix{letter-spacing:.25cqw;margin:1.05cqw 0 0;font-size:3.9cqw;font-weight:700}.diagnosis-result .badges{z-index:3;justify-content:center;gap:3.8cqw;display:flex;position:absolute;bottom:3.6cqw;left:4.8cqw;right:4.8cqw}.diagnosis-result .badge{letter-spacing:.04cqw;background:linear-gradient(145deg,#fff 60%,#f4faff);border:1px solid #e5edf8;border-radius:4.2cqw;flex:0 auto;justify-content:center;align-items:center;gap:1.2cqw;min-width:0;height:10.4cqw;padding:0 2.6cqw;font-size:2.45cqw;font-weight:700;line-height:1.3;display:flex;box-shadow:0 .7cqw 2cqw #8aa9c840}.diagnosis-result .badge svg{color:#7bc9f4;flex-shrink:0;width:4.2cqw;height:4.2cqw}.diagnosis-result .badge:last-child svg{color:#77bf86}.diagnosis-result .sparkles{background:radial-gradient(circle at 10% 78%,#80baf1 0 .19cqw,#0000 .25cqw),radial-gradient(circle at 45% 10%,#80baf1 0 .19cqw,#0000 .25cqw),radial-gradient(circle at 95% 79%,#80baf1 0 .19cqw,#0000 .25cqw),radial-gradient(circle at 90% 35%,#fff 0 .3cqw,#0000 .36cqw);width:6cqw;height:5cqw;position:absolute;top:3.2cqw;right:2.7cqw}.diagnosis-result .body{background:linear-gradient(120deg,#fff,#fcfdff);padding:3.76cqw 3.34cqw 6.4cqw}.diagnosis-result .cards{grid-template-columns:1fr;gap:2.8cqw;display:grid}.diagnosis-result .card{background:linear-gradient(140deg,#fff,#fff 62%,#fcfdff);border:1px solid #b9d4f7;border-radius:2.45cqw;min-height:0;padding:3.6cqw 3.4cqw;position:relative;overflow:hidden}.diagnosis-result .card-traits{background:linear-gradient(140deg,#fffdf6,#fff 58%,#fff6e4);border-color:#f0d4a0}.diagnosis-result .card-traits .icon-circle{background:linear-gradient(140deg,#f0b429,#d4920a);border-color:#c48408}.diagnosis-result .card-traits h2{color:#8a5a00;border-bottom-color:#e0b44a}.diagnosis-result .card-traits .check{background:#d4920a}.diagnosis-result .card-heading{z-index:1;align-items:center;gap:1.5cqw;display:flex;position:relative}.diagnosis-result .icon-circle{color:#fff;background:linear-gradient(140deg,#0644b6,#003199);border:1px solid #00308c;border-radius:50%;flex:none;place-items:center;width:7cqw;height:7cqw;display:grid}.diagnosis-result .icon-circle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:4cqw;height:4cqw}.diagnosis-result .card h2{letter-spacing:0;border-bottom:.3cqw dotted #1144ae;flex:1;margin:0;padding-bottom:.4cqw;font-size:clamp(14px,3.8cqw,16px);line-height:1.35}.diagnosis-result .card ul{z-index:1;color:#171717;letter-spacing:-.045cqw;margin:3.2cqw 0 0;padding:0;font-size:clamp(14px,3.9cqw,16px);font-weight:500;line-height:1.55;list-style:none;position:relative}.diagnosis-result .card li{align-items:flex-start;gap:1.05cqw;margin-bottom:2.35cqw;display:flex}.diagnosis-result .card li:last-child{margin-bottom:0}.diagnosis-result .check{color:#fff;background:#0739a2;border-radius:50%;flex:none;place-items:center;width:clamp(13px,2.65cqw,19px);height:clamp(13px,2.65cqw,19px);margin-top:.2em;font-family:Arial,sans-serif;font-size:clamp(10px,2cqw,14.5px);font-weight:700;display:grid}.diagnosis-result .watermark{fill:none;stroke:#dce9f9;stroke-width:1.4px;width:12cqw;height:14cqw;position:absolute;bottom:-.2cqw;right:1cqw;transform:rotate(6deg)}.diagnosis-result .info{background:radial-gradient(at 40% 40%,#f8fbff,#edf4fb);border:1px solid #b4d0f5;border-radius:2.5cqw;min-height:24.65cqw;margin-top:5.29cqw;padding:3.05cqw 20cqw 3cqw 9.45cqw;position:relative;overflow:hidden}.diagnosis-result .info-icon{width:5.7cqw;height:5.7cqw;font-family:Arial,sans-serif;font-size:3.6cqw;font-weight:700;position:absolute;top:2.35cqw;left:2.15cqw}.diagnosis-result .info h2{letter-spacing:.01cqw;z-index:1;margin:0;font-size:2.55cqw;line-height:1.63;position:relative}.diagnosis-result .info p{color:#3c3c3c;letter-spacing:.02cqw;z-index:1;margin:1.9cqw 0 0;font-size:2.4cqw;line-height:1.65;position:relative}.diagnosis-result .advisor{pointer-events:none;width:20cqw;height:24.4cqw;position:absolute;bottom:0;right:.6cqw;overflow:hidden}.diagnosis-result .advisor img{object-fit:contain;object-position:right bottom;width:100%;height:100%;display:block}.diagnosis-result .cta{color:#fff;width:100%;height:12.4cqw;font:700 3.55cqw / 1.4 var(--font-noto), "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;letter-spacing:.04cqw;cursor:pointer;background:linear-gradient(108deg,#ffc800 0%,#ffa200 38%,#ff6500 100%);border:1px solid #ffbf16;border-radius:8cqw;justify-content:center;align-items:center;margin-top:3.9cqw;text-decoration:none;display:flex;position:relative;box-shadow:0 1.2cqw 1.5cqw #ed970329}.diagnosis-result .cta:after{content:"";border-top:.5cqw solid #fff;border-right:.5cqw solid #fff;width:1.9cqw;height:1.9cqw;position:absolute;right:6.5cqw;transform:rotate(45deg)}.diagnosis-result .cta:hover{filter:brightness(1.04)}@keyframes result-card-in{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:none}}@keyframes result-line-in{0%{opacity:0;transform:translate(-.6rem)}to{opacity:1;transform:none}}.diagnosis-result .cta:focus-visible{outline-offset:4px;outline:3px solid #0739a2}@media (min-width:719px){.diagnosis-result{border-radius:30px}}@keyframes cta-pulse{0%,to{transform:scale(1);box-shadow:0 1.2cqw 1.5cqw #ed970340,0 0 #ff8a0000}50%{transform:scale(1.04);box-shadow:0 1.8cqw 3.6cqw #ff7a0080,0 0 2.8cqw .6cqw #ffb00055}}@media (prefers-reduced-motion:no-preference){.diagnosis-result .body:not(.is-revealed) .card,.diagnosis-result .body:not(.is-revealed) .info,.diagnosis-result .body:not(.is-revealed) .cta{opacity:0;transform:translateY(1.4rem)}.diagnosis-result .body:not(.is-revealed) .card li{opacity:0}.diagnosis-result .body.is-revealed .card:first-child{animation:.55s ease-out both result-card-in}.diagnosis-result .body.is-revealed .card:nth-child(2){animation:.55s ease-out .22s both result-card-in}.diagnosis-result .body.is-revealed .info{animation:.55s ease-out .46s both result-card-in}.diagnosis-result .body.is-revealed .card li{animation:.35s ease-out both result-line-in}.diagnosis-result .body.is-revealed .card:first-child li:first-child{animation-delay:.28s}.diagnosis-result .body.is-revealed .card:first-child li:nth-child(2){animation-delay:.38s}.diagnosis-result .body.is-revealed .card:first-child li:nth-child(3){animation-delay:.48s}.diagnosis-result .body.is-revealed .card:first-child li:nth-child(4){animation-delay:.58s}.diagnosis-result .body.is-revealed .card:nth-child(2) li:first-child{animation-delay:.5s}.diagnosis-result .body.is-revealed .card:nth-child(2) li:nth-child(2){animation-delay:.6s}.diagnosis-result .body.is-revealed .card:nth-child(2) li:nth-child(3){animation-delay:.7s}.diagnosis-result .body.is-revealed .card:nth-child(2) li:nth-child(4){animation-delay:.8s}.diagnosis-result .cta{transition:filter .15s;animation:1.55s ease-in-out infinite cta-pulse}.diagnosis-result .body.is-revealed .cta{animation:.5s ease-out .7s both result-card-in,1.55s ease-in-out 1.25s infinite cta-pulse}.diagnosis-result .cta:hover{filter:brightness(1.06);animation-play-state:paused}}@media (max-width:400px){.diagnosis-result .headline,.diagnosis-result .headline.is-long{white-space:normal;letter-spacing:0;font-size:clamp(17px,5.1cqw,20px)}.diagnosis-result .badges{gap:2cqw;left:3cqw;right:3cqw}.diagnosis-result .badge{padding:0 2cqw;font-size:2.3cqw}.diagnosis-result .cta{height:auto;min-height:48px;padding:3.2cqw 4cqw}}}
