{"version":3,"file":"component---src-pages-help-index-tsx-891c3610a9d6e1343c80.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/BeginnerSvg.tsx","webpack://beaver-help/./src/components/atoms/MovieSvg.tsx","webpack://beaver-help/./src/components/molecules/topBeginnerBtn.tsx","webpack://beaver-help/./src/components/molecules/topFaqCard.tsx","webpack://beaver-help/./src/components/atoms/guideSvg.tsx","webpack://beaver-help/./src/components/molecules/topGuideCard.tsx","webpack://beaver-help/./src/components/atoms/manageSvg.tsx","webpack://beaver-help/./src/components/molecules/topManageCard.tsx","webpack://beaver-help/./src/components/atoms/settingSvg.tsx","webpack://beaver-help/./src/components/molecules/topSettingCard.tsx","webpack://beaver-help/./src/components/molecules/topMenuArea.tsx","webpack://beaver-help/./src/pages/help/index.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div`\n padding: 0;\n .cls-1 {\n fill: #fff;\n }\n .cls-2 {\n fill: #4d4d4d;\n }\n .cls-3 {\n fill: #19ba9b;\n }\n .cls-4 {\n fill: #fcee21;\n }\n`\n\n/**\n * SVGアイコンコンポーネント\n * TOPページはじめてガイド用ロゴ\n */\nconst BeginnerSvg = (): JSX.Element => (\n \n \n \n \n \n \n \n \n)\nexport default BeginnerSvg\n","import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div`\n padding: 0;\n .cls-1 {\n fill: #fff;\n }\n .cls-2 {\n fill: #4d4d4d;\n }\n .cls-3 {\n fill: #19ba9b;\n }\n .cls-4 {\n fill: #fcee21;\n }\n`\n\n/**\n * SVGアイコンコンポーネント\n * TOPページ動画マニュアル用アイコン\n */\nconst MovieSvg = (): JSX.Element => (\n \n \n \n \n \n \n \n \n)\nexport default MovieSvg\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport BeginnerSvg from '../atoms/BeginnerSvg'\nimport MovieSvg from '../atoms/MovieSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n margin-bottom: 40px;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n a {\n flex: 1;\n background: #ffffff;\n border: #cccccc solid 3px;\n border-radius: 10px;\n padding: 30px 20px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n\n &:hover {\n box-shadow: 2px 2px 5px #444;\n text-decoration: underline solid transparent;\n }\n\n .beginner {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .beginner h2 {\n margin-left: 10px;\n font-size: 26px;\n color: #414141;\n }\n\n .txt {\n text-align: center;\n margin-top: 10px;\n line-height: normal;\n }\n\n svg {\n height: 40px;\n width: 40px;\n }\n }\n\n ${BreakPoints.large} {\n width: 90%;\n flex-direction: column;\n margin: 0 auto 60px auto;\n }\n`\n\n/**\n * はじめにボタン\n * @constructor\n */\nconst TopBeginnerBtn = () => {\n const routeParam = useRouteParam('/help/first')\n const routeParam2 = useRouteParam('/help/movie')\n return (\n \n \n
\n \n

はじめてガイド

\n
\n
\n

\n キンクラを初めてご利用いただく際に読んでいただきたい\n
\n 基本操作をご案内します\n

\n
\n \n \n
\n \n

動画マニュアル

\n
\n
\n

\n 実際の画面を表示しながら\n
\n 操作方法や使い方を動画でまとめました\n

\n
\n \n \n )\n}\n\nexport default TopBeginnerBtn\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport { Link } from 'gatsby'\nimport BreakPoints from '../../styles/breakPoints'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n background: #fff;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 20px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n\n .faq-list {\n display: flex;\n justify-content: space-around;\n }\n\n .category-list {\n li {\n margin: 0 0 10px 5px;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n a {\n position: relative;\n margin-left: 15px;\n\n &:before {\n display: block;\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n top: 7px;\n left: -14px;\n border-left: 8px solid #3ec7b3;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n }\n }\n }\n\n .allFaq {\n text-align: right;\n }\n\n @media screen and (max-width: 880px) {\n position: relative;\n display: flex;\n justify-content: center;\n .faq-list {\n flex-direction: column;\n margin-bottom: 25px;\n }\n\n .allFaq {\n position: absolute;\n bottom: 25px;\n right: 25px;\n }\n }\n\n ${BreakPoints.large} {\n width: 90vw;\n margin: 0 auto 20px auto;\n }\n\n ${BreakPoints.medium} {\n .faq-list {\n width: 80vw;\n }\n }\n`\n\n/**\n * TOPよくあるご質問カード\n * @constructor\n */\nconst TopFaqCard = () => {\n const routePram = useRouteParam('/help/article/10140')\n const routePram2 = useRouteParam('/help/article/10155')\n const routePram3 = useRouteParam('/help/article/10156')\n const routePram4 = useRouteParam('/help/article/10158')\n const routePram5 = useRouteParam('/help/article/10178')\n const routePram6 = useRouteParam('/help/article/10194')\n const routePram7 = useRouteParam('/help/article/10193')\n const routePram8 = useRouteParam('/help/faq')\n return (\n \n
\n \n \n
\n
\n 全ての質問を表示\n
\n \n )\n}\n\nexport default TopFaqCard\n","import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div`\n padding: 0;\n .cls-1{fill:#fff;}\n .cls-2{fill:#d5f3ee;}\n .cls-3{fill:#666;}\n`\n\n/**\n * SVGアイコンコンポーネント\n * ロゴ\n */\nconst GuideSvg = (): JSX.Element => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)\nexport default GuideSvg\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport GuideSvg from '../atoms/guideSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n width: calc(100% / 3 - 10px);\n background: #fff;\n border-radius: 10px;\n border: #cccccc solid 3px;\n padding: 50px 25px 20px 25px;\n margin-bottom: 40px;\n position: relative;\n .svg {\n position: absolute;\n top: -40px;\n left: calc(50% - 40px);\n width: 80px;\n height: 80px;\n }\n a {\n h2 {\n font-size: 22px;\n margin-bottom: 20px;\n text-align: center;\n color: #414141;\n }\n &:hover {\n h2 {\n color: #00b5a6;\n }\n }\n }\n .list {\n display: flex;\n margin-left: 15px;\n }\n .category-list {\n li {\n margin: 0 0 10px 5px;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n a {\n position: relative;\n margin-left: 15px;\n &:before {\n display: block;\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n top: 7px;\n left: -14px;\n border-left: 8px solid #3ec7b3;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n }\n }\n }\n .allCategory {\n margin: 15px 0 0;\n text-align: right;\n }\n ${BreakPoints.large} {\n width: 90%;\n margin: 0 auto 60px auto;\n .category-list {\n li {\n width: 100%;\n }\n }\n }\n`\n\n/**\n * TOPよくあるご質問カード\n * @constructor\n */\nconst TopGuideCard = () => {\n const routeParam = useRouteParam('/help/guide')\n const routeParam2 = useRouteParam('/help/shift')\n const routeParam3 = useRouteParam('/help/stamp')\n const routeParam4 = useRouteParam('/help/attendance')\n const routeParam5 = useRouteParam('/help/request')\n const routeParam6 = useRouteParam('/help/option')\n const routeParam7 = useRouteParam('/help/guide')\n return (\n \n \n
\n \n
\n

