*{box-sizing:border-box}html{background:#ededed;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}body{margin:0;min-width:320px}img{display:block;max-width:100%}.page{width:min(100%,760px);min-height:100vh;margin:0 auto;background:#fff}.hero{position:relative;aspect-ratio:16/9;min-height:310px;overflow:hidden;border-bottom:5px solid #b98a27;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(102,0,0,.34)),#090909}.hero::after{position:absolute;right:0;bottom:0;left:0;height:16%;background:linear-gradient(90deg,#080808,#4e0505,#080808);content:"";opacity:.8}.hero-label{position:absolute;z-index:3;top:16px;right:18px;padding:7px 16px;border:2px solid #d7a33e;background:#741014;color:#ffe8a3;font-size:clamp(12px,2.7vw,18px);font-weight:800;letter-spacing:.05em}.hero-character{position:absolute;z-index:2;bottom:16px;left:15px;width:47%;overflow:hidden;border:4px solid #d2a43a;border-radius:50%;aspect-ratio:1;background:#fff}.hero-character img,.cta-face img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;z-index:3;top:25%;right:3%;width:54%;text-align:center}.hero-copy span{display:block;margin-bottom:2px;color:#fff;font-size:clamp(28px,6.6vw,48px);font-weight:900;line-height:1.05;text-shadow:2px 3px 0 #000}.hero-copy h1{margin:0;color:#efc45a;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(52px,12vw,90px);font-weight:900;line-height:1.05;letter-spacing:-.07em;-webkit-text-stroke:1px #fff0aa;text-shadow:3px 4px 0 #4c2600,5px 7px 0 #000}main{padding:46px 26px 56px}.section-title{position:relative;margin:0 0 26px;padding:16px 10px;background:#050505;color:#ffe500;font-size:clamp(26px,6vw,38px);font-weight:900;text-align:center}.section-title::after{position:absolute;top:100%;left:50%;transform:translateX(-50%);border:12px solid transparent;border-top-color:#050505;content:""}.result-image{width:min(100%,520px);margin:0 auto;border:1px solid #d8d8d8}.guide{margin:32px 0 17px;font-size:clamp(26px,6vw,40px);font-weight:900;line-height:1.3;text-align:center}.guide strong{color:#d31319}.arrows{margin-bottom:19px;transform:translateX(.2em);font-size:30px;letter-spacing:.4em;text-align:center}.cta{display:grid;grid-template-columns:88px 1fr 44px;align-items:center;width:min(100%,620px);min-height:118px;margin:0 auto;overflow:hidden;border:5px solid #e5b83c;border-radius:24px;background:linear-gradient(#a71111 0%,#e01818 55%,#880808 100%);box-shadow:inset 0 0 0 3px #690000,0 6px 12px rgba(0,0,0,.25);color:#fff;text-decoration:none}.cta:focus-visible{outline:4px solid rgba(21,123,255,.45);outline-offset:4px}.cta-face{width:76px;height:76px;margin-left:8px;overflow:hidden;border:3px solid #f6ce68;border-radius:50%;background:#fff}.cta-copy{padding:10px 4px;line-height:1.15;text-align:center}.cta-copy small{display:block;margin-bottom:5px;color:#fff7b8;font-size:clamp(12px,3vw,17px);font-weight:800}.cta-copy strong{display:block;font-size:clamp(24px,6vw,39px);font-weight:900;text-shadow:2px 2px 0 #470000}.cta-arrow{font-size:42px;font-weight:900}.notice{margin:34px 0 0;font-size:14px;line-height:1.8}footer{padding:18px;background:#080808;color:#aaa;font-size:11px;text-align:center}@media(max-width:520px){.hero{min-height:0}.hero-label{top:9px;right:10px;padding:5px 9px;border-width:1px}.hero-character{bottom:10px;left:-22px;width:52%;border-width:3px}.hero-copy{top:27%;right:2%;width:58%}main{padding:34px 14px 42px}.section-title{margin-bottom:22px;padding:13px 8px}.cta{grid-template-columns:68px 1fr 32px;min-height:96px;border-width:4px;border-radius:18px}.cta-face{width:59px;height:59px;margin-left:5px}.cta-arrow{font-size:30px}.notice{font-size:12px}}