images/20230520-web.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="574px" height="176px" viewBox="-0.5 -0.5 574 176" content="&lt;mxfile&gt;&lt;diagram id=&quot;H-hjX27AzJkw4mjp5Rzg&quot; name=&quot;Page-1&quot;&gt;5Vhbj9sqEP41SD0PjWwTfHmMc2kfeqRKrdSepxWJiYPqmAiT3ez++jPY4Etw9ppKXfUlgc8wDPPNfGAjPN+fPkl62P0rMlagwMtOCC9QEEQ+hl8N3DcASaYNkEueNZDfAd/4AzOgZ9Ajz1g1GKiEKBQ/DMGNKEu2UQOMSinuhsO2ohiueqA5c4BvG1q46A+eqV2DxkHU4Z8Zz3d2ZT9Mmid7agebnVQ7mom7HoSXCM+lEKpp7U9zVujY2bg081YXnraOSVaqZ02wfqh7uzmWwV5NtxQl/KU7tS+g50OTnbj62Wv/B21vEhDTXWiKPdu5t51Syfuf/U5/mu538+qendg4pz26uD8DVeIoN2aUSSZFZc7MKNLGFnKSiT2DVWCIZAVV/HZonZrsyNtx7dSvgsO6gWcSGccmfCaPA+INTTQumFkdDdDoudFBNTkXiDLO3dLiaLc5gT5aYhRjNJuZRtwgAZpN7aO5RVZ2TPwBloN0LtZ08+uf0Qz4QtdQswPqacHzEtobiD2TANwyqTiYmZkHe55l2kYqWcUf6Lq2p2k86ADUISEpIouWWG2AncZK1kzuCmVAuTfOprH00Zt4cYgHzBjrr+XbDhHbbcXeSuXUYfKTEDns95wHWh0a9dryE8t0HJnksJAO/gJsgtyxrx30KFet0Gg+MlrttMG6Ux3ohpf5d3EAAAPA97X82f8F3+ewpYKv4ZdudPhuMi7BM6Fjtbpj65uKSeByUt3mj3HrlO1FCn1yVliR6d91ckvCBtr1lDbyLlM6YOwReqIXKuLrNIq4GjV9o0Y9d4Oxk3/B65Xk3YlH9JR2TP3pMPf+IOkgDnXzgjNzuLw/6SjoQYnDzabew/XUwzmWR9QjClz1iK+gHonDEG6KK0azGKU+WhIUr+oKihBce9MULROULNAscEiECKjfV0X0qETVXK216UpJ8YvNRSFkJ3NbXhRn0DXUHZMBPzgiDj+Wiz4/+Ar82FeP3yzvfuDq+1vvoM/eonvB8OschBo8Qnzfm2I3lF3MJm+Cp1E8SKiP5A/SbJsKPTpS/QoKMX1StXt0jBTwOUFWfbeiVOalGRa/oMYPR8n0vnJWMknB4ZXx6no6TJIzHY6nTp2HxK1zElyhCEIn6sQUgX3xeeWFRzd8NEu1ksMGdaNG0qUZHNtZMQQxLLSEr4HrMNctYyfx7RKJbVgktdPTlbEcp9ZgOzh0BgMS1h4S7djM686aJNQNcC+JRvxxkLC9DPb3jS2yGK7cRCJESYpSG5t4oY87WLAdA1t5/uFWsK16r0cbxsOUHzvaAm/kbLvGm4sfOTkfvZDMQarFujYaMvXdZe4k+so2ZjYXlmMZ7+ZlPSsJxhL0L7kDERxNnr4F+dFIqkxfnirQ7b4pNmdY92EWL/8H&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 68.09 19.47 L 242.43 22.02" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 247.68 22.1 L 240.63 25.49 L 242.43 22.02 L 240.73 18.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 20px; margin-left: 151px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                4. リダイレクト(/callback)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="151" y="23" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    4. リダイレクト(/callback)
                </text>
            </switch>
        </g>
        <image x="14.5" y="-0.5" width="56" height="70" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzI2Ljg3NiIgaGVpZ2h0PSI0MDguNTUyIiB2aWV3Qm94PSIwIDAgODYuNDg2IDEwOC4wOTYiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjgzLjgzOSIgeTE9IjIwMC4zOTMiIHgyPSI4My40NyIgeTI9IjEyNy4yOTUiIHhsaW5rOmhyZWY9IiNGIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNjc3ZmMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4ZmNhZmUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iQiIgeDE9IjExMS4yNjYiIHkxPSIyMDYuMzA0IiB4Mj0iMTExLjQ4IiB5Mj0iMTE4LjM3MiIgeGxpbms6aHJlZj0iI0YiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzA1MjM5YSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkxYmNmOCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJDIiB4MT0iMTAzLjA4MiIgeTE9IjEzNi44OSIgeDI9IjEwMy4xOTQiIHkyPSIxMDcuNjI0IiB4bGluazpocmVmPSIjRiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYThkZWZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTJhN2ZjIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkQiIHgxPSIxMzIuMzUxIiB5MT0iMjExLjcwNSIgeDI9IjEzMS44MTkiIHkyPSIxNTkuNjA2IiB4bGluazpocmVmPSIjRiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmRjMTI1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDAzNjA0Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkUiIHgxPSIxMzIuNzE0IiB5MT0iMjExLjU2MiIgeDI9IjEzMS4yOSIgeTI9IjE2MC4xMzUiIHhsaW5rOmhyZWY9IiNGIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMzc1ZmMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmNmZiZmYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iRiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcyLjU4MyAtMTA1LjczOCkiPjxwYXRoIGQ9Ik0xMjkuNTIgMTg3LjQ2OGwtMzYuOTYzIDE5LjY2OFYxMzcuMjFsMzYuOTYzLTE5LjkzOHoiIGZpbGw9InVybCgjQikiLz48cGF0aCBkPSJNOTIuNTU3IDIwNy4xMzZMNzQuMDgzIDE5Ni45M1YxMjcuMWwxOC40NzQgMTAuMTEiIGZpbGw9InVybCgjQSkiLz48cGF0aCBkPSJNMTI5LjUyIDExNy4yNzJMOTIuNTU3IDEzNy4yMSA3NC4wODMgMTI3LjFsMzYuODQ4LTE5LjY2M3oiIGZpbGw9InVybCgjQykiLz48cGF0aCBkPSJNNzkuMzU1IDE1MC44M3YxLjMyMmw2LjYzIDMuNjM4di0xLjMyMnptMCA2LjY3M3YxLjMyMmw2LjYzIDMuNjM4di0xLjMyMnoiIGRvbWluYW50LWJhc2VsaW5lPSJhdXRvIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTkyLjU1NyAxMzcuMjFsMzYuOTYzLTE5LjkzOHptMCA2OS45MjZWMTM3LjIxTDc0LjA4MyAxMjcuMW0xOC40NzQgODAuMDM2TDc0LjA4MyAxOTYuOTNWMTI3LjFsMzYuODQ4LTE5LjY2MyAxOC41OSA5LjgzNnY3MC4xOTZ6IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik0xMzEuMyAxNjAuMTM1YzE0LjMyNSAwIDI1LjkwMiAxMS41OCAyNS45MDIgMjUuOTA0YTI1Ljg4IDI1Ljg4IDAgMCAxLTI1LjkwMiAyNS45MDJjLTE0LjMyNSAwLTI1LjkwNC0xMS41NzctMjUuOTA0LTI1LjkwMnMxMS41OC0yNS45MDQgMjUuOTA0LTI1LjkwNHoiIGRvbWluYW50LWJhc2VsaW5lPSJhdXRvIiBmaWxsPSJ1cmwoI0UpIiBwYWludC1vcmRlcj0ibm9ybWFsIi8+PHBhdGggZD0iTTEzNiAxOTIuNTczYy0yLjMzNSAxLjM5LTMuNjc4IDEuNjYtNi4xMDggMi4wNjMtMi4zMy4zNTctNS4yNjcuMjA4LTguMDY3LS4xODZsLTYuMDctMS4wODYtNS4zNzMtOC4wMTYtMy4xNC04LjM1MmMxLjI2NS01LjY4IDUuMDE2LTEwLjUzMyAxMS42MjYtMTQuNDMzIDMuMTUzLTEuMDYzIDQuNzQ0LTIuMzkyIDEwLjMzNC0yLjgzIDMuNzAyIDEuNTI1IDcuMjU2IDMuNDc4IDEwLjA0NSA2Ljc3MiAzLjE0NSAzLjkxMiA1LjA5IDcuODczIDQuODU4IDEyLjI0Ny0uMTY4IDIuNzg2LTEuMiA2LjIyOC0yLjY5NiA4LjUzMy0xLjUyIDIuMjU4LTIuMTg4IDMuMzEyLTUuNDA4IDUuMjg3eiIgb3BhY2l0eT0iLjEiLz48cGF0aCBkPSJNMTUxLjUxMiAxNzMuNTc2bDEuMzUzLS4wMSAxLjM4OCAyLjMzYy40NyAxLjczLjYzMiAzLjQyOC45MSA1LjIwOC4yMzcgMS45NzUuMTI0IDUuMTYuMDk0IDYuODktLjA0IDEuNDU3LS41MiAyLjM5My0uOSAzLjcyMy0uNzk3LjQwMi0xLjkwNi43LTIuNDYyIDEuNTA2bC0xLjQ5My4wMTUtMS45NTItMS4wMTMtMS40OTQtMS41OC0uOTUzLTIuMzMzYy0uMDEtMS45NjguMjc3LTMuODc2LjQ2Ny01LjgwM2wyLjk5Ni01LjQ5N2MuNTcyLTEuMTU2IDEuMjUtMi4yNzggMi4wNDQtMy40MzN6bS01LjA4NS04LjY3M2MxLjI4NSAxLjIgMi40MzQgMi40NTQgMy4zNjMgMy43NTQgMS4xNjYgMS41ODYgMi4yODIgMy4yIDIuNTI0IDMuOTVsLTMuODk2LS4xLS4wMDYgMi4yOTUtLjc1NiAyLjctMS41OTIuMDUtMS4xMjYtLjYzNC0xLjM2OC0yLjA3MmMtLjAyOC0uNTE2LjIzNS0xLjI0My41MjItMS43NTVsLjk5NS0uOTIuMDU1LTMuNzY4em0tMi40MjMtMS41NjdsLTIuNjM1IDEuODg0LTEuMTQ1LTIuODAyLS4yODMgMS40OTYtMi40NTctLjA1LjA0NS44MS0xLjM1NS0uMDAzLTMuMDkgMS4zLTMuODUuNTQ1LTEuNTcuMzUtLjQxNC0yLjM4MiAxLjA0Ni0xLjkzMy0yLjUwMi0uMjc3LTEuMjYyLTEuMjQ1YzEuODQtLjY1OCA0LjQzLTEuMDg2IDcuMjg4LTEuNDM0bDcuMjc2IDEuMzIzem0tMjMuOTI1IDQ1LjQ3OGwuNDI1LTIuOTA2LTEuNTYtLjQ5NmMtMS44Ny0xLjM1LTMuNDM3LTMuMTktNS4xMjYtNC45NmwtLjAyNC0yLjgzNWMuMy0xLjM0LjkzLTIuNzczIDEuMzk0LTMuNzEtLjg5Ny0uNjk4LTEuODMtMS4zNjUtMi41MTYtMi4yNDRsLTMuMTMtNS4wOWMtLjg4LTEuMjk3LTIuMTI0LTIuMDk2LTMuNjAzLTIuNTc1bDIuNTQtMTAuODggNi4xNDItNy4wODcgNy4xMjYtNC4zLS43NjIgMS44MjJjLS4zMzgtLjA2LS42NDYtLjE3Mi0xLjExLjAwMS4wMjIuNjEzLjA5IDEuNjQuMzUgMi4yNDQuNzkuNzgyIDEuNiAxLjQ1IDEuNjc0IDIuMzVsMS4wNS0xLjE0NS42My0yLjE0YzEuMTUuNjU0IDEuNTk0Ljc4IDIuNDY3IDEuNDY1bDIuNDcgMS45NyAyLjI2OC43NTYtMS45ODQgMS43MzZjLS45NzMgMS4wNzgtMi4xNSAyLjMwNy0zLjkzMyAzLjIzNmwtMS4xMjItLjAyNC0uOTggMS4xMzQtLjg1IDEuODc4LTIuMTk3IDEuNzI1Yy0uNi41NDgtMS4wNTQgMS4yODYtMS4xOCAyLjExNGwtLjAxMiAzLjE1NGMtLjY5LS41Ny0xLjA0Ni0xLjQyLTEuMzU4LTIuMzk4bC0uNTA4LTEuNzEzYy0uODc2LS45MDctMi4wMDYtMS43NC0zLjIzNi0yLjQ1Ny0xLjAzNi4zMTYtMS43ODQuNjYtMi41NCAxLjA0LS4zNzIuOTM1LS41IDEuNzQ1LS40OTYgMi40OTIuMjkgMS40NDcuOTQ3IDIuNTU3IDEuODY2IDMuNTMyLjg3OC4zMDIgMS45MzItLjAzNCAyLjQ3LS40OTZsLjQ1IDEuOTczYy0uNzQuMjI2LTEuMTUuNTcyLTEuMzgyLjg4NmwtLjAyNCAxLjc3MmMuMzE3LjkwNS42NCAxLjgwMyAxLjEgMi40OTIuNDk0LjMgMS4wOTYuNDE4IDEuODQzLjMzbC4zNzguNTQzIDUuNzY0LS4wNmMyLjI0Ljk3MiAzLjQ1IDIuMjEzIDQuNjkgMy40NDVsMi45MTggMi45OGMxLjE4Mi41MyAyLjMzLjg5OCAzLjQ3IDEuMjA2IDIuMDU0LjIxOCAzLjE1NS4zNjYgNC4xOTYuNzhsMS4wOCAxLjAzMy4wMDcgMS41NjctMS40NC4zNzgtNy43NSA4LjIyYy0xLjc4LS4yMzYtMy4yNzYtLjM2NS01LjMxNS0uOTdhMzAuOTcgMzAuOTcgMCAwIDEtNC42My0xLjc3MnoiIGZpbGw9InVybCgjRCkiIHN0cm9rZT0iI2ZmYzcyNyIgc3Ryb2tlLXdpZHRoPSIxLjciIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIHI9IjI2LjIyMiIgY3k9IjE4Ni4xMTEiIGN4PSIxMzEuMzQ3IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBwYWludC1vcmRlcj0ibm9ybWFsIi8+PC9nPjwvc3ZnPg=="/>
        <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 center; width: 1px; height: 1px; padding-top: 80px; margin-left: 43px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Google
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="43" y="92" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Google
                </text>
            </switch>
        </g>
        <path d="M 245.01 39.31 L 77.36 35.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 72.11 35.57 L 79.19 32.23 L 77.36 35.69 L 79.04 39.22 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 41px; margin-left: 195px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                2. リダイレクト
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="195" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    2. リダイレクト
                </text>
            </switch>
        </g>
        <image x="244.5" y="-0.5" width="72" height="80" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTE5Ljk1NyIgaGVpZ2h0PSI1ODEuMTgyIiB2aWV3Qm94PSIwIDAgMTM3LjU3MiAxNTMuNzcxIj48c3R5bGU+PCFbQ0RBVEFbLkJ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0b31dXT48L3N0eWxlPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9Ijc4Ljc1NSIgeTE9IjIxMS43MjciIHgyPSI3OC4zNTgiIHkyPSIxNjQuNjY5IiB4bGluazpocmVmPSIjRiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMGU3Y2ZjIiBzdG9wLW9wYWNpdHk9Ii45OTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4OGM2ZmUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iQiIgeDE9IjEwOC43MjkiIHkxPSIyMDAuMjY4IiB4Mj0iMTA3Ljk2MSIgeTI9IjEzOS40MzgiIHhsaW5rOmhyZWY9IiNGIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiY2U2ZmUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMGE2ZmMiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iQyIgeDE9IjE0Mi40NjMiIHkxPSIyMTAuMTk0IiB4Mj0iMTQzLjQ1MyIgeTI9Ijk2LjgwMSIgeGxpbms6aHJlZj0iI0YiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAzMjA5OCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkyYmVmOSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJEIiB4MT0iMTMwLjYxNiIgeTE9IjE3My42NTMiIHgyPSIxMzEuMjA2IiB5Mj0iNjcuMjUzIiB4bGluazpocmVmPSIjRiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDI3NGZjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGFjNmZkIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkUiIHgxPSIxMzQuNDI5IiB5MT0iMTAwLjM4NSIgeDI9IjEzNC4zMDIiIHkyPSI2My45MSIgeGxpbms6aHJlZj0iI0YiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2IyZTJmZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBjYTVmYyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJGIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkuMTg5IC02MC41MDQpIj48cGF0aCBkPSJNOTQuOTMgNjYuNjVsNjcuMjQgMzMuODk2LjIyIDczLjUyLTY4LjQzNy0zNS4zNnoiIGZpbGw9InVybCgjRCkiIGNsYXNzPSJCIi8+PHBhdGggZD0iTTEwMyAxMjkuMjRWODYuNDY3bDQ1Ljg1MyAyMi42OC4wMjQgNDMuOTYzeiIgZmlsbD0iIzAwNzNmYyIvPjxwYXRoIGQ9Ik0xMDYuNzI4IDEyNi45bC4wMDMtMzQuMzg1TDE0NS4xMiAxMTEuNGwuMDI0IDM1LjM0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDIuOTc3IDYzLjE4bDcwLjYzNCAzMy4yMzUtMTEuNDQyIDQuMTNMOTQuOTMgNjYuNjV6IiBmaWxsPSJ1cmwoI0UpIiBjbGFzcz0iQiIvPjxwYXRoIGQ9Ik0xNzMuNjEyIDk2LjQxNmwuODM1IDgzLjU5NC02NS44NSAzMi4wOC0uMTUtOS4zNjcgNTMuOTQ0LTI4LjY1OC0uMjItNzMuNTJ6IiBmaWxsPSJ1cmwoI0MpIiBjbGFzcz0iQiIvPjxwYXRoIGQ9Ik05My45NTIgMTM4LjcwNmw2OC40MzcgMzUuMzYtNTMuOTQ0IDI4LjY1OC02Ni43NDYtMzguMjN6IiBmaWxsPSJ1cmwoI0IpIiBjbGFzcz0iQiIvPjxwYXRoIGQ9Ik00MS43IDE2NC40OTVsNjYuNzQ2IDM4LjIzLjE1IDkuMzY3TDQxLjYyIDE3NC45NHoiIGZpbGw9InVybCgjQSkiIGNsYXNzPSJCIi8+PHBhdGggZD0iTTEwMy40MTYgNjAuNTA0bC0xMS40NzMgNS4zNzMuMDg4IDcxLjM3Ny01Mi44NDIgMjYuMDcyLjA0IDEzLjA1MyA2OS4yNDggMzcuODk2LjkyNC0uNDQ1IDY3LjM2LTMyLjM1NS0uMTY0LTg2LjMxOHptLS4wMSA0LjQyMmw2NS45NTcgMzEuMjMtNi45MjYgMi40NTMtNjMuODctMzEuNDE2em0tNy40NTcgNS40MzhsNjQuMzYgMzEuNjU4djY5LjExNUw5Ni4wMyAxMzcuMjl6bTc2LjY1NiAyOC44ODdsLjE1IDc5LjcxLTYyLjE2NCAyOS44Ni4wODQtNS4wNiA1My42MzUtMjguMTAydi03My40N3ptLTc4LjYwMiA0MS41TDE1OCAxNzQuNDQ1bC00OS4yOCAyNS44MjItNjMuMjUtMzUuNTg0em0tNTAuOCAyNy4yNTRsNjMuNDczIDM1LjcwNy0uMDg0IDQuOTgyLTYzLjM3LTM0LjY4eiIgZmlsbD0iI2ZmZiIgY2xhc3M9IkIiLz48L2c+PC9zdmc+"/>
        <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 center; width: 1px; height: 1px; padding-top: 90px; margin-left: 281px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Client
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="281" y="102" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Client
                </text>
            </switch>
        </g>
        <rect x="0" y="105" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 120px; margin-left: 40px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                3. 許可画面
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    3. 許可画面
                </text>
            </switch>
        </g>
        <path d="M 455 40 L 323.37 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 318.12 40 L 325.12 36.5 L 323.37 40 L 325.12 43.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 35px; margin-left: 363px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                1. /auth
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="363" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    1. /auth
                </text>
            </switch>
        </g>
        <image x="454.5" y="13.5" width="65" height="52" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3IgogICBoZWlnaHQ9IjEzLjY2ODAwOCIKICAgdmlld0JveD0iMCAwIDE3IDEzLjY2ODAwOCIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMTcwOTEiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkJyb3dzZXIuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjMgKDI0MDU1NDYsIDIwMTgtMDMtMTEpIj4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxNyIKICAgICBpZD0ibmFtZWR2aWV3MTcwOTMiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjQ4LjExMTExMSIKICAgICBpbmtzY2FwZTpjeD0iOC41IgogICAgIGlua3NjYXBlOmN5PSI2LjgzNCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTcwOTEiIC8+CiAgPGRlZnMKICAgICBpZD0iZGVmczE3MDc2Ij4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICAgaWQ9ImI4NWUyYmYwLTNhMmYtNGNjMi1hZTVmLTYwZmU1ODgxYTJhNSIKICAgICAgIHgxPSI5IgogICAgICAgeTE9IjE1LjgzNCIKICAgICAgIHgyPSI5IgogICAgICAgeTI9IjUuNzg4MDAwMSIKICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIgogICAgICAgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUsMi4xNjU5OTIxKSI+CiAgICAgIDxzdG9wCiAgICAgICAgIG9mZnNldD0iMCIKICAgICAgICAgc3RvcC1jb2xvcj0iIzMyYmVkZCIKICAgICAgICAgaWQ9InN0b3AxNzA2NyIgLz4KICAgICAgPHN0b3AKICAgICAgICAgb2Zmc2V0PSIwLjE3NSIKICAgICAgICAgc3RvcC1jb2xvcj0iIzMyY2FlYSIKICAgICAgICAgaWQ9InN0b3AxNzA2OSIgLz4KICAgICAgPHN0b3AKICAgICAgICAgb2Zmc2V0PSIwLjQxIgogICAgICAgICBzdG9wLWNvbG9yPSIjMzJkMmYyIgogICAgICAgICBpZD0ic3RvcDE3MDcxIiAvPgogICAgICA8c3RvcAogICAgICAgICBvZmZzZXQ9IjAuNzc1IgogICAgICAgICBzdG9wLWNvbG9yPSIjMzJkNGY1IgogICAgICAgICBpZD0ic3RvcDE3MDczIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMTcwNzgiPk1zUG9ydGFsRnguYmFzZS5pbWFnZXMtMTU8L3RpdGxlPgogIDxnCiAgICAgaWQ9ImUzZTMxMzMzLTMxZjQtNDBkOC05ODg2LWQzYTFjNThkNzY3OSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC41LC0yLjE2NTk5MjEpIj4KICAgIDxnCiAgICAgICBpZD0iZzE3MDg2Ij4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAwLjUsNS43ODggaCAxNyB2IDkuNDc4IGEgMC41NjgsMC41NjggMCAwIDEgLTAuNTY4LDAuNTY4IEggMS4wNjggQSAwLjU2OCwwLjU2OCAwIDAgMSAwLjUsMTUuMjY2IFoiCiAgICAgICAgIGlkPSJwYXRoMTcwODAiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOnVybCgjYjg1ZTJiZjAtM2EyZi00Y2MyLWFlNWYtNjBmZTU4ODFhMmE1KSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxLjA3MSwyLjE2NiBoIDE1Ljg1OCBhIDAuNTY4LDAuNTY4IDAgMCAxIDAuNTY4LDAuNTY4IFYgNS43ODggSCAwLjUgViAyLjczNCBBIDAuNTY4LDAuNTY4IDAgMCAxIDEuMDcxLDIuMTY2IFoiCiAgICAgICAgIGlkPSJwYXRoMTcwODIiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMwMDc4ZDQiIC8+CiAgICAgIDxyZWN0CiAgICAgICAgIHg9IjIuNzg2OTk5OSIKICAgICAgICAgeT0iMy4yNDc5OTk5IgogICAgICAgICB3aWR0aD0iMTIuNDI2IgogICAgICAgICBoZWlnaHQ9IjEuNDU5IgogICAgICAgICByeD0iMC4yODQwMDAwMSIKICAgICAgICAgaWQ9InJlY3QxNzA4NCIKICAgICAgICAgc3R5bGU9ImZpbGw6I2YyZjJmMiIgLz4KICAgIDwvZz4KICA8L2c+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTcwODkiPgogICAgPHJkZjpSREY+CiAgICAgIDxyZGY6bGk+cHVibGljOnRydWU8L3JkZjpsaT4KICAgICAgPHJkZjpsaT5zZGs6IE1zUG9ydGFsRnguYmFzZS5pbWFnZXMuUG9seWNocm9tYXRpYy5Ccm93c2VyKCk8L3JkZjpsaT4KICAgICAgPHJkZjpsaT5jYXRlZ29yeTogR2VuZXJhbDwvcmRmOmxpPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT5Nc1BvcnRhbEZ4LmJhc2UuaW1hZ2VzLTE1PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+Cjwvc3ZnPgo="/>
        <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 center; width: 1px; height: 1px; padding-top: 73px; margin-left: 488px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Browser
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="488" y="85" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Browser
                </text>
            </switch>
        </g>
        <rect x="195" y="105" width="200" height="70" fill="none" stroke="none" pointer-events="all"/>
        <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 flex-start; width: 1px; height: 1px; padding-top: 140px; margin-left: 197px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                5. /callbackリダイレクトに含まれる
                                <br/>
                                パラメータからユーザ情報取得
                                <br/>
                                <br/>
                                6. クッキーに書き込み
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="197" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    5. /callbackリダイレクトに含まれる...
                </text>
            </switch>
        </g>
        <rect x="402.5" y="105" width="170" height="40" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 125px; margin-left: 488px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                7. クッキーから認証まわりの
                                <br/>
                                情報を取得
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="488" y="129" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    7. クッキーから認証まわりの...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>