Webディレクターの業務委託は稼げる？単価相場や契約までの流れを解説

先に本記事の結論を紹介します。

• 高単価案件を狙うなら「レバテックフリーランス」「テクフリ」
• とにかく色々な案件を見たいなら「レバテックフリーランス」「エンジニアスタイル」
• 万が一の休業補償など、福利厚生で選ぶなら「テクフリ」「Midworks」
• 週3以内で働ける案件を探すなら「ITプロパートナーズ」

	公式サイト	案件数	特徴
レバテックフリーランス	https://freelance.levtech.jp/	★★★	・高単価な週4〜案件が多い ・知識豊富なカウンセラーの丁寧なサポート ・リモート可案件が多い
テクフリ	https://freelance.techcareer.jp/	★★★★★	・高単価な週5案件が多い ・サポートが丁寧 ・福利厚生が手厚い
Midworks	https://mid-works.com/	★★★	・福利厚生が手厚い ・週3日〜稼働できる案件も
ITプロパートナーズ	https://itpropartners.com/	★★★★	・週3以内の案件が多い ・リモート可案件が多い
エンジニアスタイル	https://engineer-style.jp/	★★★★★	・高単価案件が多い ・リモート可案件も多い

案件数は各社のWebディレクター向け公開案件数（2022年12月5日時点）をもとに作成。

エージェントに登録したら、なるべく早く担当者と面談して詳しい希望条件を伝えておきましょう。

担当のコンサルタントと直接話した方が詳しい条件も伝えやすく、案件を獲得できる確率も上がります。

本記事では、フリーランス向けの案件紹介サービスの選び方、おすすめのフリーランスエージェントの詳細などを紹介します。

フリーランス向け案件探しの参考にご覧ください。

Webディレクターが業務委託案件を探す基準

Webディレクターの業務委託案件を選ぶなら、注目すべきポイントは以下の3点です。

• 自分のスキルに合った案件が多いか
• リモート可能な案件があるか
• 高単価な案件が多いか

自分のスキルに合った案件が多いか

案件サイトにはそれぞれ得意分野があるので、サイトを選ぶ際は自分のスキルに合った案件が豊富にあるか確認することが必要です。

たとえば案件サイトによっては、次のような特徴があります。

• Web系の領域に強く、ディレクターやデザイナーの案件が多い
• 高度なスキルが求められるが、その分高単価な案件がある

案件サイトを探す際は、自分が重視したいポイントを決めておいてください。

そして希望の業界があるならその業界に強いサイトを、自分のスキルを活かしたいならそうした案件を扱っているサイトを選びましょう。

リモート可能な案件があるか

リモートワークができる案件を取り扱っているかという点も大切です。

リモートワークができるなら、オンライン環境さえあれば自宅やカフェなど自分の働きやすい場所で仕事ができます。

通勤時間をかけずに効率よく時間が使える分、事業や趣味の時間を増やせるのです。

案件サイトのなかでも「レバテックフリーランス」と「ITプロパートナーズ」は、特にリモート可能な案件が豊富です。

高単価な案件が多いか

サイトによっては高単価な業務委託案件が多いため、効率よく稼ぐことが可能です。

もちろん単価が高い案件は求められるスキルも高レベルになりますが、実績と経験値を向上できます。

そして高単価案件を獲得すれば、収入の安定にもつながります。

Webディレクターの業務委託案件を探せるおすすめサイト4選

ここではWebディレクターの業務委託案件を探せるサイトの中から、DAINOTE編集部が厳選したおすすめの5サイトをご紹介します。

• レバテックフリーランス（https://freelance.levtech.jp/）
  とにかく案件数が豊富。業界最高水準レベルの高単価案件が見つかります。
• テクフリ（公式：https://freelance.techcareer.jp/ ）
  有名企業の高単価案件多数。税理士紹介や休業手当などのサポートも充実しています
• Midworks（公式：https://mid-works.com/ [）
  フリーランスエージェントの中でもサポート・福利厚生がかなり手厚い。
• ITプロパートナーズ（公式：https://itpropartners.com/）
  リモートや週2~3稼働ができる直請案件を探すにはここ。業界でも最多水準の案件数です。
• エンジニアスタイル（公式：https://engineer-style.jp/ ）
  複数エージェントの案件の中から自分の希望に合う案件を一気に探せます。

レバテックフリーランス

公式サイト：https://freelance.levtech.jp/

