{"version":3,"file":"component---src-pages-column-details-c-0074-tsx-1034ac7bb05cb60b079b.js","mappings":"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","sources":["webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/popupBanner.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout007.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0074.tsx","webpack://beaver-help/./src/pages/column/details/C0074.tsx"],"sourcesContent":["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 columnAuthor001 = () => (\n  <Wrapper>\n    {/** TODO 川上申し送り事項：▼記事投稿（？）で作成された内容がここに入る予定 */}\n    <section>\n      <img src=\"/images/column/authors/a001.png\" alt=\"蓑田 真吾\" />\n      <div className=\"author-wrap\">\n        <p className=\"author-name\">\n          蓑田 真吾<span>（ミノダ シンゴ）</span>\n        </p>\n        <p className=\"author-job\">\n          <Link\n            to=\"https://www.minodashahorou.com/\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            みのだ社会保険労務士事務所\n          </Link>\n          代表 社会保険労務士\n        </p>\n      </div>\n    </section>\n    <div className=\"detail-txt\">\n      社会保険労務士(社労士)独立後は労務トラブルが起こる前の事前予防対策に特化。現在は様々な労務管理手法を積極的に取り入れ企業の人事労務業務をサポートしている。また、年金・医療保険に関する問題や労働法・働き方改革関する専門家として、実務相談を多く取り扱い、大手出版社からも書籍出版するなど、多方面で執筆活動を行う。\n    </div>\n  </Wrapper>\n)\n\nexport default columnAuthor001\n","import React, { useEffect, useState } from 'react'\nimport styled from '@emotion/styled'\nimport { a } from 'aws-amplify'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n  position: fixed;\n  bottom: 100px;\n  left: 30px;\n  width: 300px;\n  height: 250px;\n  z-index: 100;\n  img {\n    height: 250px;\n    width: 300px;\n    border: 2px solid #e5e5e5;\n  }\n  .popup-close {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    width: 29px;\n    height: 29px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fff;\n    border-radius: 50%;\n    border: solid 2px #e5e5e5;\n    text-decoration: none;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n`\n\n// ▼ここで何ピクセルスクロールしたら表示するのかを設定してね\nconst PAGE_Y_OFFSET = 1500\n\nconst PopupBanner = () => {\n  const [show, setShow] = useState<boolean>(false)\n\n  const changeShow = () => {\n    if (window.pageYOffset > PAGE_Y_OFFSET) {\n      setShow(true)\n    } else {\n      setShow(false)\n    }\n  }\n\n  const [visible, setVisible] = useState(true)\n\n  useEffect(() => {\n    window.addEventListener('scroll', changeShow)\n    return () => window.removeEventListener('scroll', changeShow)\n  }, [])\n\n  const [no, setNo] = useState(-1)\n  useEffect(() => {\n    setNo(Math.floor(Math.random() * 2))\n  }, [])\n\n  const routeParam = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=column&utm_medium=popup&utm_campaign=popup_202301'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=column&utm_medium=popup&utm_campaign=popup_202302'\n  )\n\n  if (show)\n    return (\n      <Wrapper style={{ visibility: visible ? 'visible' : 'hidden' }}>\n        {no === 0 && (\n          <div>\n            <a target=\"_blank\" href={routeParam} rel=\"noreferrer\">\n              <img\n                src=\"/images/column/common/popupBanner01.png\"\n                alt=\"キンクラ\"\n              />\n            </a>\n          </div>\n        )}\n        {no === 1 && (\n          <div>\n            <a target=\"_blank\" href={routeParam2} rel=\"noreferrer\">\n              <img\n                src=\"/images/column/common/popupBanner02.png\"\n                alt=\"キンクラ\"\n              />\n            </a>\n          </div>\n        )}\n        {/** ▼閉じるボタン */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n        <a className=\"popup-close\" onClick={() => setVisible(!visible)}>\n          ×\n        </a>\n      </Wrapper>\n    )\n  return null\n}\n\nexport default PopupBanner\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 usefulFunctionLayout007 = () => (\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>\n          従業員が日ごろどれだけ残業を行っているか、月間や年間でのチェックが簡単にできます。\n        </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 usefulFunctionLayout007\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport Introduction004 from './Introduction004'\nimport Introduction005 from './Introduction005'\nimport Introduction006 from './Introduction006'\nimport Introduction007 from './Introduction007'\nimport Introduction008 from './Introduction008'\nimport Introduction009 from './Introduction009'\nimport Introduction010 from './Introduction010'\nimport Introduction011 from './Introduction011'\nimport Introduction012 from './Introduction012'\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  ${BreakPoints.large} {\n  }\n`\ntype Props = {\n  /** 広告の番号 */\n  no: number\n}\n\n/**\n * コラム記事詳細：記事本体\n * @constructor\n */\nconst ColumnDetailInner0074 = (props: Props): JSX.Element => (\n  <Wrapper>\n    <ColumnH1 label=\"年俸制を採用した場合、賞与の有無や残業代はどうなる？メリットやデメリットについても解説！\" />\n    {/** TODO 川上申し送り事項：▼投稿日をここに表示 */}\n    <p className=\"p-txt-date\">2024.09.04</p>\n    <section>\n      {/** TODO 川上申し送り事項：▼記事投稿（？）で作成された内容がここに入る予定 */}\n      <p>\n        近年、雇用形態だけでなく、給与形態も多様化しておりその一つに年俸制が挙げられます。年俸制とは、予め年間の給与額を定めておくことで、業種について制限はありません。年俸制の場合、度々問題になる論点として残業代は別途支払われるのかということです。今回は年俸制を採用した場合の給与の支払い方法、賞与の有無、退職したらどうなるか、メリットデメリット、残業代請求について解説します。\n      </p>\n      <img src=\"/images/column/details/c0074.jpg\" alt=\"キンクラコラム画像74\" />\n      <div id=\"toc1\">\n        <h1>年俸制を採用した場合の給与の支払い方法</h1>\n      </div>\n      <p>\n        「年俸制」というキーワードが一人歩きしている場合もありますが、\n        <span>\n          労働基準法上、給与は毎月1回以上を一定期日に支払わなければなりません。\n        </span>\n        これは労働基準法第24条に規定する「賃金支払い5原則」の中に含まれているもので、給与支給日の間隔が空きすぎることにより、生活が不安定となることを防ぐ意味で「毎月払い」の原則が設けられています。\n      </p>\n\n      <div id=\"toc2\">\n        <h1>年俸制を採用した場合の賞与の有無</h1>\n      </div>\n      <p>\n        年俸制を採用した場合の問題となる論点に、賞与の有無が挙げられます。偏に年俸制と言っても、支払方法は複数あり、例えば単純に年俸額を12で除した額を毎月支払うというパターン、年俸額を14または16で除した額を毎月支払い、かつ、賞与月に残りの2か月分または4か月分を支払うというパターン、年俸とは別に業績に応じて賞与を支払うというパターンが考えられます。\n        <br />\n        <br />\n        労働基準法上の賞与の考え方は臨時に支払われ、かつ、予め金額が定められていないものとされています。すなわち、定期的に支払われ、かつ、金額が確定している場合は労働基準法上の「賞与」にはあたらず、場合によっては割増賃金の計算基礎となる「賃金」に含まれることにもなりますので、慎重な対応が求められます。\n        <br />\n        <br />\n        年俸とは別に賞与を支給する場合は、予め具体的な支給額が決まっていないことが多く、その場合は労働基準法上の賞与として扱われることとなります。すなわち、\n        <span>支給額や支払いの有無までも企業側の裁量で決定する</span>\n        ことができます。反対に、既に年俸に賞与を含めている契約の場合は、単純に経営状況が悪いからという理由のみでカットしてしまうと、直接的に年収が下がることとなりますので、労使合意なしにカットすることはできなくなります。\n        <br />\n        <br />\n        年俸に賞与を組み込まず、かつ、就業規則や賃金規程等に「経営状況等によっては賞与を支給しないことがある」と規定しておくことで、賞与を強制的に支給しなければならなくなる事態を回避することができます。\n      </p>\n\n      {/** ここに9パターンの広告設定する */}\n      {props.no === 0 && <Introduction004 />}\n      {props.no === 1 && <Introduction005 />}\n      {props.no === 2 && <Introduction006 />}\n      {props.no === 3 && <Introduction007 />}\n      {props.no === 4 && <Introduction008 />}\n      {props.no === 5 && <Introduction009 />}\n      {props.no === 6 && <Introduction010 />}\n      {props.no === 7 && <Introduction011 />}\n      {props.no === 8 && <Introduction012 />}\n\n      <div id=\"toc3\">\n        <h1>年俸制を採用したものの中途退職した場合</h1>\n      </div>\n      <p>\n        各月に支払うべき賃金は定められた支払期日に賃金請求権が発生します。そこで、\n        <span>\n          月の途中に退職となった場合は労働した分の賃金を日割り計算して支給するのが通常\n        </span>\n        です。退職によって労働契約が消滅し、退職日以降は労務の提供がありませんので、労働者の賃金請求権はないと考えられるためです。\n        <br />\n        <br />\n        もちろん、年俸制を採用するということは会社側としても年間を通して労務提供を見越していたと思われ、やむを得ない事由があった場合を除き、\n        <span>\n          労働者側の一方的な契約解除となれば、債務不履行により損害が発生する\n        </span>\n        ことも考えられます。賞与についても在籍期間を按分して支給する等の対応方法が選択肢ですが、トラブルにならないように就業規則や賃金規程に定めておくことが望まれます。\n      </p>\n\n      <div id=\"toc4\">\n        <h1>年俸制を採用した場合の残業代</h1>\n      </div>\n      <p>\n        年俸制を採用したとしても例外なく残業代が発生しないということはありませんが、まずは発生しないケースを確認しましょう。代表的なケースとしては管理監督者に対して年俸制を採用する場合です。名実ともに労働基準法上で定義する管理監督者にあたるのかという議論がありますが、その部分は割愛し、法律上、\n        <span>\n          管理監督者は労働時間、休憩、休日の規制がありませんので残業や休日労働という概念がありません。\n        </span>\n        一般的な職務に従事する労働者に対して職場内での名称として管理監督者と呼んでいたとしても、実質的に立場に見合った職務や給与が支払われていない場合、法的な争いとなれば管理監督者性が否認されるリスクがあります。また、深夜勤務を行った場合の割増賃金は支払いの義務がありますので、ご注意ください。\n        <br />\n        <br />\n        次に\n        <span>\n          固定残業代を採用している場合でみなし時間が時間外労働時間数に達していない場合は「追加で」残業代を支給する必要はありません\n        </span>\n        。法律上、1日8時間、週40時間を超えた労働に対しては割増賃金の支払いが義務となります。年俸制で法定労働時間（1日8時間・週40時間）を超えた労働に対する賃金支払いを盛り込んだ労働契約の締結（例えばみなし時間が20時間の固定残業代込みの年俸制）をしていない場合は、法定労働時間を超えた労働に対する賃金（残業代）支払い義務がないと主張するには無理があります。年俸制であっても、法律上、1日8時間、週40時間を超えた労働に対しては割増賃金の支払いが義務となります。労働時間管理を厳密にし、残業が適切に把握できるようにしましょう。\n        <br />\n        <br />\n        また、年俸に固定残業代を盛り込む契約を行っている場合でも、契約に含まれるみなし時間を超える労働が発生した場合は追加で残業代を支払わなければなりません。雇用契約書には何時間分の残業代が含まれているかを明記したうえで、労働時間の管理を行うことが求められます。\n      </p>\n\n      <div id=\"toc5\">\n        <h1>年俸制のメリット・デメリット</h1>\n      </div>\n      <p>\n        年俸制は成果主義を採用する企業では既に導入されていることが多く、成果を上げることで翌年度の年俸額にも反映されるため、労働者に対してインセンティブを感じてもらいやすいというメリットがあります。他方、デメリットとしては、成果を上げることができなかった場合には翌年度の年俸額が減額される点や、企業側目線として、純然たる月給制と異なり、先行きが不透明であっても、賃金総額をより早期に決定する必要がある点です。\n      </p>\n\n      <div id=\"toc6\">\n        <h1>最後に</h1>\n      </div>\n      <p>\n        実際に年俸制を導入するかについては、誤解が多い部分もあることから、同業他社の動向や経営状況等を総合的に勘案して決定していくことが望まれます。\n      </p>\n    </section>\n  </Wrapper>\n)\n\nexport default ColumnDetailInner0074\n","import {graphql} from 'gatsby'\nimport React, {useEffect, useState} from 'react'\nimport ColumnBackAndForth from '../../../components/atoms/columnBackAndForth'\nimport SEO from '../../../components/atoms/seo'\nimport {ITopicPath} from '../../../components/atoms/topicPath'\nimport ColumnDetailInner0074 from '../../../components/molecules/columnDetailInner0074'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport Conclusion001 from '../../../components/molecules/Conclusion001'\nimport Conclusion002 from '../../../components/molecules/Conclusion002'\nimport Conclusion003 from '../../../components/molecules/Conclusion003'\nimport Conclusion004 from '../../../components/molecules/Conclusion004'\nimport Conclusion005 from '../../../components/molecules/Conclusion005'\nimport Conclusion006 from '../../../components/molecules/Conclusion006'\nimport Conclusion007 from '../../../components/molecules/Conclusion007'\nimport Conclusion008 from '../../../components/molecules/Conclusion008'\nimport Conclusion009 from '../../../components/molecules/Conclusion009'\nimport CarouselBanner from '../../../components/molecules/carouselBanner'\nimport PopupBanner from '../../../components/molecules/popupBanner'\nimport ColumnAuthor001 from '../../../components/molecules/columnAuthor001'\nimport UsefulFunctionLayout007 from '../../../components/molecules/usefulFunctionLayout007'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0074 = () => {\n  const paths: ITopicPath[] = [\n    { title: 'キンクラコラムTOP', link: '/column' },\n    { title: 'コラム記事一覧', link: '/column/list' },\n    {\n      title: '年俸制を採用した場合、賞与の有無や残業代はどうなる？メリットやデメリットについても解説！',\n    },\n  ]\n\n  // 0~8ランダム数字を保存\n  const [no, setNo] = useState(-1)\n  useEffect(() => {\n    setNo(Math.floor(Math.random() * 9))\n  }, [])\n\n  return (\n    <ColumnLayout paths={paths}>\n      <SEO\n        title=\"年俸制を採用した場合、賞与の有無や残業代はどうなる？メリットやデメリットについても解説！\"\n        description=\"年俸制を採用した場合、給与の支払い方法、賞与の有無、退職したらどうなるか、メリットデメリット、残業代請求について解説します。\"\n        ogUrl=\"https://kintaicloud.jp/column/details/C0074/\"\n        ogType=\"article\"\n        ogTitle=\"年俸制を採用した場合、賞与の有無や残業代はどうなる？メリットやデメリットについても解説！\"\n        ogDescription=\"年俸制を採用した場合、給与の支払い方法、賞与の有無、退職したらどうなるか、メリットデメリット、残業代請求について解説します。\"\n        ogSiteName=\"キンクラ - 客先常駐特化型のクラウド勤怠管理システム\"\n        ogImage=\"https://www.kintaicloud.jp/images/column/details/C0074/\"\n      />\n      <ColumnDetailsBody>\n        {/** ポップアップバナー */}\n        <PopupBanner />\n        {/** 記事本体 */}\n        <ColumnDetailInner0074 no={no} />\n\n        {/** ここに9パターンの広告設定する */}\n        {no === 0 && <Conclusion001 />}\n        {no === 1 && <Conclusion002 />}\n        {no === 2 && <Conclusion003 />}\n        {no === 3 && <Conclusion004 />}\n        {no === 4 && <Conclusion005 />}\n        {no === 5 && <Conclusion006 />}\n        {no === 6 && <Conclusion007 />}\n        {no === 7 && <Conclusion008 />}\n        {no === 8 && <Conclusion009 />}\n\n        {/** オーサ情報 */}\n        <ColumnAuthor001 />\n        {/** お役立ち機能 */}\n        <UsefulFunctionLayout007 />\n        {/** 前後記事への遷移 */}\n        <ColumnBackAndForth />\n        {/** カルーセルバナー */}\n        <CarouselBanner />\n        {/** 関連記事 */}\n        {/* <ColumnRelationCards0074 /> */}\n      </ColumnDetailsBody>\n    </ColumnLayout>\n  )\n}\n\nexport default C0074\n\nexport const pageQuery = graphql`\n  query C0074 {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n"],"names":["Wrapper","BreakPoints","src","alt","className","Link","to","target","rel","useState","show","setShow","changeShow","window","pageYOffset","visible","setVisible","useEffect","addEventListener","removeEventListener","no","setNo","Math","floor","random","routeParam","useRouteParam","routeParam2","style","visibility","href","onClick","props","label","id","Introduction004","Introduction005","Introduction006","Introduction007","Introduction008","Introduction009","Introduction010","Introduction011","Introduction012","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage","Conclusion001","Conclusion002","Conclusion003","Conclusion004","Conclusion005","Conclusion006","Conclusion007","Conclusion008","Conclusion009"],"sourceRoot":""}