{"version":3,"file":"component---src-pages-column-details-c-0013-tsx-3b5164e9061ecbadbe90.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/usefulFunctionLayout017.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0013.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0013.tsx","webpack://beaver-help/./src/pages/column/details/C0013.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'\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 \n

\n クラウド型の勤怠システムだからこそおすすめできます!\n

\n

\n 「キンクラ」は、初期費用ゼロ、専用機器ゼロ、セキュリティ対策も万全。\n
\n リアルタイムに情報を把握できるので、管理者の負担も軽減されます。\n

\n
\n \n キンクラの特徴\n \n
\n
\n)\n\nexport default Introduction002\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 * コラム記事下部:キンクラの便利な機能レイアウト_36協定設定\n * @constructor\n */\nconst usefulFunctionLayout017 = () => (\n \n

\n キンクラの便利な機能\n \n

\n
\n
\n

\n \n 36協定設定\n

\n

\n 各企業で定めている労働時間を企業全体、または事業部ごとに設定することができます。\n

\n \n キンクラの機能を見る\n \n
\n
\n \n
\n
\n
\n)\n\nexport default usefulFunctionLayout017\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 .p-txt-date {\n margin-top: -10px;\n color: #ababab;\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 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 &: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 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 &: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 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 p {\n padding-bottom: 30px;\n line-height: 2;\n position: relative;\n &.indent-back {\n text-indent: -1em;\n padding-left: 2em;\n }\n &.bottom-none {\n padding-bottom: 0;\n }\n span {\n background: linear-gradient(transparent 60%, #ff6 60%);\n font-weight: 600;\n &.bold {\n background: none;\n font-size: 22px;\n padding-right: 10px;\n }\n }\n .p-list-link {\n position: absolute;\n top: 6px;\n right: 2px;\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 .link-div {\n width: 100%;\n display: flex;\n justify-content: left;\n padding-bottom: 30px;\n > div {\n width: 50px;\n }\n .link-p {\n width: calc(100% - 50px);\n .p-list-link {\n position: absolute;\n top: -3px;\n left: 30px;\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 img {\n width: 100%;\n height: auto;\n padding-bottom: 30px;\n &.img-graph {\n padding-bottom: 10px;\n }\n }\n }\n ${BreakPoints.large} {\n }\n`\n\n/**\n * コラム記事詳細:記事本体\n * @constructor\n */\nconst ColumnDetailInner0013 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n 社会には様々な業種があり、業務内容等会社によって多様です。ですが、ほとんどの企業では繁忙期など、通常の労働時間では業務が間に合わない場合に\n 「残業(時間外労働)」がある事が共通しています。\n
\n ここでは、残業を行うために必要なことについて解説していきます。\n

\n \"キンクラコラム画像13\"\n

労働者に残業をしてもらうには、労使協定が必要

\n

\n 現在の労働基準法では、労働時間は原則\n 「1日8時間」「週40時間」\n という法定労働時間が定められており、法定労働時間を超えて労働させてはならないこととなっています。\n
\n しかし、繁忙期等においては法定労働時間の範囲内で収まらないケースがあり、残業等が想定される場合に\n 労使協定を交わす\n ことで法定労働時間を超えて、労働者に労働させることができます。これが36協定です。\n

\n

36協定とは

\n

\n 36協定とは、労働基準法第36条で時間外及び休日の労働が定められている協定の事を指します。\n
\n 時間外労働等が想定される事業場ごとに、「1か月」「1年」それぞれの時間外労働の限度を定め、休日労働が想定される場合は休日労働についての定めも必要です。\n
\n 36協定は、会社が一方的に定めることは不可です。\n 労働組合又は事業場労働者の過半数の代表者との労使協定が必要\n です。(過半数労働者代表の選出についての注意点は後述します)\n
\n 36協定を有効にするには、会社と労働者代表等との署名又は押印がある「協定書」、様式9号等の「協定届」を作成します。そして作成した「協定届」を管轄労働基準監督署へ提出し、有効となります。\n

\n

時間外労働(残業)等には条件がある

\n

\n 前項で「1か月」「1年」の限度時間を定める、と記載しました。この会社が定められる限度時間には\n 法定の上限\n があります。以下の範囲で時間外労働をさせる時間を定めます。\n
\n
\n ・「1か月」の限度時間は「45時間(1年変形労働時間制適用は42時間)」\n
\n ・「1年」の限度時間は「360時間(1年変形労働時間制適用は320時間)」\n
\n
\n しかし、事業場によっては上記の時間を超える時間外労働が運営上必要なケースがあります。\n
\n その場合は、「特別条項」\n 付きの36協定を作成することで対応できます。特別条項として下記の範囲で定めることができます。\n
\n
\n ・「1か月」の時間外労働と休日労働の合計時間が月100時間未満(1年で6回を限度)\n
\n ・「1年」の時間外労働が720時間以内(休日労働は除く)\n
\n
\n また、定めた限度時間にかかわらず、\n \n 「時間外労働及び休日労働を合算した時間数は、1か月について100時間未満」\n \n でなければならず、かつ「2か月から6か月までを平均して80時間を経過しないこと」としなければなりません。違反した場合は罰則があります。\n

\n \n

\n ※すべての月について、隣接する2~6か月の平均が80時間以内となるようにしなければならない。\n

\n \n

時間外労働等があったときに支払われる手当と計算

\n

\n 法定労働時間を超えて時間外労働があった場合や休日労働があった場合は、手当として\n 割増賃金を支払わなければなりません。\n
\n
\n ・時間外労働に対する割増賃金→時間外労働の時間数×1.25\n
\n ・休日労働に対する割増賃金→休日労働の時間数×1.35\n

\n \n

※例として、1日8時間、土日休みの事業場。

\n

\n ・水曜日に2時間の時間外労働、また、土曜日(公休)に8時間労働\n
\n →通常の賃金×1.25×10時間(時間外労働)=時間外労働の割増賃金額\n

\n

\n ・日曜日(公休)に8時間労働\n
\n →通常の賃金×1.35×8時間(休日労働)=休日労働の割増賃金額\n

\n

\n Q.\n 同じ公休日で、なぜ土曜日は時間外労働で、日曜日が休日労働なのか?\n

\n

\n A.\n 法定休日は週に1日であり、例では日曜日が法定休日。また、土曜日は法定休日ではないが、週の法定労働時間40時間を超え、時間外労働の対象となる。\n

\n

\n その他、深夜労働(午後10時~午前5時)に対する割増、1か月の時間外労働が60時間を超えた場合は、その超えた時間については×1.5とする(中小企業は令和5年3月31日まで猶予)割増賃金があります。\n

\n

時間外労働等の注意点

\n

\n 36協定の締結では、労働者の過半数代表労働者の選出\n が必要です。その選出には要件があり、\n \n 「管理監督者ではない者」かつ「使用者による指名や使用者の意向による選出ではないこと」\n \n でなければなりません。\n
\n 36協定の締結をせずに時間外労働等をさせた場合、たとえ割増賃金を支払っていたとしても、労働基準法違反となり罰則があります。\n
\n
\n 建設業など業種によっては限度時間の定めが異なるものもあります。\n
\n 36協定が適用される事業場の業種の種類に注意しましょう。\n

\n

まとめ

\n

\n 36協定には申請書類が必要なこと、その書類を作成するには労働者過半数代表者の選出が必要なこと、時間外労働の時間には上限があること、違反があった場合は罰則があることと、様々なルールが存在します。\n
\n 適切に労働時間を管理し、労使トラブルを防止するためにも、書類作成等、不明点がある場合は、労働基準監督署や専門家の社労士への相談し、また\n 勤怠システムなどの導入も検討しましょう。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0013\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 ColumnRelationCards0013 = () => {\n const routePram = useRouteParam('/column/details/C0014/')\n return (\n \n \n
\n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0013\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 ColumnDetailInner0013 from '../../../components/molecules/columnDetailInner0013'\nimport ColumnRelationCards0013 from '../../../components/molecules/columnRelationCards0013'\nimport UsefulFunctionLayout017 from '../../../components/molecules/usefulFunctionLayout017'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0013 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title:\n '36協定とは?「知らなかった」では済まされない、押さえておきたい基礎知識を解説!',\n },\n ]\n\n return (\n \n \n \n {/** 記事本体 */}\n \n {/** オーサ情報\n */}\n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** 関連記事 */}\n \n \n \n )\n}\n\nexport default C0013\n\nexport const pageQuery = graphql`\n query C0013 {\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","Introduction003","routePram","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}