運営会社	レバテック株式会社
公開求人数 （現在募集中の案件）	74994件 (2024年03月27日現在)
webディレクターの 公開求人数	l lang="ja"> window.dataLayer = window.dataLayer || []; dataLayer.push({"ip": "34.69.42.147"}); dataLayer.push({"entry_id": ""}); dataLayer.push({"inflow_param": ""}); dataLayer.push({"job_id": "109907,109905,109904"}) dataLayer.push({"viewBasket": []}); dataLayer.push({"viewBasket_logicad": ""}); dataLayer.push({"basketstatus_rtb": ["LTF109907","LTF109905","LTF109904"]}); dataLayer.push({"rtb_job_id": "LTF109907,LTF109905,LTF109904,LTF109903,LTF109902"}); dataLayer.push({"freelance-experience": ""}); dataLayer.push({"engineer-experience": ""}); dataLayer.push({"project_status": ""}); dataLayer.push({"category_1_id": ""}); dataLayer.push({"phone_number": ""}); dataLayer.push({"mail_address": ""}); dataLayer.push({"project_id": ""}); dataLayer.push({"site_type": ""}); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K8K2XB'); webディレクターの絞り込み検索 | ITフリーエンジニアのための【レバテックフリーランス】 .projectSearchLayout[data-v-5722ea9e]{background:#f0f0f0}.h1Title[data-v-5722ea9e]{background:#f5f5f5;color:#666;font-size:1rem;line-height:20px;overflow:auto;padding:0 8px;white-space:nowrap} @charset "UTF-8"; /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border-top-width:1px;box-sizing:content-box;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:.8125em;font-size:inherit}address{font-style:inherit}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:.8125em;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:0;color:inherit;font:inherit;margin:0;outline:0;padding:0;text-align:inherit;vertical-align:middle}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}[hidden],template{display:none}html{font-size:62.5%}body{background-color:#fff;color:#2d2d2d;font-family:Roboto,Noto Sans JP,游ゴシック体,Yu Gothic,Arial,sans-serif;font-feature-settings:"pkna";font-size:1.2rem;line-height:1.6;min-width:960px;text-align:left;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:767px){body{min-width:auto}}a{color:#37789b;text-decoration:underline}a:visited{color:#8f3dba}a:hover{text-decoration:none}a *,button *{pointer-events:none} @font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} .swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none} :root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"} .swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap} :root{--vc-clr-primary:#000;--vc-clr-secondary:#090f207f;--vc-clr-white:#fff;--vc-icn-width:1.2em;--vc-nav-width:30px;--vc-nav-height:30px;--vc-nav-border-radius:0;--vc-nav-color:var(--vc-clr-primary);--vc-nav-color-hover:var(--vc-clr-secondary);--vc-nav-background:transparent;--vc-pgn-width:12px;--vc-pgn-height:4px;--vc-pgn-margin:4px;--vc-pgn-border-radius:0;--vc-pgn-background-color:var(--vc-clr-secondary);--vc-pgn-active-color:var(--vc-clr-primary)}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);box-sizing:content-box;color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);justify-content:center;margin:0 10px;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{left:0;right:auto}.carousel{box-sizing:border-box;overscroll-behavior:none;position:relative;text-align:center;touch-action:pan-y}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.carousel__icon{height:var(--vc-icn-width);width:var(--vc-icn-width);fill:currentColor}.carousel__pagination{display:flex;justify-content:center;line-height:0;list-style:none;margin:10px 0 0}.carousel__pagination-button{background:transparent;border:0;cursor:pointer;display:block;margin:0;padding:var(--vc-pgn-margin)}.carousel__pagination-button:after{background-color:var(--vc-pgn-background-color);border-radius:var(--vc-pgn-border-radius);content:"";display:block;height:var(--vc-pgn-height);width:var(--vc-pgn-width)}.carousel__pagination-button--active:after,.carousel__pagination-button:hover:after{background-color:var(--vc-pgn-active-color)}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;position:relative;scroll-snap-stop:auto;transform:translateZ(0)} .projectDropdown[data-v-72c2ebbd]{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(55,120,155,.24);left:-120px;max-width:750px;overflow:hidden;padding:16px 24px;position:absolute;top:calc(100% + 1px);transform:translateX(0);white-space:nowrap;z-index:9999}.projectDropdown.-top[data-v-72c2ebbd]{left:-24px}.projectDropdown>.title[data-v-72c2ebbd]{border-bottom:1px solid #e1e1e1;font-size:1.2rem;margin-bottom:4px}.categoryItem[data-v-72c2ebbd]{align-items:center;border-bottom:1px solid #e1e1e1;box-sizing:border-box;display:flex;height:80px;padding:0 16px}.categoryItem>.title[data-v-72c2ebbd]{align-items:center;color:#666;display:flex;flex:0 0 160px;font-size:1.4rem;font-weight:700;gap:4px}.categoryItem>.title>.image[data-v-72c2ebbd]{display:inline-block;height:auto;opacity:.8;vertical-align:bottom;width:24px}.topLink[data-v-72c2ebbd]{margin-top:8px;text-align:right}.topLink>.link[data-v-72c2ebbd]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%23333' fill-rule='nonzero' d='m20 12-2.82 2.82L26.34 24l-9.16 9.18L20 36l12-12z'/%3E%3C/g%3E%3C/svg%3E") 100%/16px no-repeat;color:#2d2d2d;font-size:1.4rem;padding-right:16px;text-decoration:none;transition:.2s}.topLink>.link[data-v-72c2ebbd]:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%2337789B' fill-rule='nonzero' d='m20 12-2.82 2.82L26.34 24l-9.16 9.18L20 36l12-12z'/%3E%3C/g%3E%3C/svg%3E");color:#37789b}.navLinks[data-v-72c2ebbd]{display:flex;flex-wrap:wrap;gap:12px;width:600px}.navLinks>.item[data-v-72c2ebbd]{min-width:114px;opacity:.9}.navLinks>.item>.link[data-v-72c2ebbd]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%23333' fill-rule='nonzero' d='m20 12-2.82 2.82L26.34 24l-9.16 9.18L20 36l12-12z'/%3E%3C/g%3E%3C/svg%3E") 0/16px no-repeat;color:#2d2d2d;display:inline-block;font-size:1.4rem;padding-left:16px;text-decoration:none}.navLinks>.item>.link[data-v-72c2ebbd]:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%2337789B' fill-rule='nonzero' d='m20 12-2.82 2.82L26.34 24l-9.16 9.18L20 36l12-12z'/%3E%3C/g%3E%3C/svg%3E");color:#37789b} .commonDropdown[data-v-6b45c7e7]{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(55,120,155,.24);left:50%;max-width:750px;overflow:hidden;position:absolute;top:calc(100% + 1px);transform:translateX(-50%);white-space:nowrap;z-index:9999}.navLinks[data-v-6b45c7e7]{padding:8px 0}.navLinks>.item>.link[data-v-6b45c7e7]{color:#2d2d2d;display:flex;font-size:1.4rem;gap:4px;line-height:40px;padding:0 24px;text-decoration:none;transition:.2s}.navLinks>.item>.link[data-v-6b45c7e7]:hover{background:#f5f5f5}.navLinks>.item>.link>.icon[data-v-6b45c7e7]{height:auto;vertical-align:middle;width:16px} .globalNav[data-v-974be1d0]{display:flex}.globalNav>.menu[data-v-974be1d0]{position:relative;z-index:100}.globalNav>.menu[data-v-974be1d0]:after{background:#37789b;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;transition:.2s;width:0}.globalNav>.menu[data-v-974be1d0]:hover:after{width:100%}.globalNav>.menu>.link[data-v-974be1d0]{color:#2d2d2d;display:block;font-size:1.4rem;font-weight:700;letter-spacing:.05em;padding:24px;text-align:center;text-decoration:none}.globalNav>.menu>.link.is-compact[data-v-974be1d0]{padding:16px 24px}.globalNav>.menu>.link.-top[data-v-974be1d0]{padding:12px 24px}.globalNav>.menu>.link[data-v-974be1d0]:hover{color:#37789b} .linkButton[data-v-998e8304]{border-radius:4px;display:flex;font-weight:700;justify-content:center;letter-spacing:.02em;text-align:center;text-decoration:none;transition:.2s}.linkButton.-border[data-v-998e8304]{border:1px solid #37789b;color:#37789b;font-size:1.1rem;font-weight:700;line-height:1.4;margin-left:8px;padding:8px;white-space:pre-line}.linkButton.-border[data-v-998e8304]:hover{background:#f1f7fa}@media (max-width:767px){.linkButton.-border[data-v-998e8304]{font-size:1.4rem;font-weight:400;line-height:36px;margin:0;padding:0}}.linkButton.-cta[data-v-998e8304]{background:#ff4a33;color:#fff;font-size:1.4rem;font-weight:700;line-height:48px;padding:0 16px}.linkButton.-cta[data-v-998e8304]:hover{background:#e4443b}@media (max-width:767px){.linkButton.-cta[data-v-998e8304]{font-size:1.2rem;line-height:38px;padding:0 8px}}.linkButton.-ctaOnStickyHeader[data-v-998e8304]{align-items:center;background:#ff4a33;border-radius:0 4px 4px 0;color:#fff;width:100%}.linkButton.-ctaOnStickyHeader[data-v-998e8304]:hover{background:#e4443b}@media (max-width:767px){.linkButton.-ctaOnStickyHeader[data-v-998e8304]{font-size:1.2rem;line-height:38px;padding:0 8px}}.linkButton.-borderWide[data-v-998e8304]{background:#37789b;border:2px solid #37789b;color:#fff;font-size:1.2rem;font-weight:700;height:48px;letter-spacing:0;line-height:1.4;padding:8px 20px;white-space:pre-line}.linkButton.-borderWide[data-v-998e8304]:hover{background:#255476;border-color:#255476}.linkButton.-small[data-v-998e8304]{font-size:1.2rem;line-height:1;padding:14px 8px;width:100%}.linkButton.-medium[data-v-998e8304]{line-height:40px}@media (max-width:767px){.linkButton.-medium[data-v-998e8304]{font-size:1.4rem}}.linkButton.-large[data-v-998e8304]{font-size:1.6rem;line-height:48px}.linkButton.-largeSecond[data-v-998e8304]{font-size:1.8rem;line-height:60px;width:100%} .navButtons[data-v-ece35643]{align-items:center;display:flex;gap:20px;margin-left:24px}.navButtons>.border[data-v-ece35643]{background:#e1e1e1;height:32px;width:1px}.navButtons>.anchor[data-v-ece35643],.navButtons>.text[data-v-ece35643]{color:#666;font-size:1.3rem}.navButtons>.text[data-v-ece35643]{cursor:pointer;text-decoration:underline}.navButtons>.text[data-v-ece35643]:hover{text-decoration:none} .baseHeader[data-v-eeef472c]{background:#fff;border-bottom:1px solid #e1e1e1;min-width:960px;width:100%}.baseHeader.is-fixed[data-v-eeef472c]{opacity:0;position:fixed;top:0;transform:translateY(-100%);transition:.2s;visibility:hidden;z-index:9999}.baseHeader.is-fixed.is-show[data-v-eeef472c]{opacity:1;transform:translateY(0);visibility:visible}.baseHeader.is-sticky[data-v-eeef472c]{position:sticky}.headerInfo[data-v-eeef472c]{background:hsla(0,0%,95%,.4)}.headerInfo>.inner[data-v-eeef472c]{align-items:center;box-sizing:border-box;display:flex;margin:auto;min-height:25px;padding:0 12px;width:960px}.headerInfo>.inner>.title[data-v-eeef472c]{flex:1;font-size:1rem;line-height:1.1;padding:2px 0;width:500px}.linkList[data-v-eeef472c]{display:flex;gap:16px}.linkList>.item[data-v-eeef472c]{font-size:1rem}.linkList>.item>.link[data-v-eeef472c]{color:#666;text-decoration:none}.headerNav[data-v-eeef472c]{align-items:center;display:flex;justify-content:space-between;margin:auto;padding:0 12px;width:960px}.is-fixed .headerNav[data-v-eeef472c]{padding:0}.headerNav>.logo[data-v-eeef472c]{transition:.2s;width:150px}.headerNav>.logo[data-v-eeef472c]:hover{opacity:.7} .linkButton[data-v-fa4ff8ac]{align-items:flex-end;color:#2d2d2d;display:flex;flex-wrap:wrap;font-size:1rem;height:56px;justify-content:center;padding:6px 0;text-decoration:none;width:50px}.linkButton.-cta[data-v-fa4ff8ac]{background:#ff4a33;color:#fff;font-weight:700}.linkButton.-cta[data-v-fa4ff8ac]:hover{background:#e4443b}.linkButton>.icon[data-v-fa4ff8ac]{height:auto;vertical-align:middle;width:24px} .globalNavButtons[data-v-d9cc327e]{display:flex} .imageLink[data-v-e67e3f4b]{display:block}.imageLink>.image[data-v-e67e3f4b]{pointer-events:none} .globalMenuProject[data-v-cf8bfbb5]{border-bottom:6px solid #f5f5f5}.globalMenuProject>.title[data-v-cf8bfbb5]{font-size:1.4rem;font-weight:700;line-height:40px;padding:0 16px;position:relative}.globalMenuProject>.cta[data-v-cf8bfbb5]{margin-bottom:24px;padding:16px 16px 0}.globalMenuProject>.link[data-v-cf8bfbb5]{color:#2d2d2d;display:block;line-height:40px;padding:0 16px;text-decoration:none}.globalMenuProject>.link[data-v-cf8bfbb5],.projectMenuTitle[data-v-cf8bfbb5]{border-top:1px solid #f5f5f5;font-size:1.4rem}.projectMenuTitle[data-v-cf8bfbb5]{display:flex;gap:4px;padding:16px 16px 0;position:relative}.projectMenuTitle[data-v-cf8bfbb5]:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%234794BE' fill-rule='nonzero' d='m14 20 10 10 10-10z'/%3E%3C/g%3E%3C/svg%3E") 50%/20px no-repeat;content:"";height:20px;position:absolute;right:16px;top:calc(50% + 8px);transform:translateY(-50%);transition:.3s;width:20px}.projectMenuTitle.is-opened[data-v-cf8bfbb5]:after{transform:translateY(-50%) rotate(-180deg)}.projectMenuTitle>.icon[data-v-cf8bfbb5]{opacity:.8;width:20px}.projectCategoryLinks[data-v-cf8bfbb5]{margin:4px 0 8px;overflow:hidden;padding:0 16px;transition:height .4s ease-out}.projectCategoryLinks>.link[data-v-cf8bfbb5]{background:#f5f5f5;border-radius:3em;color:#2d2d2d;display:inline-block;font-size:1.2rem;line-height:1;margin:4px;padding:6px 12px;text-decoration:none} .globalMenuCommon[data-v-c28bfe6b]{border-bottom:6px solid #f5f5f5}.globalMenuCommon>.title[data-v-c28bfe6b]{font-size:1.4rem;font-weight:700;line-height:40px;padding:0 16px;position:relative}.globalMenuCommon>.title[data-v-c28bfe6b]:after,.globalMenuCommon>.title[data-v-c28bfe6b]:before{background:hsla(0,0%,100%,.05) 100%/20px no-repeat;background-blend-mode:lighten;content:"";height:20px;position:absolute;right:16px;top:50%;transition:.2s;width:20px}.globalMenuCommon>.title[data-v-c28bfe6b]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%2337789b' fill-rule='nonzero' d='M38 26H26v12h-4V26H10v-4h12V10h4v12h12z'/%3E%3C/g%3E%3C/svg%3E");transform:translateY(-50%)}.globalMenuCommon>.title[data-v-c28bfe6b]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%2337789b' fill-rule='nonzero' d='M38 26H10v-4h28z'/%3E%3C/g%3E%3C/svg%3E");opacity:0;transform:translateY(-50%) rotate(-90deg)}.globalMenuCommon>.title.is-opened[data-v-c28bfe6b]:before{opacity:0;transform:translateY(-50%) rotate(90deg);transform-origin:center}.globalMenuCommon>.title.is-opened[data-v-c28bfe6b]:after{opacity:1;transform:translateY(-50%) rotate(0)}.menuLinks[data-v-c28bfe6b]{border-top:1px solid #f5f5f5;overflow:hidden;transition:height .4s ease-out}.menuLinks>.item[data-v-c28bfe6b]{border-bottom:1px solid #f5f5f5;position:relative}.menuLinks>.item>.link[data-v-c28bfe6b]{color:#2d2d2d;display:block;font-size:1.4rem;line-height:40px;padding:0 16px;text-decoration:none}.menuLinks>.item>.link>.icon[data-v-c28bfe6b]{height:auto;opacity:.8;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px} .globalNav[data-v-327b6d95]{background:#f5f5f5;bottom:0;box-shadow:-8px 0 24px rgba(0,0,0,.1);height:100%;margin-left:auto;overflow:scroll;position:fixed;right:0;top:0;transform:translateX(0);transition:.3s;width:280px;z-index:10000}.globalNavHead[data-v-327b6d95]{align-items:center;background:#fff;border-bottom:6px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}.projectMenuTitle[data-v-327b6d95]{border-top:1px solid #f5f5f5;display:flex;font-size:1.4rem;gap:4px;padding:16px;position:relative}.projectMenuTitle[data-v-327b6d95]:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3Cpath fill='%234794BE' fill-rule='nonzero' d='m14 20 10 10 10-10z'/%3E%3C/g%3E%3C/svg%3E") 50%/20px no-repeat;content:"";height:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:.3s;width:20px}.projectMenuTitle.is-opened[data-v-327b6d95]:after{transform:translateY(-50%) rotate(-180deg)}.projectMenuTitle>.icon[data-v-327b6d95]{opacity:.8;width:20px}.globalMenuList[data-v-327b6d95]{background:#fff}.globalMenuList>.link[data-v-327b6d95]{border-bottom:1px solid #f5f5f5;color:#2d2d2d;display:block;font-size:1.4rem;line-height:40px;padding:0 16px;position:relative;text-decoration:none}.globalMenuList>.link>.logo[data-v-327b6d95]{height:auto;opacity:.8;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px}.loginButton[data-v-327b6d95]{background:#fff;border:2px solid #37789b;border-radius:8px;display:block;height:48px;margin:24px auto 0;text-align:center;width:248px}.loginButton>.text[data-v-327b6d95]{color:#37789b;font-size:1.4rem;font-weight:700;line-height:1.1428571429} .baseHeader[data-v-4082a893]{align-items:center;background:hsla(0,0%,100%,.95);border-bottom:1px solid #ccc;box-sizing:border-box;display:flex;height:56px;justify-content:space-between;overflow:hidden;position:sticky;top:0;width:100%;z-index:99}.baseHeader.is-static[data-v-4082a893]{position:static}.baseHeader>.logo[data-v-4082a893]{margin-right:12px;width:110px}.globalNavMask[data-v-4082a893]{background:rgba(0,0,0,.7);bottom:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.fade-enter-active[data-v-4082a893],.fade-leave-active[data-v-4082a893]{transition:opacity .3s}.fade-enter[data-v-4082a893],.fade-enter-from[data-v-4082a893],.fade-leave-to[data-v-4082a893]{opacity:0}.slide-enter-active[data-v-4082a893],.slide-leave-active[data-v-4082a893]{transition:.3s}.slide-enter[data-v-4082a893],.slide-enter-from[data-v-4082a893],.slide-leave-to[data-v-4082a893]{transform:translateX(100%)} .stickyPageTop[data-v-0890a2f5]{align-items:center;background-color:#2d2d2d;border:3px solid #fff;border-radius:50%;bottom:110px;box-shadow:0 1px 4px 0 rgba(0,0,0,.32);color:#fff;display:flex;flex-direction:column;font-size:1rem;height:56px;justify-content:center;line-height:1;position:fixed;right:calc(50% - 360px);text-align:center;transition:.3s;width:56px;z-index:99}.stickyPageTop[data-v-0890a2f5]:before{border-left:1px solid #fff;border-top:1px solid #fff;content:"";height:7px;position:relative;transform:rotate(45deg);width:7px}.stickyPageTop.is-stop[data-v-0890a2f5]{bottom:auto;position:absolute;right:calc(50% - 542px);top:-58px}.stickyPageTop[data-v-0890a2f5]:hover{box-shadow:0 2px 10px 0 rgba(0,0,0,.32)}.fade-enter-from[data-v-0890a2f5],.fade-leave-to[data-v-0890a2f5]{opacity:0} .footerCopyright[data-v-de9fd497]{color:#999;font-size:1.1rem;font-weight:700}@media (max-width:767px){.footerCopyright[data-v-de9fd497]{background:#37789b;color:#fff;display:block;font-size:1.2rem;letter-spacing:.05em;padding:4px 0;text-align:center}.footerCopyright.-noBackground[data-v-de9fd497]{background:none;color:#999}} .footerLogo[data-v-dfe9e5c9]{display:grid;justify-items:flex-end}.footerLogo>.image[data-v-dfe9e5c9]:hover{opacity:.7} .baseFooter[data-v-d7b33bb6]{background:#2d2d2d;padding-top:30px;width:100%}.baseFooter>.inner[data-v-d7b33bb6]{display:grid;gap:40px;margin:0 auto;padding-bottom:30px;position:relative;width:960px}.pageTop[data-v-d7b33bb6]{position:absolute;right:0;top:-80px}.pageTop[data-v-d7b33bb6]:hover{opacity:.7}.linkList[data-v-d7b33bb6]{display:flex;flex-wrap:wrap;gap:20px 36px}.linkList>.item[data-v-d7b33bb6]{background:url("data:image/webp;base64,UklGRn4AAABXRUJQVlA4THEAAAAvCUACAE+gtG0jOK7CsnaB++jp0Clt2wiOq7CsXeA+ejp0Sts2guMqLGsXuI+eDt38x/+3DYC7s7sigiQzgySSwCa2rUafIAAJqEgdXqioMQF13Ot3RUT0vwdSR5AC2AXkS6d9uDM//Jk/FpALYKWOIAA=") no-repeat 0;padding-left:16px}.linkList>.item>.link[data-v-d7b33bb6]{color:#fff;font-size:1.2rem;text-decoration:none}.linkList>.item>.link[data-v-d7b33bb6]:hover{text-decoration:underline;text-decoration-color:#fff}.projectLinksWrapper[data-v-d7b33bb6]{border-top:1px solid #666;padding-top:30px}.projectLinksWrapper>.title[data-v-d7b33bb6]{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:20px}.serviceLinksWrapper[data-v-d7b33bb6]{border-top:1px solid #666;padding-top:30px}.serviceLinksWrapper>.title[data-v-d7b33bb6]{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:20px}.serviceLinkList[data-v-d7b33bb6]{display:flex;flex-wrap:wrap;gap:16px 24px}.serviceLinkList>.item[data-v-d7b33bb6]{width:18%}.textLink[data-v-d7b33bb6]{color:#fff;display:inline-block;font-size:1.4rem;line-height:1.2857142857;text-decoration:none;transition:all .2s}.textLink[data-v-d7b33bb6]:hover{opacity:.8}.textLink[data-v-d7b33bb6]> .description{color:#b4b4b4;display:block;font-size:1.2rem;line-height:1.5;margin-bottom:2px}.footerBottom[data-v-d7b33bb6]{background:#fff;padding:20px 0;width:100%}.footerBottom>.inner[data-v-d7b33bb6]{align-items:flex-end;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:960px} .breadcrumbList[data-v-37e32a64]{background:#f5f5f5;display:flex;gap:24px;overflow:auto;padding:8px 12px;white-space:nowrap}.breadcrumbList.-silver[data-v-37e32a64]{background:#f0f0f0}.breadcrumbList>.item[data-v-37e32a64]{font-size:1.2rem}.breadcrumbList>.item>.link[data-v-37e32a64]{position:relative}.breadcrumbList>.item>.link[data-v-37e32a64]:before{border-bottom:2px solid #ccc;border-right:2px solid #ccc;content:"";height:6px;position:absolute;right:-15px;top:50%;transform:translateY(-50%) rotate(315deg);width:6px} .footerAccordion[data-v-fdab0ace]{display:grid}.footerAccordion>.title[data-v-fdab0ace]{background:#37789b;border-bottom:1px solid #fff;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.08em;padding:8px;position:relative}.footerAccordion>.title[data-v-fdab0ace]:before{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:10px;position:absolute;right:12px;top:50%;transform:translateY(calc(-50% - 2px)) rotate(45deg);width:10px}.footerAccordion>.title.is-opened[data-v-fdab0ace]:before{transform:translateY(calc(-50% + 2px)) rotate(225deg)}.footerAccordion>.description[data-v-fdab0ace]{overflow:hidden;padding:16px;transition:height .4s ease-out} .baseFooter[data-v-ecdb9f3c]{background:#fff}.projectLinkListWrapper[data-v-ecdb9f3c]{display:grid;gap:16px}.projectLinkListInfo[data-v-ecdb9f3c]{display:grid;gap:4px}.projectLinkListInfo>.title[data-v-ecdb9f3c]{font-size:1.2rem}.projectLinkMore[data-v-ecdb9f3c]{text-align:right}.projectLinkMore>.link[data-v-ecdb9f3c]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='5' cy='5' r='5' fill='%234794BE'/%3E%3Cpath fill='%23FFF' d='m7 4.9-3 2v-4z'/%3E%3C/g%3E%3C/svg%3E") 100% no-repeat;color:#37789b;font-size:1.2rem;font-weight:700;padding-right:14px;text-decoration:none}.linkList[data-v-ecdb9f3c]{display:grid;gap:4px}.linkList>.item[data-v-ecdb9f3c]{font-size:1.2rem}.linkList>.item>.link[data-v-ecdb9f3c]{color:#37789b;text-decoration:none}.serviceLinkList[data-v-ecdb9f3c]{display:flex;flex-wrap:wrap;gap:16px 8px;padding:16px 0}.serviceLinkList>.item[data-v-ecdb9f3c]{width:48%}.serviceLink[data-v-ecdb9f3c]{color:#2d2d2d;display:inline-block;font-size:1.4rem;line-height:1.4285714286;text-decoration:none;transition:all .2s}.footerBottom[data-v-ecdb9f3c]{align-items:center;background:#f5f5f5;display:flex;gap:5%;padding:12px}.bottomLinkList[data-v-ecdb9f3c]{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.bottomLinkList>.item[data-v-ecdb9f3c]{min-width:45%}.bottomLinkList>.item>.link[data-v-ecdb9f3c]{color:#2d2d2d;display:block;font-size:1.1rem;text-decoration:none} .pageTitle[data-v-c6318adc]{background:#f5f5f5;color:#37789b;font-size:4rem;font-weight:700;letter-spacing:.025em;line-height:1.475;padding:48px 16px;text-align:center}@media (max-width:767px){.pageTitle[data-v-c6318adc]{font-size:2rem;line-height:1.46875;padding:32px 16px}}.errorPage[data-v-c6318adc]{margin:0 auto 160px;padding:0 16px;width:960px}@media (max-width:767px){.errorPage[data-v-c6318adc]{margin-bottom:96px;padding:0 4.2666666667%;width:100%}}.descriptionWrapper[data-v-c6318adc]{padding:80px 0 24px}@media (max-width:767px){.descriptionWrapper[data-v-c6318adc]{padding:40px 0 0}}.descriptionWrapper>.description[data-v-c6318adc]{color:#2d2d2d;font-size:1.6rem;letter-spacing:.03125em;line-height:2;text-align:center;white-space:pre-line}@media (max-width:767px){.descriptionWrapper>.description[data-v-c6318adc]{width:100%}}.errorItem[data-v-c6318adc]{margin-top:56px}@media (max-width:767px){.errorItem[data-v-c6318adc]{margin-top:40px}}.errorItem>.title[data-v-c6318adc]{color:#2d2d2d;font-size:2rem;font-weight:700;letter-spacing:.028em;margin-bottom:16px}@media (max-width:767px){.errorItem>.title[data-v-c6318adc]{font-size:1.6rem;margin-bottom:8px}}.linkList[data-v-c6318adc]{display:flex;flex-wrap:wrap}.linkList>.item[data-v-c6318adc]{font-size:1.4rem;width:25%}@media (max-width:767px){.linkList>.item[data-v-c6318adc]{margin-top:8px;width:100%}}.linkList>.item>.link[data-v-c6318adc]{color:#37789b}@media (min-width:768px){.linkList>.item>.link[data-v-c6318adc]:hover{text-decoration:none}} 絞り込み検索 | レバテックフリーランスIT・Web求人/転職フリーランスクリエイター案件案件検索よく検索されるキーワードスキルJavaPHPPythonJavaScriptRubyC#Go職種・ポジションインフラフロントエンドネットワークSEプログラマーPMPMO案件特徴在宅・リモート案件高単価短期案件実務経験浅い方OK副業・複業エリア東京都大阪福岡愛知トップページに戻るサービス紹介ご利用の流れ 個別相談会 ご友人紹介 福利厚生パッケージについて 登録者限定機能について お役立ちコンテンツご利用者インタビュー フリーランススタートガイド 採用企業の方へログイン無料会員登録案件検索よく検索されるキーワードスキルJavaPHPPythonJavaScriptRubyC#Go職種・ポジションインフラフロントエンドネットワークSEプログラマーPMPMO案件特徴在宅・リモート案件高単価短期案件実務経験浅い方OK副業・複業エリア東京都大阪福岡愛知トップページに戻るサービス紹介ご利用の流れ 個別相談会 ご友人紹介 福利厚生パッケージについて 登録者限定機能について お役立ちコンテンツご利用者インタビュー フリーランススタートガイド 採用企業の方へログイン無料会員登録HOME件 (2024年02月01日現在)
マージン率	非公開
対応地域	東京・神奈川・埼玉・千葉・大阪・兵庫・京都・愛知・福岡
強み	・週4日～稼働の案件、リモート案件多数 （週3日以内の案件はハイスキルが必要） ・カウンセラーの専門性が高く、幅広く相談に乗ってくれる ・高単価な案件が多い

