{"version":3,"file":"component---src-pages-column-details-c-0036-tsx-4e5333a1ac9e3feaa0cf.js","mappings":"sLAMMA,GAAO,goBAgDTC,EAAAA,EAAAA,MAhDS,MA0Eb,IAlBwB,kBACtB,QAACD,EAAD,MACE,aAAGE,UAAU,aAAb,+BAGA,aAAGA,UAAU,cAAb,sCAEE,mBAFF,qCAKA,eAAKA,UAAU,aACb,QAAC,EAAAC,KAAD,CAAMC,IAAIC,EAAAA,EAAAA,GAAc,aAAcC,OAAO,UAA7C,e,gFCpEAN,GAAO,6uBAoETC,EAAAA,EAAAA,MApES,MAuGb,IA3BwB,kBACtB,QAACD,EAAD,MAEE,wBACE,eAAKO,IAAI,kCAAkCC,IAAI,WAC/C,eAAKN,UAAU,gBACb,aAAGA,UAAU,eAAb,SACO,mCAEP,aAAGA,UAAU,eACX,QAAC,EAAAC,KAAD,CACEC,GAAG,kCACHE,OAAO,SACPG,IAAI,cAHN,iBADF,iBAYJ,eAAKP,UAAU,cAAf,kK,2FChGJ,IAAMF,GAAO,y7BAkHb,IA9BgC,kBAC9B,QAACA,EAAD,MACE,gCAEE,QAAC,IAAD,QAEF,wBACE,oBACE,mBACE,eACEO,IAAI,8CACJC,IAAI,gBAHR,WAOA,oDACA,QAAC,EAAAL,KAAD,CAAMD,UAAU,kBAAkBE,IAAIC,EAAAA,EAAAA,GAAc,eAApD,gBAIF,eAAKH,UAAU,kBACb,eACEK,IAAI,oCACJC,IAAI,qB,sKC3GRR,GAAO,izDAsITC,EAAAA,EAAAA,MAtIS,MA6Ob,EA/F8B,kBAC5B,QAACD,EAAD,MACE,QAAC,IAAD,CAAUU,MAAM,oCAEhB,aAAGR,UAAU,cAAb,eACA,wBAEE,8HAEE,mBAFF,4CAIE,4BAJF,KAIoB,8BAJpB,kGAOA,eAAKK,IAAI,mCAAmCC,IAAI,iBAChD,iCACA,2EAEE,+BAFF,mBAGE,mBAHF,kGAMA,2BACA,0GAGA,6BACA,+BACY,8BADZ,4DAGE,mCAHF,KAIE,oBACA,mBALF,iFAOE,mBAPF,QAQM,mCARN,0FAUE,sCAVF,2BAYE,oCAZF,aAcA,QAACG,EAAA,EAAD,OACA,+BACA,iCACc,+BADd,oCAGE,+BAHF,wCAKE,mCALF,KAME,mBANF,kDAQE,4CARF,2DAUE,oBACA,mBAXF,+KAaE,sCAbF,YAcE,oBACA,mBAfF,MAgBI,+BAhBJ,mIAkBE,mCAlBF,iBAoBA,8BACA,+HAEE,mBAFF,4DAIE,oBACA,mBALF,wBAMsB,+BANtB,0EAQE,oBACA,mBATF,mDAWE,sDAXF,aAgBA,0BACA,kBACE,6DAGA,mBAJF,yGAME,oBACA,mBAPF,6H,4CC9KN,EAvCc,WACZ,IAAMC,EAAsB,CAC1B,CAAEC,MAAO,aAAcC,MAAMT,EAAAA,EAAAA,GAAc,YAC3C,CAAEQ,MAAO,UAAWC,MAAMT,EAAAA,EAAAA,GAAc,iBACxC,CACEQ,MAAO,iCAIX,OACE,QAAC,IAAD,CAAcD,MAAOA,IACnB,QAAC,IAAD,CACEC,MAAM,iCACNE,YAAY,4EACZC,MAAM,+CACNC,OAAO,UACPC,QAAQ,iCACRC,cAAc,4EACdC,WAAW,8BACXC,QAAQ,gEAEV,QAAC,IAAD,MAEE,QAAC,EAAD,OAEA,QAAC,IAAD,OAEA,QAAC,IAAD,OAEA,QAAC,IAAD","sources":["webpack://beaver-help/./src/components/molecules/Introduction003.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout023.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0036.tsx","webpack://beaver-help/./src/pages/column/details/C0036.tsx"],"sourcesContent":["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 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 \n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\n
\n \"蓑田\n
\n

\n 蓑田 真吾(ミノダ シンゴ)\n

\n

\n \n みのだ社会保険労務士事務所\n \n 代表 社会保険労務士\n

\n
\n
\n
\n 社会保険労務士(社労士)独立後は労務トラブルが起こる前の事前予防対策に特化。現在は様々な労務管理手法を積極的に取り入れ企業の人事労務業務をサポートしている。また、年金・医療保険に関する問題や労働法・働き方改革関する専門家として、実務相談を多く取り扱い、大手出版社からも書籍出版するなど、多方面で執筆活動を行う。\n
\n
\n)\n\nexport default columnAuthor001\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 usefulFunctionLayout023 = () => (\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 usefulFunctionLayout023\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 span {\n background: linear-gradient(transparent 60%, #ff6 60%);\n font-weight: 600;\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 &.txt-color-red {\n color: #ff6969;\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 }\n }\n ${BreakPoints.large} {\n }\n`\n\n/**\n * コラム記事詳細:記事本体\n * @constructor\n */\nconst ColumnDetailInner0036 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.11.11

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

\n 突発的な顧客対応など、労働者であればやむを得ず休日に労働せざるを得ないことも少なくありません。また、会社としても管理職のみで対応が困難な場合、休日であっても労働者の助力を必要とせざるを得ない場合もあるでしょう。\n
\n 本来、労働基準法上では週に1日は休日を確保しなければなりません。そのような場合に\n 「代休」「振替休日」\n を活用して休日を付与するという選択肢があります。どちらを選択するかで法律上の義務が変わってきますが、誤った労務管理も散見されることから、代休と振替休日の違いについて確認していきましょう。\n

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

休日労働を命ずる前に

\n

\n 前提として無制限に休日労働を命じることはできず、休日労働を行わせる可能性がある場合、予め所轄労働基準監督署へ\n 36協定の届出をしておかなければなりません。\n
\n 36協定と言うと時間外労働を行わせるための手続きと認識されてるのが多い印象ですが、協定書の下段には休日労働を行わせる場合の頻度、始業および終業の時刻を明記し、届け出ておく必要があります。\n

\n

代休とは

\n

\n 休日労働をさせた事後に代償措置として代わりの休日を与えることです。よって、代休を付与したとしても休日に労働させた事実は消えず、休日労働の事実は残っているということです。\n

\n

振替休日とは

\n

\n 予め定めてある休日を事前に手続き\n し、他の労働日と交換することを指します。「本来は休日であった日に働いた日」は「通常の労働日」の扱いになることから\n 休日労働にはなりません。\n
\n
\n 振替休日の注意点は無制限に使えるということではなく、就業規則に振替休日の規定を設けておく必要があります。その際に以下の点を網羅しておくことが求められます。\n
\n 1点目は振替日を事前に指定する\n ことです。言うまでもなく、事前に指定することが振替休日の要件を満たす前提条件となることから、事後に休日を指定する状態では振替休日の要件を満たしません。2点目として、振替日は\n 4週4日の法定休日を確保する\n ように調整することです。3点目として、遅くとも\n 前日の勤務終了までに通知をすることです。\n

\n \n

双方の相違点とは

\n

\n 実務上最も大きな相違点は割増賃金の発生\n です。代休の場合、休日労働の事実は消えないため、休日労働に対する\n 割増賃金は必要\n であるのに対し、振替休日の場合は予め本来の休日と労働日を交換することから\n 割増賃金は発生しません。\n
\n しかし、例外なく発生しないということではありません。例えば、同一週内で振替休日を設定できず、\n 週単位での労働時間が40時間を超えた場合\n は割増賃金の支払いが必要となります。反対に、同一週内で振替休日を設定すれば割増賃金は発生しないということです。\n
\n
\n 具体例として、やむを得ず本来は休日である日曜日に出勤を命じ、予め翌々日の火曜日に休日を交換した場合、割増賃金は不要ということです。仮に火曜日だけでなくその週の全ての日に休日の設定ができず、翌週にずれ込んでしまった場合、結果として「法定労働時間」である週40時間を超えた場合、割増賃金の支払いが発生します。よって、振替休日の適正運用のポイントは\n 同一週内に振替休日を設定するということです。\n
\n
\n 次に「週の起算日」\n はいつになるのかという問題が生じます。通達では特段、会社として何も定めていない場合には「日曜日」と解されます。当然、就業規則で「土曜日」と定めた場合は「土曜日」が週の起算日と解されます。給与計算においても週の起算日は重要な論点となることから、今一度自社の\n 「週の起算日」を明確化しておくことは重要です。\n

\n

付与できる期限

\n

\n 代休の場合、特段期限が制限されているわけではありませんが、賃金締め日を超えて翌月に代休取得した場合、休日出勤発生月には休日出勤手当を全額支給し、次月に代休取得日分を控除するというような複雑な処理が必要になります。\n
\n 反対に振替休日の場合、原則として同一週内で振り替えることで割増賃金の支払いが回避でき、休日管理も容易になります。\n
\n
\n また、4週を通じて4日以上の休日を与える「変形休日制」\n を採用している場合、就業規則に変形休日制の起算日を定めておく必要がありますが、出勤する休日の属する4週の範囲内で設定することが求められます。\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 ColumnDetailInner0036\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 ColumnAuthor001 from '../../../components/molecules/columnAuthor001'\nimport ColumnDetailInner0036 from '../../../components/molecules/columnDetailInner0036'\nimport UsefulFunctionLayout023 from '../../../components/molecules/usefulFunctionLayout023'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0036 = () => {\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 \n \n \n {/** 記事本体 */}\n \n {/** オーサ情報 */}\n \n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** 関連記事\n * TODO 田村申し送り事項\n * 記事NO35公開時にコメントアウトを取る\n */}\n \n \n )\n}\n\nexport default C0036\n\nexport const pageQuery = graphql`\n query C0036 {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","BreakPoints","className","Link","to","useRouteParam","target","src","alt","rel","label","Introduction003","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}