ご利用ガイド

\n \n
\n \n
\n
\n ご利用ガイド一覧へ\n
\n \n )\n}\n\nexport default TopGuideCard\n","import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div`\n padding: 0;\n .cls-1 {\n fill: #fff;\n }\n .cls-2 {\n fill: #19ba9b;\n }\n .cls-3 {\n fill: #d5f3ee;\n }\n .cls-4 {\n fill: #666;\n }\n`\n\n/**\n * SVGアイコンコンポーネント\n * TOPページ管理職機能用ロゴ\n */\nconst ManageSvg = (): JSX.Element => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)\nexport default ManageSvg\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ManageSvg from '../atoms/manageSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n width: calc(100% / 3 - 10px);\n background: #fff;\n border-radius: 10px;\n border: #cccccc solid 3px;\n padding: 50px 25px 20px 25px;\n margin-bottom: 40px;\n position: relative;\n .svg {\n position: absolute;\n top: -40px;\n left: calc(50% - 35px);\n height: 70px;\n width: 70px;\n }\n a {\n h2 {\n font-size: 22px;\n margin-bottom: 20px;\n text-align: center;\n color: #414141;\n }\n &:hover {\n h2 {\n color: #00b5a6;\n }\n }\n }\n .list {\n display: flex;\n margin-left: 15px;\n }\n .category-list {\n li {\n margin: 0 0 10px 5px;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n a {\n position: relative;\n margin-left: 15px;\n &:before {\n display: block;\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n top: 7px;\n left: -14px;\n border-left: 8px solid #3ec7b3;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n }\n }\n }\n .allCategory {\n position: absolute;\n bottom: 20px;\n right: 25px;\n }\n ${BreakPoints.large} {\n width: 90%;\n margin: 0 auto 60px auto;\n .category-list {\n li {\n width: 100%;\n }\n }\n .allCategory {\n position: static;\n text-align: right;\n }\n }\n`\n\n/**\n * TOPよくあるご質問カード\n * @constructor\n */\nconst TopManageCard = () => {\n const routeParam = useRouteParam('/help/manage')\n const routeParam2 = useRouteParam('/help/management')\n const routeParam3 = useRouteParam('/help/approval')\n const routeParam4 = useRouteParam('/help/manage')\n return (\n \n \n
\n \n
\n

