{"version":3,"file":"component---src-pages-404-tsx-77afea53a2d518183e51.js","mappings":"gKAIMA,GAAO,sgBAkDTC,EAAAA,EAAAA,OAlDS,qHAiETA,EAAAA,EAAAA,SAjES,qBAoGb,IAd4B,SAACC,GAC3B,MAA2BA,EAAnBC,UAAAA,OAAR,MAAoB,GAApB,EAEA,OACE,QAACH,EAAD,CAASG,UAAWA,IAClB,eAAKA,UAAU,MAAMD,EAAME,QAC3B,iBAAIF,EAAMG,cACV,eAAKF,UAAU,cACb,yB,sKC3FFH,GAAO,q6DA2CTC,EAAAA,EAAAA,OA3CS,6hDAsHb,EAzCoB,WAClB,IAAMK,GAAaC,EAAAA,EAAAA,GAAc,0CAC3BC,GAAcD,EAAAA,EAAAA,GAAc,aAC5BE,GAAcF,EAAAA,EAAAA,GAAc,YAClC,OACE,QAACP,EAAD,CAASG,UAAU,yBACjB,eAAKA,UAAU,qCACb,mCACA,eAAKA,UAAU,gBAAf,OACK,8BADL,SAGA,QAAC,IAAD,CACEO,KAAK,OACLC,MAAM,SACNC,QAAS,kBAAMC,OAAOC,KAAKR,KAH7B,gBAOA,eAAKH,UAAU,eACb,QAAC,IAAD,CACEO,KAAK,QACLE,QAAS,YACPG,EAAAA,EAAAA,IAASP,KAHb,aAQA,QAAC,IAAD,CACEE,KAAK,QACLE,QAAS,YACPG,EAAAA,EAAAA,IAASN,KAHb,c,sBCpGJT,GAAO,wDAETC,EAAAA,EAAAA,MAFS,oBAKTA,EAAAA,EAAAA,MALS,MA4Eb,EApDuB,SAAC,GAAqD,IAGvEe,EAHoBC,EAAkD,EAAlDA,SAAUC,EAAwC,EAAxCA,MAAOC,EAAiC,EAAjCA,SAAUhB,EAAuB,EAAvBA,UAWnD,OALEa,EALe,MACEC,EAASG,UAIjB,QAAC,IAAD,CAAgBjB,UAAWA,KAE3B,QAAC,IAAD,CAAgBA,UAAcA,EAAL,UAIlC,eAAKkB,GAAG,YACN,QAACC,EAAA,EAAD,MACE,gBACEC,KAAK,WACLC,QAAQ,6FAEV,4vBAqBDR,GACD,sDACA,QAAC,EAAD,KACGE,IAAS,QAAC,IAAD,CAAWA,MAAOA,IAC3BC,IAEH,QAAC,EAAD,OACA,QAAC,IAAD,OACA,QAAC,IAAD,S,qEC9EAnB,GAAO,woBAgDTC,EAAAA,EAAAA,QAhDS,KAmDTA,EAAAA,EAAAA,OAnDS,MAuFb,IAhB0B,SAACC,GACzB,MAA2BA,EAAnBC,UAAAA,OAAR,MAAoB,GAApB,EAEA,OACE,QAACH,EAAD,CAASG,UAAWA,IAClB,eAAKA,UAAU,qBACb,eAAKA,UAAU,eACZD,EAAME,QAAS,iBAAIF,EAAME,OACzBF,EAAMG,cAAe,kBAAKH,EAAMG,aAChCH,EAAMiB,c,wHC3EjB,IAAMnB,GAAO,8MAgDb,UAhCyE,SAAC,GAEnE,IADLiB,EACI,EADJA,SAOA,OALAQ,EAAAA,EAAAA,YAAU,WAAO,IAAD,EACTR,MAAAA,GAAD,UAACA,EAAUG,gBAAX,OAAC,EAAoBM,SAAS,cAChCX,EAAAA,EAAAA,IAAS,eAEV,KAED,QAAC,IAAD,CAAgBE,SAAUA,EAAUd,UAAU,eAC5C,QAAC,IAAD,CAAKwB,MAAM,eACX,QAAC3B,EAAD,MACE,QAAC,IAAD,CACEI,MAAM,YACNC,YAAY,qBAEd,eAAKF,UAAU,oBACb,QAAC,IAAD,CACEE,YACE,gEAGJ,eACEuB,IAAI,qCACJC,IAAI","sources":["webpack://beaver-help/./src/components/molecules/officialCommonH3Set.tsx","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/404.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Wrapper = styled.div`\n width: 100%;\n text-align: center;\n margin: 0 0 60px;\n\n .h3 {\n font-size: 2.5em;\n margin: 0 0 20px;\n white-space: pre-wrap;\n font-weight: bold;\n }\n\n p {\n white-space: pre-wrap;\n font-weight: 600;\n opacity: 0.6;\n }\n\n .p-h3-line {\n width: 48px;\n height: 4px;\n margin: 20px auto;\n position: relative;\n\n &:before,\n &:after {\n display: block;\n content: '';\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 2px;\n background: #3ec7b3;\n top: 0;\n }\n\n &:after {\n left: 8px;\n }\n\n span {\n display: block;\n background: #3ec7b3;\n width: 32px;\n margin-left: auto;\n height: 4px;\n border-radius: 2px;\n }\n }\n\n ${BreakPoints.medium} {\n .h3 {\n font-size: 2em;\n }\n\n margin: 0 auto 30px;\n width: calc(100vw - 80px);\n word-break: break-word;\n\n p {\n width: 70%;\n margin: 0 auto;\n }\n }\n\n ${BreakPoints.smallest} {\n p {\n width: 260px;\n }\n }\n`\n\ntype Props = {\n /** クラス名 */\n className?: string\n /** タイトル */\n label?: string\n /** 補足テキスト */\n description?: string\n}\n\n/**\n * 共通H3タグ:h3→divタグへ変更\n * @param props\n * @constructor\n */\nconst OfficialCommonH3Set = (props: Props): JSX.Element => {\n const { className = '' } = props\n\n return (\n \n
{props.label}
\n

{props.description}

\n
\n \n
\n \n )\n}\n\nexport default OfficialCommonH3Set\n","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 \n
\n