レバテックフリーランスには、主に3つの特徴があります。

1. 業界最高水準の案件単価
2. キャリアコンサルタントによる手厚いサポート
3. 案件数が多い

業界最高水準の案件単価

高単価な案件が多いことが、レバテックフリーランスの特徴の一つです。

これはほとんどの案件が「直請案件」で、他の中間業者を挟んでいないのが理由です。

キャリアコンサルタントによる手厚いサポート

※2022年9月時点　レバテックフリーランス公式サイトより引用（公式：https://freelance.levtech.jp）

レバテックフリーランスはIT人材サービスを手掛けているため、営業に関してIT業界を熟知したプロからサポートを受けられます。

案件数が多い

レバテックフリーランスには、さまざまなWebディレクターの案件があります。

2022年12月5日時点のWebディレクター案件数は、49件でした。

レバテックフリーランスの案件例

案件名	【上流/PM】オフショア向けWebディレクターの求人・案件
月額単価	850,000円/月
職務内容	下記を行っていただきます。 ・事業理解 ・課題に対する解決策の検討 ・要件定義 ・プロトタイプ作成(ペーパー/HTML) ・オフショアへのタスク受け渡し ・スケジュール管理 ・成果物確認(テスト/レビュー)
求めるスキル	・ユーザーが抱える問題に対しての解決策の検討経験 ・要件定義経験 ・タスク受け渡し経験 ・成果物についてのテストやレビュー経験歓迎スキル・メディアタイアップ広告領域における業界経験 ・プラットフォームビジネスへの知見
案件URL	【上流/PM】オフショア向けWebディレクターの求人・案件　 (2024年04月23日 現在)

