body[data-quest-guides] { --qg-ink:#102f63; --qg-teal:#007f9d; --qg-line:#d5e6ed; --qg-muted:#4f637e; color:var(--qg-ink); background:#fff; height:auto; min-height:100%; font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; }
body[data-quest-guides] * { box-sizing:border-box; }
body[data-quest-guides] main { width:100%; margin:0; padding:0; min-width:0; }
body[data-quest-guides] main :where(p,li,dd) { line-height:1.9; }
body[data-quest-guides] main :where(h1,h2,h3,h4,p,figure) { margin-top:0; }
body[data-quest-guides] main :where(h1,h2,h3,h4) { color:var(--qg-ink); overflow-wrap:anywhere; }
body[data-quest-guides] main :where(img,svg,video) { max-width:100%; }
body[data-quest-guides] main img { height:auto; }
body[data-quest-guides] main a { text-underline-offset:.23em; }
body[data-quest-guides] main a:hover { text-decoration:underline; }
body[data-quest-guides] :where(button,input,summary) { font:inherit; }
body[data-quest-guides] :where(button,summary) { cursor:pointer; }
body[data-quest-guides] :where(a,button,summary):focus-visible { outline:3px solid #08789d; outline-offset:5px; }
body[data-quest-guides] [id] { scroll-margin-top:105px; }
body[data-quest-guides] .cdav-drawer[aria-hidden=true] { box-shadow:none; }
.qg-container { max-width:1120px; margin-inline:auto; padding-inline:28px; }
.qg-breadcrumb { max-width:1120px; margin:0 auto; padding:12px 28px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:12px; color:#62758b; }
.qg-breadcrumb a { color:#456680; }
body[data-quest-guides=app] .qg-breadcrumb { width:min(1120px,calc(100% - 64px)); padding-inline:0; }
.qg-btn, .qg-btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:13px 22px; border:1px solid #007f9d; border-radius:8px; background:#007f9d; color:#fff!important; font-size:16px; font-weight:750; text-decoration:none; line-height:1.5; text-align:center; }
.qg-btn:hover, .qg-btn-secondary:hover { background:#00667e; text-decoration:none!important; }
.qg-btn-secondary { color:#007591!important; background:#fff; }
.qg-btn-secondary:hover { background:#eff8fc; }
.qg-skip { position:absolute; left:16px; top:-100px; z-index:9999; padding:12px; background:#fff; color:#102f63; }
.qg-skip:focus { top:8px; }
.qg-footer { border-top:1px solid #d5e6ed; margin-top:60px; padding:32px 28px 40px; }
.qg-footer>div { max-width:1064px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:22px; }
.qg-footer .qg-brand { color:#102f63; font-weight:850; font-size:25px; text-decoration:none; }
.qg-footer nav { display:flex; flex-wrap:wrap; gap:22px; font-size:13px; }
.qg-footer a { color:#4f637e; }
.qg-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:640px) { .qg-container { padding-inline:20px; } .qg-footer { padding:24px 20px 32px; } .qg-footer>div { align-items:flex-start; flex-direction:column; } .qg-footer nav { gap:14px; } .qg-btn, .qg-btn-secondary { padding:12px 16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } body[data-quest-guides] * { transition:none!important; animation:none!important; } }

.qg-screen-link{display:block;position:relative;border-radius:14px;overflow:hidden;border:1px solid #d3dce5;background:#f3f6f8;box-shadow:0 10px 28px #20334314;text-decoration:none!important;cursor:zoom-in}
.qg-screen-link img{display:block;width:100%;height:auto;margin:0}
.qg-screen-link:focus-visible{outline:3px solid #008fa3;outline-offset:5px}
.qg-screen-zoom{display:block;padding:9px 14px;background:#f7fafc;color:#285263;font-size:12px;line-height:1.5;text-align:right}
.qg-screen-link:hover .qg-screen-zoom{background:#eaf3f7;color:#086980}
.qg-setup .qgs-figure.qg-screen-figure{width:100%;max-width:350px;margin:0 auto}
.qg-setup .qgs-figure.qg-screen-wide{max-width:100%}
.qg-screen-figure figcaption small{display:block;margin-top:5px;opacity:.8;font-size:11px}
.qg-app .qa-preview.qa-real-preview{max-width:315px;margin:0 auto}
.qg-app .qa-preview.qa-real-preview figcaption{text-align:center;font-size:12px;line-height:1.7}
.qg-store-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.qg-screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;margin:26px 0}
.qg-screen-gallery-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.qg-setup .qgs-management-row.qgs-management-text{display:block}
.qg-setup .qgs-figure.qg-guide-flow{padding:22px 24px;background:#f5f8fb;border-top:2px solid #ccdce5;border-radius:0}
.qg-setup .qg-guide-flow figcaption{text-align:left;font-size:12px;font-weight:700;color:#63798b;margin:0 0 14px}
.qg-setup .qg-guide-flow ol{margin:0;padding:0 0 0 22px;font-size:15px;line-height:1.8;color:#294158}
.qg-setup .qg-guide-flow li{padding-left:5px;margin:0}
.qg-setup .qg-guide-flow li+li{margin-top:15px}
.qg-screen-dialog{box-sizing:border-box;max-width:calc(100vw - 24px);width:max-content;max-height:calc(100dvh - 24px);padding:0;border:1px solid #506171;border-radius:14px;background:#172330;color:#fff;box-shadow:0 20px 90px #0008;overscroll-behavior:contain}
.qg-screen-dialog::backdrop{background:#0a122be0}
.qg-screen-dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1;background:#172330;padding:10px 16px;font-size:13px}
.qg-screen-dialog-close{border:1px solid #a8b9c8;border-radius:7px;background:transparent;color:#fff;font:inherit;min-height:44px;padding:8px 16px;cursor:pointer;flex-shrink:0}
.qg-screen-dialog-close:focus-visible{outline:3px solid #78dce3;outline-offset:2px}
.qg-screen-dialog img{display:block;margin:0 auto;max-width:100%;height:auto}
.qg-screen-dialog-caption{padding:12px 18px;font-size:13px;line-height:1.7;margin:0}
@media(max-width:680px){.qg-screen-gallery,.qg-screen-gallery-three{grid-template-columns:1fr;gap:28px}.qg-app .qa-preview.qa-real-preview{max-width:300px}.qg-setup .qgs-figure.qg-screen-figure{max-width:350px}.qg-setup .qgs-figure.qg-screen-wide{max-width:100%}.qg-screen-dialog-bar{padding:8px 12px;gap:10px}.qg-screen-dialog-bar>span{font-size:12px}.qg-screen-dialog-caption{padding:10px 14px}.qg-setup .qgs-figure.qg-guide-flow{padding:18px 20px}}