今すぐキンクラを利用開始

\n
\n 今なら全機能が無料で使える\n
\n window.open(routeParam)}\n >\n 無料トライアルはこちら\n \n
\n {\n navigate(routeParam2)\n }}\n >\n 資料ダウンロード\n \n {\n navigate(routeParam3)\n }}\n >\n お問い合わせ\n \n
\n
\n \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 = \n } else {\n header = \n }\n\n return (\n
\n \n \n \n \n {header}\n \n \n {paths && }\n {children}\n \n \n \n \n
\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 \n
\n
\n {props.label &&

{props.label}

}\n {props.description &&

{props.description}

}\n {props.children}\n
\n
\n \n )\n}\n\nexport default OfficialLowHeader\n","import styled from '@emotion/styled'\nimport { graphql, PageProps } from 'gatsby'\nimport React, { useEffect } from 'react'\nimport { navigate } from 'gatsby-link'\nimport SEO from '../components/atoms/seo'\nimport OfficialCommonH3Set from '../components/molecules/officialCommonH3Set'\nimport OfficialLayout from '../components/organisms/officialLayout'\nimport OfficialLowHeader from '../components/organisms/officialLowHeader'\n\nconst Wrapper = styled.main`\n .p-section-inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 30px 0 0;\n text-align: center;\n\n img {\n display: block;\n width: 100%;\n height: auto;\n margin-top: -70px;\n }\n }\n`\n\nconst NotFoundPage: React.FC> = ({\n location,\n}) => {\n useEffect(() => {\n if (!location?.pathname?.includes('404.html')) {\n navigate('/404.html')\n }\n }, [])\n return (\n \n \n \n \n
\n \n \n
\n \n \n )\n}\n\nexport default NotFoundPage\n\nexport const pageQuery = graphql`\n query NotFoundPage {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","BreakPoints","props","className","label","description","routeParam","useRouteParam","routeParam2","routeParam3","size","level","onClick","window","open","navigate","header","location","paths","children","pathname","id","Helmet","name","content","useEffect","includes","title","src","alt"],"sourceRoot":""}