diff --git a/docs/3-web-servers/07-get-post/method-region.drawio.svg b/docs/3-web-servers/07-get-post/method-region.drawio.svg
index 2bbe2818..63c08ba6 100644
--- a/docs/3-web-servers/07-get-post/method-region.drawio.svg
+++ b/docs/3-web-servers/07-get-post/method-region.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="602px" height="254px" viewBox="-0.5 -0.5 602 254" content="&lt;mxfile&gt;&lt;diagram id=&quot;fiBtZq4buEjgAEYfhiQq&quot; name=&quot;Page-1&quot;&gt;7Vpbb+I6EP41eVyUxFzCI6SwfTh70VLpPBtiEmudOMcxhe6vP2PHhgSSAhJiC6VF6Xg8vs43468ODgrTzVeB8+QbjwhzfDfaOOjJ8X0fDeGpFG9G4XulIhY0KlUVxYz+IUbpGu2KRqSoGUrOmaR5XbngWUYWsqbDQvB13WzJWX3UHMfkQDFbYHao/ZdGMim1Qc/d6Z8JjRM7sueamhRbY6MoEhzxdUWFJg4KBeeylNJNSJjaO7svZbtpS+12YoJk8pQGftngFbOVWZuZl3yzi4Up5kqUeK5U40JiIY1PXCjDJktMMyKg7OkyYzgvqLYuLRLKon/wG19J248tjV+JkBR2dsRonKlanoN2CX1OcUqZAsh3LjlMaYazAv584xk3FjO+Egs1SCIleN7voRE8YK3qoQyKTsx5zAjOadFZ8FRXLAptOl2W/YNoRuj543IMEMwoZndgjmTTusPe1m+Ad8JTIgV069oG1tUW6xYL6x1y/MDokgpqtobYoDXe9r1zKAjGp83+RWf695cC4zjhgv5RbmXGg/s+L9Y0ZTgDlONoTzXmOqqVSvtSS4wspRHnXErwRFkQZrluI24iwfMXLGJiTZaUsZAzrqCW8UyhMecU/KxW0hvDB7YsdDs9pwcrC6Hs7crwUeZChjwrpADIqm4JLuSaFPLWQOc3g+4YqLxLgKrbAKo+U1sY0VcQYyU6E+QEyBkGRoCPEVxrDeNUG7QBE5YtKWa/IJPjLNY5KJEpM+lmnVBJZjnWPlnDcVOmJJX38Q5KHLZzyXSmTWgUkawZTechVmOPiMkrKSHo3RqI0FEQdftnYsj0tnPW+d1hBpuaYQmpZJVFxQEytzM9Cay9VrCqfa4hrv/fituKL4XOduAW1/Pzjd5RW28R+3Xy4qjsDpObZjjVnUx6ztB1Ai0EQyX4fZwqUJpnbM3GQ2fcdSbwfHJG/tYsmxfqz/PLy0/o2et4drpzYcd95ipfqamt1+sO2UBDRkqU7Jt2Op1KtJUrvqdww4Y2lO3vgU20xOSmHkDVPI+6F43R0/q7bJD2HzTlU9GUtz1UXYW2DM6hLaFlKwMt+M4IPWjLBwFV/xPQluD0jHhTQLuDE7oFfvd9QiP3zCP6cVN0iJz3b4q63b96U+Q9ONh9cjDkNsPuKqQLNd0wPy6LbpB1oZbsVeVJg8vSrlO6u/Ax13RhfqHrop8/Zva+yHcf9zuf9X7nCAkYNNBHdGH6eEp/F46rpncGD3Zxx+zir1zxoPbb/scdz23BqvsZ2EbTvXcFrg1k45BWNEP2vfdRexzCaoocZ41jzvHidyzUgr8sSlAqbkIzqrDfOKd33nLZuZajfYD4cnwUhtNpGF6PsDA8J2y83dW9SFdBVpmcq3/02Sf4b1Kp8Z8GfV1zF5F95wSo/e1D4ldfKJdH0mhkj6SpFQIjQESZYyuohNOuk4NgAmfIeuBYkC6Iwm8DTFMIFB1tTSGmMUss3TqO5ROQWRI6z9+nfN5hOHgj9fuxIH3kG2D9+r3etlyFpNtAidAlGFHTi4R93On/TK8BvHoKsxg5JDsfGaBteGwE7k0AtBtcD6BQ3H27tcyju68Io8n/&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="723px" height="264px" viewBox="-0.5 -0.5 723 264" content="&lt;mxfile&gt;&lt;diagram id=&quot;fiBtZq4buEjgAEYfhiQq&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs>
         <style type="text/css">
             /* cyrillic-ext */
