{"version":3,"file":"component---src-pages-column-details-c-0027-tsx-a8709b91975bf195099b.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/usefulFunctionLayout007.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0027.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0027.tsx","webpack://beaver-help/./src/pages/column/details/C0027.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 usefulFunctionLayout007 = () => (\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 usefulFunctionLayout007\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 ColumnDetailInner0027 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n 仕事には、残業がつきものといっても過言ではないでしょう。しかし、残業にまつわるさまざまな労使トラブルは後を絶たず、深刻な社会問題化していることも現状です。\n
\n 経営者には、社員にどこまでの時間まで残業をさせても良いのか、残業をさせた場合の賃金支払いはどのようになっているのか、などの残業にまつわる基本的なルールを熟知することが必須要件として求められています。\n
\n 今回は、残業に関する基本的なルールについて、順を追って解説をしていきましょう。\n

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

「残業」とは何か

\n

\n 残業とは、社員が会社で決められた就労時間を超えて働くことです。同じような意味の言葉として\n 「時間外労働」\n が挙げられますが、残業と時間外労働は意味合いが異なる点に注意をしなければなりません。\n
\n
\n 残業は、先ほども述べたように、会社でルールづけられた就労時間、つまり\n 「所定労働時間」を超えて働いた場合の時間\n をいいます。一方で、時間外労働とは、労働基準法という法律で定められた労働時間の上限となる\n 「法定労働時間」を超えて働いた場合の時間を指します。\n
\n
\n 法定労働時間は、一日あたり8時間まで、一週間あたり40時間までの時間を上限として定めています。\n
\n この法定労働時間と会社で定める所定労働時間を同じ時間で設定している会社の場合は、「残業=時間外労働」という扱いとなりますが、所定労働時間を法定労働時間より少ない時間帯で定めている会社の場合は、残業と時間外労働の定義が若干異なります。\n
\n
\n たとえば、9時から17時を就労時間とし、うち12時から13時までの1時間を休憩時間としている会社の場合、就労時間は7時間となります。この場合は、終業時刻である17時を超えて働いた場合は「残業」扱いとなり、18時を超えて働いた場合は「残業」扱いとなる点に加え、「時間外労働」扱いにもなります。\n

\n

時間単位の残業時間

\n

\n ここからは、時間単位ごとの残業について順に説明をしていきます。\n
\n まず、一日・一週間あたりの残業時間についてです。先ほども述べたように、\n \n 一日あたりの法定労働時間は8時間、一週間あたりの法定労働時間は40時間が原則\n \n です。この時間を超えて働かせる場合は、あらかじめ労使間で36協定を締結し、労働基準監督署へ届け出る必要があります。\n

\n \n

残業時間の上限とは

\n

\n ここで覚えておかなければならないのが、法改正により、時間外労働の上限規制が新たに設けられたという点です。この上限規制に違反をした場合は、6ヶ月の懲役または30万円以下の罰金に処せられる可能性があります。\n
\n
\n 具体的な上限時間は、1ヶ月あたり45時間、一年あたり360時間\n となり、よほどの臨時的な事情がない限りは、この上限時間を超えてはらなないとされています。この上限時間を按分すると、一日あたり2時間程度の残業が目安となるでしょう。\n
\n
\n 今回の法改正は、依然として深刻な問題として取りざたされている過重労働問題に対応するために施行されたものであるため、社員の残業時間の規制が厳しく取り決められています。\n
\n そのため、先ほど述べたような「残業をせざるを得ない臨時的な事情があった場合」でも、以下のように残業時間の上限が定められています。なお、この「残業をせざるを得ない臨時的な事情があった場合」は、\n 36協定における「特別条項」に該当する\n こともあわせて覚えておきましょう。\n
\n
\n ①時間外労働は、一年あたり720時間以内にする\n
\n ②時間外労働+休日労働の合計は、1ヶ月あたり100時間未満に収まっている\n
\n ③時間外労働+休日労働の合計は、「2、3、4、5、6ヶ月あたりの平均値」が全て1ヶ月あたり80時間以内に収まっている\n
\n ④時間外労働が月45時間を超えることができるのは、一年に6ヶ月を限度とする\n
\n
\n 注意しなければならないのが、②と③の1ヶ月当りの上限時間には、時間外労働に加えて\n 「休日労働」\n も含まれるという点です。たとえば、1ヶ月あたりの時間外労働が40時間、休日労働が60時間という場合は、1ヶ月あたりの上限時間となる「45時間以内」をクリアしているものの、前述②の「1ヶ月あたり100時間未満」というルールが守れていないことになるため、法律違反と扱われます。\n
\n 一方、①の年間あたりの限度時間となる720時間には、休日労働は含まれません。紛らわしいので注意しましょう。\n

\n

まとめ

\n

\n 法改正により、やむを得ない臨時の事情が生じた場合でも、社員の健康や安全を守るために時間外労働の上限が設けられることになり、違反をした場合は罰則を介して厳しく取り締まりが行われるようになりました。会社側も、安心して社員に働いてもらうために残業時間の\n ルールを熟知\n し、法定労働時間を上回る労働をした社員に対しては適切な形で割増賃金を支払うことを徹底しましょう。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0027\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 ColumnRelationCards0027 = () => {\n const routeParam = useRouteParam('/column/details/C0028/')\n return (\n \n \n
\n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0027\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 ColumnDetailInner0027 from '../../../components/molecules/columnDetailInner0027'\nimport ColumnRelationCards0027 from '../../../components/molecules/columnRelationCards0027'\nimport UsefulFunctionLayout007 from '../../../components/molecules/usefulFunctionLayout007'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0027 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title:\n 'そもそも残業とは?時間外労働との違いや気になる上限時間について解説',\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 C0027\n\nexport const pageQuery = graphql`\n query C0027 {\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","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}