{"version":3,"file":"component---src-pages-column-details-c-0034-tsx-e82b96325bdf37c46f2f.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/columnBtnCard.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout005.tsx","webpack://beaver-help/./src/components/molecules/Introduction014.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0034.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0034.tsx","webpack://beaver-help/./src/pages/column/details/C0034.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 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 */\nconst usefulFunctionLayout005 = () => (\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 usefulFunctionLayout005\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport OfficialCommonBtn from '../atoms/officialCommonBtn'\nimport ArrowSvg from '../atoms/arrowSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n display: flex;\n width: 100%;\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: 20px;\n position: relative;\n\n .intro-wrap {\n background-color: #35d4c7;\n position: absolute;\n padding: 10px 20px;\n left: -10px;\n top: 15px;\n }\n\n .intro-txt {\n font-size: 18px;\n line-height: 1;\n color: #fff;\n font-weight: 600;\n margin: 0;\n padding: 0;\n }\n\n .detail-txt {\n line-height: 24px;\n margin-top: 45px;\n margin-bottom: 15px;\n padding: 0;\n }\n\n .btn-wrap {\n display: flex;\n width: 100%;\n justify-content: center;\n\n button {\n height: 60px;\n margin: 0;\n }\n\n .btn-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n p {\n padding: 0;\n margin-right: 10px;\n font-size: 23px;\n }\n }\n }\n\n ${BreakPoints.large} {\n }\n`\n\n/**\n * コラム記事詳細:C0034用に追加\n * @constructor\n */\nconst Introduction014 = () => {\n const routePram = useRouteParam('https://www.kintaicloud.jp/')\n return (\n \n
\n

休暇管理をもっと楽に!

\n
\n

\n 「キンクラ」では、休暇の申請から承認までが簡単に行えます。\n
\n また、休暇の自動付与やアラート機能で、法律に準拠した休暇管理を実現します。\n
\n まずは、最大2ヶ月の無料トライアルをお試しください。\n

\n
\n window.open(routePram)}\n className=\"strong-btn\"\n >\n
\n

製品情報

\n \n
\n \n
\n
\n )\n}\n\nexport default Introduction014\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport Introduction014 from './Introduction014'\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 ColumnDetailInner0034 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.09.12

\n
\n \"キンクラコラム\"\n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\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
\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 。すなわち、休職期間中無給とすること自体は問題ありません。尚、継続して4日以上働けなくなった場合、健康保険から支給される傷病手当金を活用するなどが一般的な選択肢です。\n

\n \n
\n

休職時の有給休暇付与

\n
\n

\n 有給休暇は\n \n 6か月以上継続勤務し、全労働日の8割以上の出勤率を満たしている\n \n ことで10日が付与されます。その後、1年を経過するごとに11日、更に1年後経過すると12日と増えていき、6年6ヶ月以上では20日付与を上限として法律上定められています。\n
\n
\n 今回のメインテーマである休職時の有給休暇の付与の考え方は全労働日の8割をどう解釈するのかになりますが、私傷病による休職の場合は、\n \n 出勤率算出の際に、(法律上では)出勤したものとみなすことはできません\n \n 。逆に業務上負傷や疾病により休業した期間は出勤したものとみなすことから分けて理解する必要があります。業務災害の場合、会社の責任もあることからこのような考え方となっています。\n
\n この8割という数字は労働者の勤怠状況を把握し、特に出勤率の低い労働者を除外する趣旨です。当然、10割近い出勤率を継続する労働者と5割程度の出勤率の労働者が同じ日数の有給休暇が付与される状態では就労意欲にも影響が出ると考えます。\n
\n しかし、これはあくでまで法律上の「最低基準」\n であり、法律上の基準を下回らなければ違法とならなないという考え方であるため、長期雇用のためのインセンティブとして、休職期間中も出勤したものとみなすという考え方を採用すること自体は問題ありません。\n
\n
\n 法律上の考え方で解説すると例えば6か月経過時に8割以上の出勤率を維持し、10日の有給休暇を付与された労働者が諸般の事由(私傷病が理由)により、6か月経過後から1年6か月経過時に出勤率が8割を満たさなかった場合、\n 有給休暇は発生しないということです。\n
\n
\n そして、1年6か月経過後から2年6か月経過時に再び8割の出勤率を満たした場合は、11日ではなく、12日が付与されます。\n

\n \n 参照記事:有給管理を効率化する勤怠管理システムの選び方やお勧めのシステムをご紹介\n \n
\n
\n
\n

有給休暇の時効

\n
\n

\n 休職中の場合、それが継続した休職なのか断続した休職なのかにもよりますが、有給休暇の時効についてもおさえておく必要があります。\n
\n 2020年4月1日の改正労働基準法施行後も有給休暇の時効は2年\n のままです(残業代は5年(当分の間は3年))。そこで、問題となるのが前年度から保持する有給休暇を翌年度に繰り越した場合、例えば病気療養のため実際に行使する有給休暇は前年度からの繰り越し分なのか、今年度付与されたばかりの有給休暇なのかという疑問が生じ得ます。\n
\n 結論としては労働基準法上、どちらから行使しなければならないという規定はありません。そこで、混乱を招かないよう就業規則に規定することが適切と考えます。\n
\n もし就業規則に定めた場合はその内容が合理的な内容であることが前提ですが、その内容に従っていくこととなります。\n

\n
\n

最後に

\n
\n

\n 有給休暇付与において、傷病休職時を出勤したものとみなす必要はなく、いわゆる\n 欠勤と同じ扱い\n となります。しかし、法律では最低基準を定めているに過ぎないことから、それを上回る措置を講じることは問題ありません。\n
\n 人生100年時代となり長く働くことが前提となりつつある現代において休職は決して珍しいことではありません。\n
\n 会社としての意思決定は必要ですが働きやすい職場環境を形成することや、出勤率の算定自体に時間を要することから、法律を上回る措置を講じる企業も珍しくなくなっています。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0034\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 ColumnRelationCards0034 = () => {\n const routeParam = useRouteParam('/column/details/C0021/')\n const routeParam2 = useRouteParam('/column/details/C0022')\n const routeParam3 = useRouteParam('/column/details/C0023')\n return (\n \n \n
\n \n \n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0034\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 ColumnDetailInner0034 from '../../../components/molecules/columnDetailInner0034'\nimport ColumnRelationCards0034 from '../../../components/molecules/columnRelationCards0034'\nimport UsefulFunctionLayout005 from '../../../components/molecules/usefulFunctionLayout005'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\nimport Conclusion006 from '../../../components/molecules/Conclusion006'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0034 = () => {\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 {/** CTA */}\n \n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** 関連記事 */}\n \n \n \n )\n}\n\nexport default C0034\n\nexport const pageQuery = graphql`\n query C0034 {\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","useRouteParam","routePram","size","level","onClick","window","open","id","routeParam","routeParam2","routeParam3","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage","Conclusion006"],"sourceRoot":""}