{"version":3,"file":"44e530f3db97984f48c0c2d62f3a1dbcc8692f05-57475f23c8e91b671312.js","mappings":"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","sources":["webpack://beaver-help/./src/components/molecules/Conclusion001.tsx","webpack://beaver-help/./src/components/molecules/Conclusion002.tsx","webpack://beaver-help/./src/components/molecules/Conclusion003.tsx","webpack://beaver-help/./src/components/molecules/Conclusion004.tsx","webpack://beaver-help/./src/components/molecules/Conclusion005.tsx","webpack://beaver-help/./src/components/molecules/Conclusion007.tsx","webpack://beaver-help/./src/components/molecules/Conclusion008.tsx","webpack://beaver-help/./src/components/molecules/Conclusion009.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 10px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n  .intro-txt {\n    font-size: 18px;\n    line-height: 27px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n  .btn-wrap {\n    width: 100%;\n  }\n  .intro-img {\n    position: absolute;\n    bottom: 12px;\n    right: 10px;\n    img {\n      padding: 0;\n      height: 100px;\n    }\n  }\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n  .p-cta-btns {\n    margin-bottom: 0;\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア1(AA)\n * @constructor\n */\nconst Conclusion001 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_01_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_01_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_01_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        シフトがバラバラで管理が大変…\n        <br />\n        キンクラなら簡単に自由度の高いシフト作成ができます\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower002.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam1)}\n          className=\"strong-btn\"\n        >\n          無料トライアルはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam2)}\n          >\n            資料ダウンロード\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam3)}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default Conclusion001\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 10px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 18px;\n    line-height: 27px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: 3px;\n    left: 10px;\n\n    img {\n      padding: 0;\n      height: 100px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア2(AB)\n * @constructor\n */\nconst Conclusion002 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_02_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_02_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_02_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        「自社と常駐先それぞれの勤務時間を管理をしなければならない…」\n        <br />\n        キンクラではそれぞれの勤務時間をまとめて管理できます。\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower003.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam2)}\n          className=\"strong-btn\"\n        >\n          資料ダウンロードはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam1)}\n          >\n            無料トライアル\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam3)}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default Conclusion002\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 20px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 20px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: -6px;\n    left: 20px;\n\n    img {\n      padding: 0;\n      height: 124px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア3(AC)\n * @constructor\n */\nconst Conclusion003 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_03_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_03_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_03_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        勤怠管理でお困りのことはありませんか？お悩みをお聞かせください\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower001.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam3)}\n          className=\"strong-btn\"\n        >\n          勤怠システムのお問い合わせ\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam2)}\n          >\n            資料ダウンロード\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam1)}\n          >\n            無料トライアル\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default Conclusion003\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 10px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 18px;\n    line-height: 27px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: 12px;\n    right: 10px;\n\n    img {\n      padding: 0;\n      height: 100px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア1(BA)\n * @constructor\n */\nconst Conclusion004 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_04_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_04_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_04_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        シフトがバラバラで管理が大変…\n        <br />\n        キンクラなら簡単に自由度の高いシフト作成ができます\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower002.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam1)}\n          className=\"strong-btn\"\n        >\n          無料トライアルはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam2)}\n          >\n            資料ダウンロード\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam3)}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default Conclusion004\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 10px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 18px;\n    line-height: 27px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: 3px;\n    left: 10px;\n\n    img {\n      padding: 0;\n      height: 100px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア2(BB)\n * @constructor\n */\nconst Conclusion005 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_05_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_05_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_05_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        「自社と常駐先それぞれの勤務時間を管理をしなければならない…」\n        <br />\n        キンクラではそれぞれの勤務時間をまとめて管理できます。\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower003.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam2)}\n          className=\"strong-btn\"\n        >\n          資料ダウンロードはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam1)}\n          >\n            無料トライアル\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam3)}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\nexport default Conclusion005\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 10px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 18px;\n    line-height: 27px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: 12px;\n    right: 10px;\n\n    img {\n      padding: 0;\n      height: 100px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア1(CA)\n * @constructor\n */\nconst Conclusion007 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_07_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_07_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_07_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        シフトがバラバラで管理が大変…\n        <br />\n        キンクラなら簡単に自由度の高いシフト作成ができます\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower002.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam1)}\n          className=\"strong-btn\"\n        >\n          無料トライアルはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam2)}\n          >\n            資料ダウンロード\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam3)}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\nexport default Conclusion007\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 10px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 18px;\n    line-height: 27px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: 3px;\n    left: 10px;\n\n    img {\n      padding: 0;\n      height: 100px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア2(CB)\n * @constructor\n */\nconst Conclusion008 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_08_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_08_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_08_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        「自社と常駐先それぞれの勤務時間を管理をしなければならない…」\n        <br />\n        キンクラではそれぞれの勤務時間をまとめて管理できます。\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower003.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam2)}\n          className=\"strong-btn\"\n        >\n          資料ダウンロードはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam1)}\n          >\n            無料トライアル\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam3)}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default Conclusion008\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  text-align: center;\n  margin-bottom: 60px;\n  border-radius: 5px;\n  padding: 20px;\n  height: 200px;\n  overflow: hidden;\n  background-image: url(/images/column/common/introductionLowerBack.png);\n  position: relative;\n\n  p {\n    line-height: unset;\n    padding: 0px;\n  }\n\n  .intro-txt {\n    font-size: 20px;\n    color: #fff;\n    font-weight: 600;\n    padding: 0px;\n  }\n\n  .btn-wrap {\n    width: 100%;\n  }\n\n  .intro-img {\n    position: absolute;\n    bottom: -6px;\n    left: 20px;\n\n    img {\n      padding: 0;\n      height: 124px;\n    }\n  }\n\n  Button.mega {\n    font-size: 26px;\n    height: 60px;\n    margin-top: 10px;\n  }\n\n  .p-cta-btns {\n    margin-bottom: 0;\n\n    button {\n      margin-bottom: 0;\n      height: 40px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細下部製品誘導エリア3(CC)\n * @constructor\n */\nconst Conclusion009 = () => {\n  const routeParam1 = useRouteParam(\n    'https://sign-up.kintaicloud.jp/sign-up/?utm_source=article&utm_medium=post&utm_campaign=pattern_09_Con'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=article&utm_medium=post&utm_campaign=pattern_09_Con'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=article&utm_medium=post&utm_campaign=pattern_09_Con'\n  )\n\n  return (\n    <Wrapper>\n      <p className=\"intro-txt\">\n        勤怠管理でお困りのことはありませんか？お悩みをお聞かせください\n      </p>\n      <div className=\"intro-img\">\n        <img\n          src=\"/images/column/common/introductionLower001.png\"\n          alt=\"キンクラ\"\n        />\n      </div>\n      <div className=\"btn-wrap\">\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam3)}\n          className=\"strong-btn\"\n        >\n          勤怠システムのお問い合わせ\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam2)}\n          >\n            資料ダウンロード\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => window.open(routeParam1)}\n          >\n            無料トライアル\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default Conclusion009\n"],"names":["Wrapper","BreakPoints","routeParam1","useRouteParam","routeParam2","routeParam3","className","src","alt","size","level","onClick","window","open"],"sourceRoot":""}