テクフリ

画像はテクフリ公式サイトより引用：https://freelance.techcareer.jp/

運営会社	株式会社アイデンティティ
公開求人数	1,624件 (2024年04月24日現在)
webディレクターの 公開求人数	12件 (2024年04月24日現在)
マージン率	非公開
対応地域	東京、神奈川、埼玉、千葉、大阪、京都、兵庫、奈良 フルリモート案件も取扱あり。
特徴	週5日で稼働できる案件を多く保有。リモート可案件も多数。
公式	https://freelance.techcareer.jp/

公式ページ：https://freelance.techcareer.jp/

テクフリは、個人では受注が難しい有名企業の高単価な案件の取扱実績があります。

運営元である株式会社アイデンティティは、複数のIT人材派遣事業をおこなっているため、IT・Web系企業とのパイプも太いです。

手厚いユーザーサポートも特徴で、下記のように細やかなサービスが受けられます。

• 独自の案件マッチングシステムでスキルとのマッチ度が高い案件を紹介
• 1人につき2人のスタッフがついて案件獲得をサポート
• 企業との面談前にはエージェントが面談対策をしてくれる

テクフリの案件例

案件名	Webディレクター/週5/フルリモート/コーポレートサイトのUI改善提案とWebディレションの案件・求人
月額単価	720,000円/月
業務内容	顧客グループ各社のサイトを、CMSを使用して一元管理化する案件で、 既存サイトからCMS化する上での設計や、制作進行を含む案件全体の管理を行っていただきます。 ・ITリテラシーの低い要望元（事業サイド）からの要求を取り纏め、制作/フロントエンドと調整/折衝 ・UI設計、UI提案、IA設計の経験 ・移行対象サイトの構成整理、ディレクトリマップの作成 ・スケジュール作成（見積もりと工期の整合管理） ・移行/開発/QA全体の進行管理、推進リード（ヘッドレス構築の場合のデザイン含む） ・QCDマネジメント（リスク含む事案発生時に事前に相談報告など）
基本スキル	・CMS使用経験がある。（現場はDrupalだが、WordPress経験あればよし） ・UI改善の実務経験がある。（エンジニアと仕様や実装難易度を確認調整しながらUIパターンを検討など） ・固まっていない要求を取り纏め、要件定義した経験がある。 ・制作進行を含む案件全体の管理を行なったご経験がおありの方。（重視されます）
尚可スキル	・UI設計、UI提案の経験がある。 ・制作だけでなく開発も含めたディレクション経験がある。 ・CMS移管に携わった経験がある。
案件URL	Webディレクター/週5/フルリモート/コーポレートサイトのUI改善提案とWebディレションの案件・求人　 (2024年04月23日 現在)

