{"version":3,"sources":["webpack:///./src/images/gatsby-image/v2-work-page/fluid-images.js","webpack:///./src/images-v2/svg/icon-design.svg","webpack:///./src/images-v2/svg/icon-AI.svg","webpack:///./src/images-v2/svg/icon-IoT.svg","webpack:///./src/images/gatsby-image/v2-dx-system-development/fluid-images.js","webpack:///./src/pages/dx-system-development/index.jsx","webpack:///./src/images-v2/svg/icon-communication.svg","webpack:///./src/images-v2/svg/icon-operation.svg","webpack:///./src/images-v2/svg/icon-consulting.svg","webpack:///./src/images-v2/svg/icon-webSystem.svg"],"names":["WorkFluidImages","image","useStaticQuery","childImageSharp","fluid","module","exports","V2DXsystemDevelopmentImages","SectionWrapper","styled","section","AboutDXTitle","h1","AboutDXsubTitle","div","AboutDXdescription","OutsideImg","Img","BannerImgArea","BannerLink","Link","BannerImg","SectionTitle","h2","SectionSubTitle","CategoryList","ul","SectionDescription","p","DoubleLine","FlowDescription","FlowStep","StepImg","TechImg","TechDescription","colorPaletteV2","surface","TechWrap","Tech","ExampleOfUseArea","white","ExampleOfUseWrap","ExampleOfUse","ExampleOfUseImg","HomePage","pageTitle","className","alt","pagesV2","index","name","to","path","DXinside","src","IconConsulting","IconDesign","IconAI","IconIoT","IconCommunication","IconWebSystem","IconOperation","id"],"mappings":"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","file":"component---src-pages-dx-system-development-index-jsx-8629b4635fc39adfc30d.js","sourcesContent":["import { useStaticQuery, graphql } from 'gatsby';\n\nconst WorkFluidImages = image => {\n const data = useStaticQuery(graphql`\n query {\n workproductevelopment: file(\n relativePath: { eq: \"v2-work/productevelopment@2x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 448, maxHeight: 310) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n productionManagement: file(\n relativePath: { eq: \"v2-work/productionManagement@2x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 448, maxHeight: 310) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n valveMaintenanceSystem: file(\n relativePath: { eq: \"v2-work/valveMaintenanceSystem@2x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 448, maxHeight: 310) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n dxsolution: file(relativePath: { eq: \"v2-work/dxsolution@2x.png\" }) {\n childImageSharp {\n fluid(maxWidth: 448, maxHeight: 310) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n dxHumanIntroduce: file(\n relativePath: { eq: \"v2-work/dxHumanIntroduce@2x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 448, maxHeight: 310) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n `);\n\n return data[image].childImageSharp.fluid;\n};\n\nexport default WorkFluidImages;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjk5OTkgMEgwLjA0OTgwNDdWMjRIMjMuOTk5OVYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNNi4zODY3MiAxOC44TDYuNjM2MiAyMUw4LjIzMjg3IDE5LjQ1TDEwLjk3NzIgMTEuODVDMTAuMjc4NiAxMS43IDkuNjc5ODYgMTEuMzUgOS4yMzA4IDEwLjg1TDYuMzg2NzIgMTguOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC43NjkzIDEwLjlDMTQuMjcwNCAxMS4zNSAxMy42NzE2IDExLjcgMTMuMDIyOSAxMS45TDE1Ljc2NzIgMTkuNUwxNy4zNjM5IDIxLjA1TDE3LjYxMzQgMTguODVMMTQuNzY5MyAxMC45WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0Ljk2ODcgOEMxNC45Njg3IDYuNyAxNC4xMjA1IDUuNiAxMi45NzI5IDUuMlYzSDEwLjk3N1Y1LjJDOS44Mjk0MyA1LjYgOC45ODEyIDYuNyA4Ljk4MTIgOEM4Ljk4MTIgOS42NSAxMC4zMjg0IDExIDExLjk3NSAxMUMxMy42NzE0IDExIDE0Ljk2ODcgOS42NSAxNC45Njg3IDhaTTExLjk3NSA5QzExLjQyNjEgOSAxMC45NzcgOC41NSAxMC45NzcgOEMxMC45NzcgNy40NSAxMS40MjYxIDcgMTEuOTc1IDdDMTIuNTIzOCA3IDEyLjk3MjkgNy40NSAxMi45NzI5IDhDMTIuOTcyOSA4LjU1IDEyLjUyMzggOSAxMS45NzUgOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBIMFYyNEgyNFYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNMjAuNTAwMSAxMy40QzIwLjM1MDEgMTMuMTUgMjAuMTAwMSAxMi45NSAxOS44NTAxIDEyLjhDMTkuODAwMSAxMi43NSAxOS43NTAxIDEyLjc1IDE5LjY1MDEgMTIuN0MxOS41NTAxIDEyLjcgMTkuNTAwMSAxMi43IDE5LjQ1MDEgMTIuNjVDMTkuMzUwMSAxMi42IDE5LjIwMDEgMTIuNiAxOS4xMDAxIDEyLjZDMTguNzAwMSAxMi42IDE4LjM1MDEgMTIuNzUgMTguMDUwMSAxM0MxOC4wMDAxIDEzLjA1IDE3LjkwMDEgMTMuMSAxNy44MDAxIDEzLjFDMTcuNzAwMSAxMy4xIDE3LjU1MDEgMTMuMDUgMTcuNTAwMSAxMi45NUMxNy40NTAxIDEyLjg1IDE3LjQwMDEgMTIuNzUgMTcuNDAwMSAxMi42NUMxNy40MDAxIDEyLjU1IDE3LjQ1MDEgMTIuNDUgMTcuNTUwMSAxMi40QzE4LjAwMDEgMTIuMDUgMTguNTUwMSAxMS44NSAxOS4xMDAxIDExLjg1QzE5LjMwMDEgMTEuODUgMTkuNDUwMSAxMS44NSAxOS42NTAxIDExLjlDMjAuMDAwMSAxMS42NSAyMC4yMDAxIDExLjI1IDIwLjI1MDEgMTAuODVDMjAuMjUwMSAxMC44IDIwLjI1MDEgMTAuNyAyMC4yNTAxIDEwLjY1QzIwLjI1MDEgMTAuMjUgMjAuMTAwMSA5Ljg5OTk2IDE5Ljg1MDEgOS41OTk5NkMxOS42MDAxIDkuMjk5OTYgMTkuMjUwMSA5LjA5OTk2IDE4Ljg1MDEgOS4wNDk5NkMxOC44MDAxIDkuMDQ5OTYgMTguNzUwMSA5LjA0OTk2IDE4LjcwMDEgOS4wNDk5NkMxOC42NTAxIDkuMDk5OTYgMTguNjUwMSA5LjE0OTk2IDE4LjYwMDEgOS4xNDk5NkMxOC40NTAxIDkuMjk5OTYgMTguMjUwMSA5LjQ0OTk2IDE4LjA1MDEgOS41OTk5NkMxNy44NTAxIDkuNjk5OTYgMTcuNjUwMSA5Ljc5OTk2IDE3LjQ1MDEgOS44OTk5NkMxNy4wNTAxIDEwLjA1IDE2LjgwMDEgMTAuMSAxNi43NTAxIDEwLjFDMTYuNzAwMSAxMC4xIDE2LjcwMDEgMTAuMSAxNi42NTAxIDEwLjFDMTYuNDUwMSAxMC4xIDE2LjMwMDEgOS45OTk5NiAxNi4yNTAxIDkuNzk5OTZDMTYuMjUwMSA5LjY5OTk2IDE2LjI1MDEgOS41OTk5NyAxNi4zMDAxIDkuNDk5OTdDMTYuMzUwMSA5LjM5OTk2IDE2LjQ1MDEgOS4zNDk5NiAxNi41NTAxIDkuMzQ5OTZMMTYuNjAwMSA5LjU0OTk2TDE2LjU1MDEgOS4zNDk5NkgxNi42MDAxQzE2LjY1MDEgOS4zNDk5NiAxNi43NTAxIDkuMjk5OTYgMTYuODUwMSA5LjI0OTk3QzE3LjA1MDEgOS4xOTk5NyAxNy4zMDAxIDkuMDk5OTYgMTcuNTUwMSA4Ljk0OTk2QzE3LjcwMDEgOC44NDk5NiAxNy44NTAxIDguNzQ5OTYgMTcuOTUwMSA4LjY0OTk2QzE4LjAwMDEgOC41OTk5NiAxOC4wNTAxIDguNTQ5OTYgMTguMTAwMSA4LjQ0OTk2TDE4LjE1MDEgOC4zOTk5NkMxOC40MDAxIDguMDk5OTYgMTguNTUwMSA3LjY5OTk2IDE4LjU1MDEgNy4yOTk5NkMxOC41NTAxIDYuODk5OTYgMTguNDAwMSA2LjQ5OTk2IDE4LjE1MDEgNi4xOTk5NkMxNy44NTAxIDUuODQ5OTYgMTcuMzUwMSA1LjY0OTk2IDE2LjkwMDEgNS42NDk5NkMxNi41MDAxIDUuNjQ5OTYgMTYuMTAwMSA1Ljc5OTk2IDE1Ljc1MDEgNi4wOTk5NkMxNS43MDAxIDYuMTQ5OTYgMTUuNjAwMSA2LjE5OTk2IDE1LjUwMDEgNi4xOTk5NkMxNS40MDAxIDYuMTk5OTYgMTUuMzAwMSA2LjE0OTk2IDE1LjIwMDEgNi4wNDk5NkMxNS4xNTAxIDUuOTQ5OTYgMTUuMTAwMSA1Ljg0OTk3IDE1LjEwMDEgNS43NDk5N0MxNS4xMDAxIDUuNjQ5OTcgMTUuMTUwMSA1LjU0OTk3IDE1LjI1MDEgNS40OTk5N0MxNS40MDAxIDUuMzQ5OTcgMTUuNjAwMSA1LjI0OTk2IDE1LjgwMDEgNS4xNDk5NkMxNS43NTAxIDQuNzk5OTYgMTUuNjAwMSA0LjQ0OTk2IDE1LjMwMDEgNC4xNDk5NkMxNS4wMDAxIDMuODQ5OTYgMTQuNTUwMSAzLjY0OTk2IDE0LjEwMDEgMy42NDk5NkMxMy42NTAxIDMuNjQ5OTYgMTMuMjAwMSAzLjg0OTk2IDEyLjkwMDEgNC4xNDk5NkMxMi42MDAxIDQuNDQ5OTYgMTIuNDAwMSA0Ljg5OTk2IDEyLjQwMDEgNS4zNDk5NlY4LjA5OTk2SDE0LjAwMDFDMTQuMjAwMSA4LjA5OTk2IDE0LjQwMDEgOC4yNDk5NyAxNC40MDAxIDguNDk5OTdDMTQuNDAwMSA4LjY5OTk3IDE0LjI1MDEgOC44OTk5NiAxNC4wMDAxIDguODk5OTZIMTIuNDAwMVYxMC44QzEyLjg1MDEgMTAuOCAxMy4yNTAxIDEwLjkgMTMuNjAwMSAxMUMxNC4wMDAxIDExLjEgMTQuMzUwMSAxMS4zIDE0LjYwMDEgMTEuNTVDMTQuNzUwMSAxMS43IDE0Ljg1MDEgMTEuODUgMTQuOTUwMSAxMi4wNUMxNS4xMDAxIDEyLjMgMTUuMTUwMSAxMi41NSAxNS4yMDAxIDEyLjc1QzE1LjIwMDEgMTIuODUgMTUuMjUwMSAxMi45NSAxNS4yNTAxIDEzLjFDMTUuMzAwMSAxMy4zIDE1LjMwMDEgMTMuNDUgMTUuMzUwMSAxMy42QzE1LjQwMDEgMTMuNzUgMTUuNDUwMSAxMy44NSAxNS41MDAxIDEzLjk1QzE1LjU1MDEgMTQuMDUgMTUuNjUwMSAxNC4xNSAxNS43NTAxIDE0LjJDMTUuOTAwMSAxNC4zIDE2LjEwMDEgMTQuMzUgMTYuMzUwMSAxNC40QzE2LjQ1MDEgMTQuNCAxNi41NTAxIDE0LjQ1IDE2LjYwMDEgMTQuNTVDMTYuNjUwMSAxNC42NSAxNi43MDAxIDE0Ljc1IDE2LjcwMDEgMTQuODVDMTYuNjUwMSAxNS4wNSAxNi41MDAxIDE1LjIgMTYuMzAwMSAxNS4ySDE2LjI1MDFDMTUuOTUwMSAxNS4xNSAxNS42NTAxIDE1LjEgMTUuNDUwMSAxNC45NUMxNS4yNTAxIDE0Ljg1IDE1LjA1MDEgMTQuNyAxNC45MDAxIDE0LjVDMTQuODAwMSAxNC40IDE0Ljc1MDEgMTQuMjUgMTQuNzAwMSAxNC4xQzE0LjY1MDEgMTMuOTUgMTQuNjAwMSAxMy44IDE0LjU1MDEgMTMuNkMxNC41NTAxIDEzLjUgMTQuNTAwMSAxMy40IDE0LjUwMDEgMTMuM0MxNC41MDAxIDEzLjIgMTQuNDUwMSAxMy4xIDE0LjQ1MDEgMTNDMTQuNDAwMSAxMi43IDE0LjMwMDEgMTIuNSAxNC4yMDAxIDEyLjNDMTQuMTAwMSAxMi4yIDE0LjAwMDEgMTIuMSAxMy45MDAxIDEyQzEzLjc1MDEgMTEuOSAxMy41NTAxIDExLjggMTMuMzAwMSAxMS43NUMxMy4wNTAxIDExLjcgMTIuODAwMSAxMS42NSAxMi40NTAxIDExLjY1VjE4Ljc1QzEyLjQ1MDEgMTkuMiAxMi42NTAxIDE5LjY1IDEyLjk1MDEgMTkuOTVDMTMuMjUwMSAyMC4yNSAxMy43MDAxIDIwLjQ1IDE0LjE1MDEgMjAuNDVDMTQuNjAwMSAyMC40NSAxNS4wNTAxIDIwLjI1IDE1LjM1MDEgMTkuOTVDMTUuNjUwMSAxOS42NSAxNS44NTAxIDE5LjIgMTUuODUwMSAxOC43NUMxNS44NTAxIDE4LjUgMTUuODAwMSAxOC4yNSAxNS42NTAxIDE4QzE1LjUwMDEgMTcuNzUgMTUuMzUwMSAxNy41NSAxNS4xMDAxIDE3LjQ1QzE0LjkwMDEgMTcuMzUgMTQuNzAwMSAxNy4zIDE0LjUwMDEgMTcuM0MxNC4zMDAxIDE3LjMgMTQuMTAwMSAxNy4xNSAxNC4xMDAxIDE2LjlDMTQuMTAwMSAxNi43IDE0LjI1MDEgMTYuNSAxNC41MDAxIDE2LjVDMTQuNzUwMSAxNi41IDE1LjAwMDEgMTYuNTUgMTUuMjUwMSAxNi42QzE1LjQ1MDEgMTYuNyAxNS42NTAxIDE2LjggMTUuODUwMSAxNi45NUMxNi4xNTAxIDE3LjIgMTYuNDAwMSAxNy41NSAxNi41MDAxIDE3Ljk1QzE2LjYwMDEgMTguMiAxNi42MDAxIDE4LjQ1IDE2LjYwMDEgMTguN0MxNi42MDAxIDE4LjkgMTYuNjAwMSAxOS4xIDE2LjU1MDEgMTkuMjVDMTYuNzUwMSAxOS4zIDE2LjkwMDEgMTkuMzUgMTcuMTAwMSAxOS4zNUMxNy41MDAxIDE5LjM1IDE3LjkwMDEgMTkuMiAxOC4yNTAxIDE4LjlDMTguNjAwMSAxOC42IDE4LjgwMDEgMTguMSAxOC44MDAxIDE3LjY1QzE4LjgwMDEgMTcuNDUgMTguNzUwMSAxNy4yNSAxOC43MDAxIDE3LjA1QzE4LjY1MDEgMTYuODUgMTguNTAwMSAxNi43IDE4LjQwMDEgMTYuNUMxOC4yNTAxIDE2LjM1IDE4LjI1MDEgMTYuMSAxOC40NTAxIDE1Ljk1QzE4LjUwMDEgMTUuOSAxOC42MDAxIDE1Ljg1IDE4LjcwMDEgMTUuODVDMTguODAwMSAxNS44NSAxOC45MDAxIDE1LjkgMTkuMDAwMSAxNkwxOS4wNTAxIDE2LjA1QzE5LjA1MDEgMTYuMDUgMTkuMDUwMSAxNi4wNSAxOS4xMDAxIDE2LjA1SDE5LjE1MDFDMTkuNjAwMSAxNi4wNSAyMC4wNTAxIDE1Ljg1IDIwLjM1MDEgMTUuNTVDMjAuNjUwMSAxNS4yNSAyMC44NTAxIDE0LjggMjAuODUwMSAxNC4zNUMyMC43NTAxIDEzLjk1IDIwLjcwMDEgMTMuNjUgMjAuNTAwMSAxMy40WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkuOTUwMSAzLjU5OTk4QzkuNTAwMSAzLjU5OTk4IDkuMDUwMDkgMy43OTk5OCA4Ljc1MDA5IDQuMDk5OThDOC41MDAwOSA0LjM0OTk4IDguMzAwMDkgNC42OTk5OCA4LjI1MDA5IDUuMDk5OThDOC40NTAwOSA1LjE5OTk4IDguNjUwMSA1LjI5OTk3IDguODAwMSA1LjQ0OTk3TDguODUwMSA1LjQ5OTk4TDguOTAwMSA1LjU0OTk4TDguOTUwMSA1LjU5OTk4QzkuMDAwMSA1LjY0OTk4IDkuMTAwMSA1Ljc0OTk4IDkuMTUwMSA1Ljg0OTk4QzkuMzAwMSA1Ljk5OTk4IDkuNTUwMSA2LjI0OTk3IDkuODUwMSA2LjQ0OTk3QzEwLjA1MDEgNi41OTk5NyAxMC4yMDAxIDYuNjk5OTggMTAuMzUwMSA2Ljc0OTk4QzEwLjQ1MDEgNi43OTk5OCAxMC41MDAxIDYuNzk5OTggMTAuNTUwMSA2Ljc5OTk4QzEwLjY1MDEgNi43OTk5OCAxMC43NTAxIDYuODQ5OTcgMTAuODAwMSA2Ljk0OTk3QzEwLjg1MDEgNy4wNDk5NyAxMC45MDAxIDcuMTQ5OTggMTAuOTAwMSA3LjI0OTk4QzEwLjkwMDEgNy40NDk5OCAxMC43MDAxIDcuNTk5OTggMTAuNTAwMSA3LjU5OTk4SDEwLjQ1MDFDMTAuMzAwMSA3LjU5OTk4IDEwLjIwMDEgNy41NDk5OCAxMC4wNTAxIDcuNDk5OThDOS45NTAxIDcuNDQ5OTggOS44MDAxIDcuMzk5OTggOS42NTAxIDcuMjk5OThDOS40NTAxIDcuMTQ5OTggOS4yMDAwOSA2Ljk5OTk4IDkuMDAwMDkgNi43OTk5OEM4LjY1MDA5IDYuNDk5OTggOC40MDAxIDYuMTk5OTggOC4zMDAxIDYuMDk5OThDOC4wMDAxIDUuODQ5OTggNy42MDAxIDUuNjk5OTcgNy4yMDAxIDUuNjk5OTdDNi43MDAxIDUuNjk5OTcgNi4yNTAxIDUuODk5OTggNS45NTAxIDYuMjQ5OThDNS42NTAxIDYuNTQ5OTggNS41MDAxIDYuOTQ5OTcgNS41MDAxIDcuMzk5OTdDNS41MDAxIDcuNjk5OTcgNS41NTAxIDcuOTQ5OTcgNS43MDAxIDguMTk5OTdDNS44NTAxIDguMTk5OTcgNS45NTAxIDguMTk5OTggNi4xMDAxIDguMjQ5OThDNi4zMDAxIDguMjk5OTggNi40NTAxIDguNDk5OTcgNi40MDAxIDguNjk5OTdDNi4zNTAxIDguODk5OTcgNi4yMDAwOSA5LjA0OTk4IDYuMDAwMSA5LjA0OTk4SDUuOTUwMUM1Ljg1MDEgOS4wNDk5OCA1LjgwMDEgOS4wNDk5OCA1LjcwMDEgOS4wNDk5OEg1LjY1MDFDNS4yMDAxIDkuMDQ5OTggNC44MDAxIDkuMjQ5OTggNC41MDAxIDkuNTQ5OThDNC4yMDAxIDkuODQ5OTggNC4wMDAxIDEwLjMgNC4wMDAxIDEwLjc1VjEwLjhDNC4wMDAxIDExLjI1IDQuMjAwMSAxMS43IDQuNTUwMSAxMkM0LjcwMDEgMTEuOTUgNC44NTAxIDExLjk1IDUuMDAwMSAxMS45NUM1LjU1MDEgMTEuOTUgNi4xMDAxIDEyLjE1IDYuNTUwMSAxMi41TDYuNjAwMSAxMi41NUw2LjY1MDEgMTIuNkw2LjcwMDEgMTIuNjVDNi44MDAxIDEyLjc1IDYuODUwMSAxMi44IDYuOTUwMSAxMi44NUM3LjE1MDEgMTMgNy40NTAxIDEzLjI1IDcuODAwMSAxMy4zNUM4LjA1MDEgMTMuNDUgOC4zMDAwOSAxMy41IDguNTAwMDkgMTMuNUM4LjcwMDA5IDEzLjUgOC45MDAxIDEzLjY1IDguOTAwMSAxMy45QzguOTAwMSAxNC4xIDguNzUwMDkgMTQuMyA4LjUwMDA5IDE0LjNDOC4xNTAwOSAxNC4zIDcuODUwMDkgMTQuMjUgNy41MDAwOSAxNC4xQzcuMjUwMDkgMTQgNy4wMDAwOSAxMy44NSA2Ljc1MDA5IDEzLjdDNi40MDAwOSAxMy40NSA2LjE1MDEgMTMuMiA2LjEwMDEgMTMuMUM1LjgwMDEgMTIuODUgNS40NTAxIDEyLjc1IDUuMDUwMSAxMi43NUM0Ljc1MDEgMTIuNzUgNC41MDAxIDEyLjggNC4yNTAxIDEyLjk1QzQuMDAwMSAxMy4xIDMuNzUwMSAxMy4zIDMuNjAwMSAxMy41NUMzLjQ1MDEgMTMuOCAzLjM1MDEgMTQuMTUgMy4zNTAxIDE0LjQ1QzMuMzUwMSAxNC45IDMuNTUwMSAxNS4zNSAzLjg1MDEgMTUuNjVDNC4xNTAxIDE1Ljk1IDQuNjAwMSAxNi4xNSA1LjA1MDEgMTYuMTVDNS4xMDAxIDE2LjE1IDUuMTUwMSAxNi4xNSA1LjE1MDEgMTYuMTVMNS4yMDAxIDE2LjFDNS4yNTAxIDE2IDUuNDAwMSAxNS45NSA1LjUwMDEgMTUuOTVDNS42MDAxIDE1Ljk1IDUuNzAwMSAxNiA1Ljc1MDEgMTYuMDVDNS44NTAxIDE2LjEgNS44NTAxIDE2LjIgNS45MDAxIDE2LjNDNS45MDAxIDE2LjQgNS44NTAxIDE2LjUgNS44MDAxIDE2LjZDNS42NTAxIDE2Ljc1IDUuNTUwMSAxNi45NSA1LjUwMDEgMTcuMTVDNS40NTAxIDE3LjM1IDUuNDAwMSAxNy41NSA1LjQwMDEgMTcuNzVDNS40MDAxIDE4LjI1IDUuNjAwMSAxOC43IDUuOTUwMSAxOUM2LjI1MDEgMTkuMyA2LjY1MDEgMTkuNDUgNy4xMDAxIDE5LjQ1QzcuMzAwMSAxOS40NSA3LjUwMDEgMTkuNCA3LjY1MDEgMTkuMzVDNy42MDAxIDE5LjE1IDcuNjAwMSAxOC45NSA3LjYwMDEgMTguOEM3LjYwMDEgMTguNSA3LjY1MDEgMTguMiA3LjgwMDEgMTcuOUM3Ljk1MDEgMTcuNTUgOC4xNTAxIDE3LjMgOC40MDAxIDE3LjA1QzguNDUwMSAxNyA4LjU1MDEgMTYuOTUgOC42NTAxIDE2Ljk1QzguNzUwMSAxNi45NSA4Ljg1MDEgMTcgOC45NTAxIDE3LjFDOS4xMDAxIDE3LjI1IDkuMDUwMSAxNy41IDguOTAwMSAxNy42NUM4Ljc1MDEgMTcuOCA4LjYwMDA5IDE3Ljk1IDguNTAwMDkgMTguMkM4LjQwMDA5IDE4LjQgOC4zNTAxIDE4LjYgOC4zNTAxIDE4LjhDOC4zNTAxIDE5LjI1IDguNTUwMSAxOS43IDguODUwMSAyMEM5LjE1MDEgMjAuMyA5LjYwMDEgMjAuNSAxMC4wNTAxIDIwLjVDMTAuNTAwMSAyMC41IDEwLjk1MDEgMjAuMyAxMS4yNTAxIDIwQzExLjU1MDEgMTkuNyAxMS43NTAxIDE5LjI1IDExLjc1MDEgMTguOFYxNS43SDEwLjMwMDFDMTAuMTAwMSAxNS43IDkuOTAwMSAxNS41NSA5LjkwMDEgMTUuM0M5LjkwMDEgMTUuMSAxMC4wNTAxIDE0LjkgMTAuMzAwMSAxNC45SDExLjY1MDFWMTIuNTVDMTEuNTAwMSAxMi40NSAxMS4zMDAxIDEyLjQ1IDExLjE1MDEgMTIuNDVDMTEuMDAwMSAxMi40NSAxMC45MDAxIDEyLjQ1IDEwLjc1MDEgMTIuNUMxMC40NTAxIDEyLjYgMTAuMTAwMSAxMi42NSA5LjgwMDEgMTIuNjVDOS4yMDAxIDEyLjY1IDguNjUwMDkgMTIuNDUgOC4yNTAwOSAxMi4wNUM3LjkwMDA5IDExLjcgNy42NTAxIDExLjIgNy42NTAxIDEwLjY1QzcuNjUwMSAxMC4yIDcuODAwMSA5Ljc0OTk3IDguMTAwMSA5LjM5OTk3QzguMTUwMSA5LjI5OTk3IDguMzAwMSA5LjI0OTk4IDguNDAwMSA5LjI0OTk4QzguNTAwMSA5LjI0OTk4IDguNjAwMSA5LjI5OTk3IDguNjUwMSA5LjM0OTk4QzguODAwMSA5LjQ5OTk3IDguODUwMSA5Ljc0OTk3IDguNzAwMSA5Ljg5OTk3QzguNTAwMSAxMC4xNSA4LjQwMDEgMTAuNCA4LjQwMDEgMTAuNjVDOC40MDAxIDEwLjk1IDguNTUwMDkgMTEuMjUgOC43NTAwOSAxMS41QzkuMDAwMDkgMTEuNzUgOS4zNTAwOSAxMS45IDkuNzUwMDkgMTEuOUMxMC4wMDAxIDExLjkgMTAuMjAwMSAxMS44NSAxMC40NTAxIDExLjc1QzEwLjY1MDEgMTEuNyAxMC44NTAxIDExLjY1IDExLjA1MDEgMTEuNjVDMTEuMjUwMSAxMS42NSAxMS40MDAxIDExLjY1IDExLjU1MDEgMTEuN1Y1LjI5OTk4QzExLjU1MDEgNC44NDk5OCAxMS4zNTAxIDQuMzk5OTggMTEuMDUwMSA0LjA5OTk4QzEwLjgwMDEgMy43OTk5OCAxMC40MDAxIDMuNTk5OTggOS45NTAxIDMuNTk5OThaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBIMFYyNEgyNFYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNMTYuMyA3LjU0OTk5SDcuNjVDNy41NSA3LjU0OTk5IDcuNSA3LjU5OTk5IDcuNSA3LjY5OTk5VjE2LjI1QzcuNSAxNi4zNSA3LjU1IDE2LjQgNy42NSAxNi40SDE2LjNDMTYuNCAxNi40IDE2LjQ1IDE2LjM1IDE2LjQ1IDE2LjI1VjcuNjQ5OTlDMTYuNDUgNy41OTk5OSAxNi40IDcuNTQ5OTkgMTYuMyA3LjU0OTk5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE5Ljg1IDguMjAwMDFIMTcuNEMxNy4zIDguMjAwMDEgMTcuMjUgOC4yNTAwMSAxNy4yNSA4LjM1MDAxVjkuMzAwMDFDMTcuMjUgOS40MDAwMSAxNy4zIDkuNDUwMDEgMTcuNCA5LjQ1MDAxSDE5Ljg1QzE5Ljk1IDkuNDUwMDEgMjAgOS40MDAwMSAyMCA5LjMwMDAxVjguMzUwMDFDMjAgOC4zMDAwMSAxOS45NSA4LjIwMDAxIDE5Ljg1IDguMjAwMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTkuODUgMTAuM0gxNy40QzE3LjMgMTAuMyAxNy4yNSAxMC4zNSAxNy4yNSAxMC40NVYxMS40QzE3LjI1IDExLjUgMTcuMyAxMS41NSAxNy40IDExLjU1SDE5Ljg1QzE5Ljk1IDExLjU1IDIwIDExLjUgMjAgMTEuNFYxMC40NUMyMCAxMC4zNSAxOS45NSAxMC4zIDE5Ljg1IDEwLjNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTkuODUgMTIuNEgxNy40QzE3LjMgMTIuNCAxNy4yNSAxMi40NSAxNy4yNSAxMi41NVYxMy41QzE3LjI1IDEzLjYgMTcuMyAxMy42NSAxNy40IDEzLjY1SDE5Ljg1QzE5Ljk1IDEzLjY1IDIwIDEzLjYgMjAgMTMuNVYxMi41NUMyMCAxMi40NSAxOS45NSAxMi40IDE5Ljg1IDEyLjRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTkuODUgMTQuNDVIMTcuNEMxNy4zIDE0LjQ1IDE3LjI1IDE0LjUgMTcuMjUgMTQuNlYxNS41NUMxNy4yNSAxNS42NSAxNy4zIDE1LjcgMTcuNCAxNS43SDE5Ljg1QzE5Ljk1IDE1LjcgMjAgMTUuNjUgMjAgMTUuNTVWMTQuNkMyMCAxNC41NSAxOS45NSAxNC40NSAxOS44NSAxNC40NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjYgOC4yMDAwMUg0LjE1QzQuMDUgOC4yMDAwMSA0IDguMjUwMDEgNCA4LjM1MDAxVjkuMzAwMDFDNCA5LjQwMDAxIDQuMDUgOS40NTAwMSA0LjE1IDkuNDUwMDFINi42QzYuNyA5LjQ1MDAxIDYuNzUgOS40MDAwMSA2Ljc1IDkuMzAwMDFWOC4zNTAwMUM2Ljc1IDguMzAwMDEgNi42NSA4LjIwMDAxIDYuNiA4LjIwMDAxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNiAxMC4zSDQuMTVDNC4wNSAxMC4zIDQgMTAuMzUgNCAxMC40NVYxMS40QzQgMTEuNSA0LjA1IDExLjU1IDQuMTUgMTEuNTVINi42QzYuNyAxMS41NSA2Ljc1IDExLjUgNi43NSAxMS40VjEwLjQ1QzYuNzUgMTAuMzUgNi42NSAxMC4zIDYuNiAxMC4zWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNiAxMi40SDQuMTVDNC4wNSAxMi40IDQgMTIuNDUgNCAxMi41NVYxMy41QzQgMTMuNiA0LjA1IDEzLjY1IDQuMTUgMTMuNjVINi42QzYuNyAxMy42NSA2Ljc1IDEzLjYgNi43NSAxMy41VjEyLjU1QzYuNzUgMTIuNDUgNi42NSAxMi40IDYuNiAxMi40WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNiAxNC40NUg0LjE1QzQuMDUgMTQuNDUgNCAxNC41IDQgMTQuNlYxNS41NUM0IDE1LjY1IDQuMDUgMTUuNyA0LjE1IDE1LjdINi42QzYuNyAxNS43IDYuNzUgMTUuNjUgNi43NSAxNS41NVYxNC42QzYuNzUgMTQuNTUgNi42NSAxNC40NSA2LjYgMTQuNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQuNjUgNi43SDE1LjZDMTUuNyA2LjcgMTUuNzUgNi42NSAxNS43NSA2LjU1VjQuMTVDMTUuNzUgNC4wNSAxNS43IDQgMTUuNiA0SDE0LjY1QzE0LjYgNCAxNC41IDQuMDUgMTQuNSA0LjE1VjYuNTVDMTQuNSA2LjY1IDE0LjYgNi43IDE0LjY1IDYuN1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi41NDk5IDYuN0gxMy40OTk5QzEzLjU5OTkgNi43IDEzLjY0OTkgNi42NSAxMy42NDk5IDYuNTVWNC4xNUMxMy42NDk5IDQuMDUgMTMuNTk5OSA0IDEzLjQ5OTkgNEgxMi41NDk5QzEyLjQ0OTkgNCAxMi4zOTk5IDQuMDUgMTIuMzk5OSA0LjE1VjYuNTVDMTIuMzk5OSA2LjY1IDEyLjQ5OTkgNi43IDEyLjU0OTkgNi43WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjQ1IDYuN0gxMS40QzExLjUgNi43IDExLjU1IDYuNjUgMTEuNTUgNi41NVY0LjE1QzExLjU1IDQuMDUgMTEuNSA0IDExLjQgNEgxMC40NUMxMC4zNSA0IDEwLjMgNC4wNSAxMC4zIDQuMTVWNi41NUMxMC4zIDYuNjUgMTAuNCA2LjcgMTAuNDUgNi43WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTguMzQ5OTUgNi43SDkuMjk5OTVDOS4zOTk5NSA2LjcgOS40NDk5NSA2LjY1IDkuNDQ5OTUgNi41NVY0LjE1QzkuNDQ5OTUgNC4wNSA5LjM5OTk1IDQgOS4yOTk5NSA0SDguMzQ5OTVDOC4yNDk5NSA0IDguMTk5OTUgNC4wNSA4LjE5OTk1IDQuMTVWNi41NUM4LjE5OTk1IDYuNjUgOC4yOTk5NSA2LjcgOC4zNDk5NSA2LjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuNiAxNy4zSDE0LjY1QzE0LjU1IDE3LjMgMTQuNSAxNy4zNSAxNC41IDE3LjQ1VjE5Ljg1QzE0LjUgMTkuOTUgMTQuNTUgMjAgMTQuNjUgMjBIMTUuNkMxNS43IDIwIDE1Ljc1IDE5Ljk1IDE1Ljc1IDE5Ljg1VjE3LjQ1QzE1Ljc1IDE3LjM1IDE1LjcgMTcuMyAxNS42IDE3LjNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMuNDk5OSAxNy4zSDEyLjU0OTlDMTIuNDQ5OSAxNy4zIDEyLjM5OTkgMTcuMzUgMTIuMzk5OSAxNy40NVYxOS44NUMxMi4zOTk5IDE5Ljk1IDEyLjQ0OTkgMjAgMTIuNTQ5OSAyMEgxMy40OTk5QzEzLjU5OTkgMjAgMTMuNjQ5OSAxOS45NSAxMy42NDk5IDE5Ljg1VjE3LjQ1QzEzLjY0OTkgMTcuMzUgMTMuNTk5OSAxNy4zIDEzLjQ5OTkgMTcuM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS40IDE3LjNIMTAuNDVDMTAuMzUgMTcuMyAxMC4zIDE3LjM1IDEwLjMgMTcuNDVWMTkuODVDMTAuMyAxOS45NSAxMC4zNSAyMCAxMC40NSAyMEgxMS40QzExLjUgMjAgMTEuNTUgMTkuOTUgMTEuNTUgMTkuODVWMTcuNDVDMTEuNTUgMTcuMzUgMTEuNSAxNy4zIDExLjQgMTcuM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05LjI5OTk1IDE3LjNIOC4zNDk5NUM4LjI0OTk1IDE3LjMgOC4xOTk5NSAxNy4zNSA4LjE5OTk1IDE3LjQ1VjE5Ljg1QzguMTk5OTUgMTkuOTUgOC4yNDk5NSAyMCA4LjM0OTk1IDIwSDkuMjk5OTVDOS4zOTk5NSAyMCA5LjQ0OTk1IDE5Ljk1IDkuNDQ5OTUgMTkuODVWMTcuNDVDOS40NDk5NSAxNy4zNSA5LjM5OTk1IDE3LjMgOS4yOTk5NSAxNy4zWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\"","import { useStaticQuery, graphql } from 'gatsby';\n\nconst V2DXsystemDevelopmentImages = image => {\n const data = useStaticQuery(graphql`\n query {\n FVimg: file(\n relativePath: { eq: \"v2-dx-system-development/FVimg@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 214, maxHeight: 220) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n BtnDX: file(\n relativePath: { eq: \"v2-dx-system-development/btn-about-dx@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 127) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n BtnDXhr: file(\n relativePath: { eq: \"v2-dx-system-development/btn-about-dx-hr@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 127) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n Step1Img01: file(\n relativePath: { eq: \"v2-dx-system-development/step1-01@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 432, maxHeight: 360) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n Step1Img02: file(\n relativePath: { eq: \"v2-dx-system-development/step1-02@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 432, maxHeight: 360) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n Step1Img03: file(\n relativePath: { eq: \"v2-dx-system-development/step1-03@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 432, maxHeight: 360) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n Step2Img01: file(\n relativePath: { eq: \"v2-dx-system-development/step2-01@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 432, maxHeight: 360) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n Step2Img02: file(\n relativePath: { eq: \"v2-dx-system-development/step2-02@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 432, maxHeight: 360) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n Step2Img03: file(\n relativePath: { eq: \"v2-dx-system-development/step2-03@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 432, maxHeight: 360) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n AIimg01: file(\n relativePath: { eq: \"v2-dx-system-development/tech/AI-01@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n AIimg02: file(\n relativePath: { eq: \"v2-dx-system-development/tech/AI-02@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n AIimg03: file(\n relativePath: { eq: \"v2-dx-system-development/tech/AI-03@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n IoTimg01: file(\n relativePath: { eq: \"v2-dx-system-development/tech/IoT-01@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n IoTimg02: file(\n relativePath: { eq: \"v2-dx-system-development/tech/IoT-02@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n IoTimg03: file(\n relativePath: { eq: \"v2-dx-system-development/tech/IoT-03@3x.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n ComunicationImg01: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/communication-01@3x.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n ComunicationImg02: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/communication-02@3x.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n ComunicationImg03: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/communication-03@3x.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n WebSystemImg01: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/WebSystem-01@3x.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n WebSystemImg02: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/WebSystem-02@3x.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n WebSystemImg03: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/WebSystem-03@3x.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 288, maxHeight: 200) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n ExDemo: file(\n relativePath: { eq: \"v2-dx-system-development/tech/ex/demo.png\" }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechAiDeta01: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_aideta_01.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechAiDeta02: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_aideta_02.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechIot01: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_iot_01.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechIot02: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_iot_02.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechIot03: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_iot_03.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechWebRtc01: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_webrtc_01.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechWebRtc02: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_webrtc_02.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n TechWebRtc03: file(\n relativePath: {\n eq: \"v2-dx-system-development/tech/technology_exsample_webrtc_03.png\"\n }\n ) {\n childImageSharp {\n fluid(maxWidth: 256, maxHeight: 180) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n `);\n\n return data[image].childImageSharp.fluid;\n};\n\nexport default V2DXsystemDevelopmentImages;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport PageRoot from '../../components/common-components/templates/page-root-v2';\nimport '../../styles/foundation-v2.css';\n\nimport IconAI from '../../images-v2/svg/icon-AI.svg';\nimport IconIoT from '../../images-v2/svg/icon-IoT.svg';\nimport IconCommunication from '../../images-v2/svg/icon-communication.svg';\nimport IconConsulting from '../../images-v2/svg/icon-consulting.svg';\nimport IconDesign from '../../images-v2/svg/icon-design.svg';\nimport IconOperation from '../../images-v2/svg/icon-operation.svg';\nimport IconWebSystem from '../../images-v2/svg/icon-webSystem.svg';\nimport colorPaletteV2 from '../../styles/color-palette-v2';\nimport pagesV2 from '../../constants-v2/pages-v2';\n\nimport V2DXsystemDevelopmentImages from '../../images/gatsby-image/v2-dx-system-development/fluid-images';\nimport WorkFluidImages from '../../images/gatsby-image/v2-work-page/fluid-images';\nimport SEOHeaderV2 from '../../components/common-components/templates/page-root-v2/seo-v2';\n\nconst SectionWrapper = styled.section`\n margin-bottom: 120px;\n @media (min-width: 960px) {\n margin-bottom: 180px;\n }\n p {\n font-size: 16px;\n font-size: 16px;\n }\n`;\n\nconst AboutDXTitle = styled.h1`\n font-weight: 700;\n margin-bottom: 18px;\n margin-bottom: 18px;\n display: flex;\n justify-content: center;\n align-items: baseline;\n .txtL {\n font-size: 36px;\n font-size: 36px;\n }\n .txtM {\n font-size: 24px;\n font-size: 24px;\n }\n .txtL2 {\n font-size: 40px;\n font-size: 40px;\n }\n @media (min-width: 960px) {\n .txtL {\n font-size: 50px;\n font-size: 50px;\n }\n .txtM {\n font-size: 42px;\n font-size: 42px;\n }\n .txtL2 {\n font-size: 56px;\n font-size: 56px;\n }\n margin-bottom: 24px;\n margin-bottom: 24px;\n }\n`;\n\nconst AboutDXsubTitle = styled.div`\n font-weight: 700;\n margin-bottom: 64px;\n margin-bottom: 64px;\n font-size: 22px;\n font-size: 22px;\n display: flex;\n justify-content: center;\n align-items: baseline;\n`;\n\nconst AboutDXdescription = styled.div`\n margin-bottom: 28px;\n margin-bottom: 28px;\n font-size: 16px;\n font-size: 16px;\n line-height: 1.8;\n display: flex;\n flex-direction: column;\n justify-content: center;\n .description-txt {\n @media (min-width: 520px) {\n width: 412px;\n width: 412px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 960px) {\n width: auto;\n margin-left: 0;\n margin-right: 0;\n }\n }\n @media (min-width: 960px) {\n flex-direction: row;\n }\n\n p + p {\n margin-top: 16px;\n margin-top: 16px;\n }\n`;\n\nconst OutsideImg = styled(Img)`\n width: 100%;\n\n margin-bottom: 24px;\n margin-bottom: 24px;\n @media (min-width: 520px) {\n width: 412px;\n width: 412px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 960px) {\n margin-left: 0;\n margin-right: 32px;\n margin-right: 32px;\n margin-bottom: 0;\n width: 214px;\n width: 214px;\n height: 220px;\n height: 220px;\n }\n`;\n\nconst BannerImgArea = styled.div`\n display: flex;\n justify-content: space-between;\n margin: 64px auto 0;\n flex-direction: column;\n @media (min-width: 960px) {\n width: 609px;\n flex-direction: row;\n }\n`;\nconst BannerLink = styled(Link)`\n border: 2px solid;\n border-image-source: linear-gradient(\n 90deg,\n rgb(44, 145, 238),\n rgb(242, 182, 44)\n );\n border-image-slice: 1;\n margin-bottom: 24px;\n margin-bottom: 24px;\n width: 288px;\n width: 288px;\n height: 127px;\n height: 127px;\n margin-right: auto;\n margin-left: auto;\n @media (min-width: 960px) {\n margin-right: 0;\n margin-left: 0;\n margin-bottom: 0;\n }\n`;\n\nconst BannerImg = styled(Img)`\n width: 284px;\n width: 284px;\n height: 123px;\n height: 123px;\n`;\n\nconst SectionTitle = styled.h2`\n font-weight: 700;\n margin-bottom: 24px;\n margin-bottom: 24px;\n display: flex;\n justify-content: center;\n align-items: baseline;\n font-size: 38px;\n font-size: 38px;\n @media (min-width: 960px) {\n font-size: 48px;\n font-size: 48px;\n }\n line-height: 1.2;\n`;\nconst SectionSubTitle = styled.div`\n font-weight: 700;\n margin-bottom: 18px;\n margin-bottom: 18px;\n display: flex;\n justify-content: center;\n align-items: baseline;\n font-size: 20px;\n font-size: 20px;\n line-height: 1.5;\n`;\n\nconst CategoryList = styled.ul`\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: 18px;\n font-size: 18px;\n margin-top: 40px;\n margin-top: 40px;\n margin-bottom: 32px;\n margin-bottom: 32px;\n width: 200px;\n margin-left: auto;\n margin-right: auto;\n @media (min-width: 457px) {\n width: 100%;\n }\n li {\n color: #2c91ee;\n display: flex;\n flex-direction: row;\n align-items: center;\n line-height: 1;\n img {\n margin-right: 8px;\n margin-right: 8px;\n }\n }\n li + li {\n margin-top: 24px;\n margin-top: 24px;\n }\n @media (min-width: 457px) {\n flex-direction: row;\n li + li {\n margin-top: 0;\n margin-left: 24px;\n margin-left: 24px;\n }\n }\n`;\n\nconst SectionDescription = styled.p`\n text-align: center;\n line-height: 1.8;\n margin-bottom: 92px;\n margin-bottom: 92px;\n`;\n\nconst DoubleLine = styled.div`\n height: 3px;\n position: relative;\n margin-left: -24px;\n margin-left: -24px;\n margin-right: -24px;\n margin-right: -24px;\n @media (min-width: 960px) {\n margin-left: 0;\n margin-right: 0;\n }\n &:before,\n :after {\n content: '';\n display: flex;\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg, #2c91ee 0%, #f2b62c 100%);\n }\n &:before {\n position: absolute;\n top: 0;\n }\n &:after {\n position: absolute;\n bottom: 0;\n }\n`;\n\nconst FlowDescription = styled.div`\n @media (min-width: 960px) {\n display: grid;\n grid-template-columns: 1fr 1px 1fr;\n grid-template-rows: 3px auto 3px 1fr 1fr 1fr;\n /* 莠碁㍾邱� */\n #double-line-1st {\n grid-row: 1 / 2;\n grid-column: 1 / 4;\n }\n #double-line-2nd {\n grid-row: 3 / 4;\n grid-column: 1 / 4;\n }\n /* 邵ヲ邱� */\n .vertical-line {\n width: 1px;\n height: 100%;\n border-right: 1px dashed #8fa48e;\n }\n #vertical-line1 {\n grid-row: 2 / 3;\n grid-column: 2 / 3;\n }\n #vertical-line2 {\n grid-row: 4 / 7;\n grid-column: 2 / 3;\n }\n /* 驟咲スョ */\n #phase1-title {\n grid-row: 2 / 3;\n grid-column: 1 / 2;\n }\n #phase2-title {\n grid-row: 2 / 3;\n grid-column: 3 / 4;\n }\n #phase1-step1 {\n grid-row: 4 / 5;\n grid-column: 1 / 2;\n }\n #phase1-step2 {\n grid-row: 5 / 6;\n grid-column: 1 / 2;\n }\n #phase1-step3 {\n grid-row: 6 / 7;\n grid-column: 1 / 2;\n }\n #phase2-step1 {\n grid-row: 4 / 5;\n grid-column: 3 / 4;\n }\n #phase2-step2 {\n grid-row: 5 / 6;\n grid-column: 3 / 4;\n }\n #phase2-step3 {\n grid-row: 6 / 7;\n grid-column: 3 / 4;\n }\n }\n /* 繝輔ぉ繝シ繧コ */\n .phase-area {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 34px 0 36px 0;\n padding: 34px 0 36px 0;\n /* 繝輔ぉ繝シ繧コ繧ソ繧、繝医Ν */\n .phase-title {\n font-size: 30px;\n font-size: 30px;\n .large {\n font-size: 36px;\n font-size: 36px;\n }\n }\n .description {\n display: block;\n text-align: center;\n font-size: 18px;\n font-size: 18px;\n margin-top: 20px;\n margin-top: 20px;\n line-height: 1.5;\n @media (min-width: 960px) {\n line-height: 1;\n }\n }\n }\n`;\n\nconst FlowStep = styled.div`\n padding: 24px 24px;\n padding: 24px 24px;\n &.step1 {\n margin-top: 24px;\n }\n @media (min-width: 960px) {\n padding: 36px 52px;\n padding: 36px 52px;\n display: grid;\n grid-template-columns: 144px 1fr;\n grid-template-columns: 144px 1fr;\n grid-template-rows: 24px 1fr;\n grid-template-rows: 24px 1fr;\n grid-column-gap: 24px;\n grid-column-gap: 24px;\n grid-row-gap: 22px;\n grid-row-gap: 22px;\n }\n .step-title {\n font-size: 24px;\n font-size: 24px;\n margin-bottom: 22px;\n margin-bottom: 22px;\n justify-content: center;\n display: flex;\n @media (min-width: 960px) {\n grid-row: 1 / 2;\n grid-column: 1 / 3;\n }\n }\n .description {\n font-size: 16px;\n font-size: 16px;\n line-height: 1.8;\n @media (min-width: 520px) {\n width: 412px;\n width: 412px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 960px) {\n width: 100%;\n grid-row: 2 / 3;\n grid-column: 2 / 3;\n }\n }\n`;\n\nconst StepImg = styled(Img)`\n width: 100%;\n min-width: 144px;\n min-width: 144px;\n min-height: 120px; // 莉ョ\n min-height: 120px; // 莉ョ\n margin-bottom: 24px;\n margin-bottom: 24px;\n @media (min-width: 520px) {\n width: 412px;\n width: 412px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 960px) {\n margin-bottom: 0;\n width: 144px;\n width: 144px;\n height: 120px;\n height: 120px;\n margin-right: 24px;\n margin-right: 24px;\n }\n`;\n\nconst TechImg = styled(Img)`\n width: 100%;\n margin-bottom: 24px;\n margin-bottom: 24px;\n @media (min-width: 520px) {\n width: 412px;\n width: 412px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 960px) {\n margin-bottom: 0;\n width: 288px;\n width: 288px;\n height: 200px;\n height: 200px;\n margin-right: 24px;\n margin-right: 24px;\n }\n`;\n\nconst TechDescription = styled.div`\n margin-bottom: 140px;\n .tech-title {\n margin: -18px auto 0 auto;\n @media (min-width: 960px) {\n margin: -24px auto 0 auto;\n }\n display: flex;\n .tech-title-inner {\n font-size: 28px;\n font-size: 28px;\n @media (min-width: 960px) {\n font-size: 38px;\n font-size: 38px;\n }\n background: ${colorPaletteV2.surface};\n padding: 0 12px;\n padding: 0 12px;\n @media (min-width: 960px) {\n padding: 0 20px;\n padding: 0 20px;\n }\n display: block;\n margin: 0 auto;\n z-index: 10;\n img {\n margin-right: 10px;\n margin-right: 10px;\n width: 32px;\n width: 32px;\n height: 32px;\n height: 32px;\n @media (min-width: 960px) {\n margin-right: 20px;\n margin-right: 20px;\n width: 48px;\n width: 48px;\n height: 48px;\n height: 48px;\n }\n display: inline-block;\n }\n .title-txt {\n top: -5px;\n @media (min-width: 960px) {\n top: -9px;\n }\n position: relative;\n }\n }\n }\n .description {\n font-size: 16px;\n font-size: 16px;\n line-height: 1.8;\n text-align: center;\n margin-top: 24px;\n margin-top: 24px;\n margin-bottom: 35px;\n margin-bottom: 35px;\n }\n`;\n\nconst TechWrap = styled.div`\n display: block;\n @media (min-width: 960px) {\n display: flex;\n justify-content: space-between;\n }\n`;\n\nconst Tech = styled.div`\n margin-bottom: 64px;\n margin-bottom: 64px;\n @media (min-width: 960px) {\n width: 288px;\n width: 288px;\n margin-bottom: 0;\n }\n .title {\n font-size: 26px;\n font-size: 26px;\n margin-top: 22px;\n margin-top: 22px;\n margin-bottom: 18px;\n margin-bottom: 18px;\n display: flex;\n justify-content: center;\n display: flex;\n color: #2c91ee;\n }\n .description2 {\n font-size: 16px;\n font-size: 16px;\n line-height: 1.8;\n font-weight: 500;\n text-align: center;\n margin-bottom: 10px;\n margin-bottom: 10px;\n }\n .ex {\n font-size: 16px;\n font-size: 16px;\n line-height: 1.8;\n font-weight: 400;\n text-align: center;\n }\n`;\n\nconst ExampleOfUseArea = styled.div`\n margin-top: 40px;\n margin-top: 40px;\n background: ${colorPaletteV2.white};\n padding: 30px 16px 30px 16px;\n padding: 30px 16px 30px 16px;\n border-radius: 16px;\n border-radius: 16px;\n @media (min-width: 520px) {\n width: 412px;\n width: 412px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 960px) {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n padding: 30px 48px 42px 48px;\n padding: 30px 48px 42px 48px;\n }\n .area-title {\n font-size: 18px;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: center;\n padding: 0 0 30px 0;\n padding: 0 0 30px 0;\n line-height: 1.2;\n }\n`;\n\nconst ExampleOfUseWrap = styled.div`\n display: block;\n @media (min-width: 960px) {\n display: flex;\n justify-content: space-between;\n }\n`;\n\nconst ExampleOfUse = styled.div`\n width: 100%;\n margin-bottom: 56px;\n margin-bottom: 56px;\n &:last-child {\n margin-bottom: 0;\n }\n @media (min-width: 960px) {\n width: 256px;\n width: 256px;\n margin-bottom: 0;\n }\n .example-of-use-title {\n font-size: 18px;\n font-size: 18px;\n font-weight: 500;\n margin-bottom: 12px;\n margin-bottom: 12px;\n line-height: 1.5;\n }\n .example-of-use-txt {\n font-size: 16px;\n font-size: 16px;\n line-height: 1.5;\n }\n`;\n\nconst ExampleOfUseImg = styled(Img)`\n width: 100%;\n margin: 0 auto 18px;\n margin: 0 auto 18px;\n @media (min-width: 960px) {\n max-width: 100%;\n width: 256px;\n width: 256px;\n height: 180px;\n height: 180px;\n }\n`;\n// TO DO:繝ェ繝ウ繧ッ縺ォ縺、縺�※縺ッ縺セ縺溯�∴繧九◆繧√さ繝。繝ウ繝医い繧ヲ繝� 20210331\n// const MoreLink = styled(Link)`\n// margin: 12px 0 0 0;\n// margin: 12px 0 0 0;\n// font-size: 16px;\n// font-size: 16px;\n// display: inline-block;\n// color: ${colorPaletteV2.blue};\n// padding-left: 24px;\n// padding-left: 24px;\n// position: relative;\n// &:before {\n// content: '';\n// width: 16px;\n// height: 1px;\n// background: ${colorPaletteV2.blue};\n// display: block;\n// position: relative;\n// top: 9px;\n// top: 9px;\n// left: -24px;\n// left: -24px;\n// }\n// `;\n\nconst HomePage = () => {\n return (\n <PageRoot>\n <SEOHeaderV2 pageTitle=\"螟門�縺九i縺ョDX�井コ区・ュ螟蛾擠繝励Ο繧ー繝ゥ繝��噂" />\n <div className=\"wrapper-v2 \">\n <SectionWrapper>\n <AboutDXTitle>\n <span className=\"txtL\">螟門�</span>\n <span className=\"txtM\">縺九i縺ョ</span>\n <span className=\"txtL2\">DX</span>\n </AboutDXTitle>\n <AboutDXsubTitle>\n <span className=\"grad_txt\">莠区・ュ螟蛾擠繝励Ο繧ー繝ゥ繝�</span>\n </AboutDXsubTitle>\n <AboutDXdescription>\n <OutsideImg fluid={V2DXsystemDevelopmentImages('FVimg')} />\n <div className=\"description-txt\">\n <p>\n Regnio縺ッ莉・荳九�繧医≧縺ェ謚陦薙r菴ソ縺」縺ヲ縲―n <br />\n 繝ェ繧「繝ォ縺ェ迴セ蝣エ縺九i\n <br />\n 讒倥�↑縲檎オ悟霧縺ォ豢サ縺九○繧九ョ繝シ繧ソ縲阪r謚ス蜃コ縺励∪縺吶�\n </p>\n <p>\n 繧医j荳螻、縲梧判繧√�邨悟霧縺後〒縺阪k縲阪h縺�↓縲√∪縺歃n <br />\n 迴セ蝣エ縺ョ譁ケ縲�′繧医j蜒阪″繧�☆縺上↑繧九h縺�↓\n </p>\n <p>\n 縲御ココ繧偵し繝昴�繝医☆繧九◆繧√�繧キ繧ケ繝�Β縲阪r\n <br />\n 繝代�繝医リ繝シ莨∵・ュ讒倥→莠御ココ荳芽�縺ァ菴懊▲縺ヲ縺�″縺セ縺吶�\n </p>\n </div>\n </AboutDXdescription>\n <BannerImgArea>\n <BannerLink alt={pagesV2.index.name} to={pagesV2.index.path}>\n <BannerImg fluid={V2DXsystemDevelopmentImages('BtnDX')} />\n </BannerLink>\n <BannerLink alt={pagesV2.DXinside.name} to={pagesV2.DXinside.path}>\n <BannerImg fluid={V2DXsystemDevelopmentImages('BtnDXhr')} />\n </BannerLink>\n </BannerImgArea>\n </SectionWrapper>\n\n <SectionWrapper>\n <SectionTitle>\n <span className=\"grad_txt\">髢狗匱縺ョ豬√l</span>\n </SectionTitle>\n <SectionSubTitle>\n <span className=\"grad_txt\">Development Flow</span>\n </SectionSubTitle>\n <CategoryList>\n <li>\n <img src={IconConsulting} alt=\"Consulting\" />\n 繧ウ繝ウ繧オ繝ォ繝�ぅ繝ウ繧ー\n </li>\n <li>\n <img src={IconDesign} alt=\"Design\" />\n 繝�じ繧、繝ウ\n </li>\n <li>\n <img src={IconAI} alt=\"AI\" />\n <img src={IconIoT} alt=\"IoT\" />\n <img src={IconCommunication} alt=\"Communication\" />\n <img src={IconWebSystem} alt=\"Web System\" />\n 繝�け繝弱Ο繧ク繝シ\n </li>\n <li>\n <img src={IconOperation} alt=\"Operation\" />\n 驕狗畑\n </li>\n </CategoryList>\n <SectionDescription>\n 蠕。遉セ縺ョ莠区・ュ縺ォ豺ア縺丞�繧願セシ縺ソ縲―n <br />\n 荳ュ髟キ譛溽噪縺ェ\n <br className=\"display_only_SP\" />\n 莠区・ュ螟蛾擠繝代�繝医リ繝シ縺ィ縺励※\n <br className=\"display_only_SP\" />\n 莨エ襍ー縺励∪縺吶�\n </SectionDescription>\n\n <FlowDescription>\n <div\n id=\"vertical-line1\"\n className=\"vertical-line display_only_PC\"\n />\n <div\n id=\"vertical-line2\"\n className=\"vertical-line display_only_PC\"\n />\n <DoubleLine id=\"double-line-1st\" />\n <div id=\"phase1-title\" className=\"phase-area\">\n <h3 className=\"phase-title\">\n <span className=\"grad_txt\">\n <span className=\"large\">讒区Φ</span>繝輔ぉ繝シ繧コ\n </span>\n </h3>\n <span className=\"description\">1縲�2繝カ譛�</span>\n </div>\n <DoubleLine id=\"double-line-2nd\" />\n <FlowStep id=\"phase1-step1\" className=\"step1\">\n <h4 className=\"step-title\">繝偵い繝ェ繝ウ繧ー繝サ迴セ蝣エ隕門ッ�</h4>\n <StepImg fluid={V2DXsystemDevelopmentImages('Step1Img01')} />\n <div className=\"description\">\n 迴セ迥カ縺ョ邨悟霧隱イ鬘後→迴セ蝣エ隱イ鬘後r縲√ヲ繧「繝ェ繝ウ繧ー縺ィ迴セ蝣エ隕門ッ溘r騾壹@縺ヲ謨エ逅�@縲∵・ュ蜍咏炊隗」繧呈キア繧√∪縺吶�\n </div>\n </FlowStep>\n <FlowStep id=\"phase1-step2\">\n <h4 className=\"step-title\">隱ソ譟サ繝サ讀懆ィ�</h4>\n <StepImg fluid={V2DXsystemDevelopmentImages('Step1Img02')} />\n <div className=\"description\">\n 謨エ逅�@縺溯ェイ鬘後r蜈�↓縲∝ソ�ヲ√↑諠��ア繧貞庶髮�@縺ェ縺後i繧ス繝ェ繝・繝シ繧キ繝ァ繝ウ謠先。医�轤コ縺ョ雕上∩霎シ繧薙□讀懆ィ弱r陦後>縺セ縺吶�\n </div>\n </FlowStep>\n <FlowStep id=\"phase1-step3\">\n <h4 className=\"step-title\">謠先。医�繝√�繝�邨��</h4>\n <StepImg fluid={V2DXsystemDevelopmentImages('Step1Img03')} />\n <div className=\"description\">\n 隱イ鬘瑚ァ」豎コ縺ョ轤コ縺ョ蜈キ菴鍋噪縺ェ繧ス繝ェ繝・繝シ繧キ繝ァ繝ウ繧呈署譯医@縲√◎繧後↓蠢�ヲ√↑繝√�繝�邨��繧貞シ顔、セ蛛エ縺ィ縺雁ョ「讒伜�縺ァ陦後>縺セ縺吶�\n </div>\n </FlowStep>\n <DoubleLine className=\"display_none_PC\" />\n <div id=\"phase2-title\" className=\"phase-area\">\n <h3 className=\"phase-title\">\n <span className=\"grad_txt\">\n <span className=\"large\">螳溽樟</span>繝輔ぉ繝シ繧コ\n </span>\n </h3>\n <span className=\"description\">\n 6繝カ譛医彌n <br className=\"display_only_SP\" />\n �医�繝ュ繧ク繧ァ繧ッ繝医↓蠢懊§縺ヲ�噂n </span>\n </div>\n <DoubleLine className=\"display_none_PC\" />\n <FlowStep id=\"phase2-step1\" className=\"step1\">\n <h4 className=\"step-title\">繝励Ο繝医ち繧、繝鈴幕逋コ</h4>\n <StepImg fluid={V2DXsystemDevelopmentImages('Step2Img01')} />\n <div className=\"description\">\n 螟ァ縺セ縺九↑莉墓ァ倥�縺ソ豎コ螳壹@縲√♀螳「讒倥′螳滄圀縺ォ隗ヲ縺」縺ヲ讀懆ィシ縺ァ縺阪k繝励Ο繝医ち繧、繝励す繧ケ繝�Β繧堤洒譛滄俣縺ァ讒狗ッ峨@縺セ縺吶�\n </div>\n </FlowStep>\n <FlowStep id=\"phase2-step2\">\n <h4 className=\"step-title\">譛ャ髢狗匱</h4>\n <StepImg fluid={V2DXsystemDevelopmentImages('Step2Img02')} />\n <div className=\"description\">\n 繝励Ο繝医ち繧、繝励す繧ケ繝�Β縺ョ讀懆ィシ縺ァ蠕励i繧後◆謾ケ蝟�せ繧�ヲ∵悍繧貞�菴鍋噪縺ェ莉墓ァ倥↓關ス縺ィ縺苓セシ縺ソ縲∵ュ」蠑上↑繧キ繧ケ繝�Β縺ィ縺励※讒狗ッ峨@縺セ縺吶�\n </div>\n </FlowStep>\n <FlowStep id=\"phase2-step3\">\n <h4 className=\"step-title\">驕狗畑</h4>\n <StepImg fluid={V2DXsystemDevelopmentImages('Step2Img03')} />\n <div className=\"description\">\n 豁」蠑上す繧ケ繝�Β縺ョ繝ェ繝ェ繝シ繧ケ蠕後∝ョ牙ョ夂噪縺ェ驕狗畑繧定。後≧縺ィ蜷梧凾縺ォ縲∫カ咏カ夂噪縺ェ謾ケ濶ッ縺ィ譁ー讖溯�縺ョ髢狗匱繧定。後>縺セ縺吶�\n </div>\n </FlowStep>\n </FlowDescription>\n </SectionWrapper>\n\n <SectionWrapper>\n <SectionTitle>\n <span className=\"grad_txt\">\n 繝�け繝弱Ο繧ク繝シ縺ォ\n <br className=\"display_only_SP\" />\n 縺、縺�※\n </span>\n </SectionTitle>\n <SectionSubTitle>\n <span className=\"grad_txt\">Technologies</span>\n </SectionSubTitle>\n <CategoryList>\n <li>\n <img src={IconAI} alt=\"AI\" />\n AI\n </li>\n <li>\n <img src={IconIoT} alt=\"IoT\" />\n IoT\n </li>\n <li>\n <img src={IconCommunication} alt=\"Communication\" />\n 騾壻ソ。\n </li>\n <li>\n <img src={IconWebSystem} alt=\"Web System\" />\n Web繧キ繧ケ繝�Β\n </li>\n </CategoryList>\n <SectionDescription>\n 蟷�コ�>謚陦薙〒縲―n <br className=\"display_only_SP\" />\n 縺ゅi繧�k繝薙ず繝阪せ隱イ鬘後r隗」豎コ縺励∪縺吶�\n <br />\n 縺昴l縺槭l縺ョ謚陦薙↓縺、縺�※縲―n <br className=\"display_only_SP\" />\n 隱ャ譏弱→豢サ逕ィ萓九r縺セ縺ィ繧√∪縺励◆縲�\n </SectionDescription>\n\n <TechDescription>\n <DoubleLine />\n <h3 className=\"tech-title\">\n <span className=\"tech-title-inner\">\n <img src={IconAI} alt=\"AI\" />\n <span className=\"grad_txt title-txt\">AI繝サ繝��繧ソ蛻�梵</span>\n </span>\n </h3>\n <div className=\"description\">\n 讖滓「ー蟄ヲ鄙偵→繝��繧ソ蛻�梵謚陦薙↓繧医j\n <br />\n 縺ゅi繧�k繧「繝翫Ο繧ー繝��繧ソ繧偵ョ繧ク繧ソ繝ォ蛹悶@縲∝庄隕門喧縺ィ蛻�梵繧定。後>縺セ縺吶�\n </div>\n <TechWrap>\n <Tech>\n <TechImg fluid={V2DXsystemDevelopmentImages('AIimg01')} />\n <h4 className=\"title\">蠖「迥カ險域クャ</h4>\n <div className=\"description2\">\n 莉サ諢上�迚ゥ菴薙�\n <br />\n 髟キ縺輔d螟ァ縺阪&繧貞ョ夐㍼蛹悶@縺セ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 逕溽肇邂。逅�∝刀雉ェ邂。逅�↑縺ゥ縺ォ</div>\n </Tech>\n <Tech>\n <TechImg fluid={V2DXsystemDevelopmentImages('AIimg02')} />\n <h4 className=\"title\">謨ー蛟、莠域クャ</h4>\n <div className=\"description2\">\n 莉サ諢上�譎らウサ蛻励ョ繝シ繧ソ繧貞ュヲ鄙偵@縲―n <br />\n 謨ー蛟、莠域クャ繧定。後>縺セ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 髴隕∽コ域クャ縲∫焚蟶ク蛟、蛻�梵縺ェ縺ゥ縺ォ</div>\n </Tech>\n <Tech>\n <TechImg fluid={V2DXsystemDevelopmentImages('AIimg03')} />\n <h4 className=\"title\">蜍暮㍼險域クャ</h4>\n <div className=\"description2\">\n 莉サ諢上�迚ゥ菴薙�\n <br />\n 遘サ蜍墓ュ蝣ア繧貞ョ夐㍼蛹悶@縺セ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 逕溽肇邂。逅�∝ー守キ壼�譫舌↑縺ゥ縺ォ</div>\n </Tech>\n </TechWrap>\n <ExampleOfUseArea>\n <h3 className=\"area-title\">\n <span className=\"grad_txt\">謚陦捺エサ逕ィ萓�</span>\n </h3>\n <ExampleOfUseWrap>\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechAiDeta01')}\n />\n <h4 className=\"example-of-use-title\">驪シ譚ソ縺ョ蠖「迥カ謨ー蛟、蛹�</h4>\n <p className=\"example-of-use-txt\">\n 驪シ譚ソ縺ョ逕溽肇迴セ蝣エ縺ォ縺翫>縺ヲ縲∫�邱エ菴懈・ュ閠��縲檎岼縲阪→縲悟鋸縲阪r繝「繝�Ν蛹悶ら函逕」繝ゥ繧、繝ウ閾ェ蜍募喧繧堤岼謖�@縺ヲ縲∽ス咲スョ繧コ繝ャ繧��繧檎ォッ縺ョ蟷�r逕サ蜒上°繧画、懃衍縺励∵凾邉サ蛻励�謨ー蛟、繝��繧ソ縺ォ螟画鋤縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechAiDeta02')}\n />\n <h4 className=\"example-of-use-title\">雎��縺ョ逕溽肇險育判遶区。�</h4>\n <p className=\"example-of-use-txt\">\n 驕主悉縺ョ雎��蜃コ闕キ螳溽クセ繝��繧ソ縺九i蝠�刀縺ョ髴隕∽コ域クャ繧定。後≧縲る怙隕∽コ域クャ縺ィ蝨ィ蠎ォ迥カ豕√°繧牙膚蜩√�逕溽肇險育判繧定�蜍慕函謌舌@縲∫函逕」縺ョ譛驕ゥ蛹悶r陦後≧縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechWebRtc02')}\n />\n <h4 className=\"example-of-use-title\">雎��縺ョ逕溽肇螳溽クセ險井ク�</h4>\n <p className=\"example-of-use-txt\">\n 雎��縺ョ逕溽肇迴セ蝣エ縺ォ縺翫>縺ヲ縲∫函逕」繝ゥ繧、繝ウ荳翫�蝠�刀繧呈、懃衍縺励∫函逕」蛟区焚繧定�蜍戊ィ井ク翫ょ�蜉帑ス懈・ュ縺ァ迴セ蝣エ縺ョ菴懈・ュ閠�r辣ゥ繧上○繧九%縺ィ縺ェ縺冗函逕」螳溽クセ繧定�蜍戊ィ井ク翫☆繧九�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n </ExampleOfUseWrap>\n </ExampleOfUseArea>\n </TechDescription>\n\n <TechDescription>\n <DoubleLine />\n <h3 className=\"tech-title\">\n <span className=\"tech-title-inner\">\n <img src={IconIoT} alt=\"AI\" />\n <span className=\"grad_txt title-txt\">IoT</span>\n </span>\n </h3>\n <div className=\"description\">\n 繧ィ繝�ず繧ウ繝ウ繝斐Η繝シ繧ソ縺ォ繧医j縲√そ繝ウ繧オ繝シ繧�き繝。繝ゥ縲� PLC繧帝壹§縺歃n <br />\n 迴セ蝣エ繝��繧ソ縺ョ蜿朱寔繧�肇讌ュ讖溷勣縺ョ蛻カ蠕。縺セ縺ァ繧定。後>縺セ縺吶�\n </div>\n <TechWrap>\n <Tech>\n <TechImg fluid={V2DXsystemDevelopmentImages('IoTimg01')} />\n <h4 className=\"title\">繝��繧ソ蜿門セ�</h4>\n <div className=\"description2\">\n 繧ォ繝。繝ゥ繧�推遞ョ繧サ繝ウ繧オ繝シ縺九i縲―n <br />\n 逕サ蜒乗ュ蝣ア繧�焚蛟、諠��ア繧貞叙蠕励@縺セ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 逕溽肇邂。逅��□髫疲桃讌ュ縺ェ縺ゥ縺ォ</div>\n </Tech>\n <Tech>\n <TechImg fluid={V2DXsystemDevelopmentImages('IoTimg02')} />\n <h4 className=\"title\">繝��繧ソ蜃ヲ逅�</h4>\n <div className=\"description2\">\n 蜿門セ励@縺溽判蜒乗ュ蝣ア繧�焚蛟、諠��ア縺ォ\n <br />\n 繝�ず繧ソ繝ォ蜃ヲ逅�r譁ス縺励∪縺吶�\n </div>\n <div className=\"ex\">萓具シ� 逕溽肇邂。逅��□髫疲桃讌ュ縺ェ縺ゥ縺ォ</div>\n </Tech>\n <Tech>\n <TechImg fluid={V2DXsystemDevelopmentImages('IoTimg03')} />\n <h4 className=\"title\">讖溷勣蛻カ蠕。</h4>\n <div className=\"description2\">\n PLC�医�繝ュ繧ー繝ゥ繝槭ヶ繝ォ繝ュ繧ク繝�け繧ウ繝ウ繝医Ο繝シ繝ゥ�峨d\n <br className=\"display_none_PC\" />\n GPIO�域ア守畑I/O繝昴�繝茨シ峨r騾壹§縺ヲ縲―n <br className=\"display_none_PC\" />\n 蜷�ィョ讖溷勣繧貞宛蠕。縺励∪縺吶�\n </div>\n <div className=\"ex\">萓具シ� 逕溽肇邂。逅��□髫疲桃讌ュ縺ェ縺ゥ縺ォ</div>\n </Tech>\n </TechWrap>\n <ExampleOfUseArea>\n <h3 className=\"area-title\">\n <span className=\"grad_txt\">謚陦捺エサ逕ィ萓�</span>\n </h3>\n <ExampleOfUseWrap>\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechIot01')}\n />\n <h4 className=\"example-of-use-title\">\n 驪シ譚ソ逕溽肇繝ゥ繧、繝ウ縺ョ繝��繧ソ蜿朱寔\n </h4>\n <p className=\"example-of-use-txt\">\n 驪シ譚ソ縺ョ逕溽肇迴セ蝣エ縺ォ縺翫>縺ヲ縲∝キ・菴懈ゥ溷勣縺ョ蛻カ蠕。菫。蜿キ繧貞叙蠕励r陦後≧縲らイ牙。オ繧�ヮ繧、繧コ縺悟シキ縺��エ謇縺ァ繧ょョ牙ョ夂噪縺ォ遞シ蜒阪☆繧九ョ繝シ繧ソ蜿朱寔陬�スョ繧貞ョ溽樟縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechIot02')}\n />\n <h4 className=\"example-of-use-title\">驪シ譚ソ逕溽肇繝��繧ソ縺ョ蜃ヲ逅�</h4>\n <p className=\"example-of-use-txt\">\n 驪シ譚ソ縺ョ逕溽肇迴セ蝣エ縺ォ縺翫>縺ヲ縲∝叙蠕励@縺溷宛蠕。菫。蜿キ縺ォ蜷ォ縺セ繧後k繝弱う繧コ菫。蜿キ繧�ク崎ヲ∵�蛻�r菫。蜿キ蜃ヲ逅�↓繧医j髯、蜴サ縲ょ、ァ髮サ蜉帙す繧ケ繝�Β縺ョ荳ュ縺ァ繧ょョ牙ョ壹@縺ヲ遞シ蜒阪☆繧九ョ繝シ繧ソ蜿朱寔陬�スョ繧貞ョ溽樟縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechIot03')}\n />\n <h4 className=\"example-of-use-title\">\n 驪シ譚ソ逕溽肇讖溷勣縺ョ遞シ蜒阪ョ繝シ繧ソ蜿門セ予n </h4>\n <p className=\"example-of-use-txt\">\n PLC繧剃サ九@縺ヲ縲∫函逕」繝ゥ繧、繝ウ荳ュ縺ォ險ュ鄂ョ縺輔l縺溷推遞ョ陬ス騾�讖溷勣縺ョ遞シ蜒咲憾豕√r繝ェ繧「繝ォ繧ソ繧、繝�縺ォ蜿門セ励�AI繝「繝�Ν縺九i逕滓�縺輔l繧句宛蠕。菫。蜿キ縺ォ繧医j讖溷勣縺ョ閾ェ蜍募宛蠕。繧り。後≧縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n </ExampleOfUseWrap>\n </ExampleOfUseArea>\n </TechDescription>\n\n <TechDescription>\n <DoubleLine />\n <h3 className=\"tech-title\">\n <span className=\"tech-title-inner\">\n <img src={IconCommunication} alt=\"AI\" />\n <span className=\"grad_txt title-txt\">騾壻ソ。��WebRTC��</span>\n </span>\n </h3>\n <div className=\"description\">\n 閾ェ遉セ髢狗匱縺ョWebRTC繧キ繧ケ繝�Β縺ォ繧医j縲∵ァ倥�↑逕ィ騾斐d繧「繝シ繧ュ繝�け繝√Ε縺ァ\n <br />\n 螳我セ。縺ォ繝ェ繧「繝ォ繧ソ繧、繝�騾壻ソ。繧オ繝シ繝薙せ繧呈署萓帙@縺セ縺吶�\n </div>\n <TechWrap>\n <Tech>\n <TechImg\n fluid={V2DXsystemDevelopmentImages('ComunicationImg01')}\n />\n <h4 className=\"title\">逋コ逹菫。</h4>\n <div className=\"description2\">\n PC-繧ケ繝槭�髢薙√せ繝槭�-繧ケ繝槭�髢薙�\n <br />\n 騾夊ゥア蜻シ縺ウ蜃コ縺励→縲〃ideo騾壻ソ。繧定。後>縺セ縺吶�\n <br />\n QR繧ウ繝シ繝峨°繧峨�逋コ菫。繧ょ庄閭ス縺ァ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 驕�髫疲桃讌ュ縲�□髫疲髪謠エ縺ェ縺ゥ縺ォ</div>\n </Tech>\n <Tech>\n <TechImg\n fluid={V2DXsystemDevelopmentImages('ComunicationImg02')}\n />\n <h4 className=\"title\">繧ォ繝。繝ゥ譏�蜒城�菫。</h4>\n <div className=\"description2\">\n 逕」讌ュ逕ィ繧ォ繝。繝ゥ縺九i縲―n <br />\n 繝悶Λ繧ヲ繧カ繧�い繝励Μ縺ォ\n <br />\n 繝ェ繧「繝ォ繧ソ繧、繝�譏�蜒城�菫。繧定。後>縺セ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 驕�髫疲桃讌ュ縲�□髫皮屮隕悶↑縺ゥ縺ォ</div>\n </Tech>\n <Tech>\n <TechImg\n fluid={V2DXsystemDevelopmentImages('ComunicationImg03')}\n />\n <h4 className=\"title\">骭イ逕サ</h4>\n <div className=\"description2\">\n 逕」讌ュ逕ィ繧ォ繝。繝ゥ縺ョ譏�蜒上r\n <br />\n 骭イ逕サ縺励け繝ゥ繧ヲ繝峨↓菫晏ュ倥@縺セ縺吶�\n </div>\n <div className=\"ex\">萓具シ� 驕�髫疲桃讌ュ縲∝刀雉ェ菫晁ィシ縺ェ縺ゥ縺ォ</div>\n </Tech>\n </TechWrap>\n <ExampleOfUseArea>\n <h3 className=\"area-title\">\n <span className=\"grad_txt\">謚陦捺エサ逕ィ萓�</span>\n </h3>\n <ExampleOfUseWrap>\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechWebRtc01')}\n />\n <h4 className=\"example-of-use-title\">\n 驪シ譚ソ逕溽肇迴セ蝣エ縺ョ譏�蜒城�菫。\n </h4>\n <p className=\"example-of-use-txt\">\n 驪シ譚ソ縺ョ逕溽肇繝ゥ繧、繝ウ縺ョ迥カ豕√r蜍慕判縺ァ繝ェ繧「繝ォ繧ソ繧、繝�縺ォ驟堺ソ。縲ゆコ句漁謇縺九i縺ァ繧り�螳�°繧峨〒繧る□髫斐〒逕溽肇繝ゥ繧、繝ウ縺ョ逶」隕悶→蛻カ蠕。縺瑚。後∴繧狗腸蠅�r螳溽樟縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechWebRtc02')}\n />\n <h4 className=\"example-of-use-title\">\n 雎��逕溽肇迴セ迴セ蝣エ縺ョ譏�蜒城�菫。\n </h4>\n <p className=\"example-of-use-txt\">\n 雎��縺ョ逕溽肇繝ゥ繧、繝ウ縺ョ迥カ豕√r蜍慕判縺ァ繝ェ繧「繝ォ繧ソ繧、繝�縺ォ驟堺ソ。縲ゆコ句漁謇縺九i縺ァ繧り�螳�°繧峨〒繧る□髫斐〒逕溽肇繝ゥ繧、繝ウ縺ョ逶」隕悶′陦後∴繧狗腸蠅�r螳溽樟縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={V2DXsystemDevelopmentImages('TechWebRtc03')}\n />\n <h4 className=\"example-of-use-title\">\n 雎��逕溽肇迴セ蝣エ譏�蜒上�骭イ逕サ\n </h4>\n <p className=\"example-of-use-txt\">\n 逕溽肇繝ゥ繧、繝ウ縺ョ迥カ豕√r骭イ逕サ縺励け繝ゥ繧ヲ繝峨↓菫晏ュ倥らャャ荳芽�ゥ滄未縺ク縺ョ謠仙�雉�侭縺ィ縺励※縲√∪縺溘�逡ー迚ゥ豺キ蜈・莠磯亟遲峨�蜩∬ウェ菫晁ィシ縺ョ轤コ縺ォ豢サ逕ィ縺吶k縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n </ExampleOfUseWrap>\n </ExampleOfUseArea>\n </TechDescription>\n\n <TechDescription>\n <DoubleLine />\n <h3 className=\"tech-title\">\n <span className=\"tech-title-inner\">\n <img src={IconWebSystem} alt=\"AI\" />\n <span className=\"grad_txt title-txt\">Web繧キ繧ケ繝�Β</span>\n </span>\n </h3>\n <div className=\"description\">\n 縺ゅi繧�k繝薙ず繝阪せ繝ュ繧ク繝�け繧呈怙驕ゥ縺ェ繧「繝シ繧ュ繝�け繝√Ε縺ァ\n <br />\n 繧「繝励Μ繧ア繝シ繧キ繝ァ繝ウ縺ィ縺励※螳溯」�@縺セ縺吶�\n </div>\n <TechWrap>\n <Tech>\n <TechImg\n fluid={V2DXsystemDevelopmentImages('WebSystemImg01')}\n />\n <h4 className=\"title\">繧「繝励Μ繧ア繝シ繧キ繝ァ繝ウ</h4>\n <div className=\"description2\">\n Web/繝「繝舌う繝ォ繧「繝励Μ繧ア繝シ繧キ繝ァ繝ウ縺ョ\n <br />\n 螳溯」�r陦後>縺セ縺吶�\n </div>\n <div className=\"ex\">\n 萓具シ� 豸郁イサ閠�髄縺代い繝励Μ繧ア繝シ繧キ繝ァ繝ウ縲―n <br />\n 讌ュ蜍咏畑繧「繝励Μ繧ア繝シ繧キ繝ァ繝ウ縺ェ縺ゥ縺ォ\n </div>\n </Tech>\n <Tech>\n <TechImg\n fluid={V2DXsystemDevelopmentImages('WebSystemImg02')}\n />\n <h4 className=\"title\">繧、繝ウ繝輔Λ</h4>\n <div className=\"description2\">\n 繝「繝弱Μ繧キ繝�け繧「繝シ繧ュ繝�け繝√Ε縲―n <br />\n 繝槭う繧ッ繝ュ繧オ繝シ繝薙せ繧「繝シ繧ュ繝�け繝�Ε縲―n <br />\n 繧オ繝シ繝舌�繝ャ繧ケ縺ョ繧、繝ウ繝輔Λ繧箪n <br />\n 讒狗ッ峨@縺セ縺吶�\n </div>\n <div className=\"ex\">\n 萓具シ� 豸郁イサ閠�髄縺代い繝励Μ繧ア繝シ繧キ繝ァ繝ウ縲―n <br />\n 讌ュ蜍咏畑繧「繝励Μ繧ア繝シ繧キ繝ァ繝ウ縺ェ縺ゥ縺ォ\n </div>\n </Tech>\n <Tech>\n <TechImg\n fluid={V2DXsystemDevelopmentImages('WebSystemImg03')}\n />\n <h4 className=\"title\">繧サ繧ュ繝・繝ェ繝�ぅ</h4>\n <div className=\"description2\">\n 繧シ繝ュ繝医Λ繧ケ繝医ロ繝�ヨ繝ッ繝シ繧ッ縲―n <br />\n 繧ェ繝ウ繝励Ξ繝溘せ縺ョ\n <br />\n 繧ッ繝ュ繝シ繧コ繝峨ロ繝�ヨ繝ッ繝シ繧ッ縺ォ繧医k\n <br />\n 繧サ繧ュ繝・繧「縺ェ迺ー蠅�r讒狗ッ峨@縺セ縺吶�\n </div>\n <div className=\"ex\">\n 萓具シ� 豸郁イサ閠�髄縺代い繝励Μ繧ア繝シ繧キ繝ァ繝ウ縲―n <br />\n 讌ュ蜍咏畑繧「繝励Μ繧ア繝シ繧キ繝ァ繝ウ縺ェ縺ゥ縺ォ\n </div>\n </Tech>\n </TechWrap>\n <ExampleOfUseArea>\n <h3 className=\"area-title\">\n <span className=\"grad_txt\">謚陦捺エサ逕ィ萓�</span>\n </h3>\n <ExampleOfUseWrap>\n <ExampleOfUse>\n <ExampleOfUseImg fluid={WorkFluidImages('dxsolution')} />\n <h4 className=\"example-of-use-title\">\n 驥」繧顔音蛹門梛繧ウ繝溘Η繝九ユ繧」繧キ繧ケ繝�Β縺ョ髢狗匱縺ィ驕狗畑\n </h4>\n <p className=\"example-of-use-txt\">\n 譛磯俣謨ー逋セ荳⑰V繧定ェ�k驥」繧翫�繝シ繧ソ繝ォ繧オ繧、繝�AWS荳翫↓讒狗ッ峨ゅし繝シ繝薙せ繧偵h繧願憶縺�b縺ョ縺ォ縺励※縺�¥轤コ縺ォ縲.evOps縺ォ繧医k邯咏カ夂噪縺ェ髢狗匱縺ィ繝��繝ュ繧、繧定。後▲縺ヲ縺�k縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"/works/dx-solution\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={WorkFluidImages('valveMaintenanceSystem')}\n />\n <h4 className=\"example-of-use-title\">\n 谺。荳紋サ」繝舌Ν繝悶Γ繝ウ繝�リ繝ウ繧ケ繧キ繧ケ繝�Β縺ョ髢狗匱縺ィ驕狗畑\n </h4>\n <p className=\"example-of-use-txt\">\n 讒倥�↑遞ョ鬘槭�繝舌Ν繝悶r荳蜈�ョ。逅�☆繧九ヰ繝ォ繝悶Γ繝ウ繝�リ繝ウ繧ケ繧キ繧ケ繝�Β繧但WS荳翫↓讒狗ッ峨ゅヰ繝ォ繝冶ィコ譁ュ陬�スョ縺ィ騾」謳コ縺励◆IoT繧キ繧ケ繝�Β縺ィ縺励※邯咏カ夂噪縺ェ髢狗匱縺ィ繝��繝ュ繧、繧定。後▲縺ヲ縺�k縲�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"/works/valve-maintenance-system\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n\n <ExampleOfUse>\n <ExampleOfUseImg\n fluid={WorkFluidImages('productionManagement')}\n />\n <h4 className=\"example-of-use-title\">\n 逕溽肇邂。逅��蜍募喧繧キ繧ケ繝�Β縺ョ髢狗匱\n </h4>\n <p className=\"example-of-use-txt\">\n 逕溽肇繝ゥ繧、繝ウ縺ョ閾ェ蜍募喧繧定。後≧讖溯�鄒、繧偵�繧、繧ッ繝ュ繧オ繝シ繝薙せ縺ィ縺励※Kubernetes荳翫↓螳溯」�り」ス騾�迴セ蝣エ縺九i繧ゅそ繧ュ繝・繧「縺ォ繧「繧ッ繧サ繧ケ縺ァ縺阪k繧キ繧ケ繝�Β縺ィ縺励※讒狗ッ峨�\n </p>\n {/* TODO:荳句ア、繝壹�繧ク縺後〒縺阪◆繧峨%縺薙b郢九£繧九�縺九↑縺ゥ繧呈、懆ィ弱☆繧九� 20210331 */}\n {/* <MoreLink alt=\"\" to=\"\">\n 莠倶セ九r隧ウ縺励¥隕九k\n </MoreLink> */}\n </ExampleOfUse>\n </ExampleOfUseWrap>\n </ExampleOfUseArea>\n </TechDescription>\n </SectionWrapper>\n </div>\n </PageRoot>\n );\n};\n\nexport default HomePage;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBIMFYyNEgyNFYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNMTMuMDk5OSA4LjI0OTk4QzEzLjY0OTkgNy44OTk5OCAxMy45OTk5IDcuMjk5OTggMTMuOTk5OSA2LjU5OTk4QzEzLjk5OTkgNS40OTk5OCAxMy4wOTk5IDQuNTk5OTggMTEuOTk5OSA0LjU5OTk4QzEwLjg5OTkgNC41OTk5OCA5Ljk5OTg2IDUuNDk5OTggOS45OTk4NiA2LjU5OTk4QzkuOTk5ODYgNy4yOTk5OCAxMC4zNDk5IDcuODk5OTggMTAuODk5OSA4LjI0OTk4TDUuODQ5ODYgMjAuNUM1LjY5OTg2IDIwLjg1IDUuODQ5ODYgMjEuMiA2LjE0OTg2IDIxLjRDNi40NDk4NiAyMS42IDYuODQ5ODYgMjEuNTUgNy4wOTk4NiAyMS4zTDEyLjA5OTkgMTYuMzVMMTYuOTQ5OSAyMS4zQzE3LjA5OTkgMjEuNDUgMTcuMjk5OSAyMS41IDE3LjQ5OTkgMjEuNUMxNy42NDk5IDIxLjUgMTcuNzk5OSAyMS40NSAxNy44OTk5IDIxLjRDMTguMTk5OSAyMS4yIDE4LjI5OTkgMjAuOCAxOC4xOTk5IDIwLjVMMTMuMDk5OSA4LjI0OTk4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTguMTQ5OSA5LjMwMDAyQzguMjk5OSA5LjQwMDAyIDguNDQ5OSA5LjQ1MDAyIDguNTk5OSA5LjQ1MDAyQzguODQ5OSA5LjQ1MDAyIDkuMDQ5OSA5LjM1MDAyIDkuMTk5OSA5LjE1MDAyQzkuNDQ5OSA4LjgwMDAyIDkuMzk5OSA4LjM1MDAyIDkuMDQ5OSA4LjEwMDAyQzguOTk5OSA4LjEwMDAyIDguMzk5OSA3LjYwMDAyIDguMzk5OSA2LjU1MDAyQzguMzk5OSA1LjU1MDAyIDguOTk5OSA1LjA1MDAyIDkuMDQ5OSA1LjAwMDAyQzkuMzQ5OSA0Ljc1MDAyIDkuMzk5OSA0LjI1MDAyIDkuMTQ5OSAzLjk1MDAyQzguODk5OSAzLjY1MDAyIDguMzk5OSAzLjU1MDAyIDguMDk5OSAzLjg1MDAyQzguMDQ5OSAzLjkwMDAyIDYuODk5OSA0Ljg1MDAyIDYuODk5OSA2LjU1MDAyQzYuODk5OSA4LjQwMDAyIDguMDk5OSA5LjMwMDAyIDguMTQ5OSA5LjMwMDAyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuMjk5OSAxMC42QzYuNTQ5OSAxMC42IDYuNzQ5OSAxMC41IDYuODk5OSAxMC4zQzcuMTQ5OSA5Ljk0OTk5IDcuMDk5OSA5LjQ5OTk5IDYuNzQ5OSA5LjI0OTk5QzYuNjk5OSA5LjE5OTk5IDUuNjQ5OSA4LjM0OTk5IDUuNjQ5OSA2LjU5OTk5QzUuNjQ5OSA0Ljg5OTk5IDYuNzQ5OSAzLjk0OTk5IDYuNzk5OSAzLjg5OTk5QzcuMDk5OSAzLjY0OTk5IDcuMTQ5OSAzLjE0OTk5IDYuODk5OSAyLjg0OTk5QzYuNjQ5OSAyLjU0OTk5IDYuMTQ5OSAyLjQ0OTk5IDUuODQ5OSAyLjc0OTk5QzUuNzk5OSAyLjc5OTk5IDQuMTQ5OSA0LjE0OTk5IDQuMTQ5OSA2LjU5OTk5QzQuMTQ5OSA5LjE5OTk5IDUuNzk5OSAxMC40IDUuODQ5OSAxMC40NUM1Ljk0OTkgMTAuNTUgNi4xNDk5IDEwLjYgNi4yOTk5IDEwLjZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQuOTk5OSA4LjA5OTk1QzE0LjY0OTkgOC4zNDk5NSAxNC41OTk5IDguNzk5OTUgMTQuODQ5OSA5LjE0OTk1QzE0Ljk5OTkgOS4zNDk5NSAxNS4xOTk5IDkuNDQ5OTUgMTUuNDQ5OSA5LjQ0OTk1QzE1LjU5OTkgOS40NDk5NSAxNS43NDk5IDkuMzk5OTUgMTUuODk5OSA5LjI5OTk1QzE1Ljk0OTkgOS4yNDk5NSAxNy4xNDk5IDguMzk5OTUgMTcuMTQ5OSA2LjU0OTk1QzE3LjE0OTkgNC43OTk5NSAxNS45OTk5IDMuODQ5OTUgMTUuOTQ5OSAzLjg0OTk1QzE1LjY0OTkgMy41OTk5NSAxNS4xNDk5IDMuNjQ5OTUgMTQuODk5OSAzLjk0OTk1QzE0LjY0OTkgNC4yNDk5NSAxNC42OTk5IDQuNzQ5OTUgMTQuOTk5OSA0Ljk5OTk1QzE1LjA0OTkgNC45OTk5NSAxNS42NDk5IDUuNTQ5OTUgMTUuNjQ5OSA2LjU0OTk1QzE1LjU5OTkgNy41OTk5NSAxNC45OTk5IDguMDk5OTUgMTQuOTk5OSA4LjA5OTk1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE4LjE5OTggMi43NDk5N0MxNy44OTk4IDIuNDk5OTcgMTcuMzk5OCAyLjU0OTk3IDE3LjE0OTggMi44NDk5N0MxNi44OTk4IDMuMTQ5OTcgMTYuOTQ5OCAzLjY0OTk3IDE3LjI0OTggMy44OTk5N0MxNy4yOTk4IDMuOTQ5OTcgMTguMzk5OCA0Ljg0OTk3IDE4LjM5OTggNi41OTk5N0MxOC4zOTk4IDguMzk5OTcgMTcuMzQ5OCA5LjI0OTk3IDE3LjI5OTggOS4yNDk5N0MxNi45NDk4IDkuNDk5OTcgMTYuODk5OCA5Ljk0OTk3IDE3LjE0OTggMTAuM0MxNy4yOTk4IDEwLjUgMTcuNDk5OCAxMC42IDE3Ljc0OTggMTAuNkMxNy44OTk4IDEwLjYgMTguMDQ5OCAxMC41NSAxOC4xOTk4IDEwLjQ1QzE4LjI0OTggMTAuNCAxOS44OTk4IDkuMTQ5OTcgMTkuODk5OCA2LjU5OTk3QzE5Ljg5OTggNC4wOTk5NyAxOC4yNDk4IDIuNzk5OTcgMTguMTk5OCAyLjc0OTk3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBIMFYyNEgyNFYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNMTUuMzAwMSAxMi4zNUMxNS4zMDAxIDEyLjI1IDE1LjMwMDEgMTIuMSAxNS4zMDAxIDExLjk1QzE1LjMwMDEgMTEuOCAxNS4zMDAxIDExLjcgMTUuMjUwMSAxMS41NUwxNi4xMDAxIDEwLjlDMTYuMTUwMSAxMC44NSAxNi4yMDAxIDEwLjc1IDE2LjE1MDEgMTAuNjVMMTUuMzUwMSA5LjNDMTUuMzAwMSA5LjIgMTUuMjAwMSA5LjIgMTUuMTAwMSA5LjJMMTQuMTAwMSA5LjZDMTMuOTAwMSA5LjQ1IDEzLjcwMDEgOS4zIDEzLjQ1MDEgOS4yTDEzLjMwMDEgOC4xNUMxMy4zMDAxIDguMDUgMTMuMjAwMSA4IDEzLjEwMDEgOEgxMS41MDAxQzExLjQwMDEgOCAxMS4zMDAxIDguMDUgMTEuMzAwMSA4LjE1TDExLjE1MDEgOS4yQzEwLjkwMDEgOS4zIDEwLjcwMDEgOS40NSAxMC41MDAxIDkuNkw5LjUwMDA4IDkuMkM5LjQwMDA4IDkuMTUgOS4zMDAwOCA5LjIgOS4yNTAwOCA5LjNMOC40NTAwOCAxMC42NUM4LjQwMDA4IDEwLjc1IDguNDAwMDggMTAuODUgOC41MDAwOCAxMC45TDkuMzUwMDggMTEuNTVDOS4zNTAwOCAxMS42NSA5LjMwMDA4IDExLjggOS4zMDAwOCAxMS45NUM5LjMwMDA4IDEyLjEgOS4zMDAwOCAxMi4yIDkuMzUwMDggMTIuMzVMOC42MDAwOCAxM0M4LjU1MDA4IDEzLjA1IDguNTAwMDggMTMuMTUgOC41NTAwOCAxMy4yNUw5LjM1MDA4IDE0LjZDOS40MDAwOCAxNC43IDkuNTAwMDggMTQuNyA5LjYwMDA4IDE0LjdMMTAuNjAwMSAxNC4zQzEwLjgwMDEgMTQuNDUgMTEuMDAwMSAxNC42IDExLjI1MDEgMTQuN0wxMS40MDAxIDE1Ljc1QzExLjQwMDEgMTUuODUgMTEuNTAwMSAxNS45IDExLjYwMDEgMTUuOUgxMy4yMDAxQzEzLjMwMDEgMTUuOSAxMy40MDAxIDE1Ljg1IDEzLjQwMDEgMTUuNzVMMTMuNTUwMSAxNC43QzEzLjgwMDEgMTQuNiAxNC4wMDAxIDE0LjQ1IDE0LjIwMDEgMTQuM0wxNS4yMDAxIDE0LjdDMTUuMzAwMSAxNC43NSAxNS40MDAxIDE0LjcgMTUuNDUwMSAxNC42TDE2LjI1MDEgMTMuMjVDMTYuMzAwMSAxMy4xNSAxNi4zMDAxIDEzLjA1IDE2LjIwMDEgMTNMMTUuMzAwMSAxMi4zNVpNMTIuMzUwMSAxMy40NUMxMS41NTAxIDEzLjQ1IDEwLjg1MDEgMTIuOCAxMC44NTAxIDExLjk1QzEwLjg1MDEgMTEuMTUgMTEuNTAwMSAxMC40NSAxMi4zNTAxIDEwLjQ1QzEzLjE1MDEgMTAuNDUgMTMuODUwMSAxMS4xIDEzLjg1MDEgMTEuOTVDMTMuODUwMSAxMi43NSAxMy4xNTAxIDEzLjQ1IDEyLjM1MDEgMTMuNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQuMDUgNS41OTk5OEMxNS4xNSA1Ljg5OTk4IDE2LjE1IDYuNDk5OTggMTYuOTUgNy4yOTk5OEMxOC4xNSA4LjQ5OTk4IDE4Ljg1IDEwLjEgMTguODUgMTEuOTVDMTguODUgMTIuOSAxOC42NSAxMy43NSAxOC4zIDE0LjU1TDE5LjkgMTUuMjVDMjAuMzUgMTQuMjUgMjAuNiAxMy4xIDIwLjYgMTEuOTVDMjAuNiA5LjY0OTk4IDE5LjY1IDcuNTk5OTggMTguMTUgNi4wOTk5OEMxNy4wNSA0Ljk5OTk4IDE1LjY1IDQuMTk5OTggMTQuMSAzLjg0OTk4TDE0LjA1IDUuNTk5OThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAuNjUgMTguM0M5LjUwMDA1IDE4IDguNTAwMDUgMTcuNCA3LjcwMDA1IDE2LjZDNi41MDAwNSAxNS40IDUuODAwMDUgMTMuOCA1LjgwMDA1IDExLjk1QzUuODAwMDUgMTEgNi4wMDAwNSAxMC4xNSA2LjM1MDA1IDkuMzUwMDNMNC43NTAwNSA4LjY1MDAyQzQuMzAwMDUgOS42NTAwMiA0LjA1MDA1IDEwLjggNC4wNTAwNSAxMS45NUM0LjA1MDA1IDE0LjI1IDUuMDAwMDUgMTYuMyA2LjUwMDA1IDE3LjhDNy42MDAwNSAxOC45IDkuMDAwMDUgMTkuNyAxMC41NSAyMC4wNUwxMC42NSAxOC4zWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjYgMTcuNEw5Ljk0OTk1IDIwLjhMMTMuNyAxOS43TDEwLjYgMTcuNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy45MDAxIDYuMzVMMTQuNjAwMSAzTDEwLjg1MDEgNC4xTDEzLjkwMDEgNi4zNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBIMFYyNEgyNFYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNMTkuNzUgOUMxOC41IDkgMTcuOCAxMC4yNSAxOC4xIDExLjE1TDE1LjA1IDE0LjJDMTQuOCAxNC4xIDE0LjQgMTQuMSAxNC4xNSAxNC4yTDExLjk1IDEyQzEyLjI1IDExLjEgMTEuNTUgOS44NSAxMC4zIDkuODVDOS4wNSA5Ljg1IDguMzUgMTEuMSA4LjY1IDEyTDQuNyAxNS45QzMuNzUgMTUuNjUgMi41IDE2LjM1IDIuNSAxNy42QzIuNSAxOC41NSAzLjMgMTkuMyA0LjIgMTkuM0M1LjQ1IDE5LjMgNi4xNSAxOC4wNSA1Ljg1IDE3LjE1TDkuNzUgMTMuMkMxMCAxMy4zIDEwLjQgMTMuMyAxMC42NSAxMy4yTDEyLjg1IDE1LjRDMTIuNTUgMTYuMyAxMy4yNSAxNy41NSAxNC41IDE3LjU1QzE1Ljc1IDE3LjU1IDE2LjQ1IDE2LjMgMTYuMTUgMTUuNEwxOS4yIDEyLjM1QzIwLjEgMTIuNjUgMjEuMzUgMTEuOTUgMjEuMzUgMTAuN0MyMS41IDkuNzUgMjAuNyA5IDE5Ljc1IDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQuNiA5Ljg1MDAyTDE1LjQgOC4wNTAwMkwxNy4xNSA3LjI1MDAyTDE1LjQgNi40NTAwMkwxNC42IDQuNjUwMDJMMTMuOCA2LjQ1MDAyTDEyIDcuMjUwMDJMMTMuOCA4LjA1MDAyTDE0LjYgOS44NTAwMloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00LjY1IDExLjU1TDUuMSA5Ljg1TDYuODUgOS40TDUuMSA5TDQuNjUgNy4yNUw0LjI1IDlMMi41IDkuNEw0LjI1IDkuODVMNC42NSAxMS41NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBIMFYyNEgyNFYwWiIgZmlsbD0iIzJDOTFFRSIvPgo8cGF0aCBkPSJNMTEuOTk5OSAzLjM0OTk4QzcuMjQ5OSAzLjM0OTk4IDMuMzk5OSA3LjE5OTk3IDMuMzk5OSAxMS45NUMzLjM5OTkgMTYuNyA3LjI0OTkgMjAuNiAxMS45OTk5IDIwLjZDMTYuNzQ5OSAyMC42IDIwLjU5OTkgMTYuNzUgMjAuNTk5OSAxMkMyMC41OTk5IDcuMjQ5OTggMTYuNzQ5OSAzLjM0OTk4IDExLjk5OTkgMy4zNDk5OFpNMTcuOTQ5OSA4LjU0OTk4SDE1LjM5OTlDMTUuMDk5OSA3LjQ0OTk4IDE0Ljc0OTkgNi40NDk5OCAxNC4xOTk5IDUuNDk5OThDMTUuNzk5OSA1Ljk5OTk4IDE3LjE0OTkgNy4wOTk5OCAxNy45NDk5IDguNTQ5OThaTTExLjk5OTkgNS4xNDk5N0MxMi42OTk5IDYuMTk5OTcgMTMuMjQ5OSA3LjM0OTk4IDEzLjY0OTkgOC41NDk5OEgxMC4zNDk5QzEwLjc0OTkgNy4yOTk5OCAxMS4yOTk5IDYuMTQ5OTcgMTEuOTk5OSA1LjE0OTk3Wk01LjM0OTkgMTMuN0M1LjE5OTkgMTMuMTUgNS4xNDk5IDEyLjU1IDUuMTQ5OSAxMkM1LjE0OTkgMTEuNCA1LjI0OTkgMTAuODUgNS4zNDk5IDEwLjNIOC4yNDk5QzguMTk5OSAxMC44NSA4LjE0OTkgMTEuNDUgOC4xNDk5IDEyQzguMTQ5OSAxMi42IDguMTk5OSAxMy4xNSA4LjI0OTkgMTMuN0g1LjM0OTlaTTYuMDQ5OSAxNS40SDguNTk5OUM4Ljg5OTkgMTYuNSA5LjI0OTkgMTcuNSA5Ljc5OTkgMTguNDVDOC4xOTk5IDE3Ljk1IDYuODQ5OSAxNi44NSA2LjA0OTkgMTUuNFpNOC41OTk5IDguNTQ5OThINi4wNDk5QzYuODk5OSA3LjA5OTk4IDguMTk5OSA2LjA0OTk4IDkuNzk5OSA1LjQ5OTk4QzkuMjQ5OSA2LjQ0OTk4IDguODQ5OSA3LjQ0OTk4IDguNTk5OSA4LjU0OTk4Wk0xMS45OTk5IDE4Ljg1QzExLjI5OTkgMTcuOCAxMC43NDk5IDE2LjY1IDEwLjM0OTkgMTUuNDVIMTMuNjQ5OUMxMy4yNDk5IDE2LjY1IDEyLjY5OTkgMTcuOCAxMS45OTk5IDE4Ljg1Wk0xMy45OTk5IDEzLjdIOS45OTk5QzkuODk5OSAxMy4xNSA5Ljg0OTkgMTIuNTUgOS44NDk5IDEyQzkuODQ5OSAxMS40IDkuODk5OSAxMC44NSA5Ljk5OTkgMTAuM0gxMy45OTk5QzE0LjA5OTkgMTAuODUgMTQuMTQ5OSAxMS40NSAxNC4xNDk5IDEyQzE0LjE0OTkgMTIuNTUgMTQuMDk5OSAxMy4xNSAxMy45OTk5IDEzLjdaTTE0LjI0OTkgMTguNUMxNC43NDk5IDE3LjU1IDE1LjE0OTkgMTYuNSAxNS40NDk5IDE1LjQ1SDE3Ljk5OTlDMTcuMTQ5OSAxNi44NSAxNS43OTk5IDE3Ljk1IDE0LjI0OTkgMTguNVpNMTUuNzQ5OSAxMy43QzE1Ljc5OTkgMTMuMTUgMTUuODQ5OSAxMi41NSAxNS44NDk5IDEyQzE1Ljg0OTkgMTEuNCAxNS43OTk5IDEwLjg1IDE1Ljc0OTkgMTAuM0gxOC42NDk5QzE4Ljc5OTkgMTAuODUgMTguODQ5OSAxMS40NSAxOC44NDk5IDEyQzE4Ljg0OTkgMTIuNiAxOC43NDk5IDEzLjE1IDE4LjY0OTkgMTMuN0gxNS43NDk5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\""],"sourceRoot":""}