/* デジタル庁特集の静的な図解。すべてvis-接頭辞で既存スタイルと分離。 */
.vis-explainers{--vis-ink:var(--ink,#193737);--vis-paper:var(--paper,#f7f7f1);--vis-muted:var(--muted,#657674);--vis-line:var(--line,#d8dfd9);--vis-blue:#33798d;--vis-gold:#94602e;color:var(--vis-ink);padding-block:48px 20px}
.vis-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px;margin-bottom:38px}.vis-intro>.vis-eyebrow{grid-column:1/-1}.vis-intro>h2{font:500 30px/1.7 var(--serif,"Yu Mincho",serif);margin:0}.vis-intro>p:last-child{font-size:13px;line-height:1.9;color:var(--vis-muted);margin:0;align-self:center}.vis-eyebrow{font:700 9px/1.6 var(--sans,"Yu Gothic",sans-serif);letter-spacing:.13em;color:var(--vis-muted);margin:0 0 8px}
.vis-section{padding-block:38px 46px;border-top:1px solid var(--vis-line);scroll-margin-top:110px}.vis-section-head{display:grid;grid-template-columns:46px 1fr;gap:15px;margin-bottom:25px}.vis-number{font:32px/1.3 Georgia,serif;color:#96aaa0;padding-top:4px}.vis-section-head h3{font:500 27px/1.7 var(--serif,"Yu Mincho",serif);margin:0 0 9px}.vis-takeaway{font-size:13px;line-height:1.9;margin:0;color:#4c6561}.vis-figure{margin:0;padding:24px;background:#fff;border:1px solid var(--vis-line)}.vis-diagram-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--vis-muted);padding-bottom:20px}
.vis-structure-track,.vis-ai-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}.vis-layer,.vis-process-step{position:relative;min-width:0}.vis-layer{background:#f2f5ef;border:1px solid #cbd8ce;padding:17px 15px}.vis-layer:not(:last-child)::after,.vis-process-step:not(:last-child)::after{content:"";position:absolute;right:-25px;top:50%;width:19px;border-top:1.5px solid #729080}.vis-layer:not(:last-child)::before,.vis-process-step:not(:last-child)::before{content:"";position:absolute;right:-26px;top:calc(50% - 3px);width:6px;height:6px;border-top:1.5px solid #729080;border-right:1.5px solid #729080;transform:rotate(45deg)}.vis-node-index{display:block;font-size:9px;font-weight:700;color:var(--vis-muted);margin-bottom:12px}.vis-layer h4{font-size:17px;line-height:1.65;margin:0 0 10px;font-weight:700}.vis-layer p{font-size:11px;line-height:1.9;color:var(--vis-muted);margin:0 0 12px}.vis-layer>a,.vis-common-elements a,.vis-process-step>a,.vis-dmp-note>a{font-size:10px;line-height:1.7;text-decoration:underline;text-underline-offset:3px}.vis-platform{background:var(--vis-ink);border-color:var(--vis-ink);color:#fff}.vis-platform .vis-node-index,.vis-platform p{color:#c1d4c8}.vis-platform>a{color:#d9eee0}.vis-application{border-top:3px solid #137e70;padding-top:15px}.vis-user{background:#fbfcf8}.vis-workspace-branch{position:relative;margin:35px 0 20px 51.5%;padding-top:10px}.vis-workspace-branch::before{content:"";position:absolute;top:-35px;left:24%;height:35px;border-left:1.5px dashed var(--vis-blue)}.vis-branch-label{position:absolute;top:-18px;left:calc(24% + 10px);font-size:9px;color:var(--vis-blue);background:#fff;line-height:1.5}.vis-workspace{border:1px solid #b7ced1;border-left:3px solid var(--vis-blue);background:#eff5f5;padding:15px 18px}.vis-mini-label{font-size:9px;font-weight:700;color:var(--vis-blue);letter-spacing:.05em}.vis-workspace h4{font-size:14px;line-height:1.8;margin:4px 0}.vis-workspace p{font-size:11px;line-height:1.9;color:var(--vis-muted);margin:0}.vis-common-elements{display:grid;grid-template-columns:120px 1fr 1fr;gap:20px;padding:20px 0;border-block:1px dashed #b6c8b9;background:#fafbf7}.vis-common-label{font-size:9px;line-height:1.8;padding-left:18px;margin:0;color:var(--vis-muted)}.vis-common-label strong{font-size:13px;color:var(--vis-ink)}.vis-common-elements>div{padding-right:12px;min-width:0}.vis-common-elements h4{font-size:12px;line-height:1.8;margin:0 0 5px}.vis-common-elements p{font-size:10px;line-height:1.8;color:var(--vis-muted);margin:0 0 7px}.vis-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:9px;line-height:1.8;color:var(--vis-muted);margin:20px 0 0;padding:0}.vis-legend li{display:flex;align-items:center;gap:7px}.vis-legend-line{display:inline-block;width:22px;border-top:1.5px solid #729080;flex-shrink:0}.vis-legend-line.vis-dashed{border-top-style:dashed}.vis-scope-note{font-size:10px;line-height:1.95;color:var(--vis-muted);margin:14px 0 0}.vis-source-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 17px;margin-top:16px;font-size:10px;line-height:1.9}.vis-source-links>span{font-weight:700;color:var(--vis-muted)}.vis-source-links>a{text-decoration:underline;text-underline-offset:3px}.vis-source-links>a:hover,.vis-layer>a:hover,.vis-common-elements a:hover,.vis-process-step>a:hover,.vis-dmp-note>a:hover{color:#137e70}
.vis-ai-track{gap:30px}.vis-process-step{border-top:2px solid #a8bdaf;padding-top:14px}.vis-step-no{display:flex;align-items:center;gap:9px;font:22px/1.5 Georgia,serif;color:#6f8d7c}.vis-step-no>span{font:700 8px/1.5 var(--sans,"Yu Gothic",sans-serif);letter-spacing:.1em;color:var(--vis-muted)}.vis-process-step h4{font-size:17px;line-height:1.8;margin:10px 0 8px}.vis-process-step p{font-size:11px;line-height:1.95;color:var(--vis-muted);margin:0 0 13px}.vis-assess{border-top-color:var(--vis-gold)}.vis-assess .vis-step-no{color:var(--vis-gold)}.vis-process-step:not(:last-child)::after{top:84px}.vis-process-step:not(:last-child)::before{top:81px}.vis-feedback{display:flex;flex-wrap:wrap;gap:5px 13px;align-items:center;position:relative;font-size:10px;line-height:1.8;margin:27px 0 24px;padding:14px 8px 13px;border-bottom:1.5px dashed #94ae9c;background:#f3f6ef}.vis-feedback::before{content:"";position:absolute;left:0;bottom:-4px;width:7px;height:7px;border-left:1.5px solid #94ae9c;border-top:1.5px solid #94ae9c;transform:rotate(-45deg)}.vis-feedback>span:first-child{font-size:23px;line-height:1;color:#6f8d7c}.vis-feedback>span:last-child{color:var(--vis-muted)}.vis-dmp-note{border-left:3px solid var(--vis-blue);padding:15px 20px;background:#eff5f5;max-width:770px;margin-left:auto}.vis-dmp-note h4{font-size:15px;margin:3px 0 7px}.vis-dmp-note p{font-size:11px;line-height:1.95;color:var(--vis-muted);margin:0 0 8px}.vis-dmp-note strong{color:var(--vis-ink);font-weight:600}
.vis-responsibility-key{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:10px;line-height:1.8;margin:0 0 18px}.vis-responsibility-key>span{display:flex;align-items:center;gap:7px}.vis-responsibility-key i{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.vis-national-dot{background:#3d6f5a}.vis-local-dot{background:var(--vis-blue)}.vis-vendor-dot{background:var(--vis-gold)}.vis-matrix-wrap{border:1px solid var(--vis-line);background:#fff}.vis-matrix{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:11px;line-height:1.95}.vis-matrix caption{caption-side:top;text-align:left;padding:17px 20px;font-size:10px;font-weight:700;background:#fff;color:var(--vis-muted)}.vis-matrix thead th{padding:12px 17px;background:#edf2e9;font-size:12px;font-weight:700;border-bottom:1px solid var(--vis-line)}.vis-matrix thead th:first-child{width:18%;font-size:10px}.vis-matrix thead .vis-national{color:#3d6f5a;border-top:3px solid #3d6f5a}.vis-matrix thead .vis-local{color:var(--vis-blue);border-top:3px solid var(--vis-blue)}.vis-matrix thead .vis-vendor{color:var(--vis-gold);border-top:3px solid var(--vis-gold)}.vis-matrix tbody th,.vis-matrix td{padding:17px;vertical-align:top;border-bottom:1px solid var(--vis-line);overflow-wrap:anywhere}.vis-matrix tbody tr:last-child th,.vis-matrix tbody tr:last-child td{border-bottom:0}.vis-matrix tbody th{font-size:12px;background:#f5f7f0;font-weight:600}.vis-matrix tbody th>span{display:block;font:700 8px/1.7 var(--sans,"Yu Gothic",sans-serif);letter-spacing:.05em;color:var(--vis-muted);margin-bottom:7px}.vis-matrix td{color:#4c6561;border-left:1px solid #e4eae1}.vis-matrix-conclusion{border-left:3px solid #137e70;margin-top:22px;padding:3px 0 3px 17px}.vis-matrix-conclusion>strong{font:600 20px/1.8 var(--serif,"Yu Mincho",serif)}.vis-matrix-conclusion>p{font-size:11px;line-height:1.9;color:var(--vis-muted);margin:5px 0 0}
@media(max-width:1040px){.vis-figure{padding:20px}.vis-structure-track,.vis-ai-track{gap:22px}.vis-layer{padding:15px 11px}.vis-layer h4,.vis-process-step h4{font-size:15px}.vis-layer p,.vis-process-step p{font-size:10px}.vis-layer:not(:last-child)::after,.vis-process-step:not(:last-child)::after{right:-18px;width:13px}.vis-layer:not(:last-child)::before,.vis-process-step:not(:last-child)::before{right:-19px}.vis-common-elements{grid-template-columns:95px 1fr 1fr;gap:13px}.vis-matrix thead th,.vis-matrix tbody th,.vis-matrix td{padding:13px}.vis-matrix{font-size:10px}}
@media(max-width:700px){.vis-explainers{padding-block:34px 10px}.vis-intro{grid-template-columns:1fr;gap:6px;margin-bottom:26px}.vis-intro>h2{font-size:25px}.vis-intro>p:last-child{font-size:12px;margin-top:7px}.vis-intro>p:last-child br{display:none}.vis-section{padding-block:28px 34px}.vis-section-head{grid-template-columns:31px 1fr;gap:10px;margin-bottom:19px}.vis-number{font-size:25px}.vis-section-head h3{font-size:23px;line-height:1.7}.vis-takeaway{font-size:12px}.vis-eyebrow{font-size:8px}.vis-figure{padding:19px 17px}.vis-diagram-label{padding-bottom:16px;font-size:9px}.vis-structure-track,.vis-ai-track{grid-template-columns:1fr;gap:29px}.vis-layer{padding:15px 17px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;align-items:start}.vis-node-index{grid-column:1/-1;margin-bottom:7px;font-size:9px}.vis-layer h4{font-size:18px;margin-bottom:5px}.vis-layer p{font-size:10px;margin:0;grid-column:2;grid-row:2/4}.vis-layer>a{font-size:10px;grid-column:1;align-self:end;line-height:1.9}.vis-desktop-break{display:none}.vis-layer:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-22px;width:0;height:15px;border-top:0;border-left:1.5px solid #729080}.vis-layer:not(:last-child)::before{right:auto;left:calc(50% - 3px);top:auto;bottom:-23px;transform:rotate(135deg)}.vis-workspace-branch{margin:33px 0 17px;padding:0 0 0 15px;border-left:1.5px dashed var(--vis-blue)}.vis-workspace-branch::before{top:-17px;left:0;width:15px;height:17px;border-left:0;border-top:1.5px dashed var(--vis-blue)}.vis-branch-label{position:static;display:block;margin:0 0 8px;font-size:9px;line-height:1.7;background:transparent}.vis-workspace{padding:13px 15px}.vis-workspace h4{font-size:13px}.vis-workspace p{font-size:10px}.vis-common-elements{grid-template-columns:1fr;gap:15px;padding:17px}.vis-common-label{padding:0;font-size:9px;display:flex;gap:10px;align-items:baseline}.vis-common-label br{display:none}.vis-common-label strong{font-size:12px}.vis-common-elements>div{padding:0}.vis-common-elements>div+div{border-top:1px dashed #c9d5c7;padding-top:13px}.vis-common-elements h4{font-size:12px}.vis-legend{display:grid;gap:7px;font-size:9px;margin-top:17px}.vis-scope-note{font-size:10px}.vis-source-links{font-size:10px;gap:7px 14px}.vis-source-links>span{flex-basis:100%}.vis-ai-track{gap:26px}.vis-process-step{display:grid;grid-template-columns:33px 1fr;gap:0 12px;border-top:0;border-left:2px solid #adc2b3;padding:3px 0 0 13px}.vis-step-no{grid-column:1;grid-row:1/4;display:block;font-size:22px;line-height:1.3}.vis-step-no>span{display:block;font-size:6px;margin-top:5px;letter-spacing:0}.vis-process-step h4{grid-column:2;font-size:17px;margin:0 0 7px}.vis-process-step p{grid-column:2;font-size:11px;line-height:1.85;margin:0 0 9px}.vis-process-step>a{grid-column:2;font-size:10px;width:max-content;max-width:100%}.vis-process-step:not(:last-child)::after{top:auto;bottom:-20px;right:auto;left:30px;width:0;height:13px;border-top:0;border-left:1.5px solid #729080}.vis-process-step:not(:last-child)::before{top:auto;bottom:-21px;right:auto;left:27px;transform:rotate(135deg)}.vis-assess{border-left-color:var(--vis-gold)}.vis-feedback{padding:12px;gap:5px 8px;margin-top:24px}.vis-feedback>span:last-child{flex-basis:100%;padding-left:29px;font-size:10px}.vis-dmp-note{padding:14px 16px}.vis-dmp-note h4{font-size:14px}.vis-dmp-note p{font-size:10px}.vis-responsibility-key{display:grid;gap:6px;font-size:10px;margin-bottom:14px}.vis-matrix{display:block;table-layout:auto}.vis-matrix caption{display:block;padding:14px 16px;font-size:9px}.vis-matrix thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.vis-matrix tbody{display:block}.vis-matrix tbody tr{display:block;border-top:1px solid var(--vis-line);padding-bottom:8px}.vis-matrix tbody th{display:flex;gap:12px;align-items:baseline;padding:12px 16px;font-size:13px;border-bottom:1px solid var(--vis-line)}.vis-matrix tbody th>span{font-size:8px;margin:0;white-space:nowrap}.vis-matrix td{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:11px 16px;border:0;font-size:11px;line-height:1.9}.vis-matrix td::before{content:attr(data-label);font-size:10px;font-weight:700;border-left:2px solid #3d6f5a;padding-left:8px;color:#3d6f5a}.vis-matrix td:nth-of-type(2)::before{color:var(--vis-blue);border-color:var(--vis-blue)}.vis-matrix td:nth-of-type(3)::before{color:var(--vis-gold);border-color:var(--vis-gold)}.vis-matrix-conclusion{padding-left:13px}.vis-matrix-conclusion>strong{font-size:18px}.vis-matrix-conclusion>p{font-size:11px}}
@media print{.vis-explainers{padding:0!important;color:#000;--vis-ink:#000;--vis-muted:#444;--vis-line:#aaa}.vis-intro{display:block;margin-bottom:8mm}.vis-intro>h2{font-size:20pt}.vis-intro>p:last-child{font-size:9pt}.vis-section{break-inside:avoid;padding:7mm 0}.vis-section-head{grid-template-columns:9mm 1fr;margin-bottom:5mm}.vis-section-head h3{font-size:17pt}.vis-takeaway{font-size:9pt}.vis-figure{padding:4mm;background:#fff}.vis-structure-track,.vis-ai-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5mm}.vis-layer{display:block;padding:3mm;background:#fff;color:#000;border-color:#888}.vis-layer h4,.vis-process-step h4{font-size:10pt}.vis-layer p,.vis-process-step p,.vis-workspace p,.vis-dmp-note p{font-size:8pt;color:#333}.vis-platform .vis-node-index{color:#333}.vis-layer>a,.vis-process-step>a,.vis-common-elements a,.vis-dmp-note>a{font-size:7pt;color:#000}.vis-layer:not(:last-child)::after,.vis-process-step:not(:last-child)::after{right:-4mm;left:auto;top:50%;bottom:auto;height:0;width:3mm;border-left:0;border-top:1px solid #777}.vis-layer:not(:last-child)::before,.vis-process-step:not(:last-child)::before{right:-4mm;left:auto;top:calc(50% - 2px);bottom:auto;width:4px;height:4px;transform:rotate(45deg)}.vis-workspace-branch{margin:6mm 0 4mm 51.5%;padding:0;border:0}.vis-workspace-branch::before{display:none}.vis-branch-label{position:static;font-size:7pt;display:block;margin-bottom:2mm}.vis-workspace,.vis-dmp-note{padding:3mm;background:#fff}.vis-common-elements{display:grid;grid-template-columns:22mm 1fr 1fr;gap:4mm;background:#fff;padding:3mm 0}.vis-common-label{display:block;padding-left:3mm}.vis-common-elements>div+div{border:0;padding-top:0}.vis-scope-note,.vis-legend,.vis-source-links{font-size:7pt}.vis-source-links{gap:2mm 4mm}.vis-source-links>span{flex-basis:auto}.vis-process-step{display:block;border-left:0;border-top:1px solid #888;padding:3mm 0 0}.vis-step-no{display:flex;gap:2mm;font-size:15pt}.vis-step-no>span{font-size:6pt;margin:0}.vis-feedback{margin:4mm 0;padding:3mm;background:#fff;font-size:8pt}.vis-feedback>span:last-child{flex-basis:auto;padding:0}.vis-responsibility-key{display:flex;font-size:7pt}.vis-matrix{display:table;font-size:8pt;table-layout:fixed}.vis-matrix caption{display:table-caption;font-size:7pt;padding:3mm}.vis-matrix thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.vis-matrix tbody{display:table-row-group}.vis-matrix tbody tr{display:table-row}.vis-matrix thead th,.vis-matrix tbody th,.vis-matrix td{display:table-cell;padding:3mm;font-size:8pt;border-bottom:1px solid #aaa}.vis-matrix tbody th>span{display:block;font-size:6pt}.vis-matrix td{border-left:1px solid #aaa}.vis-matrix td::before{display:none}.vis-matrix-conclusion>strong{font-size:12pt}.vis-matrix-conclusion>p{font-size:8pt}.vis-desktop-break{display:initial}}