Midworks

画像はMidworks公式サイトより引用（2022年11月12日時点）：https://mid-works.com/

運営会社	株式会社Branding Engineer
公開案件数	8,665件 （※_2022年12月5日時点）
対応地域	関東圏（東京、千葉、神奈川、埼玉） 関西圏（大阪、京都、兵庫、奈良、滋賀、和歌山、三重県） （フルリモート勤務の場合は全国対象）
特徴	大企業からの高単価案件が募集されていることがある 週3〜稼働できる案件あり（※ 会社員向けの副業案件は紹介不可）

Midworksは、フリーランスで活躍したいエンジニアにおすすめのエージェントで、次のような特徴があります。

• 報酬補償を含む手厚い福利厚生
• エンジニア案件の分野が幅広い

報酬補償を含む手厚い福利厚生

Midworksの魅力は、協業補償を含めた手厚い福利厚生が用意されている点です。

• freeeの無料利用や弁護士の無料紹介などの「税務補助」
• 保険の紹介
• 交通費や書籍代を支援する「経費補助」
• 休業中も給与を補償する「報酬補償制度（審査あり）」

フリーランスになりたい人の一番の不安は「収入が途切れてしまうこと」です。

ですがMidworksなら仮に案件が途切れても、次の案件獲得までの間の収入を保証してくれます（報酬補償の適用には審査があります）。

