- scGuide:
Control: GroupContainer@1.5.0
Variant: ManualLayout
Properties:
Width: =Parent.Width
Height: =Parent.Height
X: =0
Y: =0
Fill: =RGBA(245, 251, 253, 1)
Children:
- scHeroBackground:
Control: Image@2.2.3
Properties:
Image: ="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221500%22%20height%3D%22248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20stop-color%3D%22%23ffffff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e5faff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221500%22%20height%3D%22248%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cpath%20d%3D%22M750%20248Q1000%2020%201500%20130M900%20248Q1110%2055%201500%20175M1090%20248Q1320%20138%201500%20222%22%20stroke%3D%22%23bcebf2%22%20stroke-width%3D%221%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E"
ImagePosition: =ImagePosition.Fill
AccessibleLabel: =""
Width: =Parent.Width
Height: =138
X: =0
Y: =4
- scAmbient:
Control: Timer@2.1.0
Properties:
Duration: =10000
Repeat: =true
AutoStart: =true
AutoPause: =true
Start: =!Coalesce(scMotionPaused, false)
Visible: =false
Width: =1
Height: =1
X: =0
Y: =0
- scReveal:
Control: Timer@2.1.0
Properties:
Duration: =520
Repeat: =false
AutoStart: =true
AutoPause: =true
Start: =!Coalesce(scMotionPaused, false)
Visible: =false
Width: =1
Height: =1
X: =0
Y: =0
- scAccent:
Control: Rectangle@2.3.0
Properties:
Fill: =RGBA(0, 133, 156, 1)
Height: =4
Width: =Parent.Width
X: =0
Y: =0
- scBrand:
Control: Label@2.5.1
Properties:
Text: ="dorago01 / SECURITY FIELD NOTES"
Color: =RGBA(0, 133, 156, 1)
Size: =10
FontWeight: =FontWeight.Semibold
Width: =If(Parent.Width >= 1000, Parent.Width - 235, Parent.Width - 370)
Height: =30
X: =28
Y: =20
- scTitle:
Control: Label@2.5.1
Properties:
Text: ="自治体情報セキュリティクラウド"
Color: =RGBA(19, 52, 66, 1)
Size: =If(Parent.Width < 800, 21, 27)
FontWeight: =FontWeight.Bold
Width: =Parent.Width - 56
Height: =50
X: =28
Y: =52
Wrap: =true
- scSubtitle:
Control: Label@2.5.1
Properties:
Text: ="CGの位置を切り替えながら、仕組み・対策・運用を読み解きます。"
Color: =RGBA(79, 108, 121, 1)
Size: =12
Width: =Parent.Width - 56
Height: =30
X: =28
Y: =102
- scNav1:
Control: Classic/Button@2.2.0
Properties:
Text: ="01 全体像"
OnSelect: =Set(scTopic, 1); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 1, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 1, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 0 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 252, 168)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav2:
Control: Classic/Button@2.2.0
Properties:
Text: ="02 通信と監視"
OnSelect: =Set(scTopic, 2); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 2, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 2, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 1 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 300, 168)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav3:
Control: Classic/Button@2.2.0
Properties:
Text: ="03 三層の対策"
OnSelect: =Set(scTopic, 3); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 3, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 3, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 2 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 348, 168)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav4:
Control: Classic/Button@2.2.0
Properties:
Text: ="04 防御の役割"
OnSelect: =Set(scTopic, 4); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 4, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 4, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 3 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 396, 168)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav5:
Control: Classic/Button@2.2.0
Properties:
Text: ="05 運用の流れ"
OnSelect: =Set(scTopic, 5); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 5, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 5, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 0 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 444, 222)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav6:
Control: Classic/Button@2.2.0
Properties:
Text: ="06 ケース"
OnSelect: =Set(scTopic, 6); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 6, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 6, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 1 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 492, 222)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav7:
Control: Classic/Button@2.2.0
Properties:
Text: ="07 用語・FAQ"
OnSelect: =Set(scTopic, 7); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 7, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 7, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 2 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 540, 222)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scNav8:
Control: Classic/Button@2.2.0
Properties:
Text: ="08 出典"
OnSelect: =Set(scTopic, 8); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scContent); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 8, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 8, RGBA(255, 255, 255, 1), RGBA(35, 78, 95, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =If(Parent.Width < 700, 10, 12)
Height: =44
Width: =If(Parent.Width >= 1000, 204, (Parent.Width - 72) / 4)
X: =If(Parent.Width >= 1000, 28, 24 + 3 * ((Parent.Width - 72) / 4 + 8))
Y: =If(Parent.Width >= 1000, 588, 222)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scContent:
Control: Gallery@2.15.0
Variant: VariableHeight
Properties:
Items: |-
=Filter(
Table(
{Topic: 1, Key: "s0p1", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>SECURITY CLOUD / FIELD GUIDE</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>自治体情報セキュリティクラウドを、仕組みから。</h2><p style='margin:10px 0;'>ネットワークの境界で守り、ログで気づき、人の判断で対応する。共同利用するセキュリティ基盤を、構成・対策・運用の3つの視点で読み解きます。</p><p style='margin:10px 0;'><strong style='color:#133442;'>入門ガイド ｜ dorago01 ｜ 2026.09.27</strong></p><p style='margin:10px 0;'>公開情報を基にした一般解説です。図は概念を説明するもので、特定の自治体・事業者の実構成を示しません。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 1, Key: "s2p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>01 / PURPOSE</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>共同で守る、その意味。</h2><p style='margin:10px 0;'>複数の自治体がセキュリティ対策や監視の仕組みを共同利用することで、対策水準や運用体制を整える考え方です。大阪府の公開説明では、監視・ログ分析等の高度な対策に加え、人材の確保や共同利用による費用面の効果が挙げられています。</p><p style='margin:10px 0;'>サービスの対象、機能、運用分担は地域・契約によって異なります。クラウドという名前だけで、すべての業務システムの移設先を意味するわけではありません。</p><p style='margin:10px 0;'><a style='color:#007c91;text-decoration:underline;' href=""https://www.pref.osaka.lg.jp/o060030/it-suishin/securitycloud/index.html"">出典：大阪府の公開説明</a></p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 1, Key: "s3p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>STANDARDIZE</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>そろえる</h2><p style='margin:10px 0;'>共通基盤を通じ、各自治体で実施する対策の水準を整える。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 1, Key: "s3p1", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>COLLABORATE</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>支え合う</h2><p style='margin:10px 0;'>監視や分析の専門性を共同で活用し、対応につなげる。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 1, Key: "s3p2", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>SUSTAIN</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>続ける</h2><p style='margin:10px 0;'>共同利用の効果を生かし、持続的に運用する。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 2, Key: "s4p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>02 / ARCHITECTURE</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>通信と監視を、分けて見る。</h2><p style='margin:10px 0;'>下図はインターネット利用の一例です。庁内のインターネット利用領域から共通の対策基盤を経由して外部サービスへ接続し、その基盤で得られたログやアラートを監視・分析につなげます。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 2, Key: "s4p1", Body: "", Picture: "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22450%22%20viewBox%3D%220%200%201200%20450%22%3E%3Crect%20width%3D%221200%22%20height%3D%22450%22%20rx%3D%2222%22%20fill%3D%22%23f0fbfd%22%2F%3E%3Cg%20font-family%3D%22Meiryo%2CSegoe%20UI%2Csans-serif%22%3E%3Ctext%20x%3D%2236%22%20y%3D%2246%22%20fill%3D%22%2300859c%22%20font-size%3D%2216%22%20letter-spacing%3D%223%22%3EARCHITECTURE%20%2F%20%E9%80%9A%E4%BF%A1%E3%81%A8%E7%9B%A3%E8%A6%96%3C%2Ftext%3E%3Crect%20x%3D%2236%22%20y%3D%2280%22%20width%3D%22330%22%20height%3D%22108%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%2256%22%20y%3D%22118%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E%E8%87%AA%E6%B2%BB%E4%BD%93%E3%81%AE%E5%88%A9%E7%94%A8%E8%80%85%E5%81%B4%3C%2Ftext%3E%3Ctext%20x%3D%2256%22%20y%3D%22150%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E5%88%A9%E7%94%A8%E9%A0%98%E5%9F%9F%3C%2Ftext%3E%3Crect%20x%3D%22435%22%20y%3D%2280%22%20width%3D%22330%22%20height%3D%22108%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22455%22%20y%3D%22118%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E%E5%85%B1%E5%90%8C%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E5%9F%BA%E7%9B%A4%3C%2Ftext%3E%3Ctext%20x%3D%22455%22%20y%3D%22150%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E9%80%9A%E4%BF%A1%E5%88%B6%E5%BE%A1%E3%83%BB%E6%A4%9C%E7%9F%A5%E3%83%BB%E4%BF%9D%E8%AD%B7%3C%2Ftext%3E%3Crect%20x%3D%22835%22%20y%3D%2280%22%20width%3D%22330%22%20height%3D%22108%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22855%22%20y%3D%22118%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E%E5%A4%96%E9%83%A8%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%3C%2Ftext%3E%3Ctext%20x%3D%22855%22%20y%3D%22150%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%3C%2Ftext%3E%3Cpath%20d%3D%22M366%20134%20L427%20134%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M419%20128%20L427%20134%20L419%20140%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M765%20134%20L827%20134%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M819%20128%20L827%20134%20L819%20140%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M600%20188V267%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%227%206%22%2F%3E%3Cpath%20d%3D%22m594%20259%206%208%206-8%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ctext%20x%3D%22618%22%20y%3D%22235%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E3%83%AD%E3%82%B0%E3%83%BB%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%3C%2Ftext%3E%3Crect%20x%3D%22435%22%20y%3D%22274%22%20width%3D%22330%22%20height%3D%22108%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22455%22%20y%3D%22312%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E%E7%9B%A3%E8%A6%96%E3%83%BB%E5%88%86%E6%9E%90%3C%2Ftext%3E%3Ctext%20x%3D%22455%22%20y%3D%22344%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E7%A2%BA%E8%AA%8D%20%E2%86%92%20%E5%88%A4%E6%96%AD%20%E2%86%92%20%E9%96%A2%E4%BF%82%E8%80%85%E3%81%B8%E9%80%A3%E7%B5%A1%3C%2Ftext%3E%3Ctext%20x%3D%2236%22%20y%3D%22420%22%20fill%3D%22%234f6c79%22%20font-size%3D%2215%22%3E%E5%AD%A6%E7%BF%92%E7%94%A8%E3%81%AE%E6%A6%82%E5%BF%B5%E5%9B%B3%E3%80%82%E5%AF%BE%E8%B1%A1%E9%80%9A%E4%BF%A1%E3%83%BB%E6%8E%A5%E7%B6%9A%E7%B5%8C%E8%B7%AF%E3%83%BB%E5%BD%B9%E5%89%B2%E5%88%86%E6%8B%85%E3%81%AF%E5%AE%9F%E8%A8%AD%E8%A8%88%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E7%95%B0%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E", Ratio: 0.375, Alt: "概念図：自治体のインターネット利用領域から共同セキュリティ基盤を経てインターネットへ。基盤の記録を監視・分析へ渡す。", Question: ""},
{Topic: 2, Key: "s4p2", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>図の読み方：</strong>A＝利用者側、B＝共通の対策、C＝外部サービス、D＝監視・分析。横方向は通信、下方向は記録の活用です。</p><p style='margin:10px 0;'>すべての通信が必ず同一経路を通るという意味ではありません。公開Webサイトの保護、クラウドサービスへの接続、対象ログの範囲などは実設計で確認します。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 3, Key: "s5p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>03 / SEGMENTATION</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>三層の対策と、共同基盤の関係。</h2><p style='margin:10px 0;'>千葉市の公開事例では、個人番号利用事務系・LGWAN接続系・インターネット接続系を分けたうえで、インターネット通信の対策に自治体情報セキュリティクラウドを利用しています。</p><p style='margin:10px 0;'>領域を分ける設計と、共同で監視・防御する仕組みは別の視点です。両方を組み合わせて理解すると、役割を混同しにくくなります。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 3, Key: "s5p1", Body: "", Picture: "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22330%22%20viewBox%3D%220%200%201200%20330%22%3E%3Crect%20width%3D%221200%22%20height%3D%22330%22%20rx%3D%2222%22%20fill%3D%22%23f0fbfd%22%2F%3E%3Cg%20font-family%3D%22Meiryo%2CSegoe%20UI%2Csans-serif%22%3E%3Ctext%20x%3D%2236%22%20y%3D%2246%22%20fill%3D%22%2300859c%22%20font-size%3D%2216%22%20letter-spacing%3D%223%22%3ESEGMENTATION%20%2F%20%E9%A0%98%E5%9F%9F%E3%81%AE%E5%88%86%E9%9B%A2%3C%2Ftext%3E%3Crect%20x%3D%2236%22%20y%3D%2285%22%20width%3D%22354%22%20height%3D%22130%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%2256%22%20y%3D%22123%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E%E5%80%8B%E4%BA%BA%E7%95%AA%E5%8F%B7%E5%88%A9%E7%94%A8%E4%BA%8B%E5%8B%99%E7%B3%BB%3C%2Ftext%3E%3Ctext%20x%3D%2256%22%20y%3D%22155%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E5%80%8B%E4%BA%BA%E7%95%AA%E5%8F%B7%E3%82%92%E6%89%B1%E3%81%86%E6%A5%AD%E5%8B%99%E3%81%AE%E9%A0%98%E5%9F%9F%3C%2Ftext%3E%3Crect%20x%3D%22423%22%20y%3D%2285%22%20width%3D%22354%22%20height%3D%22130%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22443%22%20y%3D%22123%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3ELGWAN%E6%8E%A5%E7%B6%9A%E7%B3%BB%3C%2Ftext%3E%3Ctext%20x%3D%22443%22%20y%3D%22155%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E8%A1%8C%E6%94%BF%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%92%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B%E9%A0%98%E5%9F%9F%3C%2Ftext%3E%3Crect%20x%3D%22810%22%20y%3D%2285%22%20width%3D%22354%22%20height%3D%22130%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22830%22%20y%3D%22123%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E6%8E%A5%E7%B6%9A%E7%B3%BB%3C%2Ftext%3E%3Ctext%20x%3D%22830%22%20y%3D%22155%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E5%A4%96%E9%83%A8%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%82%92%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B%E9%A0%98%E5%9F%9F%3C%2Ftext%3E%3Ctext%20x%3D%2236%22%20y%3D%22260%22%20fill%3D%22%23075f73%22%20font-size%3D%2220%22%3E%E9%A0%98%E5%9F%9F%E3%82%92%E5%88%86%E3%81%91%E3%82%8B%E8%A8%AD%E8%A8%88%20%EF%BC%8B%20%E5%85%B1%E5%90%8C%E3%81%A7%E7%9B%A3%E8%A6%96%E3%83%BB%E9%98%B2%E5%BE%A1%E3%81%99%E3%82%8B%E4%BB%95%E7%B5%84%E3%81%BF%3C%2Ftext%3E%3Ctext%20x%3D%2236%22%20y%3D%22298%22%20fill%3D%22%234f6c79%22%20font-size%3D%2215%22%3E%E7%9B%B4%E6%8E%A5%E6%8E%A5%E7%B6%9A%E3%82%92%E7%A4%BA%E3%81%99%E5%9B%B3%E3%81%A7%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%97%E3%81%91%E6%B8%A1%E3%81%97%E3%81%AF%E6%89%BF%E8%AA%8D%E3%81%95%E3%82%8C%E3%81%9F%E6%96%B9%E5%BC%8F%E3%81%A7%E5%88%B6%E5%BE%A1%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E", Ratio: 0.275, Alt: "個人番号利用事務系、LGWAN接続系、インターネット接続系の3領域を区分。領域間の直接接続は示していない。", Question: ""},
{Topic: 3, Key: "s5p2", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'>MY NUMBER＝個人番号利用事務系、LGWAN＝LGWAN接続系、INTERNET＝インターネット接続系。領域間の情報受け渡しは、承認された方式で制御します。</p><p style='margin:10px 0;'>ここでは基本概念のみを紹介しています。採用モデルや最新の制度要件は、各自治体の設計・方針と現行資料で確認してください。</p><p style='margin:10px 0;'><a style='color:#007c91;text-decoration:underline;' href=""https://www.city.chiba.jp/somu/joho/system/securitycloud_01.html"">出典：千葉市の公開事例</a> ／ <a style='color:#007c91;text-decoration:underline;' href=""https://www.j-lis.go.jp/lgwan/about/cms_15039.html"">参考：J-LIS「LGWANについて」</a></p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 4, Key: "s6p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>04 / SECURITY CONTROLS</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>対策は、役割で見分ける。</h2><p style='margin:10px 0;'>以下は関連する一般的な対策の例です。すべての自治体情報セキュリティクラウドが、これらを同じ構成で提供するという意味ではありません。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 4, Key: "s7p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>01 / FILTER</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>通信を制御する</h2><p style='margin:10px 0;'><strong style='color:#133442;'>ファイアウォール</strong></p><p style='margin:10px 0;'>許可する通信条件を定め、不要な通信を制限します。ルールの内容と変更管理が重要です。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 4, Key: "s7p1", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>02 / DETECT</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>不審な通信を捉える</h2><p style='margin:10px 0;'><strong style='color:#133442;'>IDS / IPS</strong></p><p style='margin:10px 0;'>攻撃の兆候を検知する仕組みです。IPSは遮断も担います。通知だけなのか遮断まで行うのかを区別します。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 4, Key: "s7p2", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>03 / PROTECT</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>Webを保護する</h2><p style='margin:10px 0;'><strong style='color:#133442;'>WAF</strong></p><p style='margin:10px 0;'>Webアプリケーションへの通信を検査し、攻撃の影響を抑えます。アプリ自体の脆弱性修正も必要です。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 4, Key: "s8p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>04 / OBSERVE</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>記録を判断につなげる</h2><p style='margin:10px 0;'><strong style='color:#133442;'>ログ監視・分析</strong></p><p style='margin:10px 0;'>単一の警告だけで結論を出さず、時刻、対象、通信先、実際の動作を突き合わせます。「検知した」と「被害が確定した」は別です。</p><p style='margin:10px 0;'>確認例：いつ、どの対象で、何が観測され、業務影響があるか。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 4, Key: "s8p1", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>05 / MAINTAIN</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>対策を維持する</h2><p style='margin:10px 0;'><strong style='color:#133442;'>設定・更新・運用</strong></p><p style='margin:10px 0;'>導入後も設定の見直しや更新を続け、連絡先・判断者・対応手順を明確にします。機器を置くだけで対応が完結するわけではありません。</p><p style='margin:10px 0;'><a style='color:#007c91;text-decoration:underline;' href=""https://www.ipa.go.jp/security/vuln/websecurity/sitecheck.html"">参考：IPA「安全なウェブサイトの運用管理に向けての20ヶ条」</a></p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 5, Key: "s9p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>05 / OPERATIONS</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>検知してからが、運用の仕事。</h2><p style='margin:10px 0;'>次の図は、対応の流れを学ぶための一般例です。実際の判断者、連絡経路、遮断・復旧の基準は所属組織の手順に従います。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 5, Key: "s9p1", Body: "", Picture: "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22300%22%20viewBox%3D%220%200%201200%20300%22%3E%3Crect%20width%3D%221200%22%20height%3D%22300%22%20rx%3D%2222%22%20fill%3D%22%23f0fbfd%22%2F%3E%3Cg%20font-family%3D%22Meiryo%2CSegoe%20UI%2Csans-serif%22%3E%3Ctext%20x%3D%2236%22%20y%3D%2246%22%20fill%3D%22%2300859c%22%20font-size%3D%2216%22%20letter-spacing%3D%223%22%3EOPERATIONS%20%2F%20%E6%A4%9C%E7%9F%A5%E3%81%AE%E5%85%88%E3%82%92%E3%81%A4%E3%81%AA%E3%81%90%3C%2Ftext%3E%3Crect%20x%3D%2230%22%20y%3D%2290%22%20width%3D%22250%22%20height%3D%22110%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%2250%22%20y%3D%22128%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E01%20%E6%A4%9C%E7%9F%A5%3C%2Ftext%3E%3Ctext%20x%3D%2250%22%20y%3D%22160%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E4%BA%8B%E8%B1%A1%E3%81%A8%E8%A8%BC%E6%8B%A0%E3%82%92%E8%A8%98%E9%8C%B2%3C%2Ftext%3E%3Cpath%20d%3D%22M280%20145%20L319%20145%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M311%20139%20L319%20145%20L311%20151%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%22328%22%20y%3D%2290%22%20width%3D%22250%22%20height%3D%22110%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22348%22%20y%3D%22128%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E02%20%E8%A9%95%E4%BE%A1%3C%2Ftext%3E%3Ctext%20x%3D%22348%22%20y%3D%22160%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E5%BD%B1%E9%9F%BF%E3%81%A8%E7%B7%8A%E6%80%A5%E6%80%A7%E3%82%92%E6%95%B4%E7%90%86%3C%2Ftext%3E%3Cpath%20d%3D%22M578%20145%20L617%20145%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M609%20139%20L617%20145%20L609%20151%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%22626%22%20y%3D%2290%22%20width%3D%22250%22%20height%3D%22110%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22646%22%20y%3D%22128%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E03%20%E5%B0%81%E3%81%98%E8%BE%BC%E3%82%81%3C%2Ftext%3E%3Ctext%20x%3D%22646%22%20y%3D%22160%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E6%89%BF%E8%AA%8D%E6%89%8B%E9%A0%86%E3%81%A7%E6%8B%A1%E5%A4%A7%E3%82%92%E6%8A%91%E5%88%B6%3C%2Ftext%3E%3Cpath%20d%3D%22M876%20145%20L915%20145%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M907%20139%20L915%20145%20L907%20151%22%20stroke%3D%22%2300859c%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%22924%22%20y%3D%2290%22%20width%3D%22250%22%20height%3D%22110%22%20rx%3D%2216%22%20fill%3D%22white%22%20stroke%3D%22%2399dfe9%22%2F%3E%3Ctext%20x%3D%22944%22%20y%3D%22128%22%20fill%3D%22%23075f73%22%20font-size%3D%2222%22%20font-weight%3D%22700%22%3E04%20%E5%BE%A9%E6%97%A7%E3%83%BB%E6%94%B9%E5%96%84%3C%2Ftext%3E%3Ctext%20x%3D%22944%22%20y%3D%22160%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E7%A2%BA%E8%AA%8D%E3%83%BB%E5%BE%A9%E6%97%A7%E3%83%BB%E6%8C%AF%E3%82%8A%E8%BF%94%E3%82%8A%3C%2Ftext%3E%3Ctext%20x%3D%2236%22%20y%3D%22255%22%20fill%3D%22%234f6c79%22%20font-size%3D%2216%22%3E%E4%B8%80%E8%88%AC%E7%9A%84%E3%81%AA%E6%B5%81%E3%82%8C%E3%81%AE%E4%BE%8B%E3%80%82%E5%88%A4%E6%96%AD%E8%80%85%E3%83%BB%E9%80%A3%E7%B5%A1%E7%B5%8C%E8%B7%AF%E3%83%BB%E5%AE%9F%E6%96%BD%E5%9F%BA%E6%BA%96%E3%81%AF%E6%89%80%E5%B1%9E%E7%B5%84%E7%B9%94%E3%81%AE%E6%89%8B%E9%A0%86%E3%81%AB%E5%BE%93%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E", Ratio: 0.25, Alt: "一般的な対応の流れ：検知、評価、封じ込め、復旧。復旧後の振り返りで改善する。", Question: ""},
{Topic: 5, Key: "s9p2", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><ol style='padding-left:24px;list-style-type:decimal;'><li><strong style='color:#133442;'>検知：</strong>アラートや通報を受け、時刻・対象・証拠を記録する。</li><li><strong style='color:#133442;'>評価：</strong>影響範囲と緊急性を整理し、関係者へ連絡する。</li><li><strong style='color:#133442;'>封じ込め：</strong>承認された手順で被害の拡大を抑える。業務影響も考慮する。</li><li><strong style='color:#133442;'>復旧・改善：</strong>原因への対応と確認を経て復旧し、検知や手順を見直す。</li></ol><p style='margin:10px 0;'><a style='color:#007c91;text-decoration:underline;' href=""https://www.ipa.go.jp/security/economics/practices_navi/practice226.html"">参考：IPA「インシデント発生時の緊急対応体制の整備」</a></p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 6, Key: "s10p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>CASE STUDY</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>ケース：不審な通信を検知</h2><p style='margin:10px 0;'><strong style='color:#133442;'>架空の学習例</strong></p><p style='margin:10px 0;'>ある端末から不審な宛先への通信を示す警告が届きました。警告だけで感染と決めず、対象端末、通信の成否、関連ログ、利用者の状況を確認します。</p><p style='margin:10px 0;'>必要な証拠を保全し、定められた経路で報告します。端末隔離などの操作は組織の判断・手順に従います。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 6, Key: "s10p1", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>HANDOVER / 編集上の整理例</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>引き継ぎに残す5項目</h2><ul style='padding-left:24px;list-style-type:disc;'><li>いつ起きたか：検知時刻と事象の時刻</li><li>どこで起きたか：対象端末・サービス</li><li>何が分かったか：確認済みの事実</li><li>何をしたか：対応内容と結果</li><li>何が残るか：未確認事項・次の担当</li></ul><p style='margin:10px 0;'>事実と推測を分けることで、次の担当者が判断しやすくなります。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 7, Key: "s11p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>06 / GLOSSARY</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>用語の入口</h2><h3 style='color:#007c91;font-size:18px;'>LGWAN</h3><p style='margin:10px 0;'>地方公共団体を相互に接続する行政向けのネットワーク。関連サービスの利用基盤にもなります。</p><h3 style='color:#007c91;font-size:18px;'>アラート</h3><p style='margin:10px 0;'>確認すべき事象を知らせる通知。通知されたこと自体が被害確定を意味するわけではありません。</p><h3 style='color:#007c91;font-size:18px;'>ログ</h3><p style='margin:10px 0;'>通信や操作などの記録。事象の確認や調査に利用します。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""},
{Topic: 7, Key: "faq1", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'>端末側の確認、業務影響の判断、関係者との連携などが残ります。担当範囲は契約・運用設計で確認します。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: "共同化したら各自治体の作業はなくなる？"},
{Topic: 7, Key: "faq2", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'>行政ネットワークと、共同のセキュリティ対策・監視の仕組みという違いがあります。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: "LGWANとセキュリティクラウドは同じ？"},
{Topic: 7, Key: "faq3", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'>対策の維持、利用者側の管理、検知後の対応を組み合わせてリスクを下げます。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: "導入すれば絶対に安全？"},
{Topic: 8, Key: "s12p0", Body: "<div style='position:relative;padding:20px 24px;color:#405f6e;background-color:#ffffff;background-image:linear-gradient(120deg,#ffffff,#f5fcfe);border:1px solid #c4e2e9;border-left:4px solid #35ccdc;border-radius:16px;box-shadow:0 5px 18px rgba(13,95,115,0.06);font-family:Segoe UI,Meiryo,sans-serif;font-size:16px;line-height:1.8;'><p style='margin:10px 0;'><strong style='color:#133442;'>07 / NEXT STEP</strong></p><h2 style='color:#133442;font-size:24px;margin:8px 0 16px;'>理解を、次の確認につなげる。</h2><p style='margin:10px 0;'>「共同化する範囲」「通信の経路」「検知後の役割分担」。この3点を実際の資料で確認すると、全体像と日々の作業がつながります。</p><h3 style='color:#007c91;font-size:18px;'>出典・参考資料</h3><ul style='padding-left:24px;list-style-type:disc;'><li><a style='color:#007c91;text-decoration:underline;' href=""https://www.pref.osaka.lg.jp/o060030/it-suishin/securitycloud/index.html"">大阪府：大阪版自治体情報セキュリティクラウド</a></li><li><a style='color:#007c91;text-decoration:underline;' href=""https://www.city.chiba.jp/somu/joho/system/securitycloud_01.html"">千葉市：千葉県自治体情報セキュリティクラウド</a></li><li><a style='color:#007c91;text-decoration:underline;' href=""https://www.j-lis.go.jp/lgwan/about/cms_15039.html"">J-LIS：LGWANについて</a></li><li><a style='color:#007c91;text-decoration:underline;' href=""https://www.ipa.go.jp/security/vuln/websecurity/sitecheck.html"">IPA：安全なウェブサイトの運用管理に向けての20ヶ条</a></li><li><a style='color:#007c91;text-decoration:underline;' href=""https://www.ipa.go.jp/security/economics/practices_navi/practice226.html"">IPA：インシデント発生時の緊急対応体制の整備</a></li></ul><p style='margin:10px 0;'>資料確認日：2026年9月27日。出典の説明を基に要約し、概念図・ケース・引き継ぎ項目は学習用に構成しました。個別案件の運用マニュアルや最新要件の網羅的な解説ではありません。</p></div>", Picture: "", Ratio: 0, Alt: "", Question: ""}
),
Topic = Coalesce(scTopic, 0)
)
AccessibleLabel: ="選択した章の解説"
ItemAccessibleLabel: =If(IsBlank(ThisItem.Question), If(IsBlank(ThisItem.Alt), "解説カード", ThisItem.Alt), ThisItem.Question)
Width: =If((Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), Parent.Width - Self.X - 360, Parent.Width - Self.X - 24)
Height: =Parent.Height - Self.Y - 48
X: =If(Parent.Width >= 1000, 264, 20)
Y: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 0 || (Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), If(Parent.Width >= 1000, 252, 378), scStoryVisual.Y + scStoryVisual.Height + 52)
TemplateSize: =100
TemplatePadding: =12
Fill: =RGBA(245, 251, 253, 1)
TemplateFill: =RGBA(245, 251, 253, 0)
ShowScrollbar: =true
Selectable: =false
DelayItemLoading: =false
TabIndex: =0
Visible: =Coalesce(scTopic, 0) <> 0
Children:
- scFaqButton:
Control: Classic/Button@2.2.0
Properties:
Text: =If(scFaqKey = ThisItem.Key, "− ", "＋ ") & ThisItem.Question
OnSelect: =Set(scFaqKey, If(scFaqKey = ThisItem.Key, "", ThisItem.Key))
Visible: =!IsBlank(ThisItem.Question)
Width: =Parent.TemplateWidth - 16
Height: =If(IsBlank(ThisItem.Question), 0, If(Parent.TemplateWidth < 650, 92, 64))
X: =0
Y: =0
Fill: =RGBA(255, 255, 255, 1)
Color: =RGBA(0, 133, 156, 1)
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
BorderColor: =RGBA(196, 226, 233, 1)
Size: =If(Parent.TemplateWidth < 650, 12, 15)
Align: =Align.Left
PaddingLeft: =16
PaddingRight: =16
TabIndex: =0
- scDiagram:
Control: Image@2.2.3
Properties:
Image: =ThisItem.Picture
AccessibleLabel: =ThisItem.Alt
Visible: =!IsBlank(ThisItem.Picture)
ImagePosition: =ImagePosition.Fit
Width: =Parent.TemplateWidth - 16
Height: =If(IsBlank(ThisItem.Picture), 0, Self.Width * ThisItem.Ratio)
X: =0
Y: =0
- scBody:
Control: HtmlViewer@2.1.0
Properties:
HtmlText: =If(IsBlank(ThisItem.Question) || scFaqKey = ThisItem.Key, ThisItem.Body, "")
AutoHeight: =true
Height: =1
Visible: =!IsBlank(ThisItem.Body) && (IsBlank(ThisItem.Question) || scFaqKey = ThisItem.Key)
Width: =Parent.TemplateWidth - 16
X: =0
Y: =scFaqButton.Height + scDiagram.Height
Color: =RGBA(19, 52, 66, 1)
Fill: =RGBA(0, 0, 0, 0)
Size: =12
PaddingTop: =0
PaddingBottom: =0
PaddingLeft: =0
PaddingRight: =0
- scRowEnd:
Control: Rectangle@2.3.0
Properties:
Fill: =RGBA(0, 0, 0, 0)
Height: =1
Width: =1
X: =0
Y: =scFaqButton.Height + scDiagram.Height + If(scBody.Visible, scBody.Height, 0) + 12
- scFooter:
Control: Label@2.5.1
Properties:
Text: ="dorago01 / PUBLIC FIELD GUIDE FLEXIBLE CG EDITION 04.1"
Color: =RGBA(79, 108, 121, 1)
Size: =9
Width: =Parent.Width - 48
Height: =30
X: =24
Y: =Parent.Height - 34
- scLightSweep:
Control: Rectangle@2.3.0
Properties:
Fill: =RGBA(94, 228, 237, 1)
Width: =100
Height: =4
X: =(Parent.Width - Self.Width) * (0.5 - 0.5 * Cos(2 * Pi() * scAmbient.Value / scAmbient.Duration))
Y: =0
- scMotionButton:
Control: Classic/Button@2.2.0
Properties:
Text: =If(Coalesce(scMotionPaused, false), "動きを再開 ▶", "動きを停止 Ⅱ")
OnSelect: =Set(scMotionPaused, !Coalesce(scMotionPaused, false))
Width: =160
Height: =34
X: =Parent.Width - 188
Y: =20
Size: =10
Fill: =RGBA(255, 255, 255, 1)
Color: =RGBA(0, 100, 121, 1)
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
BorderThickness: =1
BorderColor: =RGBA(153, 223, 233, 1)
PressedColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(0, 133, 156, 1)
RadiusTopLeft: =17
RadiusTopRight: =17
RadiusBottomLeft: =17
RadiusBottomRight: =17
TabIndex: =0
- scChapterHeading:
Control: Label@2.5.1
Properties:
Text: =If(Coalesce(scTopic, 0) = 0, "WELCOME / 仕組みを、動きから。", "FIELD GUIDE / " & Text(scTopic, "00") & " — " & Switch(scTopic, 1, "共同で守る、その意味。", 2, "通信と監視を、分けて見る。", 3, "領域と共同基盤の関係。", 4, "対策を、役割で見分ける。", 5, "検知の先をつなぐ。", 6, "現場の判断を考える。", 7, "言葉から理解を深める。", 8, "次の確認につなげる。"))
Color: =RGBA(0, 100, 121, 1)
FontWeight: =FontWeight.Semibold
Size: =12
Width: =Parent.Width - Self.X - 24
Height: =40
X: =If(Parent.Width >= 1000, 264, 24)
Y: =If(Parent.Width >= 1000, 158, 282)
Visible: =true
- scMenuHeading:
Control: Label@2.5.1
Properties:
Text: ="EXPLORE / 目次"
Color: =RGBA(79, 108, 121, 1)
Size: =10
Width: =204
Height: =40
X: =28
Y: =158
Visible: =Parent.Width >= 1000
- scHomeButton:
Control: Classic/Button@2.2.0
Properties:
Text: ="⌂ ホームへ"
OnSelect: =Set(scTopic, 0); Set(scCGPosition, Blank()); Set(scFaqKey, ""); Set(scShowCG, false); Reset(scReveal)
Fill: =If(Coalesce(scTopic, 0) = 0, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scTopic, 0) = 0, RGBA(255, 255, 255, 1), RGBA(0, 100, 121, 1))
BorderColor: =RGBA(0, 133, 156, 1)
BorderThickness: =0
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
PressedFill: =RGBA(0, 133, 156, 1)
PressedColor: =RGBA(255, 255, 255, 1)
FocusedBorderColor: =RGBA(0, 100, 121, 1)
FocusedBorderThickness: =3
Size: =10
Height: =36
Width: =If(Parent.Width >= 1000, 204, 130)
X: =If(Parent.Width >= 1000, 28, Parent.Width - 330)
Y: =If(Parent.Width >= 1000, 202, 20)
RadiusTopLeft: =8
RadiusTopRight: =8
RadiusBottomLeft: =8
RadiusBottomRight: =8
TabIndex: =0
Align: =Align.Left
PaddingLeft: =12
- scStoryVisual:
Control: Image@2.2.3
Properties:
Image: |-
=With(
{t: 2 * Pi() * scAmbient.Value / scAmbient.Duration, mode: If(Coalesce(scTopic, 0) = 2, 2, 1)},
"data:image/svg+xml;utf8," & EncodeUrl(
Switch(Coalesce(scTopic, 0),
2,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">02 / TRAFFIC & OBSERVATION</text>" &
"<ellipse cx=""150"" cy=""237"" rx=""72"" ry=""18"" fill=""#cceff5""/><path d=""M86 195l64 -35 64 35 -64 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M86 195v-65l64 -35 64 35v65l-64 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M150 165l64 -35v65l-64 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M86 130l64 -35 64 35 -64 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""150"" y=""283"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">利用者側</text><text x=""150"" y=""310"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">インターネット利用領域</text>" &
"<ellipse cx=""500"" cy=""237"" rx=""72"" ry=""18"" fill=""#cceff5""/><path d=""M436 195l64 -35 64 35 -64 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M436 195v-65l64 -35 64 35v65l-64 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M500 165l64 -35v65l-64 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M436 130l64 -35 64 35 -64 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""500"" y=""283"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">共同基盤</text><text x=""500"" y=""310"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">通信制御・検知・保護</text>" &
"<ellipse cx=""850"" cy=""237"" rx=""72"" ry=""18"" fill=""#cceff5""/><path d=""M786 195l64 -35 64 35 -64 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M786 195v-65l64 -35 64 35v65l-64 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M850 165l64 -35v65l-64 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M786 130l64 -35 64 35 -64 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""850"" y=""283"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">外部サービス</text><text x=""850"" y=""310"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">インターネット</text>" &
"<path d=""M220 205H426M575 205H775"" stroke=""#59c9db"" stroke-width=""3"" stroke-dasharray=""7 6""/><path d=""M500 235V335"" stroke=""#59c9db"" stroke-width=""2"" stroke-dasharray=""4 5""/>" &
"<circle cx=""" &
Text(220 + (206) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(575 + (200) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(220 + (206) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(575 + (200) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(500 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(235 + (100) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<rect x=""373"" y=""342"" width=""254"" height=""45"" rx=""12"" fill=""white"" stroke=""#70ccdf""/><text x=""500"" y=""370"" text-anchor=""middle"" font-size=""17"" fill=""#007e99"">ログ・アラート → 監視・分析</text>" &
"</g></svg>",
3,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">03 / SEGMENTATION</text>" &
"<rect x=""41"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""white"" fill-opacity=""0.6"" stroke=""#b1e5ef""/>" &
"<ellipse cx=""178"" cy=""249"" rx=""73"" ry=""18"" fill=""#cceff5""/><path d=""M113 207l65 -35 65 35 -65 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M113 207v-65l65 -35 65 35v65l-65 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M178 177l65 -35v65l-65 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M113 142l65 -35 65 35 -65 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""178"" y=""295"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">個人番号利用事務系</text><text x=""178"" y=""322"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">個人番号を扱う領域</text>" &
"<rect x=""41"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""none"" stroke=""#00a7c6"" stroke-width=""2"" opacity=""" &
Text(0.15 + 0.6 * Power((1 + Sin(t * 2 - 0))/2, 3), "0.00", "en-US") &
"""/>" &
"<rect x=""363"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""white"" fill-opacity=""0.6"" stroke=""#b1e5ef""/>" &
"<ellipse cx=""500"" cy=""249"" rx=""73"" ry=""18"" fill=""#cceff5""/><path d=""M435 207l65 -35 65 35 -65 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M435 207v-65l65 -35 65 35v65l-65 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M500 177l65 -35v65l-65 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M435 142l65 -35 65 35 -65 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""500"" y=""295"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">LGWAN接続系</text><text x=""500"" y=""322"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">行政ネットワークの領域</text>" &
"<rect x=""363"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""none"" stroke=""#00a7c6"" stroke-width=""2"" opacity=""" &
Text(0.15 + 0.6 * Power((1 + Sin(t * 2 - 2))/2, 3), "0.00", "en-US") &
"""/>" &
"<rect x=""685"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""white"" fill-opacity=""0.6"" stroke=""#b1e5ef""/>" &
"<ellipse cx=""822"" cy=""249"" rx=""73"" ry=""18"" fill=""#cceff5""/><path d=""M757 207l65 -35 65 35 -65 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M757 207v-65l65 -35 65 35v65l-65 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M822 177l65 -35v65l-65 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M757 142l65 -35 65 35 -65 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""822"" y=""295"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">インターネット接続系</text><text x=""822"" y=""322"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">外部サービスを利用する領域</text>" &
"<rect x=""685"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""none"" stroke=""#00a7c6"" stroke-width=""2"" opacity=""" &
Text(0.15 + 0.6 * Power((1 + Sin(t * 2 - 4))/2, 3), "0.00", "en-US") &
"""/>" &
"<text x=""500"" y=""386"" text-anchor=""middle"" font-size=""15"" fill=""#4f7788"">領域の分離を表す概念図。領域間の通信経路を示していません。</text>" &
"</g></svg>",
4,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">04 / SECURITY CONTROLS</text>" &
"<path d=""M120 120L195 94l75 26v85c0 55-42 93-75 114-33-21-75-59-75-114Z"" fill=""url(#g)"" stroke=""#3bbbd4"" stroke-width=""2""/><path d=""m163 202 22 24 44-55"" fill=""none"" stroke=""#00849f"" stroke-width=""5""/><text x=""195"" y=""357"" text-anchor=""middle"" fill=""#135167"" font-size=""20"">ファイアウォール</text><text x=""195"" y=""384"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">許可する通信を制御</text>" &
"<path d=""M147 " &
Text(135 + 110 * (0.5 + 0.5 * Sin(t * 2 + 0)), "0.00", "en-US") &
"h96"" stroke=""white"" stroke-width=""3"" opacity=""0.85""/>" &
"<path d=""M425 120L500 94l75 26v85c0 55-42 93-75 114-33-21-75-59-75-114Z"" fill=""url(#g)"" stroke=""#3bbbd4"" stroke-width=""2""/><path d=""m468 202 22 24 44-55"" fill=""none"" stroke=""#00849f"" stroke-width=""5""/><text x=""500"" y=""357"" text-anchor=""middle"" fill=""#135167"" font-size=""20"">IDS / IPS</text><text x=""500"" y=""384"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">兆候を検知・必要に応じて遮断</text>" &
"<path d=""M452 " &
Text(135 + 110 * (0.5 + 0.5 * Sin(t * 2 + 1)), "0.00", "en-US") &
"h96"" stroke=""white"" stroke-width=""3"" opacity=""0.85""/>" &
"<path d=""M730 120L805 94l75 26v85c0 55-42 93-75 114-33-21-75-59-75-114Z"" fill=""url(#g)"" stroke=""#3bbbd4"" stroke-width=""2""/><path d=""m773 202 22 24 44-55"" fill=""none"" stroke=""#00849f"" stroke-width=""5""/><text x=""805"" y=""357"" text-anchor=""middle"" fill=""#135167"" font-size=""20"">WAF</text><text x=""805"" y=""384"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">Webへの攻撃を検査</text>" &
"<path d=""M757 " &
Text(135 + 110 * (0.5 + 0.5 * Sin(t * 2 + 2)), "0.00", "en-US") &
"h96"" stroke=""white"" stroke-width=""3"" opacity=""0.85""/>" &
"</g></svg>",
5,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">05 / INCIDENT RESPONSE</text>" &
"<path d=""M132 211H868"" stroke=""#9bdeeb"" stroke-width=""3""/>" &
"<circle cx=""132"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""132"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 0, "1", "0.1") &
"""/><text x=""132"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">01</text><text x=""132"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">検知</text><text x=""132"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">時刻・対象・証拠を記録</text>" &
"<circle cx=""378"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""378"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 1, "1", "0.1") &
"""/><text x=""378"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">02</text><text x=""378"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">評価</text><text x=""378"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">影響範囲と緊急性を確認</text>" &
"<circle cx=""624"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""624"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 2, "1", "0.1") &
"""/><text x=""624"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">03</text><text x=""624"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">封じ込め</text><text x=""624"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">手順に沿って拡大を抑制</text>" &
"<circle cx=""868"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""868"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 3, "1", "0.1") &
"""/><text x=""868"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">04</text><text x=""868"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">復旧・改善</text><text x=""868"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">確認・復旧・振り返り</text>" &
"<text x=""500"" y=""394"" text-anchor=""middle"" font-size=""14"" fill=""#4f7788"">一般的な流れの例。実際の判断・操作は所属組織の手順に従います。</text>" &
"</g></svg>",
6,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">06 / CASE STUDY</text>" &
"<ellipse cx=""215"" cy=""248"" rx=""83"" ry=""18"" fill=""#cceff5""/><path d=""M140 206l75 -35 75 35 -75 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M140 206v-65l75 -35 75 35v65l-75 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M215 176l75 -35v65l-75 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M140 141l75 -35 75 35 -75 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""215"" y=""294"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">対象端末</text><text x=""215"" y=""321"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">警告を受けた端末を確認</text>" &
"<path d=""M315 213H620"" stroke=""#60c9dc"" stroke-dasharray=""6 6"" stroke-width=""3""/>" &
"<circle cx=""" &
Text(315 + (300) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(213 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<rect x=""641"" y=""110"" width=""290"" height=""210"" rx=""20"" fill=""white"" stroke=""#70cedf""/><text x=""666"" y=""146"" font-size=""18"" fill=""#007f99"">確認すること</text>" &
"<circle cx=""674"" cy=""179"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""185"" fill=""#365f72"" font-size=""16"">対象・時刻</text>" &
"<circle cx=""674"" cy=""213"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""219"" fill=""#365f72"" font-size=""16"">通信の成否</text>" &
"<circle cx=""674"" cy=""247"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""253"" fill=""#365f72"" font-size=""16"">関連ログ</text>" &
"<circle cx=""674"" cy=""281"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""287"" fill=""#365f72"" font-size=""16"">利用者の状況</text>" &
"<circle cx=""500"" cy=""213"" r=""" &
Text(38 + 7 * Sin(t * 2), "0.00", "en-US") &
""" fill=""#fff4dc"" stroke=""#b77b0c""/><text x=""500"" y=""225"" text-anchor=""middle"" font-size=""35"" fill=""#996409"">!</text><text x=""500"" y=""378"" text-anchor=""middle"" font-size=""18"" fill=""#135167"">警告を受ける → 事実を確認する → 定められた経路で報告</text><text x=""500"" y=""402"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">架空の学習例。警告だけで被害を確定しない。</text>" &
"</g></svg>",
7,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">07 / GLOSSARY & FAQ</text>" &
"<g transform=""translate(200 " &
Text(206 + 8 * Sin(t * 2 + 0), "0.00", "en-US") &
")""><rect x=""-125"" y=""-90"" width=""250"" height=""180"" rx=""22"" fill=""white"" stroke=""#82d3e4""/><rect x=""-100"" y=""-66"" width=""45"" height=""5"" rx=""2"" fill=""#18b8cf""/><text x=""0"" y=""-10"" text-anchor=""middle"" font-size=""26"" fill=""#087f99"">LGWAN</text><text x=""0"" y=""36"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">行政向けのネットワーク</text></g>" &
"<g transform=""translate(500 " &
Text(206 + 8 * Sin(t * 2 + 1), "0.00", "en-US") &
")""><rect x=""-125"" y=""-90"" width=""250"" height=""180"" rx=""22"" fill=""white"" stroke=""#82d3e4""/><rect x=""-100"" y=""-66"" width=""45"" height=""5"" rx=""2"" fill=""#18b8cf""/><text x=""0"" y=""-10"" text-anchor=""middle"" font-size=""26"" fill=""#087f99"">アラート</text><text x=""0"" y=""36"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">確認すべき事象を知らせる通知</text></g>" &
"<g transform=""translate(800 " &
Text(206 + 8 * Sin(t * 2 + 2), "0.00", "en-US") &
")""><rect x=""-125"" y=""-90"" width=""250"" height=""180"" rx=""22"" fill=""white"" stroke=""#82d3e4""/><rect x=""-100"" y=""-66"" width=""45"" height=""5"" rx=""2"" fill=""#18b8cf""/><text x=""0"" y=""-10"" text-anchor=""middle"" font-size=""26"" fill=""#087f99"">ログ</text><text x=""0"" y=""36"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">通信や操作などの記録</text></g>" &
"<text x=""500"" y=""366"" text-anchor=""middle"" font-size=""16"" fill=""#4f7788"">下の解説で用語を確認し、FAQの質問を開いて理解を深めます。</text>" &
"</g></svg>",
8,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">08 / SOURCES & NEXT STEP</text>" &
"<g transform=""translate(270 " &
Text(220 + 6 * Sin(t * 2 + 0), "0.00", "en-US") &
")""><path d=""M-70 -100H38l32 32V100H-70Z"" fill=""white"" stroke=""#82d3e4""/><path d=""M38 -100v32h32"" fill=""#d6f5fa"" stroke=""#82d3e4""/>" &
"<path d=""M-46 -35H40"" stroke=""#19b9cf"" stroke-width=""5""/>" &
"<path d=""M-46 -11H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 13H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 37H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 61H12"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"</g>" &
"<g transform=""translate(500 " &
Text(220 + 6 * Sin(t * 2 + 1), "0.00", "en-US") &
")""><path d=""M-70 -100H38l32 32V100H-70Z"" fill=""white"" stroke=""#82d3e4""/><path d=""M38 -100v32h32"" fill=""#d6f5fa"" stroke=""#82d3e4""/>" &
"<path d=""M-46 -35H40"" stroke=""#19b9cf"" stroke-width=""5""/>" &
"<path d=""M-46 -11H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 13H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 37H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 61H12"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"</g>" &
"<g transform=""translate(730 " &
Text(220 + 6 * Sin(t * 2 + 2), "0.00", "en-US") &
")""><path d=""M-70 -100H38l32 32V100H-70Z"" fill=""white"" stroke=""#82d3e4""/><path d=""M38 -100v32h32"" fill=""#d6f5fa"" stroke=""#82d3e4""/>" &
"<path d=""M-46 -35H40"" stroke=""#19b9cf"" stroke-width=""5""/>" &
"<path d=""M-46 -11H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 13H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 37H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 61H12"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"</g>" &
"<text x=""500"" y=""371"" text-anchor=""middle"" font-size=""18"" fill=""#135167"">共同化する範囲・通信の経路・検知後の役割分担を確認する</text><text x=""500"" y=""402"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">下の出典リンクから各機関の公開資料を参照できます。</text>" &
"</g></svg>",
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""880"" height=""480"" viewBox=""0 0 880 480""><defs><linearGradient id=""glass"" x1=""0"" y1=""0"" x2=""1"" y2=""1""><stop stop-color=""#ffffff"" stop-opacity=""0.95""/><stop offset=""1"" stop-color=""#7adce9"" stop-opacity=""0.66""/></linearGradient><linearGradient id=""side""><stop stop-color=""#19afc7"" stop-opacity=""0.75""/><stop offset=""1"" stop-color=""#0a637f"" stop-opacity=""0.9""/></linearGradient><radialGradient id=""halo""><stop stop-color=""#29d2e7"" stop-opacity=""0.3""/><stop offset=""1"" stop-color=""#29d2e7"" stop-opacity=""0""/></radialGradient></defs><rect width=""880"" height=""480"" fill=""#f5fcfe""/><ellipse cx=""440"" cy=""292"" rx=""360"" ry=""177"" fill=""#26c8df"" opacity=""0.07""/><g stroke=""#b9e9f0"" stroke-width=""1"" fill=""none"" opacity=""0.6"">" &
"<path d=""M-107 175l390 210M363 175l-390 210""/>" &
"<path d=""M-55 175l390 210M415 175l-390 210""/>" &
"<path d=""M-3 175l390 210M467 175l-390 210""/>" &
"<path d=""M49 175l390 210M519 175l-390 210""/>" &
"<path d=""M101 175l390 210M571 175l-390 210""/>" &
"<path d=""M153 175l390 210M623 175l-390 210""/>" &
"<path d=""M205 175l390 210M675 175l-390 210""/>" &
"<path d=""M257 175l390 210M727 175l-390 210""/>" &
"<path d=""M309 175l390 210M779 175l-390 210""/>" &
"<path d=""M361 175l390 210M831 175l-390 210""/>" &
"<path d=""M413 175l390 210M883 175l-390 210""/>" &
"<path d=""M465 175l390 210M935 175l-390 210""/>" &
"<path d=""M517 175l390 210M987 175l-390 210""/>" &
"</g><ellipse cx=""440"" cy=""275"" rx=""172"" ry=""66"" fill=""#effcff"" stroke=""#82d9e8""/><ellipse cx=""440"" cy=""281"" rx=""160"" ry=""57"" fill=""white"" fill-opacity=""0.7"" stroke=""#c0eff5""/>" &
"<g transform=""translate(440 273) scale(1 0.36) rotate(" &
Text(t * 57.29577951 * 1 + 0, "0.00", "en-US") &
")""><circle r=""181"" fill=""none"" stroke=""#22bfd6"" stroke-width=""2"" stroke-dasharray=""85 35 8 45""/></g>" &
"<g transform=""translate(440 273) scale(1 0.36) rotate(" &
Text(t * 57.29577951 * -1 + 90, "0.00", "en-US") &
")""><circle r=""206"" fill=""none"" stroke=""#79dbe7"" stroke-width=""1"" stroke-dasharray=""10 20""/></g>" &
"<g transform=""translate(440 273) scale(1 0.36) rotate(" &
Text(t * 57.29577951 * 1 + 180, "0.00", "en-US") &
")""><circle r=""231"" fill=""none"" stroke=""#b2e9f0"" stroke-width=""1"" stroke-dasharray=""45 16""/></g>" &
"<path d=""M125 239 Q282.5 269 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M125 239 Q282.5 269 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""125"" cy=""246"" rx=""65"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M62 239l63 -23 63 23 -63 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(125 " &
Text(219 + 7 * Sin(t * 2 + 0), "0.00", "en-US") &
")"">" &
"<path d=""M-55 0L0 -23.099999999999998 55 0 0 23.099999999999998Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-55 0L0 23.099999999999998V-23.650000000000002L-55 -46.75Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 23.099999999999998L55 0V-46.75L0 -23.650000000000002Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-55 -46.75L0 -69.85 55 -46.75 0 -23.650000000000002Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-46 -43.75L-7 -26.650000000000002"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-76.75"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">LOCAL A</text></g>" &
"<path d=""M703 149 Q571.5 179 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M703 149 Q571.5 179 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""703"" cy=""156"" rx=""53"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M652 149l51 -23 51 23 -51 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(703 " &
Text(129 + 7 * Sin(t * 2 + 1), "0.00", "en-US") &
")"">" &
"<path d=""M-43 0L0 -18.06 43 0 0 18.06Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-43 0L0 18.06V-18.49L-43 -36.55Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 18.06L43 0V-36.55L0 -18.49Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-43 -36.55L0 -54.61 43 -36.55 0 -18.49Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-34 -33.55L-7 -21.49"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-66.55"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">LOCAL B</text></g>" &
"<path d=""M742 354 Q591.0 384 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M742 354 Q591.0 384 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""742"" cy=""361"" rx=""63"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M681 354l61 -23 61 23 -61 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(742 " &
Text(334 + 7 * Sin(t * 2 + 2), "0.00", "en-US") &
")"">" &
"<path d=""M-53 0L0 -22.259999999999998 53 0 0 22.259999999999998Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-53 0L0 22.259999999999998V-22.79L-53 -45.05Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 22.259999999999998L53 0V-45.05L0 -22.79Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-53 -45.05L0 -67.31 53 -45.05 0 -22.79Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-44 -42.05L-7 -25.79"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-75.05"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">CLOUD</text></g>" &
"<path d=""M210 389 Q325.0 419 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M210 389 Q325.0 419 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""210"" cy=""396"" rx=""57"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M155 389l55 -23 55 23 -55 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(210 " &
Text(369 + 7 * Sin(t * 2 + 3), "0.00", "en-US") &
")"">" &
"<path d=""M-47 0L0 -19.74 47 0 0 19.74Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-47 0L0 19.74V-20.209999999999997L-47 -39.949999999999996Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 19.74L47 0V-39.949999999999996L0 -20.209999999999997Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-47 -39.949999999999996L0 -59.69 47 -39.949999999999996 0 -20.209999999999997Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-38 -36.949999999999996L-7 -23.209999999999997"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-69.94999999999999"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">ANALYSIS</text></g>" &
"<path d=""M417 90 Q428.5 120 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M417 90 Q428.5 120 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""417"" cy=""97"" rx=""45"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M374 90l43 -23 43 23 -43 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(417 " &
Text(70 + 7 * Sin(t * 2 + 4), "0.00", "en-US") &
")"">" &
"<path d=""M-35 0L0 -14.7 35 0 0 14.7Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-35 0L0 14.7V-15.05L-35 -29.75Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 14.7L35 0V-29.75L0 -15.05Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-35 -29.75L0 -44.45 35 -29.75 0 -15.05Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-26 -26.75L-7 -18.05"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-43"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">SERVICE</text></g>" &
"<g transform=""translate(440 " &
Text(227 + 9 * Sin(t * 2), "0.00", "en-US") &
")""><ellipse cy=""50"" rx=""71"" ry=""23"" fill=""#0cb3d0"" opacity=""0.10""/><path d=""M-68 16L0 -18 68 16 0 50Z"" fill=""#e7fbff"" stroke=""#64cde0""/><path d=""M-68 16V-64L0 -99 68 -64V16L0 50Z"" fill=""url(#glass)"" stroke=""#57c9dc""/><path d=""M0 -30L68 -64V16L0 50Z"" fill=""url(#side)""/><path d=""M-68 -64L0 -99 68 -64 0 -30Z"" fill=""#f8feff"" stroke=""#76d6e5""/><path d=""M-53 -62L0 -86 53 -62"" fill=""none"" stroke=""white"" stroke-width=""3""/><path d=""M-36 -40l29 10v27c0 16-17 27-29 30-12-9-26-27-26-43v-28z"" fill=""#fff"" fill-opacity=""0.8"" stroke=""#008ba5"" stroke-width=""1.5""/><path d=""m-52 -17 11 16 19-21"" fill=""none"" stroke=""#008ba5"" stroke-width=""3""/><text x=""0"" y=""-119"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""15"" letter-spacing=""3"" fill=""#057c96"">SECURITY CORE</text></g>" &
"<ellipse cx=""440"" cy=""275"" rx=""" &
Text(70 + Mod(t / (2 * Pi()) * 2, 1) * 220, "0.00", "en-US") &
""" ry=""" &
Text((70 + Mod(t / (2 * Pi()) * 2, 1) * 220) * 0.36, "0.00", "en-US") &
""" fill=""none"" stroke=""#00a0bf"" stroke-width=""2"" opacity=""" &
Text((1 - Mod(t / (2 * Pi()) * 2, 1)) * If(mode = 3, 0.8, 0.35), "0.00", "en-US") &
"""/>" &
"<text x=""440"" y=""456"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""11"" letter-spacing=""3"" fill=""#548594"">CONCEPT VISUAL / NOT LIVE TELEMETRY</text></svg>"
)
)
)
AccessibleLabel: =If(Coalesce(scTopic, 0) = 0, "共同基盤をイメージしたホームCG", "選択した章に対応した学習用アニメーション")
ImagePosition: =ImagePosition.Fit
X: =If((Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), Parent.Width - 336, If(Parent.Width >= 1000, 264, If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2, Parent.Width - 244, 24)))
Y: =If(Parent.Width >= 1000, 252, 378)
Width: =If((Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), 312, If(Parent.Width < 1000 && Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2, 220, Parent.Width - Self.X - 24))
Height: =If((Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), 210, If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2, 132, If(Coalesce(scTopic, 0) = 0, Parent.Height - Self.Y - 158, 218)))
Visible: =Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) <> 0 && !Coalesce(scShowCG, false)
- scSceneNote:
Control: Label@2.5.1
Properties:
Text: ="学習用CG / 実際の監視データではありません。"
X: =scStoryVisual.X
Y: =scStoryVisual.Y + scStoryVisual.Height + 4
Width: =scStoryVisual.Width
Height: =44
Size: =9
Color: =RGBA(79, 108, 121, 1)
Wrap: =true
Visible: =Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) <> 0
- scZoomChapter:
Control: Classic/Button@2.2.0
Properties:
Text: ="CGを拡大 ↗"
OnSelect: =Set(scShowCG, true)
Width: =132
Height: =32
X: =Parent.Width - 160
Y: =If(Parent.Width >= 1000, 204, 330)
Size: =10
Fill: =RGBA(255, 255, 255, 1)
Color: =RGBA(0, 100, 121, 1)
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
BorderThickness: =1
BorderColor: =RGBA(153, 223, 233, 1)
PressedColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(0, 133, 156, 1)
RadiusTopLeft: =17
RadiusTopRight: =17
RadiusBottomLeft: =17
RadiusBottomRight: =17
TabIndex: =0
Visible: =Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) <> 0
- scWelcomeText:
Control: Label@2.5.1
Properties:
Text: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 0, "CGは非表示です。目次から読みたいテーマを選んでください。", "目次からテーマを選ぶと、CGと解説が連動して切り替わります。")
X: =If(Parent.Width >= 1000, 264, 24)
Y: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 0 || (Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), If(Parent.Width >= 1000, 300, 540), Parent.Height - 100)
Width: =If((Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2 && Parent.Width >= 1000), Parent.Width - Self.X - 370, Parent.Width - Self.X - 24)
Height: =100
Size: =13
Color: =RGBA(19, 52, 66, 1)
Visible: =Coalesce(scTopic, 0) = 0
Wrap: =true
- scCGPosition1:
Control: Classic/Button@2.2.0
Properties:
Text: ="CG 中央"
OnSelect: =Set(scCGPosition, 1); Reset(scContent)
Width: =90
Height: =32
X: =If(Parent.Width >= 1000, 264, 24) + 0 * 98
Y: =If(Parent.Width >= 1000, 204, 330)
Size: =10
Fill: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 1, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 1, RGBA(255, 255, 255, 1), RGBA(0, 100, 121, 1))
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
BorderThickness: =1
BorderColor: =RGBA(153, 223, 233, 1)
PressedColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(0, 133, 156, 1)
RadiusTopLeft: =17
RadiusTopRight: =17
RadiusBottomLeft: =17
RadiusBottomRight: =17
TabIndex: =0
Visible: =true
- scCGPosition2:
Control: Classic/Button@2.2.0
Properties:
Text: ="CG 右側"
OnSelect: =Set(scCGPosition, 2); Reset(scContent)
Width: =90
Height: =32
X: =If(Parent.Width >= 1000, 264, 24) + 1 * 98
Y: =If(Parent.Width >= 1000, 204, 330)
Size: =10
Fill: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 2, RGBA(255, 255, 255, 1), RGBA(0, 100, 121, 1))
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
BorderThickness: =1
BorderColor: =RGBA(153, 223, 233, 1)
PressedColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(0, 133, 156, 1)
RadiusTopLeft: =17
RadiusTopRight: =17
RadiusBottomLeft: =17
RadiusBottomRight: =17
TabIndex: =0
Visible: =true
- scCGPosition0:
Control: Classic/Button@2.2.0
Properties:
Text: ="CG 非表示"
OnSelect: =Set(scCGPosition, 0); Reset(scContent)
Width: =90
Height: =32
X: =If(Parent.Width >= 1000, 264, 24) + 2 * 98
Y: =If(Parent.Width >= 1000, 204, 330)
Size: =10
Fill: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 0, RGBA(0, 133, 156, 1), RGBA(255, 255, 255, 1))
Color: =If(Coalesce(scCGPosition, If(Coalesce(scTopic, 0) = 0, 1, 2)) = 0, RGBA(255, 255, 255, 1), RGBA(0, 100, 121, 1))
HoverFill: =RGBA(221, 247, 251, 1)
HoverColor: =RGBA(0, 100, 121, 1)
BorderThickness: =1
BorderColor: =RGBA(153, 223, 233, 1)
PressedColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(0, 133, 156, 1)
RadiusTopLeft: =17
RadiusTopRight: =17
RadiusBottomLeft: =17
RadiusBottomRight: =17
TabIndex: =0
Visible: =true
- scVisualStage:
Control: GroupContainer@1.5.0
Variant: ManualLayout
Properties:
X: =0
Y: =0
Width: =Parent.Width
Height: =Parent.Height
Fill: =RGBA(245, 252, 254, 1)
Visible: =Coalesce(scShowCG, false)
Children:
- scCGTitle:
Control: Label@2.5.1
Properties:
Text: ="CONCEPT VISUAL / " & If(Coalesce(scTopic, 0) = 0, "HOME", Text(scTopic, "00"))
X: =28
Y: =24
Width: =Parent.Width - 430
Height: =44
Size: =If(Parent.Width < 900, 13, 20)
FontWeight: =FontWeight.Bold
Color: =RGBA(19, 52, 66, 1)
- scCloseCG:
Control: Classic/Button@2.2.0
Properties:
Text: =If(Coalesce(scTopic, 0) = 0, "ホームへ戻る ×", "解説へ戻る ×")
OnSelect: =Set(scShowCG, false)
X: =Parent.Width - 182
Y: =28
Width: =154
Height: =36
Size: =11
Fill: =RGBA(0, 133, 156, 1)
Color: =RGBA(255, 255, 255, 1)
BorderThickness: =0
HoverFill: =RGBA(0, 103, 133, 1)
HoverColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(28, 187, 205, 1)
PressedColor: =RGBA(15, 57, 70, 1)
RadiusTopLeft: =18
RadiusTopRight: =18
RadiusBottomLeft: =18
RadiusBottomRight: =18
TabIndex: =0
- scCGPause:
Control: Classic/Button@2.2.0
Properties:
Text: =If(Coalesce(scMotionPaused, false), "動きを再開 ▶", "動きを停止 Ⅱ")
OnSelect: =Set(scMotionPaused, !Coalesce(scMotionPaused, false))
X: =Parent.Width - 348
Y: =28
Width: =154
Height: =36
Size: =11
Fill: =RGBA(0, 133, 156, 1)
Color: =RGBA(255, 255, 255, 1)
BorderThickness: =0
HoverFill: =RGBA(0, 103, 133, 1)
HoverColor: =RGBA(255, 255, 255, 1)
PressedFill: =RGBA(28, 187, 205, 1)
PressedColor: =RGBA(15, 57, 70, 1)
RadiusTopLeft: =18
RadiusTopRight: =18
RadiusBottomLeft: =18
RadiusBottomRight: =18
TabIndex: =0
- scCGSubtitle:
Control: Label@2.5.1
Properties:
Text: =scChapterHeading.Text
X: =28
Y: =76
Width: =Parent.Width - 56
Height: =40
Size: =13
Color: =RGBA(79, 108, 121, 1)
- scCGLarge:
Control: Image@2.2.3
Properties:
Image: |-
=With(
{t: 2 * Pi() * scAmbient.Value / scAmbient.Duration, mode: If(Coalesce(scTopic, 0) = 2, 2, 1)},
"data:image/svg+xml;utf8," & EncodeUrl(
Switch(Coalesce(scTopic, 0),
2,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">02 / TRAFFIC & OBSERVATION</text>" &
"<ellipse cx=""150"" cy=""237"" rx=""72"" ry=""18"" fill=""#cceff5""/><path d=""M86 195l64 -35 64 35 -64 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M86 195v-65l64 -35 64 35v65l-64 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M150 165l64 -35v65l-64 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M86 130l64 -35 64 35 -64 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""150"" y=""283"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">利用者側</text><text x=""150"" y=""310"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">インターネット利用領域</text>" &
"<ellipse cx=""500"" cy=""237"" rx=""72"" ry=""18"" fill=""#cceff5""/><path d=""M436 195l64 -35 64 35 -64 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M436 195v-65l64 -35 64 35v65l-64 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M500 165l64 -35v65l-64 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M436 130l64 -35 64 35 -64 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""500"" y=""283"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">共同基盤</text><text x=""500"" y=""310"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">通信制御・検知・保護</text>" &
"<ellipse cx=""850"" cy=""237"" rx=""72"" ry=""18"" fill=""#cceff5""/><path d=""M786 195l64 -35 64 35 -64 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M786 195v-65l64 -35 64 35v65l-64 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M850 165l64 -35v65l-64 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M786 130l64 -35 64 35 -64 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""850"" y=""283"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">外部サービス</text><text x=""850"" y=""310"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">インターネット</text>" &
"<path d=""M220 205H426M575 205H775"" stroke=""#59c9db"" stroke-width=""3"" stroke-dasharray=""7 6""/><path d=""M500 235V335"" stroke=""#59c9db"" stroke-width=""2"" stroke-dasharray=""4 5""/>" &
"<circle cx=""" &
Text(220 + (206) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(575 + (200) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(220 + (206) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(575 + (200) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(205 + (0) * (Mod(t / (2 * Pi()) * 2 + 0.5, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<circle cx=""" &
Text(500 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(235 + (100) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<rect x=""373"" y=""342"" width=""254"" height=""45"" rx=""12"" fill=""white"" stroke=""#70ccdf""/><text x=""500"" y=""370"" text-anchor=""middle"" font-size=""17"" fill=""#007e99"">ログ・アラート → 監視・分析</text>" &
"</g></svg>",
3,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">03 / SEGMENTATION</text>" &
"<rect x=""41"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""white"" fill-opacity=""0.6"" stroke=""#b1e5ef""/>" &
"<ellipse cx=""178"" cy=""249"" rx=""73"" ry=""18"" fill=""#cceff5""/><path d=""M113 207l65 -35 65 35 -65 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M113 207v-65l65 -35 65 35v65l-65 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M178 177l65 -35v65l-65 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M113 142l65 -35 65 35 -65 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""178"" y=""295"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">個人番号利用事務系</text><text x=""178"" y=""322"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">個人番号を扱う領域</text>" &
"<rect x=""41"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""none"" stroke=""#00a7c6"" stroke-width=""2"" opacity=""" &
Text(0.15 + 0.6 * Power((1 + Sin(t * 2 - 0))/2, 3), "0.00", "en-US") &
"""/>" &
"<rect x=""363"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""white"" fill-opacity=""0.6"" stroke=""#b1e5ef""/>" &
"<ellipse cx=""500"" cy=""249"" rx=""73"" ry=""18"" fill=""#cceff5""/><path d=""M435 207l65 -35 65 35 -65 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M435 207v-65l65 -35 65 35v65l-65 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M500 177l65 -35v65l-65 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M435 142l65 -35 65 35 -65 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""500"" y=""295"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">LGWAN接続系</text><text x=""500"" y=""322"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">行政ネットワークの領域</text>" &
"<rect x=""363"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""none"" stroke=""#00a7c6"" stroke-width=""2"" opacity=""" &
Text(0.15 + 0.6 * Power((1 + Sin(t * 2 - 2))/2, 3), "0.00", "en-US") &
"""/>" &
"<rect x=""685"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""white"" fill-opacity=""0.6"" stroke=""#b1e5ef""/>" &
"<ellipse cx=""822"" cy=""249"" rx=""73"" ry=""18"" fill=""#cceff5""/><path d=""M757 207l65 -35 65 35 -65 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M757 207v-65l65 -35 65 35v65l-65 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M822 177l65 -35v65l-65 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M757 142l65 -35 65 35 -65 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""822"" y=""295"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">インターネット接続系</text><text x=""822"" y=""322"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">外部サービスを利用する領域</text>" &
"<rect x=""685"" y=""80"" width=""274"" height=""265"" rx=""24"" fill=""none"" stroke=""#00a7c6"" stroke-width=""2"" opacity=""" &
Text(0.15 + 0.6 * Power((1 + Sin(t * 2 - 4))/2, 3), "0.00", "en-US") &
"""/>" &
"<text x=""500"" y=""386"" text-anchor=""middle"" font-size=""15"" fill=""#4f7788"">領域の分離を表す概念図。領域間の通信経路を示していません。</text>" &
"</g></svg>",
4,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">04 / SECURITY CONTROLS</text>" &
"<path d=""M120 120L195 94l75 26v85c0 55-42 93-75 114-33-21-75-59-75-114Z"" fill=""url(#g)"" stroke=""#3bbbd4"" stroke-width=""2""/><path d=""m163 202 22 24 44-55"" fill=""none"" stroke=""#00849f"" stroke-width=""5""/><text x=""195"" y=""357"" text-anchor=""middle"" fill=""#135167"" font-size=""20"">ファイアウォール</text><text x=""195"" y=""384"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">許可する通信を制御</text>" &
"<path d=""M147 " &
Text(135 + 110 * (0.5 + 0.5 * Sin(t * 2 + 0)), "0.00", "en-US") &
"h96"" stroke=""white"" stroke-width=""3"" opacity=""0.85""/>" &
"<path d=""M425 120L500 94l75 26v85c0 55-42 93-75 114-33-21-75-59-75-114Z"" fill=""url(#g)"" stroke=""#3bbbd4"" stroke-width=""2""/><path d=""m468 202 22 24 44-55"" fill=""none"" stroke=""#00849f"" stroke-width=""5""/><text x=""500"" y=""357"" text-anchor=""middle"" fill=""#135167"" font-size=""20"">IDS / IPS</text><text x=""500"" y=""384"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">兆候を検知・必要に応じて遮断</text>" &
"<path d=""M452 " &
Text(135 + 110 * (0.5 + 0.5 * Sin(t * 2 + 1)), "0.00", "en-US") &
"h96"" stroke=""white"" stroke-width=""3"" opacity=""0.85""/>" &
"<path d=""M730 120L805 94l75 26v85c0 55-42 93-75 114-33-21-75-59-75-114Z"" fill=""url(#g)"" stroke=""#3bbbd4"" stroke-width=""2""/><path d=""m773 202 22 24 44-55"" fill=""none"" stroke=""#00849f"" stroke-width=""5""/><text x=""805"" y=""357"" text-anchor=""middle"" fill=""#135167"" font-size=""20"">WAF</text><text x=""805"" y=""384"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">Webへの攻撃を検査</text>" &
"<path d=""M757 " &
Text(135 + 110 * (0.5 + 0.5 * Sin(t * 2 + 2)), "0.00", "en-US") &
"h96"" stroke=""white"" stroke-width=""3"" opacity=""0.85""/>" &
"</g></svg>",
5,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">05 / INCIDENT RESPONSE</text>" &
"<path d=""M132 211H868"" stroke=""#9bdeeb"" stroke-width=""3""/>" &
"<circle cx=""132"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""132"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 0, "1", "0.1") &
"""/><text x=""132"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">01</text><text x=""132"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">検知</text><text x=""132"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">時刻・対象・証拠を記録</text>" &
"<circle cx=""378"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""378"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 1, "1", "0.1") &
"""/><text x=""378"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">02</text><text x=""378"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">評価</text><text x=""378"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">影響範囲と緊急性を確認</text>" &
"<circle cx=""624"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""624"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 2, "1", "0.1") &
"""/><text x=""624"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">03</text><text x=""624"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">封じ込め</text><text x=""624"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">手順に沿って拡大を抑制</text>" &
"<circle cx=""868"" cy=""211"" r=""66"" fill=""white"" stroke=""#a9e1ec""/><circle cx=""868"" cy=""211"" r=""70"" fill=""none"" stroke=""#00a0c0"" stroke-width=""4"" opacity=""" &
If(Mod(RoundDown(t / (2 * Pi()) * 4, 0), 4) = 3, "1", "0.1") &
"""/><text x=""868"" y=""224"" text-anchor=""middle"" font-size=""36"" fill=""#00849f"">04</text><text x=""868"" y=""321"" text-anchor=""middle"" fill=""#135167"" font-size=""22"">復旧・改善</text><text x=""868"" y=""349"" text-anchor=""middle"" fill=""#4f7788"" font-size=""13"">確認・復旧・振り返り</text>" &
"<text x=""500"" y=""394"" text-anchor=""middle"" font-size=""14"" fill=""#4f7788"">一般的な流れの例。実際の判断・操作は所属組織の手順に従います。</text>" &
"</g></svg>",
6,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">06 / CASE STUDY</text>" &
"<ellipse cx=""215"" cy=""248"" rx=""83"" ry=""18"" fill=""#cceff5""/><path d=""M140 206l75 -35 75 35 -75 35Z"" fill=""#effdff"" stroke=""#6acadb""/><path d=""M140 206v-65l75 -35 75 35v65l-75 35Z"" fill=""url(#g)"" stroke=""#65c9dc""/><path d=""M215 176l75 -35v65l-75 35Z"" fill=""#078da9"" opacity=""0.65""/><path d=""M140 141l75 -35 75 35 -75 35Z"" fill=""#fff"" stroke=""#78d3e2""/><text x=""215"" y=""294"" text-anchor=""middle"" font-size=""19"" fill=""#135167"" font-weight=""600"">対象端末</text><text x=""215"" y=""321"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">警告を受けた端末を確認</text>" &
"<path d=""M315 213H620"" stroke=""#60c9dc"" stroke-dasharray=""6 6"" stroke-width=""3""/>" &
"<circle cx=""" &
Text(315 + (300) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(213 + (0) * (Mod(t / (2 * Pi()) * 2 + 0, 1)), "0.00", "en-US") &
""" r=""6"" fill=""#00a8c8""/>" &
"<rect x=""641"" y=""110"" width=""290"" height=""210"" rx=""20"" fill=""white"" stroke=""#70cedf""/><text x=""666"" y=""146"" font-size=""18"" fill=""#007f99"">確認すること</text>" &
"<circle cx=""674"" cy=""179"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""185"" fill=""#365f72"" font-size=""16"">対象・時刻</text>" &
"<circle cx=""674"" cy=""213"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""219"" fill=""#365f72"" font-size=""16"">通信の成否</text>" &
"<circle cx=""674"" cy=""247"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""253"" fill=""#365f72"" font-size=""16"">関連ログ</text>" &
"<circle cx=""674"" cy=""281"" r=""4"" fill=""#0ba6c0""/><text x=""694"" y=""287"" fill=""#365f72"" font-size=""16"">利用者の状況</text>" &
"<circle cx=""500"" cy=""213"" r=""" &
Text(38 + 7 * Sin(t * 2), "0.00", "en-US") &
""" fill=""#fff4dc"" stroke=""#b77b0c""/><text x=""500"" y=""225"" text-anchor=""middle"" font-size=""35"" fill=""#996409"">!</text><text x=""500"" y=""378"" text-anchor=""middle"" font-size=""18"" fill=""#135167"">警告を受ける → 事実を確認する → 定められた経路で報告</text><text x=""500"" y=""402"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">架空の学習例。警告だけで被害を確定しない。</text>" &
"</g></svg>",
7,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">07 / GLOSSARY & FAQ</text>" &
"<g transform=""translate(200 " &
Text(206 + 8 * Sin(t * 2 + 0), "0.00", "en-US") &
")""><rect x=""-125"" y=""-90"" width=""250"" height=""180"" rx=""22"" fill=""white"" stroke=""#82d3e4""/><rect x=""-100"" y=""-66"" width=""45"" height=""5"" rx=""2"" fill=""#18b8cf""/><text x=""0"" y=""-10"" text-anchor=""middle"" font-size=""26"" fill=""#087f99"">LGWAN</text><text x=""0"" y=""36"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">行政向けのネットワーク</text></g>" &
"<g transform=""translate(500 " &
Text(206 + 8 * Sin(t * 2 + 1), "0.00", "en-US") &
")""><rect x=""-125"" y=""-90"" width=""250"" height=""180"" rx=""22"" fill=""white"" stroke=""#82d3e4""/><rect x=""-100"" y=""-66"" width=""45"" height=""5"" rx=""2"" fill=""#18b8cf""/><text x=""0"" y=""-10"" text-anchor=""middle"" font-size=""26"" fill=""#087f99"">アラート</text><text x=""0"" y=""36"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">確認すべき事象を知らせる通知</text></g>" &
"<g transform=""translate(800 " &
Text(206 + 8 * Sin(t * 2 + 2), "0.00", "en-US") &
")""><rect x=""-125"" y=""-90"" width=""250"" height=""180"" rx=""22"" fill=""white"" stroke=""#82d3e4""/><rect x=""-100"" y=""-66"" width=""45"" height=""5"" rx=""2"" fill=""#18b8cf""/><text x=""0"" y=""-10"" text-anchor=""middle"" font-size=""26"" fill=""#087f99"">ログ</text><text x=""0"" y=""36"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">通信や操作などの記録</text></g>" &
"<text x=""500"" y=""366"" text-anchor=""middle"" font-size=""16"" fill=""#4f7788"">下の解説で用語を確認し、FAQの質問を開いて理解を深めます。</text>" &
"</g></svg>",
8,
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""1000"" height=""420"" viewBox=""0 0 1000 420""><defs><linearGradient id=""g""><stop stop-color=""#ecfdff""/><stop offset=""1"" stop-color=""#71d2e3""/></linearGradient></defs><rect width=""1000"" height=""420"" rx=""24"" fill=""#f5fcfe""/><ellipse cx=""500"" cy=""285"" rx=""440"" ry=""108"" fill=""#e4f7fb""/><g font-family=""Segoe UI,Meiryo,sans-serif""><text x=""36"" y=""42"" font-size=""15"" fill=""#007f99"" letter-spacing=""3"">08 / SOURCES & NEXT STEP</text>" &
"<g transform=""translate(270 " &
Text(220 + 6 * Sin(t * 2 + 0), "0.00", "en-US") &
")""><path d=""M-70 -100H38l32 32V100H-70Z"" fill=""white"" stroke=""#82d3e4""/><path d=""M38 -100v32h32"" fill=""#d6f5fa"" stroke=""#82d3e4""/>" &
"<path d=""M-46 -35H40"" stroke=""#19b9cf"" stroke-width=""5""/>" &
"<path d=""M-46 -11H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 13H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 37H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 61H12"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"</g>" &
"<g transform=""translate(500 " &
Text(220 + 6 * Sin(t * 2 + 1), "0.00", "en-US") &
")""><path d=""M-70 -100H38l32 32V100H-70Z"" fill=""white"" stroke=""#82d3e4""/><path d=""M38 -100v32h32"" fill=""#d6f5fa"" stroke=""#82d3e4""/>" &
"<path d=""M-46 -35H40"" stroke=""#19b9cf"" stroke-width=""5""/>" &
"<path d=""M-46 -11H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 13H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 37H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 61H12"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"</g>" &
"<g transform=""translate(730 " &
Text(220 + 6 * Sin(t * 2 + 2), "0.00", "en-US") &
")""><path d=""M-70 -100H38l32 32V100H-70Z"" fill=""white"" stroke=""#82d3e4""/><path d=""M38 -100v32h32"" fill=""#d6f5fa"" stroke=""#82d3e4""/>" &
"<path d=""M-46 -35H40"" stroke=""#19b9cf"" stroke-width=""5""/>" &
"<path d=""M-46 -11H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 13H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 37H40"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"<path d=""M-46 61H12"" stroke=""#caeaf1"" stroke-width=""5""/>" &
"</g>" &
"<text x=""500"" y=""371"" text-anchor=""middle"" font-size=""18"" fill=""#135167"">共同化する範囲・通信の経路・検知後の役割分担を確認する</text><text x=""500"" y=""402"" text-anchor=""middle"" font-size=""13"" fill=""#4f7788"">下の出典リンクから各機関の公開資料を参照できます。</text>" &
"</g></svg>",
"<svg xmlns=""http://www.w3.org/2000/svg"" width=""880"" height=""480"" viewBox=""0 0 880 480""><defs><linearGradient id=""glass"" x1=""0"" y1=""0"" x2=""1"" y2=""1""><stop stop-color=""#ffffff"" stop-opacity=""0.95""/><stop offset=""1"" stop-color=""#7adce9"" stop-opacity=""0.66""/></linearGradient><linearGradient id=""side""><stop stop-color=""#19afc7"" stop-opacity=""0.75""/><stop offset=""1"" stop-color=""#0a637f"" stop-opacity=""0.9""/></linearGradient><radialGradient id=""halo""><stop stop-color=""#29d2e7"" stop-opacity=""0.3""/><stop offset=""1"" stop-color=""#29d2e7"" stop-opacity=""0""/></radialGradient></defs><rect width=""880"" height=""480"" fill=""#f5fcfe""/><ellipse cx=""440"" cy=""292"" rx=""360"" ry=""177"" fill=""#26c8df"" opacity=""0.07""/><g stroke=""#b9e9f0"" stroke-width=""1"" fill=""none"" opacity=""0.6"">" &
"<path d=""M-107 175l390 210M363 175l-390 210""/>" &
"<path d=""M-55 175l390 210M415 175l-390 210""/>" &
"<path d=""M-3 175l390 210M467 175l-390 210""/>" &
"<path d=""M49 175l390 210M519 175l-390 210""/>" &
"<path d=""M101 175l390 210M571 175l-390 210""/>" &
"<path d=""M153 175l390 210M623 175l-390 210""/>" &
"<path d=""M205 175l390 210M675 175l-390 210""/>" &
"<path d=""M257 175l390 210M727 175l-390 210""/>" &
"<path d=""M309 175l390 210M779 175l-390 210""/>" &
"<path d=""M361 175l390 210M831 175l-390 210""/>" &
"<path d=""M413 175l390 210M883 175l-390 210""/>" &
"<path d=""M465 175l390 210M935 175l-390 210""/>" &
"<path d=""M517 175l390 210M987 175l-390 210""/>" &
"</g><ellipse cx=""440"" cy=""275"" rx=""172"" ry=""66"" fill=""#effcff"" stroke=""#82d9e8""/><ellipse cx=""440"" cy=""281"" rx=""160"" ry=""57"" fill=""white"" fill-opacity=""0.7"" stroke=""#c0eff5""/>" &
"<g transform=""translate(440 273) scale(1 0.36) rotate(" &
Text(t * 57.29577951 * 1 + 0, "0.00", "en-US") &
")""><circle r=""181"" fill=""none"" stroke=""#22bfd6"" stroke-width=""2"" stroke-dasharray=""85 35 8 45""/></g>" &
"<g transform=""translate(440 273) scale(1 0.36) rotate(" &
Text(t * 57.29577951 * -1 + 90, "0.00", "en-US") &
")""><circle r=""206"" fill=""none"" stroke=""#79dbe7"" stroke-width=""1"" stroke-dasharray=""10 20""/></g>" &
"<g transform=""translate(440 273) scale(1 0.36) rotate(" &
Text(t * 57.29577951 * 1 + 180, "0.00", "en-US") &
")""><circle r=""231"" fill=""none"" stroke=""#b2e9f0"" stroke-width=""1"" stroke-dasharray=""45 16""/></g>" &
"<path d=""M125 239 Q282.5 269 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M125 239 Q282.5 269 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.0, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(125 + (440 - 125) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 239 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)) * 269 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""125"" cy=""246"" rx=""65"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M62 239l63 -23 63 23 -63 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(125 " &
Text(219 + 7 * Sin(t * 2 + 0), "0.00", "en-US") &
")"">" &
"<path d=""M-55 0L0 -23.099999999999998 55 0 0 23.099999999999998Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-55 0L0 23.099999999999998V-23.650000000000002L-55 -46.75Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 23.099999999999998L55 0V-46.75L0 -23.650000000000002Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-55 -46.75L0 -69.85 55 -46.75 0 -23.650000000000002Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-46 -43.75L-7 -26.650000000000002"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-76.75"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">LOCAL A</text></g>" &
"<path d=""M703 149 Q571.5 179 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M703 149 Q571.5 179 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.19, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(703 + (440 - 703) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 149 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)) * 179 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.69, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""703"" cy=""156"" rx=""53"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M652 149l51 -23 51 23 -51 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(703 " &
Text(129 + 7 * Sin(t * 2 + 1), "0.00", "en-US") &
")"">" &
"<path d=""M-43 0L0 -18.06 43 0 0 18.06Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-43 0L0 18.06V-18.49L-43 -36.55Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 18.06L43 0V-36.55L0 -18.49Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-43 -36.55L0 -54.61 43 -36.55 0 -18.49Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-34 -33.55L-7 -21.49"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-66.55"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">LOCAL B</text></g>" &
"<path d=""M742 354 Q591.0 384 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M742 354 Q591.0 384 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.38, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(742 + (440 - 742) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 354 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)) * 384 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.88, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""742"" cy=""361"" rx=""63"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M681 354l61 -23 61 23 -61 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(742 " &
Text(334 + 7 * Sin(t * 2 + 2), "0.00", "en-US") &
")"">" &
"<path d=""M-53 0L0 -22.259999999999998 53 0 0 22.259999999999998Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-53 0L0 22.259999999999998V-22.79L-53 -45.05Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 22.259999999999998L53 0V-45.05L0 -22.79Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-53 -45.05L0 -67.31 53 -45.05 0 -22.79Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-44 -42.05L-7 -25.79"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-75.05"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">CLOUD</text></g>" &
"<path d=""M210 389 Q325.0 419 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M210 389 Q325.0 419 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.5700000000000001, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(210 + (440 - 210) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 389 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)) * 419 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.07, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""210"" cy=""396"" rx=""57"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M155 389l55 -23 55 23 -55 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(210 " &
Text(369 + 7 * Sin(t * 2 + 3), "0.00", "en-US") &
")"">" &
"<path d=""M-47 0L0 -19.74 47 0 0 19.74Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-47 0L0 19.74V-20.209999999999997L-47 -39.949999999999996Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 19.74L47 0V-39.949999999999996L0 -20.209999999999997Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-47 -39.949999999999996L0 -59.69 47 -39.949999999999996 0 -20.209999999999997Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-38 -36.949999999999996L-7 -23.209999999999997"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-69.94999999999999"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">ANALYSIS</text></g>" &
"<path d=""M417 90 Q428.5 120 440 275"" fill=""none"" stroke=""#b9e8f0"" stroke-width=""5""/><path d=""M417 90 Q428.5 120 440 275"" fill=""none"" stroke=""#18adc6"" stroke-width=""1"" stroke-dasharray=""6 7""/>" &
"<circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 0.76, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 275, "0.00", "en-US") &
""" r=""4"" fill=""#00a2c3""/><circle cx=""" &
Text(417 + (440 - 417) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), "0.00", "en-US") &
""" cy=""" &
Text(Power(1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 90 + 2 * (1 - (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1))) * (Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)) * 120 + Power((Mod(t / (2 * Pi()) * If(mode = 2, 4, 2) + 1.26, 1)), 2) * 275, "0.00", "en-US") &
""" r=""9"" fill=""#00b5d3"" opacity=""0.13""/>" &
"<ellipse cx=""417"" cy=""97"" rx=""45"" ry=""15"" fill=""#008eae"" opacity=""0.1""/><path d=""M374 90l43 -23 43 23 -43 23Z"" fill=""#e7faff"" stroke=""#95dfea""/>" &
"<g transform=""translate(417 " &
Text(70 + 7 * Sin(t * 2 + 4), "0.00", "en-US") &
")"">" &
"<path d=""M-35 0L0 -14.7 35 0 0 14.7Z"" fill=""#fff"" stroke=""#a5e2ec""/><path d=""M-35 0L0 14.7V-15.05L-35 -29.75Z"" fill=""url(#glass)"" stroke=""#5ac9dc""/><path d=""M0 14.7L35 0V-29.75L0 -15.05Z"" fill=""url(#side)"" stroke=""#40bcd2""/><path d=""M-35 -29.75L0 -44.45 35 -29.75 0 -15.05Z"" fill=""url(#glass)"" stroke=""#a5e9f1""/><path d=""M-26 -26.75L-7 -18.05"" stroke=""white"" stroke-width=""2""/>" &
"<text x=""0"" y=""-43"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""12"" letter-spacing=""2"" fill=""#39798a"">SERVICE</text></g>" &
"<g transform=""translate(440 " &
Text(227 + 9 * Sin(t * 2), "0.00", "en-US") &
")""><ellipse cy=""50"" rx=""71"" ry=""23"" fill=""#0cb3d0"" opacity=""0.10""/><path d=""M-68 16L0 -18 68 16 0 50Z"" fill=""#e7fbff"" stroke=""#64cde0""/><path d=""M-68 16V-64L0 -99 68 -64V16L0 50Z"" fill=""url(#glass)"" stroke=""#57c9dc""/><path d=""M0 -30L68 -64V16L0 50Z"" fill=""url(#side)""/><path d=""M-68 -64L0 -99 68 -64 0 -30Z"" fill=""#f8feff"" stroke=""#76d6e5""/><path d=""M-53 -62L0 -86 53 -62"" fill=""none"" stroke=""white"" stroke-width=""3""/><path d=""M-36 -40l29 10v27c0 16-17 27-29 30-12-9-26-27-26-43v-28z"" fill=""#fff"" fill-opacity=""0.8"" stroke=""#008ba5"" stroke-width=""1.5""/><path d=""m-52 -17 11 16 19-21"" fill=""none"" stroke=""#008ba5"" stroke-width=""3""/><text x=""0"" y=""-119"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""15"" letter-spacing=""3"" fill=""#057c96"">SECURITY CORE</text></g>" &
"<ellipse cx=""440"" cy=""275"" rx=""" &
Text(70 + Mod(t / (2 * Pi()) * 2, 1) * 220, "0.00", "en-US") &
""" ry=""" &
Text((70 + Mod(t / (2 * Pi()) * 2, 1) * 220) * 0.36, "0.00", "en-US") &
""" fill=""none"" stroke=""#00a0bf"" stroke-width=""2"" opacity=""" &
Text((1 - Mod(t / (2 * Pi()) * 2, 1)) * If(mode = 3, 0.8, 0.35), "0.00", "en-US") &
"""/>" &
"<text x=""440"" y=""456"" text-anchor=""middle"" font-family=""Segoe UI,sans-serif"" font-size=""11"" letter-spacing=""3"" fill=""#548594"">CONCEPT VISUAL / NOT LIVE TELEMETRY</text></svg>"
)
)
)
AccessibleLabel: ="学習用CG風ネットワーク。浮遊する拠点と共同基盤を光の粒子が結びます。実構成を示す図ではありません。"
ImagePosition: =ImagePosition.Fit
X: =24
Y: =132
Width: =Parent.Width - 48
Height: =Parent.Height - 242
- scCGCaption:
Control: Label@2.5.1
Properties:
Text: ="選択したテーマに対応する学習用アニメーションです。解説へ戻ると、本文を続けて読めます。" & Char(10) & "実際の構成・通信量・監視状況を示すものではありません。"
X: =28
Y: =Parent.Height - 104
Width: =Parent.Width - 56
Height: =88
Size: =12
Color: =RGBA(53, 92, 109, 1)
Wrap: =true
