{"version":3,"file":"component---src-pages-column-details-c-0023-tsx-1c744495217583888d97.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/usefulFunctionLayout004.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0023.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0023.tsx","webpack://beaver-help/./src/pages/column/details/C0023.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 usefulFunctionLayout004 = () => (\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\nexport default usefulFunctionLayout004\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\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 .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 ColumnDetailInner0023 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n 従業員を雇用する際に、避けて通ることが出来ない法律に労働基準法があります。\n
\n そして、労働者としても注目が集まる部分として有給休暇が挙げられます。有給休暇はアルバイトやパートは除外するということにはなりません。\n
\n しかし、一般的には正社員よりも働く時間が少ないというケースが多く、その場合の有給休暇の付与方式について解説してまいります。\n

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

アルバイト・パートの有給休暇

\n

\n 有給休暇が付与される原則的な考え方は、採用されてから6か月以上継続勤務し、全労働日の8割以上出勤した場合に継続または分割した10日の有給休暇が付与されます。\n
\n ここで問題があります。週5日・40時間勤務する正社員とそれに満たない時間しか勤務しないアルバイトやパートの付与日数が同じ場合、中立的とは言えないとの考え方も一理あります。そこで、\n 「比例付与」\n と言い、正社員よりも労働時間が短い従業員向けに通常の付与日数よりも減算した日数を付与する方式が法律上定められています。\n

\n

比例付与とは

\n

\n \n 週の所定労働時間が30時間未満であり、かつ、週の所定労働日数が4日以下の労働者または年間の所定労働日数が216日以下の労働者\n \n が対象となります。比例付与の対象となる場合、通常よりも少ない日数で付与しても違法とはなりません(個別の労働契約で比例付与方式ではなく、通常の付与とすることで合意していた場合は除く)。\n

\n
\n 出典\n

\n \n 厚生労働省\n \n

\n
\n

\n 比例付与を運用するにあたっての注意点は、例えば一日2時間しか勤務しないアルバイトであっても週の所定労働日数が5日で契約している場合には「週の所定労働日数が4日以下」にはあたらないことから、比例付与の対象とすることはできないということです。\n

\n

比例付与の計算式

\n

\n \n 通常の労働者の有給休暇の日数×比例付与対象者の所定労働日数/通常の労働者の所定労働日数(5.2日)\n \n となります。\n
\n 計算の結果、1日未満の端数が生じた場合は切り捨てることとされています。例えば採用から2年6か月経過した所定労働日数が3日のアルバイトの場合を確認しましょう。\n
\n
\n 12日×3/5.2=6.92となり、「6日」の有給休暇が付与されるという理屈です。\n
\n
\n なお、週の所定労働時間にばらつきがある場合は、付与日直前の実績を元に年間の所定労働日数を算出することとして差し支えありません。例として、直近6か月の実働が60日であった場合、60日×2=120日を所定労働日数とみなすということです。\n

\n

比例付与対象者の所定労働日数が変更となった場合の取り扱い

\n

\n 比例付与対象者が年度の途中で所定労働日数に変更が生じた場合、そもそも有給休暇は「基準日」において発生するため、当初の日数のままとなります。もちろん労使合意の元、有給休暇を「増やす」こと自体は自由に行うことができます。\n

\n \n

複数事業場で勤務するアルバイトに対する取り扱い

\n

\n 正社員は副業禁止とするもののアルバイトやパートに限り副業を認め、そこで、かけもちで勤務するというケースは珍しくありません。そのような場合の有給休暇について確認しましょう。\n
\n 労働時間については異なる会社に勤める場合であっても労働時間は通算されます。しかし、\n 有給休暇はあくまで会社ごとに付与\n するため、甲事業所と乙事業所の時間を通算して通常の付与日数で付与されるという理屈は成り立ちません。いわゆる労働時間の通算規定はあくまで「労働時間」に限定して通算するということであり、有給休暇にまで波及しないことはおさえておく必要があります。\n

\n

週以外の期間で所定労働日数が定められている場合

\n

\n 比例付与の対象者であるか否かを精査する際には週の所定労働日数が4日以下であることの他に1年間の所定労働に数が216日以下の者という要件があります。これは「週以外の期間によって所定労働日数が定められている労働者」であることが前提となり、例えば月の前半の繁忙期のみ労働するというケースや季節的に所定労働日数が異なり、年を単位として所定労働日数が定められている労働者が該当します。よって、上記に該当しないケースについては原則として週所定労働日数を基準として考えます。\n
\n 結論としては週以外の期間によって所定労働日数が定められている労働者については\n \n 216日以下であることを精査し、比例付与対象者であるか否かを判別する\n \n 必要があります。\n

\n

出勤率が8割未満の場合

\n

\n アルバイトやパートで契約している労働者の心理的な背景として、子供の通院などで突発的に休みが必要となるために正社員を選ばなかったということもあります。そこで、出勤率が8割に満たなかった場合は有給休暇を与える義務自体はありませんが、恩恵的に付与するということも労使間で取り決めることは可能です。\n

\n

最後に

\n

\n アルバイトやパートであっても有給休暇が付与されるという部分については周知が進んできている印象ですが、付与日数が明確化されていない場合や事業主の裁量で付与しているケースも散見されます。\n
\n 明確化することで対応に差が生じる余地がなく、中立的な労務管理が可能となり、従業員との信頼関係においてもプラスの効果が波及するものと考えます。\n
\n
\n 特に比例付与の算出式において用いる「5.2日」は平成13年4月1日に改正されている数値です。よって、古い就業規則を継続して運用している場合や、近年の法改正には適宜対応しているものの、過去の法改正には対応しているか不明瞭な場合は一度見直しをしておくことが肝要です。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0023\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 ColumnRelationCards0023 = () => {\n const routeParam = useRouteParam('/column/details/C0021/')\n const routeParam2 = useRouteParam('/column/details/C0022')\n const routeParam3 = useRouteParam('/column/details/C0034')\n return (\n \n \n
\n \n \n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0023\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 ColumnDetailInner0023 from '../../../components/molecules/columnDetailInner0023'\nimport ColumnRelationCards0023 from '../../../components/molecules/columnRelationCards0023'\nimport UsefulFunctionLayout004 from '../../../components/molecules/usefulFunctionLayout004'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0023 = () => {\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 C0023\n\nexport const pageQuery = graphql`\n query C0023 {\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","Introduction001","routeParam2","routeParam3","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}