エンジニア案件の分野が幅広い

Midworksで取り扱っている案件の多くは、エンジニア向けの案件です。

また、クライアントの種類が幅広いので、選択肢が多いのも魅力です。

• 大手上場企業〜スタートアップベンチャーまで会社規模が多様
• SIerも自社サービス企業案件もあり

週3日から入れる案件や、しっかり週5日で稼働できる案件もあるので、自分の働き方に合った案件を探せます。

登録&相談は無料です。

「フリーランスを目指したいけど不安…」という人は、まず登録して、相談だけでもしてみることをおすすめします！

※Midworksは週3日程度〜参画できる案件がありますが、会社員の方への副業は紹介していません。

ITプロパートナーズ

公式サイト：https://itpropartners.com/

運営会社	株式会社Hajimari
公開求人数	4240件 (2024年04月23日現在)
webディレクターの 公開求人数	113件 (2024年04月23日現在)
マージン率	非公開
対応地域	東京・神奈川・埼玉・千葉・大阪・兵庫・京都・愛知・福岡
働き方	週2-3案件、リモート案件多数
公式	https://itpropartners.com/

ITプロパートナーズには、主に2つの特徴があります。

1. 『直請案件』だからこその高単価
2. リモート勤務、週1~2日から稼働OKの案件多数

『直請案件』だからこその高単価

ITプロパートナーズ公式サイトより引用（https://itpropartners.com/）

ITプロパートナーズで見つかる案件には『直請案件』が多いため、傾向として他のエージェントとよりも高単価な案件が豊富です。

※エージェント以外の仲介会社を挟まずに、クライアントと直接契約しているものを『直請案件』といいます。

正直なところ、大部分のエージェントがマージン率を非公開にしているので、あらかじめフリーランスの取り分や単価の良し悪しを知っておくことが困難です。

外からマージン率がわからない分、過剰に報酬の中抜きが起こらないIT プロパートナーズが魅力的なのです。

リモート、週1~2日から稼働OKの案件多数

ITプロパートナーズ公式サイトより引用（公式：https://itpropartners.com/）

ITプロパートナーズには週1~2日から稼働できる案件が多く、これが大きな魅力となっています。

他のエージェントで一般的なのは、最低稼働日数が週3・4日以上の常駐案件です。

それに対してITプロパートナーズにはリモート可能の案件が豊富なため、自分の働き方に合った案件を選びやすくなっています。

注意：ITプロパートナーズには週1日から稼働可能な案件がありますが、会社員に向けた副業紹介はできません。

ITプロパートナーズの案件例

案件名	【JavaScript/データ解析】ウェブサイトの改善におけるWEBディレクターの案件・求人
月額単価	〜900,000円（週2日〜5日）
職務内容	■ミッション 【募集背景】 サービスのグロースに伴い、既存のウェブサービス ウェブサイト等の改善リソースが足りず補充が必要 【想定業務内容】 PM補佐として ・開発スケジュール管理、チケットの整理 ・要件定義資料の作成 ・LPフォームのABテスト、テストを踏まえた改善、実装
求めるスキル	■必須スキル： ・WEB/開発ディレクターの経験 ・Google分析ツールの使用経験 ・ABテストWEB解析に基づく施策立案、実行経験 ■尚可スキル： ・開発への理解(HTML/CSS/Javascript) ・ウェブ広告運用経験 ・Tableau、KARTE使用経験 ■求める人物像： ・ベンチャーでマインドをもち主体的にアクションできる方
案件URL	【JavaScript/データ解析】ウェブサイトの改善におけるWEBディレクターの案件・求人　 (2024年04月23日 現在)

エンジニアスタイル

公式サイト：https://engineer-style.jp

抜粋された案件は優良エージェントのものなので安心ですし、多くの案件を一気に確認し、クリックするだけで応募できるので利便性も高いです。

運営会社	ボスアーキテクト株式会社
公開求人数	20,225件
特徴	直接契約で高単価を実現
対応地域	主に東京
働き方	リモートワーク、フレックス制度、 週2稼働OKなどさまざまな案件に対応

※2022年12月5日時点・公式サイトより引用/算出

エンジニアスタイルには、2つの特徴があります。

• 17万件超の豊富な案件数
• データが豊富で、案件を探しやすい

17万件超の豊富な案件数

2022年9月時点で、17万件を超える掲載数があります。

そのため豊富な案件のなかから、より自分に合う案件が見つけられるのです。

エンジニアスタイルには他のエージェントに少ない案件も多く、リモートワークOK、フレックス制度がある、週2稼働OKといった案件も掲載されています。

求人ニーズも幅広く、副業やフリーランス、スキルアップ、転職に合った案件があるので、まずは登録してみるのがおすすめです。

無料で会員登録する（公式サイト）

データが豊富で、案件を探しやすい

​​※エンジニアスタイルから引用 /2022年12月5日時点確認

平均単価だけでなく職種別や言語別、フレームワーク別の単価、さらに件数ランキングまですべて公開しています。

そして案件を探す際の条件として、以下を設定することが多いでしょう。

• 言語・フレームワーク
• 開発スキル
• 職種/業界
• エリア/駅
• 単価

エンジニアスタイルでは、さらにこだわり条件も設定したうえで案件検索が可能です。

• 稼働できる時間帯
• 勤務地
• 職場環境
• リモート勤務可能か
• 未経験OKか
• 会社の規模や志向
• トレンド技術を取り入れているか

このようにスキルや条件を細かく設定できるので、希望に合った案件が見つかりやすくなるのです。

※エンジニアスタイルより引用 /2022年12月5日時点

面談から稼働後まで支援してもらえるうえ、充実した福利厚生もあります。

Webディレクターの業務委託の案件例・単価相場は？

webディレクターの業務委託案件にはどんな案件があって、報酬の相場がどれくらいなのかを確認していきます。

実際にwebディレクターの業務委託案件をいくつかピックアップして紹介するので、ぜひ参考にしてみてください。

※今回紹介する案件は募集を終了している可能性もあります。最新の案件例が見たい人はエージェントに登録したうえで、詳細を確認してみましょう。

案件例①

案件名	【Webディレクター/PMO】新規個人投資家向けインターネット証券取引システム開発の求人・案件
月額単価	750,000円/月
職務内容	・自前の証券系パッケージを持っている会社にて、 　某有名証券会社向けに、 　新規開発中のオンライントレーディングシステムの 　Webディレクターとして参画いただきます。 ・React.jsで開発を行っている小/中規模のプロジェクトの 　要件定義及びプロジェクト管理をご対応いただきます。 ・ご経験及びタイミング、ご意向に応じて 　証券会社の顧客対応もお任せします。
求めるスキル	・デザイン及びフロントエンド開発のディレクション経験 ・3名以上の開発プロジェクトの進捗管理経験 ・要件定義の経験 ・ディレクターまたはPMOの実務経験3年以上歓迎スキル・顧客折衝経験 ・HTML、CSS、JavaScriptを用いたWebアプリ開発経験 ・株、先物、為替、仮想通貨等の金融系システム開発経験 ・株、先物、為替、仮想通貨等の投資/取引経験
案件URL	【Webディレクター/PMO】新規個人投資家向けインターネット証券取引システム開発の求人・案件　 (2024年04月23日 現在)

