{"version":3,"sources":["webpack:///./src/images/gatsby-image/v2-work-page/fluid-images.js","webpack:///./src/constants-v2/page-contents/work-info.js","webpack:///./src/components/work-v2/index.jsx","webpack:///./src/pages/works/index.jsx"],"names":["WorkFluidImages","image","useStaticQuery","childImageSharp","fluid","workInfo","link","subtitle","title","description","text","buttonlabel","Root","styled","div","ListItemBox","ListItemBoxLink","Link","ListItemBoxNoLink","ListItemBoxPic","Img","props","addHover","ListItemTitle","p","ListItemDescription","colorPaletteV2","blue","ListItemText","CaptionLeftAlign","Title","h2","TitleInner","WorksGridList","ButtonM","ButtonStr","span","Works","className","map","work","index","key","to","join","WorksOuter","WorksPage","pageTitle"],"mappings":"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","file":"component---src-pages-works-index-jsx-880ceb9aae567e101fc4.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","const workInfo = [\n  {\n    image: 'workproductevelopment',\n    link: 'work-product-development',\n    subtitle: null,\n    title: [\n      '鋼板の生産ラインを自動化！',\n      '熟練の匠にしかできない神技。',\n      '自動制御システムで現場の負担を軽減',\n    ],\n    description: [\n      '重厚長大な産業の現場で活躍する',\n      '匠の「熟練の技」をデータ化し、AIモデルを生成。',\n    ],\n    text:\n      '安全性の向上や、後継者不足の解消、現場の方々の負担の軽減に繋がるようなプロダクトを、パートナーと共に作っています。',\n    buttonlabel: '詳しく見る',\n  },\n  {\n    image: 'productionManagement',\n    link: 'production-management-system',\n    subtitle: null,\n    title: [\n      '需要予測から生産計画を立案！',\n      '資材発注と生産実績計上も自動で行い、',\n      '生産工程を丸ごと効率化。',\n    ],\n    description: ['老舗豆腐メーカーの', '生産工程をDXするシステムを開発中'],\n    text:\n      '安全性の向上や、後継者不足の解消、現場の方々の負担の軽減に繋がるようなプロダクトを、パートナーと共に作っています。',\n    buttonlabel: 'Comming Soon...',\n  },\n  {\n    image: 'valveMaintenanceSystem',\n    link: 'valve-maintenance-system',\n    subtitle: null,\n    title: ['ハードとソフトが融合！', '超高圧バルブメンテナンスシステム'],\n    description: [\n      '超高圧バルブの診断装置とWebシステムが融合。',\n      '次世代メンテナンスシステムを継続開発中！',\n    ],\n    text:\n      '発電所などで使用する超高圧バルブを製造する老舗企業様とのプロジェクト。（システム開発＆人材育成）',\n    buttonlabel: '詳しく見る',\n  },\n  {\n    image: 'dxHumanIntroduce',\n    link: 'dx-humanIntroduce',\n    subtitle: null,\n    title: ['人材を弊社でお預かりして', 'DX技術者（エンジニア）として育成！'],\n    description: [\n      '老舗企業様から人材をお預かりし、人材育成中。',\n      '次世代メンテナンスシステムを継続開発中！',\n    ],\n    text:\n      'システム開発を通して、広範なIT技術や、新しいワークスタイルを身に付けて、社内に持ち帰っていただきます。',\n    buttonlabel: '詳しく見る',\n  },\n  {\n    image: 'dxsolution',\n    link: 'dx-solution',\n    subtitle: 'Online Merges With Offline',\n    title: ['OMO実現を見据えて', '顧客との接点を生むシステム開発'],\n    description: [\n      '老舗の釣り具販売企業様の、',\n      'WEBシステム＆SNSモバイルアプリの開発',\n    ],\n    text:\n      'ファンコミュニティの形成を通じた、企業ブランドと顧客接点の変革のためのシステムを制作しました。',\n    buttonlabel: '詳しく見る',\n  },\n];\n\nexport default workInfo;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Link } from 'gatsby';\nimport Img from 'gatsby-image';\nimport WorkFluidImages from '../../images/gatsby-image/v2-work-page/fluid-images';\nimport workInfo from '../../constants-v2/page-contents/work-info';\nimport '../../styles/foundation-v2.css';\nimport colorPaletteV2 from '../../styles/color-palette-v2';\n\nconst Root = styled.div``;\n\nconst ListItemBox = styled.div`\n  width: 100%;\n`;\nconst ListItemBoxLink = styled(Link)`\n  cursor: pointer;\n`;\n\nconst ListItemBoxNoLink = styled.div``;\n\nconst ListItemBoxPic = styled(Img)`\n  background: no-repeat center;\n  border: 0;\n  background-size: cover;\n  &:hover {\n    opacity: ${props => (props.addHover ? '0.7' : 'none')};\n  }\n  transition: 0.4s all;\n  @media (max-width: 1023px) {\n    width: 100%;\n    height: 237px;\n    height: 237px;\n  }\n\n  @media (min-width: 1024px) {\n    width: 100%;\n    height: 343px;\n    height: 343px;\n  }\n`;\n\nconst ListItemTitle = styled.p`\n  display: inline-block;\n  white-space: pre-wrap;\n  margin-top: 18px;\n  margin-top: 18px;\n  font-weight: 600;\n  @media (max-width: 1023px) {\n    font-size: 19px;\n    font-size: 19px;\n    line-height: 1.5;\n  }\n  @media (min-width: 1024px) {\n    font-size: 24px;\n    font-size: 24px;\n    line-height: 1.5;\n  }\n  @media (max-width: 742px) {\n    font-size: 18px;\n    font-size: 18px;\n    line-height: 1.5;\n  }\n  @media (max-width: 632px) {\n    font-size: 15px;\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 591px) {\n    font-size: 17px;\n    font-size: 17px;\n    line-height: 1.5;\n  }\n`;\n\nconst ListItemDescription = styled.p`\n  display: inline-block;\n  white-space: pre-wrap;\n  padding: 0px 8px;\n  margin-top: 18px;\n  border-left: solid 6px ${colorPaletteV2.blue};\n  color: ${colorPaletteV2.blue};\n  font-weight: 400;\n\n  @media (max-width: 1023px) {\n    font-size: 15px;\n    font-size: 15px;\n    line-height: 22.5px;\n    line-height: 22.5px;\n  }\n  @media (min-width: 1024px) {\n    font-size: 16px;\n    font-size: 16px;\n    line-height: 1.5;\n    line-height: 1.5;\n  }\n  @media (max-width: 742px) {\n    font-size: 13px;\n    font-size: 13px;\n    line-height: 1.5;\n    line-height: 1.5;\n  }\n  @media (max-width: 591px) {\n    font-size: 16px;\n    font-size: 16px;\n    line-height: 1.5;\n    line-height: 1.5;\n  }\n`;\n\nconst ListItemText = styled.p`\n  font-size: 16px;\n  font-size: 16px;\n  line-height: 28.8px;\n  line-height: 28.8px;\n  margin-top: 22px;\n  font-weight: 400;\n`;\n\nconst CaptionLeftAlign = styled.div`\n  display: flex;\n  align-items: baseline;\n  @media (max-width: 1023px) {\n    margin-bottom: 32px;\n  }\n  @media (min-width: 1024px) {\n    margin-bottom: 56px;\n  }\n`;\n\nconst Title = styled.h2`\n  margin-left: 20px;\n  margin-left: 20px;\n  display: inline-block;\n  text-transform: uppercase;\n  @media (max-width: 1023px) {\n    font-size: 20px;\n    font-size: 20px;\n  }\n  @media (min-width: 1024px) {\n    font-size: 24px;\n    font-size: 24px;\n  }\n`;\n\nconst TitleInner = styled.div`\n  display: flex;\n`;\n\nconst WorksGridList = styled.div`\n  display: grid;\n  gap: 2vw;\n  @media (max-width: 1023px) {\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    column-gap: 2vw;\n    row-gap: 42px;\n    row-gap: 42px;\n  }\n  @media (min-width: 1024px) {\n    grid-template-columns: repeat(2, minmax(288px, 1fr));\n    column-gap: 3vw;\n    row-gap: 40px;\n    row-gap: 40px;\n  }\n`;\n\nconst ButtonM = styled(Link)`\n  margin-top: 16px;\n`;\nconst ButtonStr = styled.span`\n  line-height: 1;\n`;\n\nconst Works = () => {\n  return (\n    <Root>\n      <div>\n        <CaptionLeftAlign>\n          <h1 className=\"section_title_left\">実績紹介</h1>\n          <Title>\n            <TitleInner>\n              <p className=\"grad_txt section_title_right\">works</p>\n            </TitleInner>\n          </Title>\n        </CaptionLeftAlign>\n      </div>\n      <div>\n        <WorksGridList>\n          {workInfo.map((work, index) => {\n            return (\n              <ListItemBox key={index}>\n                {work.link === 'production-management-system' ? (\n                  <ListItemBoxNoLink>\n                    <ListItemBoxPic fluid={WorkFluidImages(work.image)} />\n                  </ListItemBoxNoLink>\n                ) : (\n                  <ListItemBoxLink to={`/works/${work.link}`}>\n                    <ListItemBoxPic\n                      fluid={WorkFluidImages(work.image)}\n                      addHover\n                    />\n                  </ListItemBoxLink>\n                )}\n                <ListItemTitle>{work.title.join('\\n')}</ListItemTitle>\n                <ListItemDescription>\n                  {work.description.join('\\n')}\n                </ListItemDescription>\n                <ListItemText>{work.text}</ListItemText>\n                {work.buttonlabel === 'Comming Soon...' ? (\n                  <ButtonM className=\"comming_soon_button sizeM\">\n                    <ButtonStr className=\"comming_soon_button_inside\">\n                      {work.buttonlabel}\n                    </ButtonStr>\n                  </ButtonM>\n                ) : (\n                  <ButtonM\n                    className=\"grad1_border_button sizeM\"\n                    to={`/works/${work.link}`}\n                  >\n                    <ButtonStr className=\"grad1_border_button_inside white\">\n                      {work.buttonlabel}\n                    </ButtonStr>\n                  </ButtonM>\n                )}\n              </ListItemBox>\n            );\n          })}\n        </WorksGridList>\n      </div>\n    </Root>\n  );\n};\nexport default Works;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Works from '../../components/work-v2/index';\nimport PageRoot from '../../components/common-components/templates/page-root-v2';\nimport '../../styles/foundation-v2.css';\nimport SEOHeaderV2 from '../../components/common-components/templates/page-root-v2/seo-v2';\n\nconst WorksOuter = styled.div`\n  width: 100%;\n  @media (max-width: 1023px) {\n    margin-top: 83px;\n    margin-bottom: 80px;\n  }\n  @media (min-width: 1024px) {\n    margin-top: 236px;\n    margin-bottom: 100px;\n  }\n`;\nconst WorksPage = () => {\n  return (\n    <PageRoot>\n      <SEOHeaderV2 pageTitle=\"実績紹介\" />\n      <WorksOuter className=\"wrapper-v2\">\n        <Works />\n      </WorksOuter>\n    </PageRoot>\n  );\n};\nexport default WorksPage;\n"],"sourceRoot":""}