{"version":3,"file":"component---src-pages-column-details-c-0038-tsx-eaf27f8bed8a7b40f2ac.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/columnBtnCard.tsx","webpack://beaver-help/./src/components/molecules/Introduction003.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor002.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout015.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0038.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0038.tsx","webpack://beaver-help/./src/pages/column/details/C0038.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\n\nconst StyledLink = styled(Link)`\n  padding: 7px;\n  width: 220px;\n  border-radius: 5px;\n  border: solid 3px transparent;\n  margin-bottom: 15px;\n  &:hover {\n    border-color: #77d7c9;\n    text-decoration: underline solid rgba(255, 255, 255, 0);\n  }\n  .img-wrap {\n    width: 200px;\n    height: 100px;\n    overflow: hidden;\n    margin-bottom: 12px;\n    img {\n      width: 110%;\n      height: auto;\n    }\n  }\n  h2 {\n    font-size: 18px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    margin-bottom: 8px;\n  }\n  span {\n    color: #ababab;\n  }\n`\n\ntype Props = {\n  /** クラス名 */\n  className?: string\n  /** リンク先 */\n  href: string\n  /** 画像 */\n  imgId: string\n  /** タイトル */\n  label: string\n  /** タイトル */\n  date: string\n}\n\n/**\n * コラム用カード型ボタンリンクコンポーネント\n * @param props\n * @constructor\n */\nconst ColumnBtnCard = (props: Props): JSX.Element => {\n  const { className = '' } = props\n\n  return (\n    <StyledLink className={className} to={props.href}>\n      <div className=\"img-wrap\">\n        {/** TODO 川上申し送り事項：▼記事ごとに指定されて画像がここに表示されます */}\n        <img\n          src={`/images/column/details/${props.imgId}`}\n          alt=\"キンクラコラム\"\n        />\n      </div>\n      {/** TODO 川上申し送り事項：▼記事のタイトルがここに表示されます */}\n      <h2>{props.label}</h2>\n      {/** TODO 川上申し送り事項：▼記事の投稿日がここに表示されます */}\n      <span>{props.date}</span>\n    </StyledLink>\n  )\n}\n\nexport default ColumnBtnCard\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\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: solid 2px #bef1e5;\n  border-radius: 5px;\n  padding: 45px;\n\n  .intro-txt {\n    font-size: 30px;\n    line-height: 1;\n    color: #ff9600;\n    font-weight: 600;\n  }\n\n  .detail-txt {\n    line-height: 1.8;\n  }\n\n  .btn-wrap {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n\n    a {\n      border-radius: 25vh;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 16px;\n      font-weight: 600;\n      color: #ffffff;\n      background: #19ba9b;\n      border: solid 2px #19ba9b;\n      width: 200px;\n      height: 50px;\n\n      &:hover {\n        opacity: 1;\n        background: #ffffff;\n        color: #3ec7b3;\n        text-decoration: underline solid rgba(255, 255, 255, 0);\n      }\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細：製品誘導案_クラウド型の勤怠システムだからこそおすすめできます！\n * @constructor\n */\nconst Introduction002 = () => (\n  <Wrapper>\n    <p className=\"intro-txt\">\n      クラウド型の勤怠システムだからこそおすすめできます！\n    </p>\n    <p className=\"detail-txt\">\n      「キンクラ」は、初期費用ゼロ、専用機器ゼロ、セキュリティ対策も万全。\n      <br />\n      リアルタイムに情報を把握できるので、管理者の負担も軽減されます。\n    </p>\n    <div className=\"btn-wrap\">\n      <Link to={useRouteParam('/feature/')} target=\"_blank\">\n        キンクラの特徴\n      </Link>\n    </div>\n  </Wrapper>\n)\n\nexport default Introduction002\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Wrapper = styled.article`\n  position: relative;\n  margin-bottom: 60px;\n  border: solid 2px #e5e5e5;\n  border-radius: 5px;\n  padding: 20px;\n\n  section {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n\n    img {\n      width: 110px;\n      height: 110px;\n      margin: 0 20px 0 0;\n    }\n\n    .author-wrap {\n      position: relative;\n      width: 100%;\n\n      p {\n        line-height: 2;\n\n        &.author-name {\n          font-size: 18px;\n          font-weight: 600;\n\n          span {\n            font-weight: 400;\n            font-size: 14px;\n          }\n        }\n\n        &.author-job {\n          position: relative;\n          width: 100%;\n          margin-left: 14px;\n\n          &:before {\n            display: block;\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 0;\n            top: 10px;\n            left: -14px;\n            border-left: 8px solid #3ec7b3;\n            border-top: 4px solid transparent;\n            border-bottom: 4px solid transparent;\n          }\n\n          a {\n            margin-right: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  .detail-txt {\n    border-top: solid 1px #dcdee1;\n    margin-top: 20px;\n    padding-top: 15px;\n    line-height: 1.8;\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細：オーサ情報 加藤 知美\n * @constructor\n */\nconst columnAuthor002 = () => (\n  <Wrapper>\n    {/** TODO 川上申し送り事項：▼記事投稿（？）で作成された内容がここに入る予定 */}\n    <section>\n      <img src=\"/images/column/authors/a002.png\" alt=\"加藤 知美\" />\n      <div className=\"author-wrap\">\n        <p className=\"author-name\">加藤 知美</p>\n        <p className=\"author-job\">\n          <Link\n            to=\"https://esprimesr.wixsite.com/esprime-sr-office\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            エスプリーメ社労士事務所\n          </Link>\n          社会保険労務士\n        </p>\n      </div>\n    </section>\n    <div className=\"detail-txt\">\n      愛知県社会保険労務士会所属。総合商社、会計事務所、社労士事務所の勤務経験を経て、2014年に「エスプリーメ社労士事務所」を設立。\n      <br />\n      総合商社時では秘書・経理・総務が一体化した管理部署で指揮を執り、人事部と連携した数々の社員面接にも同席。会計事務所、社労士事務所勤務では顧問先の労務管理に加えセミナー講師としても活動。\n      <br />\n      現在は文章能力を活かしたオリジナルの就業規則・広報誌作成事業の2本柱を掲げ、専門知識を分かりやすく伝えることをモットーに企業の支援に取り組んでいる。\n    </div>\n  </Wrapper>\n)\n\nexport default columnAuthor002\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport WingSvg from '../atoms/wingSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  position: relative;\n  margin-bottom: 30px;\n  font-size: 16px;\n\n  h1 {\n    border-bottom: solid 2px #243650;\n    position: relative;\n    display: inline-block;\n    width: auto;\n    padding: 0 6px 2px 0;\n    margin-bottom: 10px;\n\n    .svg-icon {\n      width: 24px;\n      height: 24px;\n      position: absolute;\n      right: -22px;\n      bottom: -3px;\n    }\n  }\n\n  section {\n    display: flex;\n    padding: 20px 25px 20px 20px;\n    background: #f2faf9;\n    border-radius: 5px;\n    justify-content: space-between;\n\n    h2 {\n      font-size: 22px;\n      color: #ff9600;\n      display: flex;\n      align-items: center;\n      margin-bottom: 15px;\n\n      img {\n        width: 65px;\n        margin: 0 5px 0 0;\n        height: auto;\n      }\n    }\n\n    p {\n      margin: 0 0 5px 5px;\n    }\n\n    .p-function-link {\n      position: relative;\n      top: 9px;\n      right: 2px;\n      left: 20px;\n\n      &:before {\n        display: block;\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 0;\n        top: 5px;\n        left: -14px;\n        border-left: 8px solid #3ec7b3;\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n      }\n    }\n\n    .p-screen-wrap {\n      width: 260px;\n      height: auto;\n      margin: 5px 5px 0;\n\n      img {\n        width: 100%;\n        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n      }\n    }\n  }\n`\n\n/**\n * コラム記事下部：キンクラの便利な機能レイアウト_給与ソフト連携\n * @constructor\n */\nconst usefulFunctionLayout015 = () => (\n  <Wrapper>\n    <h1>\n      キンクラの便利な機能\n      <WingSvg />\n    </h1>\n    <section>\n      <div>\n        <h2>\n          <img\n            src=\"/images/official/function/imgFunction37.png\"\n            alt=\"キンクラの給与ソフト連携\"\n          />\n          給与ソフト連携\n        </h2>\n        <p>給与ソフトにあわせたエクスポートデータを生成できます。</p>\n        <Link className=\"p-function-link\" to={useRouteParam('/function/')}>\n          キンクラの機能を見る\n        </Link>\n      </div>\n      {/*\n      <div className=\"p-screen-wrap\">\n        <img src=\"/images/column/functions/f007.jpg\" alt=\"キンクラの残業管理\" />\n      </div> */}\n    </section>\n  </Wrapper>\n)\n\nexport default usefulFunctionLayout015\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport Introduction003 from './Introduction003'\n\nconst Wrapper = styled.article`\n  position: relative;\n  margin-bottom: 30px;\n\n  .p-txt-date {\n    margin-top: -10px;\n    color: #ababab;\n  }\n\n  section {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    font-size: 16px;\n    color: #505050;\n    line-height: 1.6em;\n\n    h1 {\n      color: #414141;\n      font-size: 22px;\n      line-height: 1.4em;\n      background: #f5f5f5;\n      border-radius: 3px;\n      position: relative;\n      width: 100%;\n      padding: 5px 5px 5px 20px;\n      margin-bottom: 30px;\n      margin-top: 10px;\n\n      &:before {\n        content: '';\n        position: absolute;\n        width: 10px;\n        background: #77d7c9;\n        left: 0;\n        top: 0;\n        border-radius: 3px 0 0 3px;\n        height: 100%;\n      }\n    }\n\n    h2 {\n      color: #414141;\n      font-size: 22px;\n      line-height: 1.4em;\n      background: #ffffff;\n      border-radius: 3px;\n      position: relative;\n      width: 100%;\n      padding: 5px 5px 5px 20px;\n      margin-top: 10px;\n      margin-bottom: 30px;\n\n      &:before {\n        content: '';\n        position: absolute;\n        width: 10px;\n        background: #d8d8d8;\n        left: 0;\n        top: 0;\n        border-radius: 3px 0 0 3px;\n        height: 100%;\n      }\n    }\n\n    h3 {\n      color: #414141;\n      font-size: 16px;\n      line-height: 1.4em;\n      background: #ffffff;\n      width: auto;\n      padding: 10px 0 8px;\n      margin-top: -10px;\n      margin-bottom: 20px;\n      border-top: solid 2px #e5e5e5;\n      border-bottom: solid 2px #e5e5e5;\n    }\n\n    p {\n      padding-bottom: 30px;\n      line-height: 2;\n      position: relative;\n\n      span {\n        background: linear-gradient(transparent 60%, #ff6 60%);\n        font-weight: 600;\n      }\n\n      .p-list-link {\n        position: absolute;\n        top: 6px;\n        right: 2px;\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: 4px solid transparent;\n          border-bottom: 4px solid transparent;\n        }\n      }\n\n      &.txt-color-red {\n        color: #ff6969;\n      }\n    }\n\n    .link-div {\n      width: 100%;\n      display: flex;\n      justify-content: left;\n      padding-bottom: 30px;\n\n      > div {\n        width: 50px;\n      }\n\n      .link-p {\n        width: calc(100% - 50px);\n\n        .p-list-link {\n          position: absolute;\n          top: -3px;\n          left: 30px;\n\n          &:before {\n            display: block;\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 0;\n            top: 11px;\n            left: -14px;\n            border-left: 8px solid #3ec7b3;\n            border-top: 4px solid transparent;\n            border-bottom: 4px solid transparent;\n          }\n        }\n      }\n    }\n\n    img {\n      width: 100%;\n      height: auto;\n      padding-bottom: 30px;\n    }\n  }\n\n  .toc {\n    border: 1px solid #ababab;\n    padding: 20px 40px;\n    margin: 0 auto 30px;\n\n    ol {\n      padding-left: 30px;\n    }\n\n    p {\n      text-align: center;\n      padding-bottom: 10px;\n    }\n\n    a {\n      text-decoration: underline;\n    }\n\n    li {\n      list-style-type: decimal;\n      display: list-item;\n    }\n\n    ul {\n      padding-left: 30px;\n\n      li {\n        list-style-type: circle;\n      }\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * コラム記事詳細：記事本体\n * @constructor\n */\nconst ColumnDetailInner0038 = () => (\n  <Wrapper>\n    <ColumnH1 label=\"育児休暇とは？育児休業との違いや気になる助成金の紹介\" />\n    {/** TODO 川上申し送り事項：▼投稿日をここに表示 */}\n    <p className=\"p-txt-date\">2022.10.14</p>\n    <section>\n      <img src=\"/images/column/details/c0038.jpg\" alt=\"キンクラコラム\" />\n      {/** TODO 川上申し送り事項：▼記事投稿（？）で作成された内容がここに入る予定 */}\n      <p>\n        仕事とプライベートの両立による充実した健康的な生活を推奨する「ワーク・ライフ・バランス」が打ち出される中で新設された\n        <span>「育児休暇」</span>\n        制度をご存知でしょうか？名称から育児休業と間違えられることが多い制度ですが、実は助成金の申請にも関係する企業にとって非常に重要な制度となります。\n        <br />\n        今回は、育児休暇の概要や育児休業との違いを、制度導入に関する助成金の情報も含めて順に解説していきましょう。\n      </p>\n      <div className=\"toc\">\n        <p>目次</p>\n        <ol>\n          <li>\n            <a href=\"#toc1\">「育児休暇」とは</a>\n          </li>\n          <li>\n            <a href=\"#toc2\">育児休業との違いは</a>\n          </li>\n          <li>\n            <a href=\"#toc3\">育児休暇の設定方法</a>\n            <ul>\n              <li>\n                <a href=\"#toc3-1\">①対象となる労働者の範囲</a>\n              </li>\n              <li>\n                <a href=\"#toc3-2\">②休暇利用の目的</a>\n              </li>\n              <li>\n                <a href=\"#toc3-3\">③休暇付与日</a>\n              </li>\n              <li>\n                <a href=\"#toc3-4\">④取得方法</a>\n              </li>\n              <li>\n                <a href=\"#toc3-5\">⑤休暇中の賃金の取扱い</a>\n              </li>\n            </ul>\n          </li>\n          <li>\n            <a href=\"#toc4\">両立支援等助成金の活用</a>\n            <ul>\n              <li>\n                <a href=\"#toc4-1\">(1)支給要件</a>\n              </li>\n              <li>\n                <a href=\"#toc4-2\">(2)支給金額</a>\n              </li>\n              <li>\n                <a href=\"#toc4-3\">(3)申請時の注意ポイント</a>\n              </li>\n            </ul>\n          </li>\n          <li>\n            <a href=\"#toc5\">まとめ</a>\n          </li>\n        </ol>\n      </div>\n      <div id=\"toc1\">\n        <h1>「育児休暇」とは</h1>\n      </div>\n      <p>\n        育児休暇とは、<span>出産前6週間から子が小学校入学前の期間</span>\n        までにおいて、子を養育するために利用することができる休暇で、平成29年度の育児・介護休業法の改正時に新設された制度です。\n        <br />\n        法律上では、<span>「育児に関する目的で利用できる休暇制度」</span>\n        、通称「育児目的休暇」と呼ばれますが、会社の状況に応じて「ファミリー休暇」など、休暇名を個別で設定することも可能です。\n        <br />\n        休暇の目的としては、たとえば配偶者出産時の付き添いや、入園式や運動会、卒園式などの行事出席が想定されていますが、その他会社の実情に沿った形で休暇目的の内容を設定することができます。\n      </p>\n      <div id=\"toc2\">\n        <h1>育児休業との違いは</h1>\n      </div>\n      <p>\n        育児休業と育児休暇はどちらも子供の育児・養育のための休みであり、名称も非常に似かよっているため、混同するケースが非常に多くみられます。\n        <br />\n        しかし、その内容は大きく異なる点に注意が必要です。\n        <br />\n        <br />\n        まず、<span>育児休業は法律によって取得が義務</span>\n        づけられており、すべての企業が一律で付与しなければならない公的休業制度ですが、育児休暇は企業に対する\n        <span>「努力義務」</span>\n        とされており、内容の詳細は各企業の裁量にゆだねられている任意制度である点が大きく異なります。\n        <br />\n        公的休業である育児休業を取得した場合は、休業中の生活保障として雇用保険制度による\n        <span>育児休業給付金</span>\n        が休業者へ支払われますが、育児休暇の場合は休業中の賃金支払い有無は会社で定められた内容によるため、中には無給の休暇となるケースもみられます。\n        <br />\n        <br />\n        また、育児休業の対象となるのは、\n        <span>原則として1歳未満（最長2歳未満）の子供を養育する労働者</span>\n        であることに対し、育児休暇の対象となるのは小学校へ就学する前までの子を養育する労働者である点も異なります。\n      </p>\n      <Introduction003 />\n      <div id=\"toc3\">\n        <h1>育児休暇の設定方法</h1>\n      </div>\n      <p>\n        前述の通り、育児休暇の詳細は会社の裁量にゆだねられています。したがって、育児休暇制度を社内で導入するためには、就業規則などで\n        <span>内容をルール化</span>する必要があります。\n        <br />\n        後に述べる助成金制度の利用を検討する企業の場合は、目安となる設定内容をこれから記載しますので、参考にして下さい。\n      </p>\n      <div id=\"toc3-1\">\n        <h2>①対象となる労働者の範囲</h2>\n      </div>\n      <p>\n        「子が6週間（双子以上の妊娠時は14週間）以内に出生予定の者、または小学校就学の始期に達するまでの子を養育する従業員」など\n        <br />\n        <br />\n      </p>\n      <div id=\"toc3-2\">\n        <h2>②休暇利用の目的</h2>\n      </div>\n      <p>「配偶者の出産支援」、「育児」、「各種行事出席」など</p>\n      <div id=\"toc3-3\">\n        <h2>③休暇付与日</h2>\n      </div>\n      <p>\n        「1年度あたり中小企業の場合は5日、その他規模企業の場合は8日以上」が原則\n        <br />\n        （時間単位、半日単位等での分割取得も可能ですが、その旨を記載する必要があります）\n      </p>\n      <div id=\"toc3-4\">\n        <h2>④取得方法</h2>\n      </div>\n      <p>「事前に所定様式の書類などにより申し出る」など</p>\n      <div id=\"toc3-5\">\n        <h2>⑤休暇中の賃金の取扱い</h2>\n      </div>\n      <p>有給、無給いずれかを設定することが可能</p>\n      <div id=\"toc4\">\n        <h1>両立支援等助成金の活用</h1>\n      </div>\n      <p>\n        両立支援等助成金は、仕事と家庭を両立する労働者の支援や、女性の活躍推進を目的とした取り組みを行う企業を支援する助成制度で、一定要件を満たすことで一定額の助成金を受け取ることができます。\n        <br />\n        <br />\n        育児休暇を新たに導入した企業は、この助成制度のうち、「出生時両立支援コース（子育てパパ支援助成金）」を活用することができる可能性があります。\n        <br />\n        <br />\n        このコースは<span>男性労働者による育児休暇・育児休暇の取得を促進</span>\n        させるねらいから定められている制度で、名称の通り支給対象として設定されているのは「男性」労働者となる点に注意が必要です。\n      </p>\n      <div id=\"toc4-1\">\n        <h2>(1)支給要件</h2>\n      </div>\n      <p>\n        両立支援等助成金の対象となるためには、次の要件すべてを満たす必要があります。\n        <br />\n        ①男性労働者による育児休暇制度の新設\n        <br />\n        ②男性労働者が育児休暇を取得しやすい環境を整備していること\n        <br />\n        ③男性労働者が、中小企業の場合は5日、その他企業の場合は8日以上の育児休暇を取得すること\n        <br />\n        ④育児休暇制度の詳細を就業規則などで定めていること\n        <br />\n        ⑤一般事業主行動計画を策定・届け出ていること\n        <br />\n        ⑥助成金の支給申請日までに対象となる男性労働者が雇用保険に加入していること\n      </p>\n      <div id=\"toc4-2\">\n        <h2>(2)支給金額</h2>\n      </div>\n      <p>\n        育児休暇を導入・利用させた中小企業の場合は28.5万円、その他企業の場合は14.25万円が原則として支給され、生産性要件を満たした場合は一定額が上乗せされます。\n      </p>\n      <div id=\"toc4-3\">\n        <h2>(3)申請時の注意ポイント</h2>\n      </div>\n      <p>\n        育児休暇は、育児休業をはじめ、子の看護休暇や年次有給休暇とは異なる制度として新設する必要があるため注意しましょう。なお、平成30年4月よりも前にすでに育児休暇制度を導入している企業は助成金の対象外となります。\n        <br />\n        また、支給要件として定められている「育児休暇を取得しやすい環境の整備」には、たとえば男性労働者の育児休業取得にまつわる社内研修の実施や、リーフレットによる詳細内容説明などの活動が挙げられます。\n      </p>\n      <div id=\"toc5\">\n        <h1>まとめ</h1>\n      </div>\n      <p>\n        育児休暇の導入時に活用することができる、男性向けの育児休業制度促進にまつわる資料は、厚生労働省のホームページでも提供されていますので、活用する方法も有効です。\n        <br />\n        特に小さい子供を育てながら働く労働者は、男女問わず苦労が絶えないものです。\n        <br />\n        <br />\n        性別を超えた休暇制度を整備することで、労働者の仕事に対するモチベーションアップを図る効果もありますので、まずは社内体制を見直した上で、会社の実態に沿った形で導入を検討してみてはいかがでしょうか。\n      </p>\n    </section>\n  </Wrapper>\n)\n\nexport default ColumnDetailInner0038\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnBtnCard from '../atoms/columnBtnCard'\nimport ColumnH1 from '../atoms/columnH1'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  section {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: start;\n\n    span {\n      display: none;\n    }\n  }\n\n  ${BreakPoints.large} {\n    margin-bottom: 10px;\n  }\n`\n\n/**\n * 関連記事カードセット\n * TODO 川上申し送り事項：記事詳細下部に表示されるコンポーネントです。\n * ここでは、表示している記事に関連した他の記事3件が表示される予定です\n * @constructor\n */\nconst ColumnRelationCards0038 = () => {\n  const routeParam = useRouteParam('/column/details/C0039/')\n  return (\n    <Wrapper>\n      <ColumnH1 label=\"関連コラム\" />\n      <section>\n        <ColumnBtnCard\n          href={routeParam}\n          imgId=\"c0039.jpg\"\n          label=\"「育児短時間勤務（時短）」「育児時間」とは？制度を解説します\"\n          date=\"2022.04.15\"\n        />\n      </section>\n    </Wrapper>\n  )\n}\n\nexport default ColumnRelationCards0038\n","import { graphql } from 'gatsby'\nimport React from 'react'\nimport ColumnBackAndForth from '../../../components/atoms/columnBackAndForth'\nimport SEO from '../../../components/atoms/seo'\nimport { ITopicPath } from '../../../components/atoms/topicPath'\nimport ColumnAuthor002 from '../../../components/molecules/columnAuthor002'\nimport ColumnDetailInner0038 from '../../../components/molecules/columnDetailInner0038'\nimport ColumnRelationCards0038 from '../../../components/molecules/columnRelationCards0038'\nimport UsefulFunctionLayout015 from '../../../components/molecules/usefulFunctionLayout015'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0038 = () => {\n  const paths: ITopicPath[] = [\n    { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n    { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n    {\n      title: '育児休暇とは何？育児休業との違いや気になる助成金の活用法を解説',\n    },\n  ]\n\n  return (\n    <ColumnLayout paths={paths}>\n      <SEO\n        title=\"育児休暇とは？育児休業との違いや気になる助成金の紹介\"\n        description=\"育児休暇と育児休業は似ているため混同しやすいですが、大きな違いは、対象となる年齢と法律の適応の有無です。育児休暇の導入は、内容をルール化する必要があります。\"\n        ogUrl=\"https://kintaicloud.jp/column/details/C0038/\"\n        ogType=\"article\"\n        ogTitle=\"育児休暇とは？育児休業との違いや気になる助成金の紹介\"\n        ogDescription=\"育児休暇と育児休業は似ているため混同しやすいですが、大きな違いは、対象となる年齢と法律の適応の有無です。育児休暇の導入は、内容をルール化する必要があります。\"\n        ogSiteName=\"キンクラ - 客先常駐特化型のクラウド勤怠管理システム\"\n        ogImage=\"https://www.kintaicloud.jp/images/column/details/c0038.jpg\"\n      />\n      <ColumnDetailsBody>\n        {/** 記事本体 */}\n        <ColumnDetailInner0038 />\n        {/** オーサ情報 */}\n        <ColumnAuthor002 />\n        {/** お役立ち機能 */}\n        <UsefulFunctionLayout015 />\n        {/** 前後記事への遷移 */}\n        <ColumnBackAndForth />\n        {/** 関連記事 */}\n        <ColumnRelationCards0038 />\n      </ColumnDetailsBody>\n    </ColumnLayout>\n  )\n}\n\nexport default C0038\n\nexport const pageQuery = graphql`\n  query C0038 {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n"],"names":["StyledLink","Link","props","className","to","href","src","imgId","alt","label","date","Wrapper","BreakPoints","useRouteParam","target","rel","id","Introduction003","routeParam","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}