管理職機能

\n \n
\n \n
\n
\n 管理職機能のヘルプ一覧へ\n
\n \n )\n}\n\nexport default TopManageCard\n","import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div`\n padding: 0;\n .cls-1{fill:#fff;}\n .cls-2{fill:#666;}\n`\n\n/**\n * SVGアイコンコンポーネント\n * ロゴ\n */\nconst SettingSvg = (): JSX.Element => (\n \n\n \n \n \n \n)\nexport default SettingSvg\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport SettingSvg from '../atoms/settingSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n width: calc(100% / 3 - 10px);\n background: #fff;\n border-radius: 10px;\n border: #cccccc solid 3px;\n padding: 50px 25px 20px 25px;\n margin-bottom: 40px;\n position: relative;\n .svg {\n position: absolute;\n top: -40px;\n left: calc(50% - 35px);\n height: 70px;\n width: 70px;\n }\n a {\n h2 {\n font-size: 22px;\n margin-bottom: 20px;\n text-align: center;\n color: #414141;\n }\n &:hover {\n h2 {\n color: #00b5a6;\n }\n }\n }\n .list {\n display: flex;\n margin-left: 15px;\n }\n .category-list {\n li {\n margin: 0 0 10px 5px;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n a {\n position: relative;\n margin-left: 15px;\n &:before {\n display: block;\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n top: 7px;\n left: -14px;\n border-left: 8px solid #3ec7b3;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n }\n }\n }\n .allCategory {\n text-align: right;\n margin: 15px 0 0;\n }\n ${BreakPoints.large} {\n width: 90%;\n margin: 0 auto;\n .category-list {\n li {\n width: 100%;\n }\n }\n }\n`\n\n/**\n * TOPよくあるご質問カード\n * @constructor\n */\nconst TopSettingCard = () => {\n const routePram = useRouteParam('/help/setting')\n const routePram2 = useRouteParam('/help/corporate')\n const routePram3 = useRouteParam('/help/employee')\n const routePram4 = useRouteParam('/help/Holiday')\n const routePram5 = useRouteParam('/help/infomation')\n const routePram6 = useRouteParam('/help/closing')\n const routePram7 = useRouteParam('/help/setting')\n return (\n \n \n
\n \n
\n

各種設定

\n \n
\n \n
\n
\n 各種設定のヘルプ一覧へ\n
\n \n )\n}\n\nexport default TopSettingCard\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport TopGuideCard from './topGuideCard'\nimport TopManageCard from './topManageCard'\nimport TopSettingCard from './topSettingCard'\n\nconst Wrapper = styled.div`\n display: flex;\n justify-content: space-between;\n margin: 55px 0 0 0;\n\n ${BreakPoints.large} {\n flex-direction: column;\n }\n`\n\n/**\n * TOPよくあるご質問カード\n * @constructor\n */\nconst TopMenuArea = () => (\n \n \n \n \n \n)\n\nexport default TopMenuArea\n","import { graphql, PageProps } from 'gatsby'\nimport React from 'react'\nimport CommonH2 from '../../components/atoms/commonH2'\nimport SEO from '../../components/atoms/seo'\nimport TopBeginnerBtn from '../../components/molecules/topBeginnerBtn'\nimport TopFaqCard from '../../components/molecules/topFaqCard'\nimport TopMenuArea from '../../components/molecules/topMenuArea'\nimport Layout from '../../components/organisms/layout'\nimport { CategoryKind } from '../../types/CategoryKind'\nimport ManualBtn from '../../components/molecules/manualBtn'\n\ntype IProps = PageProps\n\n/**\n * TOP\n * @constructor\n */\nconst HelpIndexPage = ({ location }: IProps) => (\n // GraphQLで取得したデータを保持\n\n \n \n \n \n \n \n \n \n)\n\nexport default HelpIndexPage\n\nexport const pageQuery = graphql`\n query HelpIndexPage {\n awsGraphQL {\n listHelpCategories {\n items {\n helpCategoryId\n sortNo\n title\n slug\n categoryKind\n _deleted\n }\n }\n }\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","xmlns","viewBox","className","d","id","transform","width","height","rx","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","BreakPoints","routeParam","useRouteParam","routeParam2","href","routePram","routePram2","routePram3","routePram4","routePram5","routePram6","routePram7","routePram8","Link","to","x","y","routeParam3","routeParam4","routeParam5","routeParam6","routeParam7","location","categoryKind","CategoryKind","title","label"],"sourceRoot":""}