@@ -67,37 +67,41 @@
         </style>
     </defs>
     <g>
-        <rect x="0" y="50" width="280" height="200" fill="rgb(255, 255, 255)" stroke="none" pointer-events="none"/>
-        <path d="M 0 50 L 280 50 L 280 250 L 0 250 L 0 50" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 150 L 46 150 L 280 150" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 46 50 L 46 150 L 46 250" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 50 M 46 50 M 46 150 M 0 150" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="360" y="0" width="360" height="60" fill="#4d9900" stroke="none" pointer-events="all"/>
+        <rect x="0" y="0" width="360" height="60" fill="#4d9900" stroke="none" pointer-events="all"/>
+        <rect x="0" y="60" width="360" height="200" fill="#e6e6e6" stroke="none" pointer-events="none"/>
+        <path d="M 0 60 L 360 60 L 360 260 L 0 260 L 0 60" fill="none" stroke="#f5f5f5" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 160 L 79 160 L 360 160" fill="none" stroke="#f5f5f5" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 79 60 L 79 160 L 79 260" fill="none" stroke="#f5f5f5" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 60 M 79 60 M 79 160 M 0 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 100px; margin-left: 1px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 77px; height: 1px; padding-top: 110px; margin-left: 1px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div>
-                                    ヘッダ
+                                    <font style="font-size: 14px;" color="#4d4d4d">
+                                        ヘッダ
+                                    </font>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="23" y="104" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
+                <text x="40" y="114" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
                     ヘッダ
                 </text>
             </switch>
         </g>
-        <path d="M 46 50 M 280 50 M 280 150 M 46 150" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 79 60 M 360 60 M 360 160 M 79 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 232px; height: 1px; padding-top: 57px; margin-left: 48px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 279px; height: 1px; padding-top: 67px; margin-left: 81px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <font style="font-size: 12px;">
+                                <font style="font-size: 14px;" color="#333333">
                                     GET /?name=名前&amp;age=年齢 HTTP/1.1
                                     <br/>
                                     Host: www.example.com
@@ -108,62 +112,66 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="48" y="69" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px">
+                <text x="81" y="79" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px">
                     GET /?name=名前&amp;age=年齢 HTTP/1.1...
                 </text>
             </switch>
         </g>
-        <path d="M 0 150 M 46 150 M 46 250 M 0 250" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 160 M 79 160 M 79 260 M 0 260" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 200px; margin-left: 1px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 77px; height: 1px; padding-top: 210px; margin-left: 1px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div>
-                                    ボディ
+                                    <font style="font-size: 14px;" color="#4d4d4d">
+                                        ボディ
+                                    </font>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="23" y="204" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
+                <text x="40" y="214" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
                     ボディ
                 </text>
             </switch>
         </g>
-        <path d="M 46 150 M 280 150 M 280 250 M 46 250" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <rect x="320" y="50" width="280" height="200" fill="rgb(255, 255, 255)" stroke="none" pointer-events="none"/>
-        <path d="M 320 50 L 600 50 L 600 250 L 320 250 L 320 50" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 320 150 L 367 150 L 600 150" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 367 50 L 367 150 L 367 250" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 320 50 M 367 50 M 367 150 M 320 150" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 79 160 M 360 160 M 360 260 M 79 260" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="360" y="60" width="360" height="200" fill="#e6e6e6" stroke="none" pointer-events="none"/>
+        <path d="M 360 60 L 720 60 L 720 260 L 360 260 L 360 60" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 160 L 440 160 L 720 160" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 440 60 L 440 160 L 440 260" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 60 M 440 60 M 440 160 M 360 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 100px; margin-left: 321px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 110px; margin-left: 361px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div>
-                                    ヘッダ
+                                    <font style="font-size: 14px;" color="#4d4d4d">
+                                        ヘッダ
+                                    </font>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="344" y="104" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
+                <text x="400" y="114" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
                     ヘッダ
                 </text>
             </switch>
         </g>
