{"version":3,"file":"component---src-pages-column-details-c-0017-tsx-9f83a79fc79b38d0dfa6.js","mappings":"qLAMMA,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,4uBAoETC,EAAAA,EAAAA,MApES,MAyGb,IA7BwB,kBACtB,QAACD,EAAD,MAEE,wBACE,eAAKO,IAAI,kCAAkCC,IAAI,WAC/C,eAAKN,UAAU,gBACb,aAAGA,UAAU,eAAb,UACA,aAAGA,UAAU,eACX,QAAC,EAAAC,KAAD,CACEC,GAAG,kDACHE,OAAO,SACPG,IAAI,cAHN,gBADF,cAYJ,eAAKP,UAAU,cAAf,oEAEE,mBAFF,gGAIE,mBAJF,iF,0FC9FJ,IAAMF,GAAO,y7BAoHb,IAhCgC,kBAC9B,QAACA,EAAD,MACE,gCAEE,QAAC,IAAD,QAEF,wBACE,oBACE,mBACE,eACEO,IAAI,8CACJC,IAAI,iBAHR,YAOA,uDAGA,QAAC,EAAAL,KAAD,CAAMD,UAAU,kBAAkBE,IAAIC,EAAAA,EAAAA,GAAc,eAApD,gBAIF,eAAKH,UAAU,kBACb,eACEK,IAAI,oCACJC,IAAI,sB,uKC7GRR,GAAO,ghEAqLTC,EAAAA,EAAAA,MArLS,MAoUb,EAvI8B,kBAC5B,QAACD,EAAD,MACE,QAAC,IAAD,CAAUU,MAAM,oCAEhB,aAAGR,UAAU,cAAb,eACA,wBACE,eAAKK,IAAI,mCAAmCC,IAAI,aAEhD,yDAEE,4BAFF,8IAIE,oBACA,mBALF,mFAQA,eAAKN,UAAU,QACb,wBACA,mBACE,mBACE,aAAGS,KAAK,SAAR,YAEF,mBACE,aAAGA,KAAK,SAAR,cAEF,mBACE,aAAGA,KAAK,SAAR,mBAEF,mBACE,aAAGA,KAAK,SAAR,iBAEF,mBACE,aAAGA,KAAK,SAAR,eAEF,mBACE,aAAGA,KAAK,SAAR,oBAEF,mBACE,aAAGA,KAAK,SAAR,WAIN,eAAKC,GAAG,SACN,8BAEF,mDAEE,mBAFF,0EAIE,mCAJF,SAKE,mBALF,iFAOE,6CAPF,wBAUA,eAAKA,GAAG,SACN,gCAEF,2BACQ,4CADR,uHAIA,eAAKA,GAAG,SACN,qCAEF,kCAEE,oDAFF,OAGE,mBAHF,uDAKE,+BALF,kHAOE,oBACA,mBARF,qLAUE,2CAVF,YAWE,oBACA,mBAZF,mFAeA,QAACC,EAAA,EAAD,OACA,eAAKD,GAAG,SACN,mCAEF,8BACW,8BADX,kFAGE,oBACA,mBAJF,yHAME,mBANF,6DASA,eAAKA,GAAG,SACN,iCAEF,6BACU,qCADV,UAEE,mBAFF,0KAKA,eAAKA,GAAG,SACN,sCAEF,gJAEE,oBACA,mBAHF,kEAKE,gCALF,SAME,mBANF,6FAQE,mBARF,+FAUE,oBACA,mBAXF,QAaE,sEAbF,6GAkBA,eAAKA,GAAG,SACN,cAAIV,UAAU,QAAd,SAEF,8KAEE,oBACA,mBAHF,gE,2CC7QN,EAnCc,WACZ,IAAMY,EAAsB,CAC1B,CAAEC,MAAO,aAAcC,MAAMX,EAAAA,EAAAA,GAAc,YAC3C,CAAEU,MAAO,UAAWC,MAAMX,EAAAA,EAAAA,GAAc,iBACxC,CACEU,MAAO,0BAIX,OACE,QAAC,IAAD,CAAcD,MAAOA,IACnB,QAAC,IAAD,CACEC,MAAM,iCACNE,YAAY,+EACZC,MAAM,+CACNC,OAAO,UACPC,QAAQ,iCACRC,cAAc,+EACdC,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/columnAuthor002.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout018.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0017.tsx","webpack://beaver-help/./src/pages/column/details/C0017.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 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 { 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 usefulFunctionLayout018 = () => (\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 usefulFunctionLayout018\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\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 ColumnDetailInner0017 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n 会社にとって、そして会社で働く社員にとって、最も重要な雇用に関する内容に\n 「休日」\n が挙げられます。社員には一定の頻度で休日を与えなければならない、という事を把握している経営者は多いかと思いますが、実際にはどのような頻度で、何日の休日を与えなければならないのか、という詳細を明確に把握しているか否か、と問われれば不安になる場合も少なくないのではないでしょうか。\n
\n
\n 今回は、そもそも法定休日とはどのような内容か、法定外休日などとの違いは何か、などの基本的な内容について、順を追って解説をしていきますので、参考にして下さい。\n

\n
\n

目次

\n
    \n
  1. \n 「休日」とは\n
  2. \n
  3. \n 「法定休日」とは\n
  4. \n
  5. \n 「法定休日」の具体的な日数\n
  6. \n
  7. \n 休日のカウント方法とは\n
  8. \n
  9. \n 「法定外休日」とは\n
  10. \n
  11. \n 「法定休日」における罰則とは\n
  12. \n
  13. \n まとめ\n
  14. \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

\n 法定休日の具体的な日数は、\n 原則1週間に1日以上、例外措置として4週間内に4日の休日です。\n
\n 「例外措置である4週間内に4日の休日」は、週休で休みを取らせることが難しい場合に取り入れることのできる\n 「変形休日制」\n を活用した場合の休日数をいいます。この場合の4週間は、どの曜日で区切ったとしても、必ず休日が4日以上設定されていなければならないということではなく、特定の4週間内に、4日以上の休日が定められていれば問題ないという事です。\n
\n
\n この方法を採用する場合、たとえば1~3週間の間は休日を付与せず、最後の4週間目に4日間の休日を付与することも理論上は可能となります。しかし、このような休日付与を行った場合、社員が健康に支障をきたし、会社側の健康安全に関する配慮義務違反として扱われる危険性や、法定労働時間を超える労働により、多額の割増賃金の支払いが求められる危険性があります。したがって、\n 極端な休日の付与は出来る限り避けるべきと考えられます。\n
\n
\n なお、変形休日制を導入する場合は、就業規則でその内容を定め、必ず変形休日期間のはじまりとなる「起算日」を記載する必要があることもあわせて覚えておきましょう。\n

\n \n
\n

休日のカウント方法とは

\n
\n

\n 休日の付与単位は、歴日数が基準\n となります。つまり、真夜中の午前0時から、同じく真夜中の午後12時までの休みが休日の1単位です。なお、労働時間をカウントする際も同様に歴日数単位となります。\n
\n
\n ただし例外として、交替制の勤務などを採用している企業では、時間によって2暦日にまたがった就労時間となる場合があります。このようなケースでは、連続して24時間分の休業時間が保障されていれば、1単位の休日として扱うことが認められています。\n
\n つまり、社員がどのような働き方をする場合でも、最低でもまる1日分は休日として休息をさせる必要があるという事です。\n

\n
\n

「法定外休日」とは

\n
\n

\n 法定外休日とは、法律で定められていない休日のことです。\n
\n 法定休日が、原則として1週間に1日以上と定められていることから、たとえば完全週休二日制を導入しており、土日をともに休日として扱う会社の場合は、毎週1日分の法定休日に加え、1日分の「法定外休日」を付与していることになります。また、土日祝日を休日と定めている会社の場合は、毎週1日分に加え、祝日分の法定外休日を付与しているといえます。\n

\n
\n

「法定休日」における罰則とは

\n
\n

\n 法律にそって法定休日を付与しなかった会社に対しては、労働基準法違反として6ヶ月以下の懲役または30万円以下の罰金刑に処せられる可能性があります。一方、法定外休日は法律で義務づけられた休日ではないため、付与しなくても罰則に問われることはありません。\n
\n
\n しかし、ここで覚えておかなければならないのが、法定休日と同時に企業が遵守しなければならない労働時間に関するルールの一つである\n 「法定労働時間」の事です。\n
\n 法定労働時間とは、社員の労働時間の上限であり、これを超えて労働をさせてはならないとルール付けされている時間のこと、具体的な数値は1日あたり8時間、1週間あたり40時間が原則です。\n
\n この法定労働時間を守りながら労働時間・労働日の設定をした場合、特段の理由がない限りは平日5日間×8時間=週あたり40時間、という、平日にフルタイム勤務を設定する企業が多くみられます。\n
\n
\n つまり、\n \n 法定労働時間を遵守しながら労働日数を定めていくと、自動的に週あたり1日の法定外休日が発生する\n \n 、という仕組みになっているのです。なお、法定外休日を付与せずに法定労働時間・法定休日を遵守した労働時間・労働日の組み方としては、たとえば一日の労働時間を6.5時間とし、週に6日働かせる方法なども挙げられます。\n

\n
\n

まとめ

\n
\n

\n 法定休日と法定外休日は、法律による規制の有無という点で大きく異なる点についてお分かりいただけましたでしょうか。労働時間や休日の設定については、法律を守ることを前提として、会社の状況に応じた内容で定めていく必要がありますが、無理なスケジュールを組んでしまうと、働く社員側に大きな負担が生じる危険性もあります。\n
\n
\n 無用な労使トラブルを避けるためにも、企業側・社員側それぞれの立場を考慮した労働日の組み方を心がける必要があります。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0017\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 ColumnDetailInner0017 from '../../../components/molecules/columnDetailInner0017'\nimport UsefulFunctionLayout018 from '../../../components/molecules/usefulFunctionLayout018'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0017 = () => {\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 \n )\n}\n\nexport default C0017\n\nexport const pageQuery = graphql`\n query C0017 {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","BreakPoints","className","Link","to","useRouteParam","target","src","alt","rel","label","href","id","Introduction003","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}