{"version":3,"file":"component---src-pages-column-details-c-0025-tsx-1604a57f5551cefae61b.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/columnBtnCard.tsx","webpack://beaver-help/./src/components/molecules/Introduction001.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout016.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0025.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0025.tsx","webpack://beaver-help/./src/pages/column/details/C0025.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 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 Introduction001 = () => {\n const routeParam = useRouteParam('https://sign-up.kintaicloud.jp/sign-up')\n return (\n \n

勤怠管理でお困りのことはありませんか?

\n

\n 「キンクラ」では、「自社」「常駐先」の両方の勤怠時間を\n
\n 法律を守りながら管理できます。\n
\n アカウントを作成すれば、すぐにご利用いただけます。\n

\n
\n \n アカウントを作成\n \n
\n
\n )\n}\n\nexport default Introduction001\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 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 Introduction001 from './Introduction001'\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 .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 ColumnDetailInner0025 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

\n
\n \"キンクラコラム\"\n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\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 年5日以上の取得義務との関係\n
  8. \n
  9. \n 最後に\n
  10. \n
\n
\n
\n

時間単位の有給休暇とは

\n
\n

\n 本来、有給休暇は暦日を単位としての取得を想定しています。しかし、取得が進まない背景を鑑み、労使協定を締結し、\n 年5日を上限\n として時間単位で取得することが可能とされています。\n
\n 5日に満たない日数しか付与されない労働者については、付与される日数の範囲内で協定することとなります。また、時間単位の取得が馴染まない労働者も散見されることから、時間単位での取得が可能な労働者の範囲を定めることも可能です。尚、協定した書面を労働基準監督署に届け出る必要はありません。\n

\n
\n

時間単位有給休暇活用の事例

\n
\n

\n この章では有事の際の代用としての使い道になり得る時間単位有給休暇制度の取得事例と子育て、共働きの社員が多い場合の取得事例に絞って先行事例を紹介します。\n
\n
\n 勤続期間が長くなればなるほど確率的に遅刻早退の機会は増えるのが通常です。例えば公共交通機関が遅延した場合を想定しましょう。会社によってはそのような「有事」の際は遅れた時間部分を\n 「特別有給休暇」\n として通常の有給休暇とは別に賃金を減額しない特例的な休暇を設け、労働者の保護を図るというケースもあります。法律上、特別有給休暇の設置義務はありませんので、通常の時間単位の有給休暇の申請を勧奨する場合もあります。\n
\n
\n また、共働き世帯が増えていることもあり子供の通う保育園からの呼び出しなどのため、早退するというケースも少なくありません。そのような際に単に早退するのであればノーワークノーペイの原則により賃金支払い義務はなく、同情できるような早退理由であっても賃金計算上は有給休暇ではない限り、欠勤となります。\n
\n また、育児介護休業法で規定する「子の看護休暇」\n については、賃金支払い義務はなく、無給としても違法な労務管理とはなりません。子の看護休暇は取得日数も1年度につき5日(子供が2人以上の場合は10日)が法律上の上限となっています。\n
\n 令和3年1月以降は時間単位の子の看護休暇\n も法律によって導入されていますが、賃金支払い義務がないことから活用が進んでいない背景があります。その点、時間単位の有給休暇も5日の上限があるものの、賃金支払い義務があることから、給与の減額がないというメリットが大きく、活用が進んでいるという声もあります。特に2人以上子供を養育しながら仕事を継続する場合、2人の子供が同時に病気に罹患するとは限りません。\n
\n 夫婦交代制で早退をしたとしても給与が減額されない時間単位有給休暇の存在は大きいと言えるでしょう。\n

\n \n
\n

年度を超えた場合の繰り越し

\n
\n

\n 有給休暇の時効は2020年4月の労働基準法改正後であっても2年\n のままです(残業代は5年(当分の間3年)に延長)。そうなると年度で取得できなかった分を次年度に繰り越すこととなります。当然、日単位のみ繰り越せるということはなく、\n 時間分も繰り越しの対象\n です。仮に就業規則で次年度への繰り越しを禁止する条文を設けたとしても法律上無効となります。解釈として可能な限り付与年度に取得するよう努めることとするという趣旨であれば問題ありません。\n

\n
\n

年5日以上の取得義務との関係

\n
\n

\n 2019年の労働基準法改正において、年10日以上有給休暇が付与される場合、\n 付与された日から1年以内に5日の取得が義務\n 付けられています。労働者の中には積極的に取得する労働者もいれば、様々な事情により取得が進まない労働者もいるでしょう。そこで、会社が取得の希望を聴取し、取得時季を指定することや、労働者自身で時季を指定し取得する場合もあります。年5日取得未達成の場合は法律上30万円以下の罰金となり、未達成者が仮に2人の場合、「一人一罪」となり、2名分の罰則が適用されるという解釈です。\n
\n そもそもそのような事態にならないことが重要ですが、仮に半日単位の取得をした場合、時間単位の取得をした場合で異なった解釈となることから確認をしましょう。半日単位の取得をした場合は「0.5日」として5日に含めることは可能ですが、時間単位の場合は5日含めることはできません。\n

\n
\n

最後に

\n
\n

\n 時間単位の有給休暇はあくまで労働者の自由な意思によって取得するものであり、時間単位の申請を会社が良かれと思い日単位に変更することや、日単位の申請を代替要員が確保できているにも関わらず時間単位に変更することは適正な時季変更権にはあたりませんので、注意が必要です。\n
\n また、時間単位の有給休暇が一般化すると、5日の取得義務未達成という事態にもなりかねませんので、定期的に見直しの機会を設けておくことが肝要です。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0025\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 ColumnRelationCards0025 = () => {\n const routePram = useRouteParam('/column/details/C0024/')\n\n return (\n \n \n
\n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0025\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 ColumnDetailInner0025 from '../../../components/molecules/columnDetailInner0025'\nimport ColumnRelationCards0025 from '../../../components/molecules/columnRelationCards0025'\nimport UsefulFunctionLayout016 from '../../../components/molecules/usefulFunctionLayout016'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0025 = () => {\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 )\n}\n\nexport default C0025\n\nexport const pageQuery = graphql`\n query C0025 {\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","routeParam","useRouteParam","target","rel","id","Introduction001","routePram","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}