案件例②

案件名	【Webディレクター】証券系サービスの求人・案件
月額単価	550,000円/月
職務内容	証券会社のPCサイト運用作業、プレスリリース、レポート更新、キャンペーンなどをお任せ致します。 ・マーケティング部、商品開発部等の窓口 ・Webサイトディレクション業務/要件定義/進行管理 ・HTML,CSSの軽微な修正作業 ・顧客との折衝 上記5名体制で常駐支援をしているプロジェクトへ参加していただきます。
求めるスキル	・証券、金融業界経験 ・CMSの基礎知識 ・Webサイトディレクション経験をお持ちの方 ・PCサイトの運用経験をお持ちの方 ・Webサイトの情報設計がきちんとできる方、理解している方 ・HTML、CSS基本知識をお持ちの方 ・コーディング経験がある方(テンプレートを流用したコーディング経験等) ・多くのマルチタスクを冷静に確実にこなせる方
案件URL	【Webディレクター】証券系サービスの求人・案件　 (2024年04月23日 現在)

上記の案件はあくまでも一例なので、自分のスキルに合わせて案件を探してみてください。

業務委託契約の主な種類

企業が業務の一部を他の企業、あるいは個人に外注・委託することを「業務委託契約」といいます。

互いに報酬や納期、仕事内容、進め方などを確認し、双方の了承がとれた時点で契約へ進みます。

アルバイトと大きく異なるのは、企業との間に雇用関係がなく、対等な関係で仕事ができるという点です。

業務委託契約の種類は、大きく分けて3つあります。

• 準委任契約
• 請負契約
• 委任契約

種類ごとに詳しく解説していきます。

準委任契約

準委任契約では成果物の作成、事務作業などが委託されますが、報酬は時給や月給計算で支払われます。

つまり準委任契約を交わしたWebディレクターは、委託された業務を時間内に完了させなければなりません。

メリット

準委任契約には、安定した収入が得やすいというメリットがあります。

準委任契約の場合、「成果物の納品」ではなく「時間内に委託された業務を行うこと」が報酬の条件です。

したがって成果物を納品したかどうかに関わらず、稼働した時間だけ報酬が発生するので、収入が安定しやすいといえます。

デメリット

一方、自由に稼働時間を選べるわけではないので、その点はデメリットといえます。

シフトに基づいた稼働が基本で、クライアントによっては早朝や深夜の稼働ができない場合もあるのです。

定期的に業務の進捗状況の報告が求められるなど、ある程度クライアントに業務の進め方も管理されることになります。

そしてもう一つのデメリットとして、企業側に評価されなかった場合は、たとえプロジェクトの途中でも契約終了となるリスクがあります。

請負契約

請負契約の場合は、成果物を完成させ、それを納品する義務があります。

成果物に対して報酬が発生するため、正社員やアルバイトの仕組みとは異なります。

メリット

請負契約の条件は成果物の完成と納品であり、働く場所や時間・業務の進め方についてはクライアントに報告する必要がありません。

そのため働く場所や時間が自由に選べます。

好きな場所、好きな時間に働ける点は、請負契約の大きなメリットです。

デメリット

一方デメリットは、成果物に対し報酬を受け取るため、納品した成果物の品質が十分でないと、報酬がもらえないリスクがあることです。

やり直しの指示が入る、あるいは報酬を減額されるだけでなく、報酬の支払いを拒まれるケースも起こりかねません。

そしてどれほど工数がかかったとしても、受け取る報酬額は変わらないというデメリットもあります。

報酬が5万円の案件でも、作業時間の見積もりが最大100時間であれば、時給でいうと500円/時の案件ということです。

委任契約

法律に関する業務を委託することを、委任契約といいます。

たとえば税理士に確定申告を委任する、裁判を起こす際に弁護士に委任するケースは委任契約といえます。

Webディレクターが業務委託で働くメリット

業務委託で働くWebディレクターには、主に4つのメリットがあります。

• 自分の好きな仕事に集中できる
• 努力次第で収入アップが可能
• 自分で業務時間を決められる
• 人間関係のストレスから解放される

自分の好きな仕事に集中できる

1つめのメリットは、自分の好きな仕事に集中できることです。

会社員の場合は、決まった条件の下で与えられた仕事をこなす必要があります。

もちろん好きな仕事ばかりするわけにはいかず、ストレスが溜まることも多いでしょう。

それに対して業務委託契約では、さまざまな案件の中から自分の得意な領域や挑戦したい業務内容を選びます。

自分の好きな仕事に集中できるためストレスを感じることも減り、楽しく仕事ができるのです。

努力次第で収入アップが可能

2つめのメリットは、努力すれば収入を上げられることです。

会社の給与体系によっては、大きな成果を出すことと給与アップがつながらないケースもあります。

ところが業務委託の場合は、成果を出せば出すほど、契約の継続や報酬アップなど目に見える結果として表れやすいのです。

クライアントや仕事仲間などの人脈があれば、待遇のよい仕事につながることもあるかもしれません。

自分で業務時間を決められる

3つめのメリットは、業務時間を自分で決めてよいことです。

好きな場所・時間で働ける請負契約はもちろん、準委任契約の場合もシフトの調整がしやすく、会社員より柔軟に働けることが多いです。

自分で業務時間を決め、自宅や気に入っているカフェなど好きな場所を選んで仕事ができます。

人間関係のストレスから解放される

4つめのメリットは、人間関係のストレスがなくなることです。

会社員が悩む原因の一つとして、上司や同僚など職場の人間関係が挙げられます。

一方で業務委託が雇用関係と違うのは、クライアントと対等な立場に立って業務に取り組める点です。

相性のよくない担当者に当たったとしても、次は違うクライアントを選べばよいでしょう。

Webディレクターが業務委託で働くデメリット

先にメリットを挙げましたが、業務委託にはデメリットも3点あります。

• 労働基準法が適用されなくなる
• 福利厚生が受けられない
• 仕事のトラブルはすべて自己責任

労働基準法が適用されなくなる

1つめのデメリットは、労働基準法の適用外となることです。

正社員やアルバイトのように雇用関係がない分、業務委託の場合は報酬や労働量などの条件について、法律で守られているとはいいにくいです。

最低賃金に関する法律も特にないので、業務量と報酬額が見合わない案件を受注するリスクもあります。

福利厚生が受けられない

デメリットの2つめは、福利厚生が受けられないことです。

雇用保険や労災保険などの社会保険は会社員に適用されるものなので、業務委託契約は対象外です。

そのためもし事故や怪我が発生しても、必要な手当てを自力で探さなければなりません。

万が一に備えてフリーランス用の保険に加入しておくなど、自分の身を守るために備えておくことをおすすめします。

仕事のトラブルはすべて自己責任

3つめのデメリットは、仕事で起きたトラブルはすべてが自己責任になることです。

会社員が起こしたトラブルについては、ある程度であれば会社が責任をとってくれます。

一方で業務委託契約は、もしも仕事上でトラブルが起きた場合、すべてが自己責任になります。

場合によっては、企業が受けた損害の賠償責任を負わされるケースもあるでしょう。

納期を守らない、企業が求めるレベルに達していないなどの理由から、たやすく契約を切られてしまう可能性もあります。

業務委託契約を結ぶには業務委託契約書が必要

業務委託契約を結ぶ際は、必ず業務委託契約書を取り交わします。

