{"version":3,"file":"component---src-pages-externaltools-tsx-ee848ff18480d6cec2f8.js","mappings":"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","sources":["webpack://beaver-help/./src/components/organisms/officialCta.tsx","webpack://beaver-help/./src/components/organisms/officialLayout.tsx","webpack://beaver-help/./src/components/organisms/officialLowHeader.tsx","webpack://beaver-help/./src/pages/externaltools.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport { navigate } from 'gatsby-link'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.section`\n  width: 100%;\n  background: linear-gradient(to bottom right, #41c9b3 0%, #3de8dc 100%);\n  text-align: center;\n  position: relative;\n  .p-cta-inner {\n    max-width: 1366px;\n    margin: 0 auto;\n    padding: 60px 0;\n    h3 {\n      font-size: 2.5em;\n      color: #005e6a;\n    }\n    .p-cta-ribbon {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 5px 0 0 0;\n      width: 476px;\n      height: 60px;\n      margin: 20px auto 10px;\n      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22522.004%22%20height%3D%2288.367%22%20viewBox%3D%220%200%20522.004%2088.367%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23009893%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2240%22%20data-name%3D%22%E3%83%91%E3%82%B9%202240%22%20class%3D%22cls-1%22%20d%3D%22M687.13%2C549.26c-.1-.106-10.287-10.71-14.332-24.91a96.34%2C96.34%2C0%2C0%2C1-3.3-26.006%2C1.383%2C1.383%2C0%2C0%2C0-1.189-1.512H647.051L643.02%2C478.28a1.3%2C1.3%2C0%2C0%2C0-1.205-1.1H216.928l-3.194-12.708a1.366%2C1.366%2C0%2C0%2C0-.838-.981%2C1%2C1%2C0%2C0%2C0-.358-.056H166.787a1.367%2C1.367%2C0%2C0%2C0-1.24%2C1.464%2C1.574%2C1.574%2C0%2C0%2C0%2C.415%2C1.079c.1.1%2C10.287%2C10.709%2C14.332%2C24.908a96.389%2C96.389%2C0%2C0%2C1%2C3.3%2C26.006%2C1.382%2C1.382%2C0%2C0%2C0%2C1.194%2C1.512l.049%2C0h21.212l4.031%2C18.549a1.3%2C1.3%2C0%2C0%2C0%2C1.207%2C1.1H636.166l3.194%2C12.707a1.366%2C1.366%2C0%2C0%2C0%2C.838.98%2C1.06%2C1.06%2C0%2C0%2C0%2C.356.062h45.753a1.365%2C1.365%2C0%2C0%2C0%2C1.243-1.458%2C1.571%2C1.571%2C0%2C0%2C0-.422-1.092Zm-472.8-72.072H202.078l9.808-9.737Zm424.427%2C60.874h12.257l-9.808%2C9.737Z%22%20transform%3D%22translate(-165.547%20-463.439)%22%2F%3E%3C%2Fsvg%3E');\n      background-size: 476px 60px;\n      color: #ffffff;\n      font-weight: 600;\n      span {\n        color: #fffb8e;\n        display: flex;\n        font-size: 1.625em;\n        padding: 0 2px 5px;\n      }\n    }\n    .p-cta-btns {\n      display: flex;\n      justify-content: space-between;\n      width: 400px;\n      margin: 20px auto 0;\n      button {\n        width: 180px;\n        margin: 0;\n      }\n    }\n  }\n  ${BreakPoints.medium} {\n    .p-cta-inner {\n      h3 {\n        font-size: 2em;\n      }\n      .p-cta-ribbon {\n        width: 360px;\n        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22522.004%22%20height%3D%2288.367%22%20viewBox%3D%220%200%20522.004%2088.367%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23009893%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2240%22%20data-name%3D%22%E3%83%91%E3%82%B9%202240%22%20class%3D%22cls-1%22%20d%3D%22M687.13%2C549.26c-.1-.106-10.287-10.71-14.332-24.91a96.34%2C96.34%2C0%2C0%2C1-3.3-26.006%2C1.383%2C1.383%2C0%2C0%2C0-1.189-1.512H647.051L643.02%2C478.28a1.3%2C1.3%2C0%2C0%2C0-1.205-1.1H216.928l-3.194-12.708a1.366%2C1.366%2C0%2C0%2C0-.838-.981%2C1%2C1%2C0%2C0%2C0-.358-.056H166.787a1.367%2C1.367%2C0%2C0%2C0-1.24%2C1.464%2C1.574%2C1.574%2C0%2C0%2C0%2C.415%2C1.079c.1.1%2C10.287%2C10.709%2C14.332%2C24.908a96.389%2C96.389%2C0%2C0%2C1%2C3.3%2C26.006%2C1.382%2C1.382%2C0%2C0%2C0%2C1.194%2C1.512l.049%2C0h21.212l4.031%2C18.549a1.3%2C1.3%2C0%2C0%2C0%2C1.207%2C1.1H636.166l3.194%2C12.707a1.366%2C1.366%2C0%2C0%2C0%2C.838.98%2C1.06%2C1.06%2C0%2C0%2C0%2C.356.062h45.753a1.365%2C1.365%2C0%2C0%2C0%2C1.243-1.458%2C1.571%2C1.571%2C0%2C0%2C0-.422-1.092Zm-472.8-72.072H202.078l9.808-9.737Zm424.427%2C60.874h12.257l-9.808%2C9.737Z%22%20transform%3D%22translate(-165.547%20-463.439)%22%2F%3E%3C%2Fsvg%3E');\n        background-size: cover;\n        span {\n          display: flex;\n          font-size: 1.625em;\n          padding: 0 2px 5px;\n        }\n      }\n      .p-cta-btns {\n        width: 100vw;\n        max-width: 400px;\n        button {\n          padding: 0;\n          margin: 0 5px;\n          &.mega {\n            padding: 0 40px;\n          }\n        }\n      }\n    }\n  }\n`\n\n/**\n * サービスサイトCTAエリア\n * @constructor\n */\nconst OfficialCta = () => {\n  const routeParam = useRouteParam('https://sign-up.kintaicloud.jp/sign-up')\n  const routeParam2 = useRouteParam('/download')\n  const routeParam3 = useRouteParam('/contact')\n  return (\n    <Wrapper className=\"anim-fade-up left-in\">\n      <div className=\"p-cta-inner anim-fade-up delay-1\">\n        <h3>今すぐキンクラを利用開始</h3>\n        <div className=\"p-cta-ribbon\">\n          今なら<span>全機能が無料</span>で使える\n        </div>\n        <OfficialCommonBtn\n          size=\"mega\"\n          level=\"strong\"\n          onClick={() => window.open(routeParam)}\n        >\n          無料トライアルはこちら\n        </OfficialCommonBtn>\n        <div className=\"p-cta-btns\">\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => {\n              navigate(routeParam2)\n            }}\n          >\n            資料ダウンロード\n          </OfficialCommonBtn>\n          <OfficialCommonBtn\n            size=\"large\"\n            onClick={() => {\n              navigate(routeParam3)\n            }}\n          >\n            お問い合わせ\n          </OfficialCommonBtn>\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default OfficialCta\n","import styled from '@emotion/styled'\nimport { WindowLocation } from '@reach/router'\nimport React, { ReactNode } from 'react'\nimport { Helmet } from 'react-helmet'\nimport BreakPoints from '../../styles/breakPoints'\nimport ScrollTop from '../atoms/scrollTop'\nimport TopicPath, { ITopicPath } from '../atoms/topicPath'\nimport OfficialCta from './officialCta'\nimport OfficialFooter from './officialFooter'\nimport OfficialHeader from './officialHeader'\n\nconst Wrapper = styled.article`\n  font-size: 16px;\n  ${BreakPoints.large} {\n    font-size: 14px;\n  }\n  ${BreakPoints.small} {\n  }\n`\n\ntype Props = {\n  /** window.location */\n  location: WindowLocation\n  /** パンくずパス */\n  paths?: ITopicPath[]\n  /** ページ内容 */\n  children: ReactNode\n  /** クラス名 */\n  className?: string\n}\n\n/**\n * サービスサイトメインレイアウト\n * @constructor\n */\nconst OfficialLayout = ({ location, paths, children, className }: Props) => {\n  const rootPath = '/'\n  const isRootPath = location.pathname === rootPath\n  let header\n\n  if (isRootPath) {\n    header = <OfficialHeader className={className} />\n  } else {\n    header = <OfficialHeader className={`${className} low`} />\n  }\n\n  return (\n    <div id=\"pageTop\">\n      <Helmet>\n        <meta\n          name=\"viewport\"\n          content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no\"\n        />\n        <script>\n          {`\n            function showElementAnimation() {\n\n              var element = document.querySelectorAll('.anim-fade-up');\n              if(!element) return;\n\n              var showTiming = window.innerHeight > 768 ? 120 : 40; \n              var scrollY = window.pageYOffset;\n              var windowH = window.innerHeight;\n\n              for(var i=0;i<element.length;i++) { var elemClientRect = element[i].getBoundingClientRect(); var elemY = scrollY + elemClientRect.top; if(scrollY + windowH - showTiming > elemY) {\n                element[i].classList.add('is-show');\n              }\n            }\n          }\n          showElementAnimation();\n          window.addEventListener('scroll', showElementAnimation);\n        `}\n        </script>\n      </Helmet>\n      {header}\n      <noscript>Javascriptが無効なため有効にしてください</noscript>\n      <Wrapper>\n        {paths && <TopicPath paths={paths} />}\n        {children}\n      </Wrapper>\n      <OfficialCta />\n      <OfficialFooter />\n      <ScrollTop />\n    </div>\n  )\n}\n\nexport default OfficialLayout\n","import styled from '@emotion/styled'\nimport React, { ReactNode } from 'react'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Wrapper = styled.section`\n  width: 100%;\n  position: relative;\n  background-image: url(/images/official/common/bgPublic02.png);\n  background-color: #ffffff;\n  background-size: cover;\n  border-bottom: solid 4px #dcdee1;\n\n  &:before,\n  &:after {\n    display: block;\n    content: '';\n    position: absolute;\n    width: 20%;\n    border-bottom: solid 4px #dcdee1;\n    bottom: -16px;\n  }\n\n  &:after {\n    right: 0;\n  }\n\n  .p-low-head-inner {\n    display: flex;\n    max-width: 1366px;\n    margin: 0 auto;\n    padding: 34px 0;\n    justify-content: center;\n\n    .p-inner-txt {\n      p {\n        font-weight: 800;\n        font-size: 2.5em;\n        text-align: center;\n        margin: 0 auto 20px;\n        white-space: pre-wrap;\n      }\n\n      h2 {\n        font-size: 1em;\n        font-weight: 400;\n        margin: 0 auto 10px;\n        text-align: center;\n        width: calc(100vw - 80px);\n      }\n    }\n  }\n\n  ${BreakPoints.largest} {\n  }\n\n  ${BreakPoints.medium} {\n  }\n`\n\ntype Props = {\n  /** クラス名 */\n  className?: string\n  /** タイトル */\n  label?: string\n  /** 補足テキスト */\n  description?: string\n  /** 内容（画像） */\n  children?: ReactNode\n}\n\n/**\n * サービスサイト下層用ヘッダー\n * @param props\n * @constructor\n */\nconst OfficialLowHeader = (props: Props): JSX.Element => {\n  const { className = '' } = props\n\n  return (\n    <Wrapper className={className}>\n      <div className=\"p-low-head-inner\">\n        <div className=\"p-inner-txt\">\n          {props.label && <p>{props.label}</p>}\n          {props.description && <h2>{props.description}</h2>}\n          {props.children}\n        </div>\n      </div>\n    </Wrapper>\n  )\n}\n\nexport default OfficialLowHeader\n","import styled from '@emotion/styled'\nimport { graphql, PageProps } from 'gatsby'\nimport React from 'react'\nimport SEO from '../components/atoms/seo'\nimport OfficialLayout from '../components/organisms/officialLayout'\nimport OfficialLowHeader from '../components/organisms/officialLowHeader'\n\nconst Wrapper = styled.main`\n  padding: 0 0 80px;\n\n  .p-section-inner {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 40px 40px 0;\n\n    h3 {\n      margin: 0 0 10px;\n    }\n\n    p {\n      margin: 0 0 20px;\n    }\n\n    table {\n      width: 100%;\n      margin-bottom: 15px;\n\n      th {\n        width: 50%;\n        background: rgba(200, 200, 200, 0.4);\n        text-align: left;\n        font-weight: normal;\n        padding: 5px;\n        border: solid 1px rgba(200, 200, 200, 1);\n\n        &:first-of-type {\n          width: 35%;\n        }\n\n        &:last-of-type {\n          width: 65%;\n        }\n      }\n\n      td {\n        padding: 5px;\n        border: solid 1px rgba(200, 200, 200, 1);\n        vertical-align: top;\n      }\n    }\n  }\n`\n\ntype IProps = PageProps<GatsbyTypes.IndexPageQuery>\n\n/**\n * 利用規約[サービスサイト利用規約]\n * @constructor\n */\nconst ExternaltoolsPage = ({ location }: IProps) => (\n  <OfficialLayout location={location}>\n    <SEO title=\"外部送信規律に関する公表事項\" />\n    <Wrapper>\n      <OfficialLowHeader label=\"外部送信規律に関する公表事項\" description=\" \" />\n      <div className=\"p-section-inner\">\n        <p>\n          当社が提供するサービス「キンクラ」「キンクラコラム」において利用状況の把握や、運用の管理および改善、広告効果の測定を目的として、当社又は第三者が提供する外部送信ツール（SDKや広告サービスのクッキー、情報収集モジュール等）により取得するお客様の情報を外部に送信することがあります。\n          <br />\n          外部送信ツールの名称、送信される利用者情報の内容、利用目的等の詳細は以下のとおりです。\n        </p>\n        <h3>キンクラ</h3>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Google Analytics</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・デバイスやブラウザの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>\n              ・サービス利用の分析、改善のため\n              <br />\n              ・広告配信の最適化、効果測定のため\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Google Tag Manager</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・デバイスやブラウザの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>\n              ・サービス利用の分析、改善のため\n              <br />\n              ・広告配信の最適化、効果測定のため\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>reCAPTCHA</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・クライアントID\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>安全なサービス提供のため</td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Stripe</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・クライアントID\n              <br />\n              ・会社名\n              <br />\n              ・情報登録者のメールアドレス\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Stripe, Inc.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>サービス利用料金のクレジットカード決済のため</td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Appsflyer</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・デバイスやアプリの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Appsflyer Ltd.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>\n              ・サービス利用の分析、改善のため\n              <br />\n              ・広告配信の最適化、効果測定のため\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Firebase</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・デバイスやアプリの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>\n              ・サービス提供のため\n              <br />\n              ・サービス利用の分析、改善のため\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Google広告</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・広告識別子\n              <br />\n              ・デバイスやブラウザの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>広告配信の最適化、効果測定のため</td>\n          </tr>\n        </table>\n        <h3>キンクラコラム</h3>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Google Analytics</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・デバイスやブラウザの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>\n              ・サービス利用の分析、改善のため\n              <br />\n              ・広告配信の最適化、効果測定のため\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Google Tag Manager</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・デバイスやブラウザの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>\n              ・サービス利用の分析、改善のため\n              <br />\n              ・広告配信の最適化、効果測定のため\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr>\n            <th>外部送信ツール名称</th>\n            <th>Google広告</th>\n          </tr>\n          <tr>\n            <td>送信される情報の内容</td>\n            <td>\n              ・広告識別子\n              <br />\n              ・デバイスやブラウザの情報\n              <br />\n              ・ネットワークの情報\n              <br />\n              ・操作情報\n            </td>\n          </tr>\n          <tr>\n            <td>送信先の情報取扱者</td>\n            <td>Google LLC.</td>\n          </tr>\n          <tr>\n            <td>利用目的</td>\n            <td>広告配信の最適化、効果測定のため</td>\n          </tr>\n        </table>\n      </div>\n    </Wrapper>\n  </OfficialLayout>\n)\n\nexport default ExternaltoolsPage\n\nexport const pageQuery = graphql`\n  query ExternaltoolsPage {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n"],"names":["Wrapper","BreakPoints","routeParam","useRouteParam","routeParam2","routeParam3","className","size","level","onClick","window","open","navigate","header","location","paths","children","pathname","id","Helmet","name","content","props","label","description","title"],"sourceRoot":""}