{"version":3,"file":"component---src-pages-column-details-c-0037-tsx-b0750ad097b16ca1774b.js","mappings":"2KAKMA,GAAO,ioBAgDTC,EAAAA,EAAAA,MAhDS,MA6Eb,IArBwB,WACtB,IAAMC,GAAaC,EAAAA,EAAAA,GAAc,0CACjC,OACE,QAACH,EAAD,MACE,aAAGI,UAAU,aAAb,wBACA,aAAGA,UAAU,cAAb,+BAEE,mBAFF,mBAIE,mBAJF,8BAOA,eAAKA,UAAU,aACb,aAAGC,KAAMH,EAAYI,OAAO,SAASC,IAAI,cAAzC,gB,gFCrEFP,GAAO,6uBAoETC,EAAAA,EAAAA,MApES,MAuGb,IA3BwB,kBACtB,QAACD,EAAD,MAEE,wBACE,eAAKQ,IAAI,kCAAkCC,IAAI,WAC/C,eAAKL,UAAU,gBACb,aAAGA,UAAU,eAAb,SACO,mCAEP,aAAGA,UAAU,eACX,QAAC,EAAAM,KAAD,CACEC,GAAG,kCACHL,OAAO,SACPC,IAAI,cAHN,iBADF,iBAYJ,eAAKH,UAAU,cAAf,kK,2FChGJ,IAAMJ,GAAO,y7BAgHb,IA5BgC,kBAC9B,QAACA,EAAD,MACE,gCAEE,QAAC,IAAD,QAEF,wBACE,oBACE,mBACE,eACEQ,IAAI,8CACJC,IAAI,cAHR,SAOA,sDACA,QAAC,EAAAC,KAAD,CAAMN,UAAU,kBAAkBO,IAAIR,EAAAA,EAAAA,GAAc,eAApD,mB,uKCpGFH,GAAO,izDAsITC,EAAAA,EAAAA,MAtIS,MAmOb,EArF8B,kBAC5B,QAACD,EAAD,MACE,QAAC,IAAD,CAAUY,MAAM,gCAEhB,aAAGR,UAAU,cAAb,eACA,wBAEE,0HAEE,oBACA,mBAHF,qDAMA,eAAKI,IAAI,mCAAmCC,IAAI,iBAChD,6BACA,gDAEE,gCAFF,mFAIE,mBAJF,2EAME,mBANF,yEAQE,mCARF,iFAWA,4BACA,sCACmB,6BADnB,uBAGE,mBAHF,mHAKE,mBALF,gGAQA,gCACA,qEAEE,4BAFF,+BAIE,oBACA,mBALF,oCAOE,qCAPF,2IAUA,QAACI,EAAA,EAAD,OACA,iCACA,6EAEE,4BAFF,iBAGe,kCAHf,iFAKE,mBALF,sDAQA,gCACA,uNAEE,mBAFF,mEAIE,+CAJF,aAME,oBACA,mBAPF,wIASE,oBACA,mBAVF,sJAaA,0BACA,2DAEE,oCAFF,wDAIE,mBAJF,sCAME,2CANF,cAOE,mBAPF,wF,4CCxKN,EAnCc,WACZ,IAAMC,EAAsB,CAC1B,CAAEC,MAAO,aAAcC,MAAMb,EAAAA,EAAAA,GAAc,YAC3C,CAAEY,MAAO,UAAWC,MAAMb,EAAAA,EAAAA,GAAc,iBACxC,CACEY,MAAO,yBAIX,OACE,QAAC,IAAD,CAAcD,MAAOA,IACnB,QAAC,IAAD,CACEC,MAAM,6BACNE,YAAY,yEACZC,MAAM,+CACNC,OAAO,UACPC,QAAQ,6BACRC,cAAc,yEACdC,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/Introduction001.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout006.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0037.tsx","webpack://beaver-help/./src/pages/column/details/C0037.tsx"],"sourcesContent":["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 usefulFunctionLayout006 = () => (\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 usefulFunctionLayout006\n","import styled from '@emotion/styled'\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 ColumnDetailInner0037 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.11.28

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

\n コロナ禍を経て、働き方が変革を迎えています。これまで毎日出勤をしながら対面業務一択であった企業も特定のエッセンシャルワーカーを除き、テレワークを採用し、感染拡大防止に寄与する動き方が通常となっています。\n
\n
\n 今回は、交通費に関して、時代の流れも汲みながら基本的な内容にフォーカスをあて、解説していきます。\n

\n \"キンクラコラム画像37\"\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 15万円\n と定められており、この額を超えると課税対象となります。\n
\n
\n 次に自動車や自転車などの交通用具を使用している場合の通勤手当は、\n 距離に応じて、非課税限度額\n が定められており、通勤距離が片道2キロメートル未満の場合に通勤手当を支給する場合は全額課税対象となります。そこから距離に応じて、段階的に非課税限度額が定められており、通勤距離が片道2キロメートル以上10キロメートル未満である場合、非課税限度額は4,200円となります。\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か月定期代で支給するのか、最長である6か月定期代で支給するのかも検討の余地があります。経営的な視点では1か月定期代で支給するより6か月定期代で支給する方が単価としては安価になりますが、途中退職者が出た場合の払い戻し手続きが煩雑になるというデメリットがあります。\n

\n

最後に

\n

\n 通勤手当は、定めるか否かは会社の裁量に委ねられますが、支給するとした際には、\n 働き方に見合った支給方法\n (定期代なのか回数払いなのか)、支給期間(定期券代支給月数)などは、予め決定しておくことが求められます。\n
\n また、法律上の取り扱いも税法上と社会保険上では取り扱いが異なる為に、\n 誤った労務管理とならないよう進めていくことが求められます。\n
\n また、同一労働同一賃金の観点からも雇用形態に応じて差を設ける場合、違法と判断されるリスクもあることから内容によっては専門家を交えて議論するという選択肢も有用です。\n

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