これは後のトラブル発生を防ぐために、労働者・クライアントそれぞれを守る大切なものです。

業務委託契約書が必要な理由

業務委託契約書は、主に2つの理由で必要になります。

• 契約上のトラブルが起きにくくなる
• 万が一のときに証拠として使える

業務委託契約書には、仕事内容や報酬などの重要事項がはっきり書かれています。

「想定を超えるレベルのスキルが求められた」「報酬が少ない」などのトラブルを防ぐには、事前に十分な取り決めが必要です。

あらかじめ業務委託契約書を取り交わしておけば、こうしたトラブルを回避して円滑に仕事を進められます。

さらに万が一トラブルが起きた場合は、業務委託契約書を証拠として扱うこともできます。

最悪の場合ですが、もしも裁判がおこなわれることになった際には、業務委託契約書を提出してください。

業務委託契約で起きやすいトラブルとは？

業務委託契約では、主に以下のようなトラブルが起きやすいとされています。

• 成果物に対して何度も修正を求められたが報酬が変わらず、その分時給換算での報酬が減った
• 契約していない業務内容が追加されたが、それに対する報酬は支払われなかった

こうしたトラブルを防ぐためにも、業務委託契約書が必要なのです。

事前に書面で業務内容を確認しておくことで、互いに納得して業務が進められるようになります。

秘密保持契約を結ぶ場合は秘密保持契約書を取り交わす

案件によっては業務委託契約書だけでなく、秘密保持契約書が取り交わされる場合もあるでしょう。

「契約中に知り得た機密情報や個人情報を、業務遂行以外の用途で第三者に開示しない」という内容を記したものが、秘密保持契約書です。

もし企業と秘密保持契約を結ぶ必要があれば、秘密保持契約書を取り交わしてください。

業務委託契約締結の主な流れ

業務委託契約を結ぶには、次のような流れがあります。

1. 契約内容の詳細について話し合う
2. 業務委託契約書を作成する
3. 契約書の内容を共有し、認識の相違を確認し合う
4. 業務委託契約書を取り交わし、契約完了

①契約内容の詳細について話し合う

まずは契約内容について細かく話し合いを行います。

• 報酬額
• 契約期間
• 業務の範囲

特に上記の項目については、できるだけはっきり決めておいてください。

②業務委託契約書を作成する

次は①の内容をもとにして、業務委託契約書の作成にうつります。

業務を受ける側ではなく、業務を委託する側のクライアントが契約書の作成を行います。

③契約書の内容を共有し、認識の相違がないか確認し合う

②で業務委託契約書が作成されたら、それを確認して認識に相違がないか見ておく必要があります。

ここでの確認が契約後のトラブルを防ぐことにつながるので、重要な部分はもちろん、小さな部分であっても気になることは相談してください。

④業務委託契約書を取り交わし、契約完了

互いに納得のいく契約内容であることを確認したら、業務委託契約書を取り交わして契約完了となります。

本来は記名捺印が必要ですが、近年ではクラウドを使った電子契約も増えています。

そのため場合によっては電子捺印での対応も可能です。

業務委託契約の締結前に確認すべき条件

業務委託契約を締結する場合、クライアントと契約内容について十分な話し合いをしなければなりません。

あらかじめ確認すべきポイントを知っておき、契約時に慌てないようにしましょう。

契約形態は何か

業務委託契約には種類があるので、準委任契約か請負契約かを確認してください。

契約形態によってメリット・デメリットが異なり、働き方や収入の安定性も変わります。

必ず契約前にチェックしておきましょう。

業務内容は何か

業務内容の項目で確認するのは、「実際に委託されるのはどんな業務か」ということです。

「想定を超える量の業務を委託されて、仕事量と報酬額が見合わない事態になった」というトラブルを防ぐために、ここを丁寧に確認する必要があります。

報酬についての記載はあるか

報酬についてはっきり記載があることも、業務委託契約書をチェックするポイントの一つです。

• 報酬額
• 支払い方法

上記2点はもちろん、以下の2点についても忘れずに確認してください。

• 時間単価か、プロジェクト単位での支払いか
• 報酬の計算方法

「想定より報酬額が少なかった」「支払日が思ったより先だった」という事態を防ぐには、この確認が必須です。

クライアントとの間に認識の相違がないよう、必ずチェックしましょう。

報酬以外に経費の支払いはあるか

報酬だけでなく、経費の支払いについても話し合いが必要です。

後でトラブルにならないよう、業務上必要な消耗品、PCの回線費用、電気代といった経費の扱いを確認します。

経費は報酬に含まれるのか、あるいは別支払いなのかという点まで見逃さずにチェックしてください。

稼働時間はどのくらいか

稼働時間も確認が必要なポイントです。

「最低週2日稼働」と時間が定められていたり、精算幅（例：基準は100時間、精算幅は90〜110時間、報酬額は◯万円）が定められていたりと案件によって異なる部分なので、丁寧にチェックしましょう。

自分のスケジュールを管理するためにも、確認は欠かせません。

稼働時間精算幅外の控除・超過支払いについての記載はあるか

稼働時間に精算幅が設けられている場合は、報酬の控除や超過支払いについてのチェックも必要になります。

たとえば実際の稼働時間が精算幅より少なかった際に、報酬がその分差し引かれるのが「報酬の控除」です。

逆に、稼働時間が多かった場合に報酬額に加算されるのが「超過支払い」となります。

この記載がなければ「業務時間外に働いた分の報酬がもらえなかった」というトラブルが起こりかねないので、入念に確認しましょう。

報酬の支払日はいつか

クライアント企業の規定によって、報酬の支払日は違います。

どのタイミングで報酬が支払われるのか、業務委託契約書を締結する前に確認してください。

特に請負契約の場合は、納品後に検収が完了してから報酬が支払われるケースもあります。

締め日を過ぎてから検収となった場合、報酬の支払いは翌月になるかもしれません。

納品から検収までにかかる期間についても、あわせて確認しておくと安心です。

契約期間、更新の有無について

業務委託契約における契約期間、ならびに契約終了後の更新があるか否かも話し合っておく必要があります。

契約更新がある場合は、その条件もチェックしておかなければなりません。

損害賠償の記載はあるか

業務委託契約を結ぶにあたり、損害賠償問題は避けて通れません。

たとえば情報漏洩や著作権の侵害、秘密保持契約違反など企業に損害を与える行為をした場合、企業から損害賠償を請求されるケースがあるのです。

もちろん企業に対して故意に損害を与える行為はしないでしょうが、念のため損害賠償の項目があればよく見ておいてください。

特に見逃してはならない点は、損害賠償が及ぶ期間、そして賠償請求される条件です。

不利な内容は記載されていないか

業務委託のWebディレクターにとって、不利になる内容が記載されている可能性もゼロではありません。

「報酬の振込手数料はディレクターが負担する」「契約終了後に起きた損害は全額ディレクターが賠償する」という記載があったとして、気づいたのが契約締結後であれば手遅れとなってしまいます。

いったん不利な契約を結ぶと、将来的に自分が苦しむことになるでしょう。

そのためこうした記載があった場合は、修正を依頼すべきです。

どうしても契約条件に互いの合意が得られないなら、契約そのものを断ることも選択肢にいれてください。

まとめ

本記事では、Webディレクターにおすすめの案件サイトを4つ、そして業務委託契約締結の流れやその注意事項について説明しました。

この記事を参考にしてWebディレクターの業務委託案件を受注し、今よりも活躍の場を広げていきましょう。

【ITプロパートナーズ】リモートワークで働きたい人におすすめ

リモート可能な案件や週2〜3日の案件が豊富！

ITプロパートナーズの評判を見る

ITプロパートナーズ公式ページを見る

【エンジニアスタイル】多数エージェントの案件をまとめて見られる

IT系フリーランス向けの案件を数多く掲載！エンジニア以外の職種の案件も豊富です

無料で会員登録する（公式サイト）