.pi-flow{--e:cubic-bezier(.22,1,.36,1);--ink:#0b2560;--mute:#5c667a;--line:#e3e8ee;--guess:#7a5a00;margin:0}.pi-flow figcaption{margin:12px 0 0;color:var(--mute);font-size:13px;line-height:1.7}.pi-fl-screen{overflow:hidden;background:#fff;border:1px solid #cbd6e4;border-radius:10px;box-shadow:0 1px 3px #00377014;color:var(--ink);font-family:Noto Sans JP,sans-serif}.pi-fl-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;padding:14px clamp(16px,2vw,24px)}.pi-fl-title{display:flex;align-items:baseline;gap:10px;margin:0;color:var(--mute);font-size:13px}.pi-fl-title b{color:var(--ink);font-size:clamp(17px,1.6vw,20px);font-weight:700}.pi-fl-meta{display:flex;align-items:center;gap:12px;margin:0;color:var(--mute);font-size:12.5px}.pi-fl-meta .demo{padding:1px 9px;border:1px solid #cbd6e4;border-radius:99px;color:#3f4a5e;font-size:12px;font-weight:700}.pi-fl-tabs{display:flex;gap:clamp(16px,2vw,24px);padding:0 clamp(16px,2vw,24px);border-bottom:1px solid var(--line)}.pi-fl-tabs button{display:flex;align-items:center;gap:7px;padding:8px 0 10px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--mute);font:500 14px/1.4 Noto Sans JP,sans-serif;cursor:pointer}.pi-fl-tabs button:before{content:"";width:9px;height:9px;background:var(--c)}.pi-fl-tabs button:hover{color:var(--ink)}.pi-fl-tabs button.on{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}.pi-fl-tabs button:focus-visible{outline:2px solid #4A86E0;outline-offset:2px}.pi-fl-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.pi-fl-canvas{display:grid;place-items:center;min-width:0;padding:10px 0;background-color:#f6f9fc;background-image:radial-gradient(#cbd6e4 1px,transparent 1.2px);background-size:22px 22px}.pi-fl-svg{display:block;width:100%;max-width:700px;height:auto;font-family:Noto Sans JP,sans-serif}.pi-fl-svg.v{display:none}.pi-fl-e .l{fill:none;stroke:#94a3b8;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}.pi-fl-e .a{fill:#64748d}.pi-fl-lb{fill:#3f4a5e;font-size:12px;font-weight:700;paint-order:stroke;stroke:#f6f9fc;stroke-width:6px;stroke-linejoin:round}.pi-fl-c{cursor:pointer;outline:0}.pi-fl-c .box{fill:#fff;stroke:#cbd6e4;stroke-width:1;transition:fill .25s,stroke .25s}.pi-fl-c:hover .box{stroke:var(--ink)}.pi-fl-c .no{fill:var(--c)}.pi-fl-c .no-t{fill:#0c1830;font:700 13px DM Sans,sans-serif}.pi-fl-c .lbl{fill:var(--mute);font-size:11px;font-weight:500}.pi-fl-c .nm{fill:var(--ink);font-size:14.5px;font-weight:700}.pi-fl-c .gs rect{fill:#fdf3cf}.pi-fl-c .gs text{fill:var(--guess);font-size:11px;font-weight:700}.pi-fl-c.sel .box{fill:var(--ink);stroke:var(--ink)}.pi-fl-c.sel .lbl{fill:#ffffffb8}.pi-fl-c.sel .nm{fill:#fff}.pi-fl-c:focus-visible .box{stroke:#4a86e0;stroke-width:2.5}.pi-fl-side{display:grid;min-width:0;border-left:1px solid var(--line);background:#fff}.pi-fl-panel{grid-area:1/1;min-width:0;padding:clamp(16px,1.8vw,22px)}.pi-fl-panel[hidden]{display:block;visibility:hidden}.pi-fl-step{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink);font:700 15px/1.4 DM Sans,sans-serif}.pi-fl-step span{color:var(--mute);font:500 12.5px/1.4 Noto Sans JP,sans-serif}.pi-fl-step em{margin-left:auto;padding:1px 9px;border-radius:99px;background:#fdf3cf;color:var(--guess);font:700 12px/1.6 Noto Sans JP,sans-serif}.pi-fl-panel h3{margin:4px 0 0;color:var(--ink);font-family:Zen Kaku Gothic New,sans-serif;font-weight:900;font-size:clamp(21px,2vw,26px);line-height:1.4}.pi-fl-why{margin:8px 0 0;color:#3f4a5e;font-size:14.5px;line-height:1.8}.pi-fl-k{display:flex;gap:8px;margin:16px 0 0;padding-bottom:6px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700}.pi-fl-k span{color:var(--mute);font-weight:500}.pi-fl-ev{margin:0;padding:0;list-style:none}.pi-fl-ev li{display:grid;grid-template-columns:auto auto 1fr;gap:1px 8px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;line-height:1.5}.pi-fl-ev .id{color:var(--mute);font:500 12px/1.5 DM Sans,sans-serif;font-variant-numeric:tabular-nums}.pi-fl-ev .pc{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.pi-fl-ev .pc:before{content:"";width:8px;height:8px;background:var(--c)}.pi-fl-ev time{justify-self:end;color:var(--mute);font:500 12px/1.5 DM Sans,Noto Sans JP,sans-serif;font-variant-numeric:tabular-nums}.pi-fl-ev b{grid-column:1/-1;font:700 13px/1.5 DM Sans,Noto Sans JP,sans-serif;color:inherit}.pi-fl-ev b+.tx{grid-column:1/-1;margin-top:-1px;overflow-wrap:anywhere;font-size:13px}.pi-flow.anim .pi-fl-c{opacity:0;transition:opacity .45s var(--e);transition-delay:calc(.15s + var(--i) * .13s)}.pi-flow.anim.is-in .pi-fl-c{opacity:1}.pi-flow.anim .pi-fl-e .l{stroke-dashoffset:1;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1);transition-delay:calc(.25s + var(--i) * .13s)}.pi-flow.anim.is-in .pi-fl-e .l{stroke-dashoffset:0}.pi-flow.anim .pi-fl-e .a,.pi-flow.anim .pi-fl-lb{opacity:0;transition:opacity .3s linear 1s}.pi-flow.anim.is-in .pi-fl-e .a,.pi-flow.anim.is-in .pi-fl-lb{opacity:1}.pi-flow.anim .pi-fl-side{opacity:0;transition:opacity .6s linear 1.1s}.pi-flow.anim.is-in .pi-fl-side{opacity:1}@media(max-width:899px){.pi-fl-body{grid-template-columns:1fr}.pi-fl-side{border-left:0;border-top:1px solid var(--line)}.pi-fl-panel[hidden]{display:none}}@media(max-width:699px){.pi-fl-svg.h{display:none}.pi-fl-svg.v{display:block}}.ins-logo{display:inline-flex;align-items:center;gap:.28em;font-family:DM Sans,sans-serif;font-weight:300;letter-spacing:-.025em;white-space:nowrap}.ins-logo svg{flex:none;width:1.02em;height:1.02em}.ins-logo i{font-style:normal}.ins-logo b{font-weight:700;color:inherit}