-        <path d="M 367 50 M 600 50 M 600 150 M 367 150" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 440 60 M 720 60 M 720 160 M 440 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 231px; height: 1px; padding-top: 57px; margin-left: 369px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 278px; height: 1px; padding-top: 67px; margin-left: 442px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <font style="font-size: 12px;">
+                                <font style="font-size: 14px;" color="#333333">
                                     POST / HTTP/1.1
                                     <br/>
                                     Host: www.example.com
@@ -174,49 +182,53 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="369" y="69" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px">
+                <text x="442" y="79" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px">
                     POST / HTTP/1.1...
                 </text>
             </switch>
         </g>
-        <path d="M 320 150 M 367 150 M 367 250 M 320 250" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 160 M 440 160 M 440 260 M 360 260" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 200px; margin-left: 321px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 210px; margin-left: 361px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div>
-                                    ボディ
+                                    <font style="font-size: 14px;" color="#4d4d4d">
+                                        ボディ
+                                    </font>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="344" y="204" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
+                <text x="400" y="214" fill="rgb(0, 0, 0)" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
                     ボディ
                 </text>
             </switch>
         </g>
-        <rect x="367" y="150" width="233" height="100" fill="#ccffcc" stroke="none" pointer-events="none"/>
-        <path d="M 367 150 M 600 150 M 600 250 M 367 250" fill="none" stroke="#2d7600" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="440" y="160" width="280" height="100" fill="#c9e8ca" stroke="none" pointer-events="none"/>
+        <path d="M 440 160 M 720 160 M 720 260 M 440 260" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 231px; height: 1px; padding-top: 157px; margin-left: 369px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 278px; height: 1px; padding-top: 167px; margin-left: 442px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 96px; overflow: hidden;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style=""></div>
-                                name=名前
-                                <br/>
-                                <span style="background-color: initial;">
-                                    age=年齢
-                                </span>
+                                <font style="font-size: 14px;" color="#333333">
+                                    name=名前
+                                    <br/>
+                                    <span style="background-color: initial;">
+                                        age=年齢
+                                    </span>
+                                </font>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="369" y="169" fill="#000000" font-family="Noto Sans Mono" font-size="12px">
+                <text x="442" y="179" fill="#000000" font-family="Noto Sans Mono" font-size="12px">
                     name=名前...
                 </text>
             </switch>
@@ -224,17 +236,19 @@
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 25px; margin-left: 41px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 30px; margin-left: 56px;">
                         <div data-drawio-colors="color: #1A1A1A; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(26, 26, 26); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <h2>
-                                    GETリクエスト
+                                    <font style="font-size: 24px;" color="#ffffff">
+                                        GETリクエスト
+                                    </font>
                                 </h2>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="140" y="29" fill="#1A1A1A" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
+                <text x="180" y="34" fill="#1A1A1A" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
                     GETリクエスト
                 </text>
             </switch>
@@ -242,21 +256,25 @@
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 25px; margin-left: 361px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 278px; height: 1px; padding-top: 30px; margin-left: 401px;">
                         <div data-drawio-colors="color: #1A1A1A; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 12px; font-family: &quot;Noto Sans Mono&quot;; color: rgb(26, 26, 26); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <h2>
-                                    POSTリクエスト
+                                    <font style="font-size: 24px;" color="#ffffff">
+                                        POSTリクエスト
+                                    </font>
                                 </h2>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="460" y="29" fill="#1A1A1A" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
+                <text x="540" y="34" fill="#1A1A1A" font-family="Noto Sans Mono" font-size="12px" text-anchor="middle">
                     POSTリクエスト
                 </text>
             </switch>
         </g>
+        <path d="M 357.84 261 L 360 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 720 60 L 0 60" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="none"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>