{"version":3,"file":"component---src-pages-column-details-c-0060-tsx-f746364e4a8abd1f4817.js","mappings":"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","sources":["webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/popupBanner.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout003.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0060.tsx","webpack://beaver-help/./src/pages/column/details/C0060.tsx"],"sourcesContent":["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 React, { useEffect, useState } from 'react'\nimport styled from '@emotion/styled'\nimport { a } from 'aws-amplify'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n position: fixed;\n bottom: 100px;\n left: 30px;\n width: 300px;\n height: 250px;\n z-index: 100;\n img {\n height: 250px;\n width: 300px;\n border: 2px solid #e5e5e5;\n }\n .popup-close {\n position: absolute;\n top: -10px;\n right: -10px;\n width: 29px;\n height: 29px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #fff;\n border-radius: 50%;\n border: solid 2px #e5e5e5;\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n`\n\n// ▼ここで何ピクセルスクロールしたら表示するのかを設定してね\nconst PAGE_Y_OFFSET = 1500\n\nconst PopupBanner = () => {\n const [show, setShow] = useState(false)\n\n const changeShow = () => {\n if (window.pageYOffset > PAGE_Y_OFFSET) {\n setShow(true)\n } else {\n setShow(false)\n }\n }\n\n const [visible, setVisible] = useState(true)\n\n useEffect(() => {\n window.addEventListener('scroll', changeShow)\n return () => window.removeEventListener('scroll', changeShow)\n }, [])\n\n const [no, setNo] = useState(-1)\n useEffect(() => {\n setNo(Math.floor(Math.random() * 2))\n }, [])\n\n const routeParam = useRouteParam(\n 'https://www.kintaicloud.jp/contact/?utm_source=column&utm_medium=popup&utm_campaign=popup_202301'\n )\n const routeParam2 = useRouteParam(\n 'https://www.kintaicloud.jp/contact/?utm_source=column&utm_medium=popup&utm_campaign=popup_202302'\n )\n\n if (show)\n return (\n \n {no === 0 && (\n
\n \n \n \n
\n )}\n {no === 1 && (\n
\n \n \n \n
\n )}\n {/** ▼閉じるボタン */}\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n setVisible(!visible)}>\n ×\n \n
\n )\n return null\n}\n\nexport default PopupBanner\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 Introduction004 from './Introduction004'\nimport Introduction005 from './Introduction005'\nimport Introduction006 from './Introduction006'\nimport Introduction007 from './Introduction007'\nimport Introduction008 from './Introduction008'\nimport Introduction009 from './Introduction009'\nimport Introduction010 from './Introduction010'\nimport Introduction011 from './Introduction011'\nimport Introduction012 from './Introduction012'\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 ${BreakPoints.large} {\n }\n`\ntype Props = {\n /** 広告の番号 */\n no: number\n}\n\n/**\n * コラム記事詳細:記事本体\n * @constructor\n */\nconst ColumnDetailInner0060 = (props: Props): JSX.Element => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2023.11.16

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

\n 2024年4月1日から運送業においても時間外労働上限規制が適用されます。これまで運送業は業務の特殊性を勘案し、時間外労働の上限規制の適用が「猶予」されていました。そして、5年の期間を経て猶予期間が終了します。そこで、適用される内容、運送業として行わなければならないこと等にフォーカスをあて解説します。{' '}\n

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

2024年4月1日から適用される内容

\n

\n 建設業等と同様に時間外労働の「上限規制」が適用されることとなります。これは努力義務ではなく、「法律」によって、違反した場合には罰則を設け、時間外労働として命じることができる上限が課されるということになります。言い換えると、\n 上限を超えた時間外労働を命ずることができない\n ということです。労働基準法第32条において、労働時間は1日8時間まで、1週間40時間までとされています。ただし、労使合意の元、「36協定」を締結することで1か月45時間、年360時間までであれば時間外労働を命じることが可能と解されます。また、多忙を極める場合に前述の上限時間を遵守できないという由々しき問題も想定されます。そこで、臨時的な事由がある場合は「特別条項」と言い、労使合意により\n \n 年間720時間、単月100時間未満(休日労働含む)、複数月(2~6か月いずれの月平均でも)80時間以下(休日労働含む)までであれば時間外労働を命じることが可能\n \n となります。注意点として、\n 時間外労働が1か月45時間を超えることができるのは年6回まで\n です。\n

\n\n

改革までに取り組むべき内容等

\n

\n 運送業特有の問題として、手待ち時間の労働時間が挙げられます。そこで、\n 予約受付システムを導入し、荷待時間を減らす\n ということです。配送先に到着しても同様の配送業者が一斉に到着してしまうと、待ち時間が発生しますので、その「ロスタイム」を削減するための取り組みですが、これは運送業者のみの努力では限界がありますので、荷受業者とも「双方協力型」の取り組み内容となります。併せて高速道路の有効活用です。特にトラックドライバーの労働時間の最も大部分を占めるのは移動時間です。そこで(もちろん近距離ではむしろ無駄になることもあるのでしょうが)\n 可能な限り高速道路を活用することで、時間圧縮が可能\n となります。この点は会社としての予算も無視することはできませんが、2024年4月1日を契機に積極的に導入を検討する企業は増えています。次に市街地での納品業務です。特に都心部では道路幅員が狭い場合も多く、かつ、共働き世帯の増加も相まって、不在時の再配達に時間を要するケースが少なくありません。そこで、共同宅配ボックスの設置が可能であれば再配達の時間も圧縮することができます。\n
\n
\n 最後に新卒者へのアプローチも必要\n です。業種全体として、高年齢化が進んでいる点は否めず、新卒者の入社割合も高い業種とは言えません。\n \n 新卒者が少ないということは一人のベテラン労働者が多くの業務を担うことになり、結果として時間外労働時間数が減らないということに繋がります。\n \n また、時間外労働時間数が増えるごとに、健康問題にも波及します。そのことが引き金となり結果的に欠員が出てしまうと、他の労働者へのしわ寄せが起こり、悪循環となります。新卒者へどのようにアピールしていくかは細かい部分は会社ごとの判断にはなりますが、一般的は週休2日の徹底、年次有給休暇の積極的な取得実績の公表、給与体系の見直しという点は「処遇改善」という意味でも、業種に関わりなく重要なポイントです。特に給与については労働条件の中でも重要な内容であり、「応相談」という形では応募者目線では怪訝に見られてしまうことから透明性を図った形で明示すべきです。\n

\n\n {/** ここに9パターンの広告設定する */}\n {props.no === 0 && }\n {props.no === 1 && }\n {props.no === 2 && }\n {props.no === 3 && }\n {props.no === 4 && }\n {props.no === 5 && }\n {props.no === 6 && }\n {props.no === 7 && }\n {props.no === 8 && }\n\n

改革に向けて注意点等

\n

\n 取り組むべき内容に挙げた例は言うまでもなく、費用が発生します。ただし、時間外労働の上限規制によって、時間外労働時間数が減るのであれば当該人件費を費用に充てることが可能となります。また、働き方改革では「多様な働き方」の推進も掲げられています。もちろん同一労働同一賃金の問題も無視できませんが、例えばこれまで正社員のみの雇用しか行っていなかった場合、家庭の事情によりむしろ正社員を希望しない(短時間勤務等を望む)女性や高齢者などの採用を検討する企業も増えています。最後に運送業といっても、運行管理者、ドライバー等「企業内の職種」は様々です。個々にそれぞれ違った労務管理上の問題点は生じ得ますが、割増賃金や安全配慮義務等の考え方においては差異がありませんので、注意が必要です。特にドライバーについては顔を合わせる機会自体が少なく、\n \n 時間外労働上限規制の改正についても施行日から逆算して周知していかなければ浸透していくまでに時間を要してしまいます。\n \n

\n\n

最後に

\n

\n 運送業については一般職と同様の労務管理が馴染まないケースが多く存在します。ただし、2024年4月1日以降は一般職と同様の水準で時間外労働をその範囲内におさめなければなりません。よって、2024年4月1日から逆算して、まずは自社として対応可能なタスクの洗い出しを進めていく必要があります。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0060\n","import { graphql } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\nimport ColumnBackAndForth from '../../../components/atoms/columnBackAndForth'\nimport SEO from '../../../components/atoms/seo'\nimport { ITopicPath } from '../../../components/atoms/topicPath'\nimport ColumnDetailInner0060 from '../../../components/molecules/columnDetailInner0060'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport Conclusion001 from '../../../components/molecules/Conclusion001'\nimport Conclusion002 from '../../../components/molecules/Conclusion002'\nimport Conclusion003 from '../../../components/molecules/Conclusion003'\nimport Conclusion004 from '../../../components/molecules/Conclusion004'\nimport Conclusion005 from '../../../components/molecules/Conclusion005'\nimport Conclusion006 from '../../../components/molecules/Conclusion006'\nimport Conclusion007 from '../../../components/molecules/Conclusion007'\nimport Conclusion008 from '../../../components/molecules/Conclusion008'\nimport Conclusion009 from '../../../components/molecules/Conclusion009'\nimport ColumnAuthor001 from '../../../components/molecules/columnAuthor001'\nimport CarouselBanner from '../../../components/molecules/carouselBanner'\nimport PopupBanner from '../../../components/molecules/popupBanner'\nimport UsefulFunctionLayout003 from '../../../components/molecules/usefulFunctionLayout003'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0060 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title: '運送業の働き方改革!改革までに取り組むべき内容・注意点は?',\n },\n ]\n\n // 0~8ランダム数字を保存\n const [no, setNo] = useState(-1)\n useEffect(() => {\n setNo(Math.floor(Math.random() * 9))\n }, [])\n\n return (\n \n \n \n {/** ポップアップバナー */}\n \n {/** 記事本体 */}\n \n\n {/** ここに9パターンの広告設定する */}\n {no === 0 && }\n {no === 1 && }\n {no === 2 && }\n {no === 3 && }\n {no === 4 && }\n {no === 5 && }\n {no === 6 && }\n {no === 7 && }\n {no === 8 && }\n\n {/** オーサ情報 */}\n \n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** カルーセルバナー */}\n \n {/** 関連記事 */}\n {/* */}\n \n \n )\n}\n\nexport default C0060\n\nexport const pageQuery = graphql`\n query C0060 {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","BreakPoints","src","alt","className","Link","to","target","rel","useState","show","setShow","changeShow","window","pageYOffset","visible","setVisible","useEffect","addEventListener","removeEventListener","no","setNo","Math","floor","random","routeParam","useRouteParam","routeParam2","style","visibility","href","onClick","props","label","id","Introduction004","Introduction005","Introduction006","Introduction007","Introduction008","Introduction009","Introduction010","Introduction011","Introduction012","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage","Conclusion001","Conclusion002","Conclusion003","Conclusion004","Conclusion005","Conclusion006","Conclusion007","Conclusion008","Conclusion009"],"sourceRoot":""}