{"version":3,"file":"component---src-pages-column-details-c-0005-tsx-dfaa5fe150553e0b13c8.js","mappings":"sLAMMA,GAAO,ioBAgDTC,EAAAA,EAAAA,MAhDS,MAwEb,IAhBwB,kBACtB,QAACD,EAAD,MACE,aAAGE,UAAU,aAAb,uBACA,aAAGA,UAAU,cAAb,2BAEE,mBAFF,oDAKA,eAAKA,UAAU,aACb,QAAC,EAAAC,KAAD,CAAMC,IAAIC,EAAAA,EAAAA,GAAc,aAAcC,OAAO,UAA7C,e,gFClEAN,GAAO,4uBAoETC,EAAAA,EAAAA,MApES,MAyGb,IA7BwB,kBACtB,QAACD,EAAD,MAEE,wBACE,eAAKO,IAAI,kCAAkCC,IAAI,WAC/C,eAAKN,UAAU,gBACb,aAAGA,UAAU,eAAb,UACA,aAAGA,UAAU,eACX,QAAC,EAAAC,KAAD,CACEC,GAAG,kDACHE,OAAO,SACPG,IAAI,cAHN,gBADF,cAYJ,eAAKP,UAAU,cAAf,oEAEE,mBAFF,gGAIE,mBAJF,iF,2FC9FJ,IAAMF,GAAO,y7BAmHb,IA/BgC,kBAC9B,QAACA,EAAD,MACE,gCAEE,QAAC,IAAD,QAEF,wBACE,oBACE,mBACE,eACEO,IAAI,8CACJC,IAAI,aAHR,QAOA,+CAEE,mBAFF,sBAKA,QAAC,EAAAL,KAAD,CAAMD,UAAU,kBAAkBE,IAAIC,EAAAA,EAAAA,GAAc,eAApD,gBAIF,eAAKH,UAAU,kBACb,eAAKK,IAAI,oCAAoCC,IAAI,kB,uKC7GnDR,GAAO,m5CAqGTC,EAAAA,EAAAA,MArGS,MAoNb,EAvG8B,kBAC5B,QAACD,EAAD,MACE,QAAC,IAAD,CAAUU,MAAM,kCAEhB,aAAGR,UAAU,cAAb,eACA,wBAEE,sJAEE,oBACA,mBAHF,2BAKE,2CALF,wBAMsB,8BANtB,8DAQE,oBACA,mBATF,0BAWE,gCAXF,wDAcA,eAAKK,IAAI,mCAAmCC,IAAI,gBAChD,qCACA,iCACc,8BADd,cAEE,mBAFF,mGAKA,+BACA,8BACW,oCADX,iDAGE,mBAHF,kHAMA,+BACA,uDAEE,0CAFF,6CAIE,mBAJF,kBAME,+CANF,WAQA,QAACG,EAAA,EAAD,OACA,wCACA,oHAEE,oBACA,mBAHF,2BAKE,sDALF,aASE,mBATF,yEAWE,mBAXF,6BAaE,kCAbF,kBAcE,oBACA,mBAfF,4BAiBE,+CAjBF,2BAoBA,wCACA,mIAEE,oBACA,mBAHF,2HAKE,oBACA,mBANF,mBAQE,2CARF,UASE,mBATF,qFAWE,oBACA,mBAZF,yCAcE,mBAdF,qFAgBE,mBAhBF,iEAmBA,cAAIT,UAAU,QAAd,QACA,2EAEE,mBAFF,2EAIE,oBACA,mBALF,OAOE,+DAPF,qD,4CCvJN,EAnCc,WACZ,IAAMU,EAAsB,CAC1B,CAAEC,MAAO,aAAcC,MAAMT,EAAAA,EAAAA,GAAc,YAC3C,CAAEQ,MAAO,UAAWC,MAAMT,EAAAA,EAAAA,GAAc,iBACxC,CACEQ,MAAO,qCAIX,OACE,QAAC,IAAD,CAAcD,MAAOA,IACnB,QAAC,IAAD,CACEC,MAAM,+BACNE,YAAY,+EACZC,MAAM,+CACNC,OAAO,UACPC,QAAQ,+BACRC,cAAc,+EACdC,WAAW,8BACXC,QAAQ,gEAEV,QAAC,IAAD,MAEE,QAAC,EAAD,OAEA,QAAC,IAAD,OAEA,QAAC,IAAD,OAEA,QAAC,IAAD","sources":["webpack://beaver-help/./src/components/molecules/Introduction002.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor002.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout003.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0005.tsx","webpack://beaver-help/./src/pages/column/details/C0005.tsx"],"sourcesContent":["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\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 usefulFunctionLayout003 = () => (\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\nexport default usefulFunctionLayout003\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport Introduction002 from './Introduction002'\n\nconst Wrapper = styled.article`\n position: relative;\n margin-bottom: 30px;\n .p-list-link {\n position: absolute;\n top: 9px;\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 .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 span {\n background: linear-gradient(transparent 60%, #ff6 60%);\n font-weight: 600;\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 ColumnDetailInner0005 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n 昨今では、長時間労働にまつわる問題が深刻化していることを受け、国はワーク・ライフ・バランスや働き方改革などの対策法を広く推奨しています。この影響を受け、各会社に対しても社員の労働時間の正しい管理についても厳しい管理体制を敷くことが求められているのが現状です。\n
\n
\n 社員の勤怠状況や労働時間の管理をするためには、\n 労働時間に関するルールを正しく理解する\n ことが必須になります。しかし、ひとことで「労働時間」\n といっても、たとえば所定労働時間や法定労働時間などいくつかの種類があることから、混乱しやすいという懸念点があります。\n
\n
\n 今回は、労働時間を理解する際にポイントとなる\n 「所定労働時間」\n にスポットを当て、定義を正しく理解した上で、気になる残業代の計算法などについても伝授していきましょう。\n

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

そもそも「労働時間」とは何か

\n

\n まず、すべての基本となる「労働時間」について説明します。\n
\n 労働時間は、社員が雇用契約を交わした会社のために働かなければならない時間のことをいいます。労働時間は、雇われている会社の社長や上司の指揮命令下に置かれている点についても覚えておきましょう。\n

\n

所定労働時間とは

\n

\n 所定労働時間とは、会社で決められた労働時間\n のことです。労働時間の詳細は、就業規則や個別に交わす労働契約書で具体的に定められています。\n
\n たとえば、10時から19時までの間に働き、うち13時から14時までの1時間を休憩時間として定めている会社の場合は、10時から19時までの9時間分から、休憩時間である1時間分を控除した後の8時間が所定労働時間となります。\n

\n

法定労働時間とは

\n

\n 法定労働時間とは、労働者が守られるべき最低限の権利について定められた\n 「労働基準法」で定められた、上限時間\n のことです。会社は、原則として社員をこの法定労働時間を超えて働かせてはなりません。\n
\n なお、法定労働時間の詳細は、\n 一日あたり8時間まで、一週間あたり40時間までが原則です。\n

\n \n

法定労働時間と所定労働時間との違い

\n

\n 法定労働時間は一日あたり・一週間あたりに社員を働かせる労働時間の上限「ルール」であることに対して、所定労働時間は会社が独自で定めた「労働時間」であり、同じ労働時間でも内容が大きく異なります。\n
\n
\n ただし、ここで覚えておかなければならないのが、\n \n 法定労働時間を超えた時間を所定労働時間として定めてはならない\n \n 、ということです。\n
\n 社員を雇用する会社は、当然ながら労働基準法を守らなければなりません。これはつまり、法定労働時間を守らなければならないという事でもあります。\n
\n したがって、会社が所定労働時間を決める際には、必ず\n 法定労働時間内の範囲で設定をする必要があります。\n
\n
\n なお、法定労働時間を超えて社員を働かせる場合は、\n 別途36協定を締結し、労働基準監督署へ届け出る\n 必要がありますので、こちらも注意しましょう。\n

\n

所定労働時間における残業代の計算法

\n

\n 残業代といえば、会社で定める定時を超えて仕事をした場合に発生するものだというイメージが強いと思われます。しかし、所定労働時間を超えた場合の残業と、法定労働時間を超えた場合の残業では、計算法が全く異なる点に注意が必要です。\n
\n
\n 労働基準法によれば、残業代は、会社が届け出た36協定の内容や、臨時に残業の必要があると判断された場合などに、法定労働時間や法定休日を超えて社員を働かせた場合に、法で定められた割増率に沿った形で支払われなければならない、と定められています。\n
\n
\n つまり、残業代が発生する基準は\n 「法定労働時間・法定休日」を超えた場合となります。\n
\n 言い換えれば、所定労働時間が法定労働時間より短く設定されている場合に、法定労働時間を超えない範囲内で残業をさせたとしても、残業代を支払う義務がないことになります。\n
\n
\n たとえば、所定労働時間が6時間の会社で、社員が1時間の残業をしたとします。\n
\n この場合は、残業時間を加算しても一日トータルで7時間分の労働となるため、一日あたり8時間という法定労働時間のルールを超えないことから、残業代の支払義務は免れます。\n
\n ただし、残業代は発生しなくとも、1時間分働いたことに対する賃金自体は発生することになるため、間違えないようにしましょう。\n

\n

まとめ

\n

\n 所定労働時間は、法律で定められた法定労働時間とは全く異なるものであることがお分かりいただけましたでしょうか。\n
\n 労働基準法による規制がかかるのは、あくまでも法定労働時間を超えた場合であることを正しく理解し、適切な形で勤怠管理や給料を支払う必要があります。\n
\n
\n なお、\n \n 法定労働時間を超えない時間内の残業に対し、任意で社員に残業代を支払うことは可能\n \n になることから、社員のモチベーションを高めるための一策として検討してみる方法も有効でしょう。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0005\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 ColumnDetailInner0005 from '../../../components/molecules/columnDetailInner0005'\nimport UsefulFunctionLayout003 from '../../../components/molecules/usefulFunctionLayout003'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0005 = () => {\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\nexport default C0005\n\nexport const pageQuery = graphql`\n query C0005 {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","BreakPoints","className","Link","to","useRouteParam","target","src","alt","rel","label","Introduction002","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}