{"version":3,"file":"component---src-pages-column-details-c-0014-tsx-ca488ffa80f21d8b2520.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/columnBtnCard.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor002.tsx","webpack://beaver-help/./src/components/molecules/columnRelationLink.tsx","webpack://beaver-help/./src/components/molecules/popupBanner.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout016.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0014.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0014.tsx","webpack://beaver-help/./src/pages/column/details/C0014.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 \n
\n {/** TODO 川上申し送り事項:▼記事ごとに指定されて画像がここに表示されます */}\n \n
\n {/** TODO 川上申し送り事項:▼記事のタイトルがここに表示されます */}\n

{props.label}

\n {/** TODO 川上申し送り事項:▼記事の投稿日がここに表示されます */}\n {props.date}\n
\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'\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 \n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\n
\n \"加藤\n
\n

加藤 知美

\n

\n \n エスプリーメ社労士事務所\n \n 社会保険労務士\n

\n
\n
\n
\n 愛知県社会保険労務士会所属。総合商社、会計事務所、社労士事務所の勤務経験を経て、2014年に「エスプリーメ社労士事務所」を設立。\n
\n 総合商社時では秘書・経理・総務が一体化した管理部署で指揮を執り、人事部と連携した数々の社員面接にも同席。会計事務所、社労士事務所勤務では顧問先の労務管理に加えセミナー講師としても活動。\n
\n 現在は文章能力を活かしたオリジナルの就業規則・広報誌作成事業の2本柱を掲げ、専門知識を分かりやすく伝えることをモットーに企業の支援に取り組んでいる。\n
\n
\n)\n\nexport default columnAuthor002\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n width: 100%;\n display: flex;\n justify-content: flex-start;\n z-index: 1;\n margin-bottom: 20px;\n\n p {\n padding-bottom: 0 !important;\n }\n\n a {\n color: #00b5a6;\n padding-left: 10px;\n }\n\n ${BreakPoints.large} {\n }\n`\ntype Props = {\n link: string\n label: string\n}\n\n/**\n * コラム記事詳細:関連コラム誘導用リンク\n * @constructor\n */\nconst ColumnRelationLink = (props: Props): JSX.Element => {\n const routePram = useRouteParam(props.link)\n\n return (\n \n

\n 関連記事:\n {props.label}\n

\n
\n )\n}\nexport default ColumnRelationLink\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(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 \n {no === 0 && (\n
\n \n \n \n
\n )}\n {no === 1 && (\n
\n \n \n \n
\n )}\n {/** ▼閉じるボタン */}\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n setVisible(!visible)}>\n ×\n \n
\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 usefulFunctionLayout016 = () => (\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 usefulFunctionLayout016\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport ColumnRelationLink from './columnRelationLink'\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'\nimport useRouteParam from '../../hooks/useRouteParam'\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\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`\ntype Props = {\n /** 広告の番号 */\n no: number\n}\n\n/**\n * コラム記事詳細:記事本体\n * @constructor\n */\nconst ColumnDetailInner0014 = (props: Props): JSX.Element => {\n const routePram = useRouteParam(\n 'https://www.kintaicloud.jp/column/details/C0013/?utm_source=article&utm_medium=post&utm_campaign=Related_article_C0014'\n )\n\n return (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

\n
\n \"キンクラコラム\"\n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\n

\n IT業界では比較的一般的とされる客先常駐\n ですが、雇用契約を交わしている会社で勤務する通常の社員とは働き方が異なるため、労務管理をどのように行えば良いか悩むケースも多いようです。特に、常駐先で働く時間や残業の管理については、誤った対応をしてしまうと法律違反を問われる危険性もみられます。\n
\n
\n 今回は、客先常駐社員の労働時間の管理や、36協定の取り扱い\n について、順を追って解説しましょう。\n

\n
\n

目次

\n
    \n
  1. \n 客先常駐とは何か\n \n
  2. \n
  3. \n 客先常駐の労働時間管理\n
  4. \n
  5. \n 客先常駐の36協定管理\n
  6. \n
  7. \n まとめ\n
  8. \n
\n
\n
\n

客先常駐とは何か

\n
\n

\n 客先常駐とは、雇用契約を交わしている会社の指示により、別の会社へ出勤をして働くことをいいます。\n
\n IT企業におけるシステムエンジニアや、税理士などの士業、経営コンサルタントなど、専門性の高い職種の者がその知識を如何なく発揮し、クライアントひいては自社のために働く仕組みを取っています。\n

\n
\n

客先常駐の種類

\n
\n

\n 客先常駐には、主に請負契約と準委任契約の2種類が挙げられます。\n
\n どちらも他社で常駐しながら働くということに変わりはありませんが、契約や報酬の形態が大きく異なります。\n

\n
\n

請負契約とは

\n
\n

\n 請負契約とは、注文を受けた業務を最後まで完成させること\n を条件に、契約を交わす方式です。\n
\n たとえば、パッケージデザインの制作を希望するA社が、デザイン会社であるB社との間で請負契約が交わされるとします。この場合、B社からデザイナーである社員がA社へ客先常駐という形態で常駐し、デザインが完成するまでの作業を請け負います。\n
\n 請負契約は、あくまでも最終目的は「成果物の完成」\n となるため、もしもデザイナーが制作したデザインが想定していた出来でなかった場合は、修正作業を行い、A社が納得のいくデザインを作り上げる必要があります。\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 {/** ここに9パターンの広告設定する */}\n {props.no === 0 && }\n {props.no === 1 && }\n {props.no === 2 && }\n {props.no === 3 && }\n {props.no === 4 && }\n {props.no === 5 && }\n {props.no === 6 && }\n {props.no === 7 && }\n {props.no === 8 && }\n
\n

客先常駐の労働時間管理

\n
\n

\n 前述の通り、請負契約や準委任契約の場合は、客先常駐社員への指揮命令権は所属先の企業となります。つまり、客先常駐社員の労働管理の義務があるのは当然ながら所属先企業です。\n
\n 仕事の指示を出しておきながら、その社員の労働管理を怠るのはあってはならない事でしょう。\n
\n
\n しかし、客先常駐社員の働き方については、常駐先の企業のルールに影響を受けることも事実です。たとえば、勤務時間や休憩、休日の取扱いなどは、会社によって大きく異なります。\n
\n
\n このような状況に対応するため、客先常駐社員の所属元会社は、常駐をさせる前にあらかじめ常駐先会社と、社員をどのような形で常駐させるかを入念に話し合っておく必要があります。\n
\n 客先常駐社員は所属元の会社と雇用契約を交わしている社員であるため、法定労働時間や法定休日を超えて働かせる必要性が生じた場合は、当然ながら所属元会社が報酬に上乗せして割増賃金を支払う必要があります。また、別の環境で常駐する社員の健康管理のためにも、\n 休日や有給休暇の付与、定期的な健康診断の実施\n についての管理も求められます。\n

\n
\n

客先常駐の36協定管理

\n
\n

\n 社員に定時時間を超えて残業をさせる必要がある場合は、\n 36協定届の締結・届け出\n が必要となります。36協定届とは、会社に所属する社員に法定労働時間や法定休日を超えて残業や休日出勤をさせる場合に、会社・社員間で取り交わした上で届け出を行う書類のことです。\n
\n 法定労働時間とは、法律で定められた社員の労働時間の上限のことで、一日あたり8時間、一週間あたり40時間が原則です。また、法定休日とは、同じく法律で定められた社員に与えるべき最低限の休日数をいい、具体的には1週間あたり1日以上(4週間の中で4日以上)です。\n
\n
\n 客先常駐社員の場合も同様で、常駐先で残業や休日出勤をする場合には36協定届が必要になります。この場合に協定届を届け出る責任を持つのは、前項目における労働時間管理の場合と同じく、\n 所属元の企業です。\n

\n \n
\n

まとめ

\n
\n

\n 客先常駐は、専門的な知識を持つ戦力を欲する依頼側の企業、移動費をかけることなく社員を常駐先で業務に集中させることができる受託側の企業、双方にさまざまなメリットがあるシステムです。\n
\n 一方で、常に会社に出勤しているわけではないという環境から、常駐社員の労働時間が目に見えにくいという懸念点があることも念頭においた上で、\n 適切な労務管理\n を進めなければならないという点についても覚えておきましょう。\n

\n
\n
\n )\n}\n\nexport default ColumnDetailInner0014\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 ColumnRelationCards0014 = () => {\n const routeParam = useRouteParam('/column/details/C0013/')\n return (\n \n \n
\n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0014\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 ColumnAuthor002 from '../../../components/molecules/columnAuthor002'\nimport ColumnDetailInner0014 from '../../../components/molecules/columnDetailInner0014'\nimport ColumnRelationCards0014 from '../../../components/molecules/columnRelationCards0014'\nimport UsefulFunctionLayout016 from '../../../components/molecules/usefulFunctionLayout016'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport Conclusion001 from '../../../components/molecules/Conclusion001'\nimport Conclusion004 from '../../../components/molecules/Conclusion004'\nimport Conclusion007 from '../../../components/molecules/Conclusion007'\nimport Conclusion002 from '../../../components/molecules/Conclusion002'\nimport Conclusion005 from '../../../components/molecules/Conclusion005'\nimport Conclusion008 from '../../../components/molecules/Conclusion008'\nimport Conclusion003 from '../../../components/molecules/Conclusion003'\nimport Conclusion006 from '../../../components/molecules/Conclusion006'\nimport Conclusion009 from '../../../components/molecules/Conclusion009'\nimport PopupBanner from '../../../components/molecules/popupBanner'\nimport CarouselBanner from '../../../components/molecules/carouselBanner'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0014 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title: '客先常駐での労働時間管理や36協定はどっちが適用?',\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 \n \n \n {/** ポップアップバナー */}\n \n {/** 記事本体 */}\n \n {/** オーサ情報 */}\n \n\n {/** ここに9パターンの広告設定する */}\n {no === 0 && }\n {no === 1 && }\n {no === 2 && }\n {no === 3 && }\n {no === 4 && }\n {no === 5 && }\n {no === 6 && }\n {no === 7 && }\n {no === 8 && }\n\n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** カルーセルバナー */}\n \n {/** 関連記事 */}\n \n \n \n )\n}\n\nexport default C0014\n\nexport const pageQuery = graphql`\n query C0014 {\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","target","rel","routePram","useRouteParam","link","useState","show","setShow","changeShow","window","pageYOffset","visible","setVisible","useEffect","addEventListener","removeEventListener","no","setNo","Math","floor","random","routeParam","routeParam2","style","visibility","onClick","id","Introduction004","Introduction005","Introduction006","Introduction007","Introduction008","Introduction009","Introduction010","Introduction011","Introduction012","paths","title","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage","Conclusion001","Conclusion002","Conclusion003","Conclusion004","Conclusion005","Conclusion006","Conclusion007","Conclusion008","Conclusion009"],"sourceRoot":""}