/* Source artwork stays transparent; the Figma sign is editable HTML. */
.case-guide{width:280px;max-width:100%;margin:30px auto 45px;position:relative;z-index:25}
.case-guide[hidden]{display:none}
.case-guide>a{display:block;position:relative;color:#fff;text-decoration:none}
.case-guide-art{display:block;position:relative;width:100%;aspect-ratio:318/290;container-type:inline-size;overflow:hidden}
.case-guide-mascot-position{position:absolute;left:-5.582%;top:0;width:105.504%;height:99.958%}
.case-guide-mascot-frame{position:absolute;width:88.786%;height:83.326%;left:5.607%;top:8.337%;transform:rotate(10.06deg);overflow:hidden}
.case-guide-mascot-frame>img{position:absolute;max-width:none;width:104.33%;height:111.39%;left:-2.17%;top:0}
.case-guide-sign{position:absolute;left:9.953%;top:13.502%;width:36.535%;height:15.677%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;transform:rotate(-.2deg);color:#000;text-align:center;font-weight:900;line-height:1.2}
.case-guide-sign>strong{color:#2767e7;font-size:10.063cqw}.case-guide-sign>small{font-size:5.66cqw}
.case-guide-link{display:flex;align-items:center;justify-content:center;gap:10px;background:#2767e7;border-radius:50px;width:208px;min-height:45px;margin:-43px auto 0;position:relative;font-size:15px;font-weight:900;padding:10px 14px}
.case-guide-link>img{width:20px;height:20px}
.case-guide a:focus-visible{outline:3px solid #001431;outline-offset:5px;border-radius:18px}
.case-guide-close{position:absolute;z-index:2;left:12px;top:-4px;width:28px;height:28px;min-width:0;padding:5px;background:#fff;border-radius:50%;color:#001431}
.case-guide-floating{position:fixed;left:4px;bottom:16px;width:160px;margin:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s}
.case-guide-floating.is-visible{visibility:visible;opacity:1;pointer-events:auto}
.case-guide-floating .case-guide-link{width:138px;min-height:32px;margin-top:-27px;padding:7px 8px;font-size:10px;gap:5px}
.case-guide-floating .case-guide-link>img{width:14px;height:14px}
@media(min-width:1100px){
 .case-guide{position:fixed;left:0;bottom:22px;width:210px;margin:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s}
 .case-guide.is-visible{visibility:visible;opacity:1;pointer-events:auto}
 .case-guide .case-guide-link{width:156px;min-height:35px;margin-top:-32px;padding:7px 10px;font-size:12px;gap:7px}
 .case-guide .case-guide-link>img{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.case-guide{transition:none}}