{"version":3,"file":"component---src-pages-column-details-c-0022-tsx-fbe35fa256eff9690da9.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/columnBtnCard.tsx","webpack://beaver-help/./src/components/molecules/Introduction003.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor002.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout008.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0022.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0022.tsx","webpack://beaver-help/./src/pages/column/details/C0022.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'\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 usefulFunctionLayout008 = () => (\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 usefulFunctionLayout008\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 ColumnDetailInner0022 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n 2019年より「有給休暇の取得義務化」\n が施行されたことで、各企業は社員が安心して有給休暇を取得できるような環境づくりが急務とされています。\n
\n 今回は、法改正に至った経緯や具体的な概要、有給休暇を実際に取得させるための方法について順に説明をします。さらに、企業が気をつけなければならないポイントについてもあわせて解説をしていきます。\n

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

有給休暇の取得義務化へ至るまでの経緯

\n

\n 「働き方改革」を推進する一方で、企業での有給休暇の取得率が思うように上昇しない状況が依然として問題視されています。\n
\n 有給休暇は、本来ならば日頃の仕事疲れをリフレッシュさせるために、社員が希望する時期に取得できるものであるはずです。しかし、現状では\n 「仕事が終わらず休む暇がない」「上司や同僚に申し訳ない」\n などの理由から思うように有給休暇を取得しづらいと考える社員も少なくありません。\n
\n
\n これを受け、法改正により、2019年4月より、有給休暇の一部については取得が義務化されることになりました。\n
\n この法改正は、大企業・中小企業等の企業規模を問わず、すべての企業が対象となります。\n
\n
\n 労働に関する法改正は、初めに大企業を対象とした法改正が実施された後に、経過措置を経て中小企業も対象に含める、という段階的な形で実施されるケースが多くみられる中、有給休暇の取得義務化については一斉に対象となった点が大きく注目されています。\n
\n これは、国が有給休暇の取得率低下を非常に懸念しており、早急な対応が求められると判断したことに端を発しています。\n

\n

有給休暇の取得義務化とは

\n

\n ここからは、有給休暇の取得義務化の具体的な内容を説明します。\n
\n
\n これまでは、社員へ付与する有給休暇の日数についての規定はあったものの、社員へ取得させなければならない日数についての規定はありませんでした。\n
\n しかし、今回の法改正により2019年4月以降は、年間で10日以上の有給休暇が与えられる労働者には、そのうち\n 5日分の有給休暇を取得させることが義務づけられました。\n
\n なお、対象となる労働者には、\n 正社員のみならず管理監督者や有期契約者も含まれます\n ので、注意が必要です。\n

\n

有給休暇の取得方法とは

\n

\n 有給休暇の取得方法には、主に以下の3種類が挙げられます。使用者は、この3種類の方法から総合的に検討し活用した上で、労働者へ年間5日以上の有給休暇を取得させる必要があります。\n

\n

①社員の申請による取得

\n

有給休暇の取得を希望した社員が申請を行い、休暇を取得する方法です。

\n

②計画的付与による取得

\n

\n お盆休みやGW休み、年末年始休業などに有給休暇を付与し、一斉に休業させる方法です。前もって労使協定で具体的な時季を定めておき、その内容に沿った形で有給休暇の付与を行います。\n

\n

③時季指定による取得

\n

\n 前述①や②の方法で年に5日以上の有給休暇の取得をしていない社員に対し、使用者が有給休暇の取得時季を指定し、取得してもらう方法です。\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

\n 有給休暇を安心して取得できるようにするためには、休暇を取った社員の\n 穴埋めが即座にできる職場体制を整える必要があります。\n
\n 一部の部署や一部の社員に負担が偏りすぎないよう、業務分担の内容を見直しましょう。また、休暇中の社員へ連絡が行くことのないよう、日頃からマニュアルの整備やシステム構築を実施しておく方法も効果的です。既存の仕事の効率化も常に考えるようにし、\n 「本当に必要な作業」\n のみが効率良く行われるように心がけましょう。\n

\n

義務化の導入にまつわる注意点

\n

\n 最後に、有給休暇の義務化を進めていくにあたり気をつけるべきポイントについて説明をします。\n
\n
\n まず、有給休暇の整備には「基準日」\n を統一させることが必要不可欠です。\n
\n 基準日とは、社員に有給休暇を与える日をいいます。たとえば、入社時期にばらつきのある会社の場合、入社日からカウントを開始することで社員ごとに基準日がばらばらになってしまい、事務作業の負担が増大する可能性があります。したがって、あらかじめ会社で基準日を統一しておけば、全社員に一斉に有給休暇を与えることができるため、休暇日数の管理がしやすくなります。\n
\n なお、有給休暇の取得は、原則として1日または半日単位でカウントする必要があります。\n 時間単位での取得分はカウントされない\n 点についても覚えておく必要があります。\n
\n
\n また、有給休暇の「すりかえ」行為にも注意しましょう。\n
\n 有給休暇のすりかえとは、これまでは有給休暇とは別に付与していた夏季休暇、年末年始休暇を、有給休暇の一斉付与日としての休日に変更することです。これは、結果として社員が自由に取得できるはずの有給休暇が減少してしまうことになるため、不利益変更として扱われる可能性があります。\n
\n 不利益変更自体に罰則は設けられていませんが、\n あらかじめ労働者側の合意\n を得なければならない事項になります。労働者が訴え出た場合は、その変更が無効になる可能性もあることから、有給休暇を一斉に付与する場合には入念に準備や検討を行う必要があるでしょう。\n
\n
\n なお、社員へ年に5日以上の有給休暇を与えなかった場合は、罰則として30万円以下の罰金刑に処せられる可能性がありますので、こちらも注意しましょう。\n

\n

まとめ

\n

\n 有給休暇の取得をはじめ、社員が安心して仕事を続けられるような環境づくりを推奨する取り組みは、さまざまな場所で議論が行われています。\n
\n 労働力不足が問題視されている昨今では、社員一人ひとりの存在は企業にとって非常に大きな戦力です。この機会に一度社内体制を見直してみてはいかがでしょうか。\n

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