{"version":3,"sources":["webpack:///./src/utils/QuestionsData.js","webpack:///./src/components/parts/SubTitleView.js","webpack:///./src/components/Questions.js","webpack:///./src/pages/questions.js"],"names":["QuestionsData","category","question","answer","top","TitleViewWrapper","styled","h2","FontSize","md","Responsive","SP","SubTitleView","children","QuestionsWrapper","div","QuestionsArea","dl","Question","dt","xs","Color","Border","Orange","White","sm","Answer","dd","ButtonWrapper","ButtonDescription","p","Questions","WhiteWrapper","Container","TitleView","filter","n","map","dangerouslySetInnerHTML","__html","Button","href","QuestionPage","Layout","Header","title","description","Footer"],"mappings":"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","file":"component---src-pages-questions-js-e619d8dd8b941eb692bf.js","sourcesContent":["export const QuestionsData = [\n  {\n    category: `費用`,\n    question: `導入費用、ランニングコストはいくらですか？`,\n    answer: `完全無料のサービスとなっております。費用は発生しません。`,\n  },\n  {\n    category: `費用`,\n    question: `完全無料の理由を教えてください。`,\n    answer: `当サービスは、広告によって運営しております。`,\n  },\n  {\n    category: `費用`,\n    question: `機器やサーバーなどを用意する必要はありますか？`,\n    answer: `機器、サーバーはご用意頂く必要はございません。<br />当社管理のサーバー内にてサービスを提供しております。`,\n  },\n  {\n    top: true,\n    category: `機能`,\n    question: `使い方を教えてください。`,\n    answer: `チュートリアルをご用意しております。<a href=\"https://otsutome.net/tutorial\" target=\"_blank\" rel=\"noopener noreferrer\">チュートリアルはこちら</a>`,\n  },\n  {\n    top: true,\n    category: `機能`,\n    question: `管理者は勤怠データを修正できますか？`,\n    answer: `管理者は勤怠データを修正できません。スタッフご本人のみが修正可能です。`,\n  },\n  {\n    top: true,\n    category: `機能`,\n    question: `1日に複数回の休憩時間を登録できますか？`,\n    answer: `「時間の設定」で複数回登録することができます。`,\n  },\n  {\n    category: `機能`,\n    question: `「時間の設定」で設定した休憩時間以外の休憩時間を登録できますか？`,\n    answer: `申し訳ございませんが、現状は「時間の設定」以外の任意の休憩時間の登録はできません。`,\n  },\n  {\n    category: `機能`,\n    question: `「時間の設定」の変更後、過去の勤怠データはどうすれば再計算されますか？`,\n    answer: `過去の勤怠は確定したデータとなるため、自動では休憩時間や残業時間の再計算は行われません。<br />---<br />「月間勤怠一覧」> 変更したい日付の「変更」 >「確認」>「送信」<br />---<br />内容は変更せず編集することで、休憩時間や残業時間などの再計算が行われます。`,\n  },\n  {\n    category: `機能`,\n    question: `位置情報（GPS）やIPアドレスの確認はできますか？`,\n    answer: `申し訳ございませんが、現状は上記の情報は確認できません。`,\n  },\n  {\n    category: `機能`,\n    question: `ガラケーは対応しておりますか？`,\n    answer: `申し訳ございませんが、ガラケーのサポートは終了しました。`,\n  },\n  {\n    category: `機能`,\n    question: `退会はできますか？`,\n    answer: `退会は管理画面より可能です。<br />「メニュー > 退会手続き」より退会が可能です。<br />一度退会しますと、データの復元ができないため、ご注意ください。`,\n  },\n  {\n    category: `その他`,\n    question: `導入サポートはありますか？`,\n    answer: `当サービスは、完全無料のため、直接的なサポートはしておりません。基本的には、チュートリアルをご参考いただき、ご利用していただくことになっております。`,\n  },\n  {\n    category: `その他`,\n    question: `サービスの資料はパンフレットはありますか？`,\n    answer: `現状はWebサイト以外の資料（パンフレットやPDFなど）はございません。`,\n  },\n  /* コピー用\n  {\n    question: ``,\n    answer: ``,\n  },\n  */\n];","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport { Responsive, FontSize } from \"../../utils/Const\";\n\nconst TitleViewWrapper = styled.h2`\n  font-size: ${FontSize.md};\n  font-weight: normal;\n  margin: 4rem 0 1rem;\n  @media(max-width: ${Responsive.SP}px) {\n    font-size: ${FontSize.md};\n  }  \n`\n\nexport const SubTitleView = ({children}) => {\n  return (\n    <TitleViewWrapper>\n      {children}\n    </TitleViewWrapper>\n  );\n}","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport { Container } from \"../components/parts/Container\";\nimport { TitleView } from \"../components/parts/TitleView\";\nimport { SubTitleView } from \"../components/parts/SubTitleView\";\nimport { Button } from \"../components/parts/Button\";\nimport { WhiteWrapper } from \"../components/parts/WhiteWrapper\";\n\nimport { Color, FontSize } from \"../utils/Const\";\nimport { QuestionsData } from \"../utils/QuestionsData\";\n\nconst QuestionsWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  margin: 1.0rem 0;\n`\n\nconst QuestionsArea = styled.dl`\n  width: 100%;\n  text-align: left;\n  margin: 1.0rem 0;\n`;\n\nconst Question = styled.dt`\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  min-height: 50px;\n  margin-left: 65px;\n  font-size: ${FontSize.xs};\n  border-bottom: 2px solid ${Color.Border};\n  box-sizing: border-box;\n  &::before {\n    content: \"Q\";\n\n    position: absolute;\n    left: -65px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 50px;\n    height: 50px;\n    margin-right: 15px;\n\n    text-align: center;\n    border-radius: 50%;\n    color: ${Color.Orange};\n    background-color: ${Color.White};\n    border: 2px solid ${Color.Orange};\n    font-size: ${FontSize.sm};\n    font-weight: bold;\n  }\n`\n\nconst Answer = styled.dd`\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  min-height: 50px;\n  margin-left: 65px;\n  margin-top: 1.5rem;\n  margin-bottom: 3rem;\n\n  font-size: ${FontSize.xs};\n  border-bottom: 2px solid ${Color.Border};\n  box-sizing: border-box;\n  a {\n    display: contents;\n  }\n  &::before {\n    content: \"A\";\n\n    position: absolute;\n    left: -65px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 50px;\n    height: 50px;\n    margin-right: 15px;\n\n    text-align: center;\n    border-radius: 50%;\n    color: ${Color.White};\n    background-color: ${Color.Orange};\n    font-size: ${FontSize.sm};\n    font-weight: bold;\n  }\n`\n\nconst ButtonWrapper = styled.div`\n  width: 100%;\n  margin: 2rem 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`\n\nconst ButtonDescription = styled.p`\n  width: 100%;\n  text-align: center;\n  margin: 1rem 0;\n`\n\nexport const Questions = () => {\n  return(\n    <WhiteWrapper>\n      <Container>\n        <TitleView>よくあるご質問</TitleView>\n        <SubTitleView>費用について</SubTitleView>\n        <QuestionsWrapper>\n          <QuestionsArea>\n            {QuestionsData.filter((n) => n.category === `費用`).map((n) => {\n              return (\n                <>\n                  <Question>{n.question}</Question>\n                  <Answer dangerouslySetInnerHTML={{__html: n.answer}} />\n                </>\n              )\n            })}\n          </QuestionsArea>\n        </QuestionsWrapper>\n        <SubTitleView>機能について</SubTitleView>\n        <QuestionsWrapper>\n          <QuestionsArea>\n            {QuestionsData.filter((n) => n.category === `機能`).map((n) => {\n              return (\n                <>\n                  <Question>{n.question}</Question>\n                  <Answer dangerouslySetInnerHTML={{__html: n.answer}} />\n                </>\n              )\n            })}\n          </QuestionsArea>\n        </QuestionsWrapper>\n        <SubTitleView>その他について</SubTitleView>\n        <QuestionsWrapper>\n          <QuestionsArea>\n            {QuestionsData.filter((n) => n.category === `その他`).map((n) => {\n              return (\n                <>\n                  <Question>{n.question}</Question>\n                  <Answer dangerouslySetInnerHTML={{__html: n.answer}} />\n                </>\n              )\n            })}\n          </QuestionsArea>\n        </QuestionsWrapper>\n        <ButtonWrapper>\n          <ButtonDescription>当ページにご質問が見当たらない場合や、その他のご質問がある場合は、以下のフォームよりお問い合わせください。</ButtonDescription>\n          <Button href={`https://otsutome.net/contact`}>お問い合わせ</Button>\n        </ButtonWrapper>\n      </Container>\n    </WhiteWrapper>\n  );\n}","import React from \"react\";\n\nimport { Header } from \"../components/parts/Header\";\nimport { Questions } from \"../components/Questions\";\nimport { Footer } from \"../components/Footer\";\n\nimport { Layout } from \"../components/parts/Layout\";\n\nconst QuestionPage = () => {\n  return (\n    <Layout>\n      <Header\n        title={\"よくあるご質問\"}\n        description={\"よくあるご質問\"}\n      />\n      <Questions />\n      <Footer />\n    </Layout>\n  )\n}\n\nexport default QuestionPage\n"],"sourceRoot":""}