Webデザイナーにおすすめの転職エージェント11選

最終更新日:
Webデザイナーにおすすめの転職エージェント3選

【第1位】レバテックキャリア(公式:https://career.levtech.jp/
IT・Web業界のエンジニア・デザイナーに特化した転職エージェント。
上流工程・大手企業など高年収求人が多い。年収アップを目指したい人におすすめ。
【第2位】マイナビIT AGENT (公式:https://mynavi-agent.jp/it/
業界大手のマイナビが運営するIT・Webエンジニアに特化した転職エージェント。
書類添削・模擬面接の回数制限なし。キャリアサポートを重視したい人におすすめ。
※マイナビのプロモーションを含みます
【第3位】Geekly(ギークリー)(公式:https://www.geekly.co.jp/
IT・Web・ゲーム業界に特化した転職エージェント。
求人探しから内定までのスピードを重視したい人におすすめ。

「Webデザイナーとして転職したいけれど、おすすめの転職エージェントはどこ?」

DAI
本記事では、上記のような悩みを持つ方々のために、Webデザイナーにおすすめの転職エージェントをご紹介します。【特化型】はこちら、【総合型】はこちら、【未経験】はこちらで詳しく解説しています。

まずはこの記事の結論をご紹介します。

  • 転職して年収アップしたい人におすすめ:レバテックキャリア
  • キャリアサポートを重視したい人におすすめ:マイナビIT AGENT 
  • スピーディに転職活動を進めたい人におすすめ:Geekly
DAI
下の表では、今回ご紹介するエージェントを比較しています。(表は左右にスクロールできます。)
公式 Webデザイナー向け求人数 特徴
【特化型】レバテックキャリア
公式:https://career.levtech.jp/
★★★★ 〇転職して年収を上げたい人におすすめ
①IT業界・Web業界のエンジニア・デザイナー職種の求人が多い
専門性が高いサポートを受けることができる
年収アップを目指せる求人が多い
【特化型】マイナビIT AGENT
公式:https://mynavi-agent.jp/it/
★★★ 〇キャリアサポートを重視したい人におすすめ
①IT・Web業界のエンジニア向け求人が多い
20代・第二新卒向けの求人が多い
非公開求人は15,000件以上と数が多い
※マイナビのプロモーションを含みます
【特化型】Geekly
公式:https://www.geekly.co.jp/
★★★★ 〇スピーディに転職活動を進めたい人におすすめ
①IT・Web・ゲーム業界に特化している
スピーディな転職を実現するサポート体制
業界未経験向けの求人がある
【特化型】WILLOF TECH
公式:https://willof.jp/techcareer/
★★★ 〇自分のペースで転職活動を進めたい人におすすめ
①ITエンジニアの転職に特化している
アドバイザー専属2名体制でのサポート
【特化型】dodaエンジニア IT
公式:https://doda.jp/engineer/
★★★★★ 〇転職サイト・エージェント・スカウト機能を利用したい人におすすめ
①転職大手サイト「doda」から派生したITエンジニア特化型エージェント
②キャリアカウンセリング後には担当者へLINEで相談できる
【総合型】リクルートエージェント
公式:https://www.r-agent.com/
★★★★★ 〇業界トップクラスの求人数で選択肢を増やしたい人におすすめ
業界トップクラスの求人数
②サポート体制が充実している
【総合型】doda
公式:https://doda.jp/
★★★★★ 〇異業種・異職種への転職を視野に入れている人におすすめ
転職サイト・転職エージェント・スカウトの3つの機能を利用できる
②第二新卒・20~30代向けの求人が多い
【総合型】type転職エージェント
公式:https://type.career-agent.jp
★★★ 〇専門性の高いコンサルタントからのサポートを受けたい人におすすめ
無料の相談会やセミナーを毎週開催している
②各分野に精通しているコンサルタントによるサポートを受けられる
【未経験】ワークポート
公式:https://www.workport.co.jp/
★★★★ 〇異職種・異業界からWebデザイナー転職を目指す人におすすめ
実務経験の浅い人向けの求人がある
②IT業界の求人が多い
【未経験】Next Career
公式:https://www.nextcareer.jp/
★★★ 〇知識ゼロ・未経験からITエンジニア転職を目指す人におすすめ
未経験エンジニア特化の転職エージェント
②現場を経験している元エンジニアによるサポート
【未経験】ウズキャリIT
公式:https://uzuz.jp/
非公開 〇20代未経験からITエンジニア転職を目指す人におすすめ
ポテンシャル重視のIT企業からの求人が多い
②無料の動画教材でエンジニアスキルを学習できる

2023年03月現在・各公式サイトより引用/算出

DAI
転職エージェントは、エージェントごとに求人の傾向が異なるため、複数社登録しておきましょう。本文では、各エージェントの特徴について詳しく解説しています。

目次 (PRも含まれます)

Webデザイナー向け転職エージェントの選び方

Webデザイナー向け転職エージェントは、以下の基準に照らし合わせて選びましょう。

  • 特化型エージェントか総合型エージェントか
  • 自分のスキルに合った求人があるエージェントを選ぶ
  • 支援実績が豊富でサポートが良いエージェントを選ぶ
DAI
ここから解説します。

①特化型エージェントか総合型エージェントか

転職エージェントを選ぶ前に、特化型と総合型の2種類を把握しておきましょう。

  • 特化型
    :特定の業界の求人を扱っている
  • 総合型
    :幅広い業界の求人を扱っている

以下は、それぞれのエージェントにおすすめな人の特徴です。

  • 特化型
    〇:特定の職種・業界の転職を考えている人
    〇:専門性の高いサポートを受けたい人
  • 総合型
    〇:幅広い職種・業界の転職を考えている人
    〇:業界未経験から転職を考えている人・異業種への転職を考えている人
DAI
特化型の転職エージェントは「【特化型】Webデザイナーにおすすめの特化型転職エージェント5選」、総合型の転職エージェントは「【総合型】Webデザイナーにおすすめの総合型転職エージェント3選」で紹介しています。

②自分のスキルに合った求人があるエージェントを選ぶ

転職エージェントを選ぶ際には、自分のスキルに合った求人があるか確認しましょう。

自分のスキルとは異なる求人を扱うエージェントでは、以下のような事態が起こる場合があります。

  • エージェント側と得意な分野が異なるため、サポートの専門性が低くなる
  • 紹介できる求人が少ないため、キャリアの選択肢が少なくなる
  • ミスマッチする求人では、内定を獲得できる確率は下がる

IT業界・Web業界の求人が多い転職エージェントは、Webデザイナーの求人も多い傾向があります。

DAI
実務未経験の場合は、実務未経験OK・スキル不要でもエントリーできる求人を探す必要があります。未経験向けの求人が多く掲載しているのは、リクルートエージェントなどの総合型エージェントです。
DAI
一方、現在働いている職種とは別の職種に挑戦したい場合は、ワークポートなど業界未経験OKを扱うエージェントを活用しましょう。

③支援実績が豊富なエージェントを選ぶ

転職エージェントを選ぶ際には、支援実績を確認しましょう。

支援実績が豊富な転職エージェントでは、応募企業ごとの面接対策・業界の転職事情について把握しています。

DAI
また、転職希望者の経歴やスキルごとの転職傾向を把握しているため、キャリアを見据えた求人紹介をしてもらえる場合が多いです。支援実績が豊富な転職エージェントには、レバテックキャリアマイナビIT AGENTがあります。

【特化型】Webデザイナーにおすすめ特化型の転職エージェント5選

Webデザイナーにおすすめの特化型エージェントは、以下の5つです。

Webデザイナーの転職におすすめの特化型エージェント5選

【第1位】レバテックキャリア(公式:https://career.levtech.jp/
IT・Web業界のエンジニア・デザイナーに特化した転職エージェント。
上流工程・大手企業など高年収求人が多い。年収アップを目指したい人におすすめ。
【第2位】マイナビIT AGENT (公式:https://mynavi-agent.jp/it/
業界大手のマイナビが運営するIT・Webエンジニアに特化した転職エージェント。
書類添削・模擬面接の回数制限なし。キャリアサポートを重視したい人におすすめ。
【第3位】Geekly(ギークリー)(公式:https://www.geekly.co.jp/
IT・Web・ゲーム業界に特化した転職エージェント。
求人探しから内定までのスピードを重視したい人におすすめ。
【第4位】WILLOF TECH(ウィルオブ・テック)(公式:https://willof.jp/techcareer/
ITエンジニアに特化した転職エージェント。
現在よりワンランク上のキャリアを目指したい人におすすめ。
【第5位】dodaエンジニアIT(公式:https://doda.jp/engineer/
転職サイト大手「doda」が運営するエンジニアに特化した転職エージェント。
アドバイザーへ気軽に相談したい人におすすめ。

DAI
順番に解説します。

レバテックキャリア

レバテックキャリア公式サイト(https://career.levtech.jp/)より引用

運営会社
レバテック株式会社
公開求人数21,940件 (2024年05月19日現在)
Webデザイナーの
公開求人数
99件 (2024年05月19日現在)
マージン率非公開
対応地域首都圏を中心に全国
特徴-エンジニア・ディレクター・PM・ITコンサル特化
-エンジニア経験者の転職に非常に強い
-求人の平均年収が高い
公式https://career.levtech.jp/

レバテックキャリア』には、以下の特徴があります。

  1. IT業界・Web業界のエンジニア・デザイナー職種の求人が多い
  2. 専門性が高いサポートを受けることができる
  3. 年収アップを目指せる求人が多い

①IT業界・Web業界のエンジニア・デザイナー職種の求人が多い

レバテックキャリアは、IT・Web業界のエンジニア・デザイナーに特化したエージェントです。

以下のような職種の求人を扱っています。

  • アプリケーションエンジニア
  • サーバーサイドエンジニア
  • サーバーエンジニア
  • ネットワークエンジニア
  • 組込・制御エンジニア
  • インフラエンジニア
  • データベースエンジニア
  • セキュリティエンジニア
  • フロントエンドエンジニア
  • 社内SE
  • プロジェクトマネージャー
  • プロジェクトリーダー
  • ITコンサルタント
  • データサイエンティスト
  • ゲームプログラマー

公式サイト(https://career.levtech.jp/)より引用

IT業界・Web業界の企業とのパイプラインが太いため、ベンチャー企業から大手企業まで幅広い会社規模の求人を取り扱っています。

②専門性の高いサポートを受けることができる

レバテックキャリアには、キャリアアドバイザーの専門性が高いという特徴があります。

  • 専門分野に特化しているため、技術スキル・職種ならではの悩みを相談できる
  • キャリアアドバイザーのほかに現場に精通したエンジニア・デザイナーの採用担当者から、職務経歴書の添削を受けられる
  • キャリア支援実績が豊富なため、サポート体制が充実している

レバテックキャリアのアドバイザーは、転職市場の動向や最新情報について熟知するキャリアの専門家です。

多数のキャリア支援実績により、キャリアアップ、年収アップなど個人の要望に合わせた求人紹介をしてもらえる可能性が高いです。

DAI
運営会社であるレバテック株式会社は、レバテックフリーランスやレバテッククリエイターなどキャリア支援に関するサービスを展開しています。フリーランスとして独立したい場合や初めて転職する場合など状況によっては、他のサービスを案内してもらうことができます。

③年収アップを目指せる求人が多い

レバテックキャリアは、年収アップを目指せる求人が多いと評判のエージェントです。

なかでも、以下のような求人では、年収が高い傾向があります。

  • 企画、要件定義、設計など上流工程の求人
  • 大手企業・メガベンチャー・プライムSIerなどの求人
DAI
レバテックキャリアでは、連絡先など登録不要で「年収診断」から、自分の年収相場を診断することができます。個人のスキルから年収相場や求人の詳細を知りたい人は、「個別転職相談会」でアドバイザーに相談してみましょう。

レバテックキャリアの案件例

DAI
以下がレバテックキャリアの案件例です。
案件名
">
【Webデザイナー】デザインに関わる様々な制作/各種施策のクリエイティブ制作など/リモート可能
想定年収350~500万円
業務内容<業務詳細>
分野を問わず、デザインに関わる様々な制作に着手していただきます。
スキルに応じてお任せする作業内容は変動します。                  

<具体的な仕事内容>
・HADOに関する施策のコンセプトイメージやロゴの作成、提案
・各種施策のクリエイティブ制作(広告、Webデザイン、映像制作、グッズ、ブースデザイン等)  
・ワイヤーフレームの作成、提案 
・ブランドガイドラインや制作物のアップデートと管理      
・セールスやエンジニアとの連携、プロジェクト推進への関与

【仕事の特色】
<ポジションの魅力>
当社のデザイナーは、多岐にわたる領域のデザインに携わることができます。
時間の使い方も自由度が高く、未経験分野のデザインでも、興味があれば挑戦し実行ができる環境です。
Webデザイナーやグラフィックデザイナーとして採用されたメンバーの中にも、入社後に動画編集や3Dのスキルを磨いている人もいます。
また、ボードメンバーや他部署との距離も近いため、デザイナーからアイデアを提案していけるカルチャーがあります。
クリエイティブ制作に必要な最新のツールやソフトウェアの使用は保証されているため、必要に応じたツールやライセンスの提供も検討可能です。

<企業の魅力>
■参考資料
CEO、COO、エンジニアマネージャーが当社の魅力について語ったインタビュー記事があります。
合わせてご覧ください。
・観戦事業は売上20倍の規模に成長──「かめはめ波を撃ちたい」から始まった、“テクノスポーツ”市場の創造 - GOOD TEAMS by W
https://goodteams.w-inc.vc/meleap

<開発環境>
■使用ツール
Creative divisionデザイナーチームは現在2名で、主な使用ツールは以下の通りです。
・ハードウェア:Windows or Mac(慣れているものを使用)
・デザイン業務:Adobe CC製品全般, Figma
・コミュニケーション: Slack, Trello, Zoom
・その他: Google Workspaceアプリケーション, esa, GitHub
基本スキル<経験>
・グラフィックデザイナー、もしくはWebデザイナーとしての実務経験(2年以上目安)
・Photoshop、もしくは、Illustratorを用いたデザイン経験
・ウェブデザイン経験(HTML/CSSの基礎知識があれば尚可)
<マインド>
・meleapのバリュー「挑戦する」「チームでやり抜く」「自ら考え動く」「情熱を燃やす」に共感していただける方
・自ら進んで課題を見つけ遂行できる、能動的な方
・積極的に技術や知識を身につけられる、学習意欲が高い方
・チームワークを重視し、多様なバックグラウンドを持つチームメンバーと協力できる方
案件URL">
【Webデザイナー】デザインに関わる様々な制作/各種施策のクリエイティブ制作など/リモート可能
 
(2024年05月19日 現在)

レバテックキャリア公式ページを見る

マイナビIT AGENT

公式URL:https://mynavi-agent.jp/it/※マイナビのプロモーションを含みます

【マイナビIT AGENT】IT・Web業界志望の方におすすめ
キャリアアドバイザーによるサポートが充実!非公開求人も多数紹介。

運営会社 株式会社 マイナビ
対応地域 ※電話・オンラインでのキャリアカウンセリング可
中心は首都圏・関西圏
一部は北海道・中部・福岡など全国
公開求人数  45,719 件
対応職種 IT・Web業界のエンジニア
強み ①IT・Web業界のエンジニア向け求人が多い
②20代・第二新卒向けの求人が多い
③非公開求人は15,000件以上と数が多い
おすすめな人 ※実務経験者向け
・20代・第二新卒で転職したい人
・転職初心者・サポートの質を重視したい人
公式URL https://mynavi-agent.jp/it/

マイナビIT AGENT公式サイトより引用(公式:https://mynavi-agent.jp/it/

マイナビIT AGENTは、以下の特徴があります。

  1. IT・Web業界のエンジニア向け求人が多い
  2. 模擬面接・転職支援期間の制限なし
  3. 非公開求人は15,000件以上と数が多い

①IT・Web業界のエンジニア向け求人が多い

マイナビIT AGENTは、株式会社マイナビが運営するIT業界専門の転職エージェントサービスです。

マイナビIT AGENTとマイナビエージェントの違い

  • マイナビIT AGENT:IT系職種の求人に特化している
  • マイナビエージェント:IT系職種以外にも多職種の求人を扱っている

マイナビIT AGENTでは、マイナビエージェントの求人情報を共有しているため、異職種の求人を提案してもらうこともできます。

DAI
マイナビIT AGENTは、IT業界・Web業界のエンジニア向け求人が中心になっていますが、Webデザイナー・UI/UXデザイナーなどクリエイター系職種向けの求人も取り扱っています。

②模擬面接・転職支援期間の制限なし

マイナビIT AGENTは、転職初心者向けのサポート体制が充実しています。

  • 職務経歴書のブラッシュアップ
  • 模擬面接の回数制限なし
  • 転職支援期間の制限なし
  • Web面談・LINEでの相談可・土曜日/平日夜間の対応可

他のエージェントでは、転職支援期間が制限されている場合があります。その場合は、転職エージェントのペースに合わせる必要があります。

DAI
マイナビIT AGENTは、自分のペースで転職活動を進めたい人におすすめです。

③非公開求人は15,000件以上と数が多い

マイナビIT AGENTは、Web上には掲載されていない非公開求人の数が多いことが特徴です。

エージェント担当者との面談後には、非公開求人を含めた多数の求人から、自分に合った求人を案内してもらえます。

DAI
また、マイナビIT AGENTでは、マイナビのみで掲載されている『独占求人』を取り扱っています。『独占求人』は、他のエージェントでは取り扱いのない良質な求人が多いと評判です。

マイナビIT AGENTに無料登録してみる

Geekly

公式URL:https://www.geekly.co.jp/

【Geekly】IT・Web・ゲーム業界でキャリアアップしたい人におすすめ
IT・Web・ゲーム業界に特化した転職エージェント。求人数も豊富。

運営会社 株式会社Geekly(ギークリー)
求人数 18,363件
対応地域 求人は首都圏に多い
対応職種 IT・Web・ゲーム業界の転職に特化
強み ①IT・Web・ゲーム業界に特化している
②スピーディな転職を実現するサポート体制
③業界未経験向けの求人がある
おすすめな人 ※実務経験者向け
・IT業界・Web業界・ゲーム業界に転職したい人
・スピーディに転職活動を進めたい人
公式URL https://www.geekly.co.jp/

公式サイトより引用/算出:https://www.geekly.co.jp/(2023年03月10日現在)

Geeklyの特徴は、以下の通りです。

  1. IT・Web・ゲーム業界に特化している
  2. スピーディな転職を実現するサポート体制
  3. 業界未経験者向けの求人がある

①IT・Web・ゲーム業界に特化している

Geeklyは、IT・Web・ゲーム業界のエンジニア・クリエイターに特化した転職エージェントです。

Geeklyでは、エンジニア系職種のほかに、Webデザイナー・Webディレクターの求人も数多く取り扱っています。

DAI
他の転職エージェントのなかでも、ゲーム業界の求人を取り扱っているエージェントは珍しいです。ゲーム業界のエンジニア・クリエイティブ系職種の求人を探している人には、ぴったりのサービスです。

②スピーディな転職を実現するサポート体制

Geeklyでは、登録をしてから内定するまで平均30日になっています。(※一般的な転職エージェントでは約2ヶ月)

以下のように、スピーディな転職を実現するサポート体制が整っています。

  • Geeklyの担当者から紹介してもらえる求人数が多い
    :選択肢が多いため、自分に合う求人が見つかる可能性が高い
  • 応募書類の添削サービスがある
    :無料利用できます。30~60分で応募書類が作成できます。
    (※一般的な応募書類の作成には、半日~1日程度かかるといわれています。)
DAI
Geeklyの登録をしてから企業に内定するまで、スムーズに進められるサポート体制が整っています。スピーディに転職活動したい人には、おすすめの転職エージェントです。

③各職種別に専門コンサルタントが在籍している

Geeklyでは、細分化された各職種別に専門コンサルタントが在籍しています。

  • Webデザイナー
  • サーバーエンジニア
  • ゲームプロデューサー
  • 3Dモデラー など
DAI
「自分のスキルや専門性が伝わらない。自分に合わない求人を紹介される。」などのミスマッチを避けることができます。IT・Web・ゲーム業界での転職を考えている人におすすめの転職エージェントです。

Geeklyに今すぐ無料で登録してみる

WILLOF TECH (ウィルオブ・テック)

公式URL:https://willof.jp/techcareer/

運営会社
株式会社ウィルオブ・ワーク
公開求人数
 1,559件
対応地域 求人は首都圏に多い
対応職種 ITエンジニア
強み ①ITエンジニアの転職に特化している
②アドバイザー専属2名体制でのサポート
おすすめな人 ・ワンランク上のキャリアを目指したい人
・専門性の高いサポートを受けたい人
公式URL https://willof.jp/techcareer/

公式サイトより引用/算出:https://willof.jp/techcareer/(2023年03月10日現在)

WILLOF TECHには、以下の特徴があります。

  1. ITエンジニアの転職に特化している
  2. アドバイザー専属2名体制でのサポート

①ITエンジニアの転職に特化している

WILLOF TECHは、ITエンジニアに特化した転職エージェントです。

ITエンジニア向けの求人のなかでも、ハイクラス向け・ハイスキル向けの求人を取り扱っていることが特徴です。

DAI
ただし、Webデザイナー・UI/UXデザイナーなどクリエイター系職種の求人数は、少ないのが現状です。Webデザイナー・UI/UXデザイナーなどクリエイター系職種での転職を考えている人は、レバテックキャリアの利用がおすすめです。

②アドバイザーは専属2名体制でのサポート

一般的なエージェントでは、転職希望者1名に対して担当者1名が対応する一方で、WILLOF TECHでは、転職希望者1名に対して担当者2名がつきます。

それぞれで分業制になっており、効率の良いサポートを受けることができます。

  • キャリアアドバイザー
    :キャリアに関する不安から転職活動の悩みを相談できる
  • リクルーティングアドバイザー
    :企業の採用担当者とのやり取りを担当してくれる
DAI
転職活動を効率的に進めたい人にも、まずは話を聞いてみたい人にもおすすめの転職エージェントです。

dodaエンジニアIT

公式URL(https://doda.jp/engineer/

運営会社 パーソルキャリア株式会社
求人数 42,629 件
拠点 全国
北海道・東北・関東・東海・北信越・関西・中部・四国・九州・沖縄
対応職種
強み ①転職大手サイト「doda」から派生したITエンジニア特化型エージェント
②キャリアカウンセリング後には担当者へLINEで相談できる
おすすめな人 ※実務経験者向け
・既卒・第二新卒~ミドル層まで
・アドバイザーに気軽に相談したい人
公式URL https://doda.jp/engineer/

公式サイトより引用/算出:https://doda.jp/engineer/

dodaエンジニアITには、以下の特徴があります。

  1. 転職大手サイト「doda」から派生したITエンジニア特化型エージェント
  2. キャリアカウンセリング後には担当者へLINEで相談できる

①転職大手サイト「doda」から派生したITエンジニア特化型エージェント

dodaエンジニア ITでは、転職大手サイト「doda」のIT・Web業界の求人情報を掲載しています。

dodaエンジニア ITとdodaの違い

  • dodaエンジニア IT
    IT・Web業界の求人情報を扱っている。
    現場事情や最新情報に精通したITエンジニア専任のキャリアアドバイザーが在籍している。
  • doda
    ITエンジニア系職種以外にも求人を扱っている。
    それぞれの職種に対応した専任キャリアアドバイザーが在籍している。
    (営業職・企画管理・クリエイティブ職・販売サービス職・事務アシスタント・公務員・教職など)

転職大手サイト「doda」と同様に、転職サイト・転職エージェント・スカウトサービスの3つの側面があります。

DAI
まずは自分で求人を探したい人、1人での転職活動に不安を抱えている人、企業からオファーを受けたい人におすすめのサービスです。

②キャリアカウンセリング後には担当者へLINEで相談できる

2023年03月現在、dodaエンジニア ITのキャリアカウンセリングは電話もしくはオンラインで実施しています。

営業時間は、【月~金】9:30~20:30【土】10:00~18:30と現在企業に勤めている場合でも利用しやすい時間帯になっています。

キャリアカウンセリング後には、LINE上で担当者に相談することができます。

DAI
気軽にアドバイザーへ相談したい人、効率的に転職活動を進めたい人におすすめの転職エージェントです。

dodaITに無料登録してみる

【総合型】Webデザイナーにおすすめ総合型の転職エージェント3選

以下に該当する人は、総合型の転職エージェントを利用してみましょう。

  • 多数の求人を網羅的に見たい人
  • Webデザイナーとしての経験がない人

以下の3つは、Webデザイナーにおすすめの総合型転職エージェントです。

Webデザイナーの転職におすすめの総合型エージェント3選

【第1位】リクルートエージェント(公式:https://www.r-agent.com/
業界トップクラスの求人数。幅広い業界・職種向けの求人がある。
支援実績が豊富な転職エージェントを利用したい人におすすめ。
【第2位】doda(公式:https://doda.jp/
完全週休2日・未経験者歓迎の求人がある。
転職サイト・転職エージェント・スカウト機能を利用したい人におすすめ。
【第3位】type転職(公式:https://type.career-agent.jp
転職対策セミナー・イベントを無料で利用できる。
首都圏(東京・横浜・大阪)の求人を探している人におすすめ。

DAI
順番に解説します。

リクルートエージェント

公式URL:https://www.r-agent.com/

運営会社 株式会社リクルート
対応地域 全国
北海道・東北・関東・関西・東海・四国・九州
求人数 324,584件(非公開求人は除く, 2022年12月現在)
対応職種 事務・企画
営業・販売・サービス
電気・電子・機械・組込エンジニア・技能工
ITエンジニア
インターネット専門職
建築・土木技術者・不動産
素材・食品・医薬品技術者
コンサルタント・金融
クリエイティブ
講師・公務員・福祉・運輸
強み ①業界トップクラスの求人数
②サポート体制が充実している
おすすめな人 ・幅広い業界・職種の求人を探したい人
・数多い求人から自分に合う転職先を探したい人
公式URL https://www.r-agent.com/

公式URL:https://www.r-agent.com/
※2023年03月13日現在

リクルートエージェントの特徴は、以下の通りです。

  1. 業界トップクラスの求人数
  2. サポート体制が充実している

①業界トップクラスの求人数

リクルートエージェントは、業界最大手の転職エージェントです。

2023年03月現在、公開求人36万件以上に加え、非公開求人27万件以上と業界トップクラスの求人数を扱っています。

DAI
Webデザイナー・コーダー・UIUXデザイナー・アートディレクターなどクリエイティブ系職種も取り扱っています。IT業界・Web業界で未経験者向けの求人もあるため、他業種に挑戦したい人にもおすすめの転職エージェントです。

②サポート体制が充実している

リクルートエージェントでは、1977年の創業以来の転職支援ノウハウや転職支援成功事例が蓄積されています。

長年の支援実績を活かして、転職者を支援する独自サービスを提供しています。

  • オンラインセミナー・イベント
    自己分析・職務経歴書の書き方・面接力向上・キャリアデザインなど
  • 情報入力で職務経歴書が完成する「職務経歴エディター
  • キャリアカウンセラーによる書類添削・面接対策
DAI
エージェントに無料登録すれば、一部のサービスが利用可能になります。またキャリアアドバイザーとの面談後、求人応募すれば、書類添削・面接対策のサポートを受けられます。

【リクルートエージェント】とにかく求人が豊富!最初に登録するべき転職エージェント
とにかく求人数の多い大手エージェント。幅広い選択肢の中から求人を探すことができます。

doda

公式URL:https://doda.jp/

運営会社 パーソルキャリア株式会社
求人数 189,151
対応地域 全国
北海道・東北・首都圏・中部・関西・中国・九州
対応職種 営業職
企画・管理
事務・アシスタント
販売・サービス
専門職
公務員・教員・農林水産職
技術職
クリエイター・クリエイティブ職
強み ①転職サイト・転職エージェント・スカウトの3つの機能を利用できる
②第二新卒・20~30代向けの求人が多い
おすすめな人 ・未経験から他の職種への転職を目指す人
・応募から内定までプロにサポートしてほしい人
公式URL https://doda.jp/

公式URL:https://doda.jp/
※2023年03月13日現在

dodaには、以下の特徴があります。

  1. 転職サイト・転職エージェント・スカウトサービスの3つの面がある
  2. 第二新卒・20代~30代向けの求人が多い

①転職サイト・転職エージェント・スカウトサービスの3つの面がある

dodaには、求人サイト機能・エージェント機能・スカウト機能の3つの機能があります。

  • 求人サイト
    設定した詳細条件から求人を探すことができます。
  • エージェント
    求人紹介・書類添削・面接対策の転職支援を受けることができます。企業との契約・単価交渉など営業関係を代行してもらえます。
  • スカウト
    求職者の経験・スキルなどに興味を持った企業から直接オファーが届きます。匿名で利用できるため、在職中にも安心して利用できます。
DAI
まずは自分で求人を探したい人は求人サイト機能、1人での転職活動は不安な人はエージェント機能、求人の選択肢を増やしたい人はスカウト機能の利用がおすすめです。

②第二新卒・20代~30代向けの求人が多い

dodaでは、第二新卒・20代~30代向けの求人を数多く取り扱っています。

エージェントによっては、年齢制限がある場合や対象年齢の求人が少ない場合があります。

DAI
リクルートエージェントと比較して、dodaは若年層向けの求人が多いです。40代~50代向けの求人を探す場合は、リクルートエージェントの利用がおすすめです。

今すぐ無料で相談してみる

type転職エージェント

公式URL:https://type.career-agent.jp

運営会社 株式会社キャリアデザインセンター(CAREER DESIGN CENTER CO.,LTD.)
求人数 10,467件
対応地域 求人は首都圏(東京・横浜・大阪)に多い
対象職種 IT・通信・Webエンジニア
プロマネ・ITコンサル
営業系
電子・電気技術・メカトロ技術者
事務・管理部門系
企画・マーケティング系
クリエイティブ系
土木設計・建築・設計整備
化学・バイオ関連
ビジネスコンサルタント・専門職
強み ①無料の相談会やセミナーを毎週開催している
②各分野に精通しているコンサルタントによるサポートを受けられる
おすすめな人 ・首都圏での転職を目指す人
・営業職・技術職として転職したい人
公式URL https://type.career-agent.jp

公式URL:https://type.career-agent.jp

type転職エージェントの特徴は、以下の通りです。

  1. 無料の転職相談会やセミナーを毎週開催している
  2. 各分野に精通しているコンサルタント

①無料の転職相談会やセミナーを毎週開催している

type転職エージェントでは、無料の転職相談会やセミナーを毎週開催しています。

  • 20代初めての転職相談会
  • 女性のための転職相談会
  • 離職中の方のための転職相談会
  • 忙しい方のための転職相談会
  • 社内SEを目指す方のための転職相談会

転職希望者1人に対してキャリアアドバイザー1人が対応してくれます。

DAI
相談会やセミナーは、エージェント登録によって無料利用できます。電話での相談にも対応しているため、気軽に相談できます。

②各分野に精通しているコンサルタントを指名できる

type転職エージェントには、各分野に精通したコンサルタントが在籍しています。

  • IT・Web
  • 営業
  • 販売・サービス
  • 事務・管理部門
  • ものづくり
  • ハイクラス・管理職

キャリアアドバイザー一覧から、1人1人の専門分野やプロフィールを確認することができます。

DAI
「このアドバイザーに転職サポートを依頼する」のボタンから指名することができます。ただし、状況や経歴によっては別のアドバイザーが担当する場合があります。応募から内定までしっかりサポートを受けたい人におすすめの転職エージェントです。
type転職エージェント公式ページを見る

【未経験】未経験からWebデザイナーを目指す人におすすめの転職エージェント3選

Webデザイナーは、未経験からでも目指すことができます。

未経験からWebデザイナーを目指す人におすすめのエージェントは、以下の3つです。

未経験からWebデザイナーを目指す人におすすめの転職エージェント3選

【第1位】ワークポート(公式:https://www.workport.co.jp/
扱っている業界のなかでもIT業界に強い転職エージェント。
既卒・第二新卒・実務経験が浅い人におすすめ。
【第2位】Next Career(公式:https://www.nextcareer.jp/
未経験エンジニア専門の転職エージェント。
未経験からITエンジニアに転職したい人におすすめ。
【第3位】ウズキャリIT(公式:https://uzuz.jp/
20代向けのキャリア支援。未経験向けの無料動画コンテンツあり。
未経験からSE・プログラマー・インフラエンジニアを目指している人におすすめ。

DAI
一つずつ解説します。

ワークポート

ワークポート公式サイト:https://www.workport.co.jp/

運営会社
株式会社ワークポート
公開求人数96707件 (2024年05月19日現在)
Webデザイナーの
公開求人数
232件 (2024年05月19日現在)
マージン率非公開
対応地域北海道・宮城・埼玉・千葉・東京・神奈川・愛知・京都・大阪・兵庫・岡山・広島・福岡
特徴-元IT専門の転職エージェントのため、IT業界の知識が豊富
-現在は総合型エージェントで、求人数も大手並に多い
公式https://www.workport.co.jp/

ワークポートの特徴は、以下の通りです。

  1. 実務経験の浅い人向けの求人がある
  2. IT業界の求人が多い

①実務経験の浅い人向けの求人がある

ワークポートでは、第二新卒向け・既卒向けの求人を多く扱っています。

なかでも、IT業界・Web業界・ゲーム業界への転職サポートに評判があります。

DAI
業界を問わず実務経験があれば、IT業界未経験の場合でも求人を紹介してもらえる場合があります。第二新卒・既卒でIT業界を目指している人、業界未経験からIT業界を目指している人におすすめの転職エージェントです。

②IT業界・ゲーム業界・クリエイター向けの求人が多い

ワークポートは、IT業界・ゲーム業界・クリエイター向けの求人を数多く取り扱っています。

Webデザイナー向けの求人は、自社・受託ともに取り扱いがあります。

DAI
ワークポートは、ITビジネス特化型から現在は総合型にサービスを拡大したという経緯があります。そのため、他の総合型転職エージェントと比較して、IT業界・ゲーム業界の求人が多い転職エージェントです。

ワークポートの案件例

DAI
以下がワークポートの案件例です。

案件名
lang="ja">









転職・求人情報なら転職エージェント 【ワークポート】

















[{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://www.workport.co.jp",
"logo": "https://www.workport.co.jp/cmn4/svg/logo.svg"
},{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "WORKPORT",
"url": "https://www.workport.co.jp"
}]


@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP Regular"),
url("/cmn4/font/NotoSansCJKjp-Regular.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: 500;
src: local("Noto Sans CJK JP Medium"),
url("/cmn4/font/NotoSansCJKjp-Medium.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Medium.otf") format("opentype");
}
@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: bold;
src: local("Noto Sans CJK JP Bold"),
url("/cmn4/font/NotoSansCJKjp-Bold.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Bold.otf") format("opentype");
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: 400;
src: url("/cmn4/font/A-OTF-RyuminPro-Regular.otf") format('opentype');
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/A-OTF-RyuminPro-Medium.otf") format('opentype');
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/A-OTF-RyuminPro-Bold.otf") format('opentype');
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/Roboto-Bold.ttf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: 400;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Regular.otf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Medium.otf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Bold.otf") format("truetype");
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
outline: 0;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
display: block;
}
h1,h2,h3,h4,h5,h6,caption,address,th {
font-weight: normal;
margin: 0;
padding: 0;
font-size: 100%;
}
ul,ol,li,dl,dt,dd {
list-style: none;
}
img,iframe {
vertical-align: middle;
border: 0;
}
img {
line-height: 0;
font-size: 0;
-webkit-backface-visibility: hidden;
}
table {
border-collapse: collapse;
}
th {
font-weight: normal;
text-align: left;
}
button,fieldset,form,input,label,legend,select,textarea {
font-style: inherit;
font-weight: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
select {
padding: 2px;
}
select::-ms-expand {
display: none;
}
input,select {
font-size: 100%;
vertical-align: middle;
}
input[type="text"],input[type="password"],textarea,select {
outline: none;
}
textarea {
font-size: 100%;
}
input {
vertical-align: middle;
}
input[type="text"] ,
input[type="password"] ,
input[type="email"] ,
input[type="tel"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
border: 0;
border-radius: 0;
outline: none;
background: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
border: 0;
border-radius: 0;
outline: none;
background: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
border-radius: 0;
box-sizing: border-box;
transition: opacity .2s ease-out,all .2s ease-out;
}
input[type="radio"],
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
background: transparent;
}
select::-ms-expand {
display: none;
}
::-webkit-input-placeholder {
color: #75787e;
}
::-webkit-input-placeholder {
color: #75787e;
}
:placeholder-shown {
color: #75787e;
}
::-webkit-input-placeholder {
color: #75787e;
}
:-moz-placeholder {
color: #75787e; opacity: 1;
}
::-moz-placeholder {
color: #75787e; opacity: 1;
}
:-ms-input-placeholder {
color: #75787e;
}
label {
padding: 0;
}
hr {
display: none;
}
a {
transition: opacity .4s ease-out,all .4s ease-out;
}
a,a:link {
color: #000;
text-decoration: none;
word-break: break-all;
}
a:visited {
color: #000;
}
@media (min-width: 896px) {
a:hover,a:active {
color: #000;
text-decoration: none;
}
}
*:focus {
outline: none;
}
.c_fix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
height: 0;
overflow: hidden;
}
.c_fix {
min-height: 1px;
}
html {
height: 100%;
}
body {
font-family:"Noto Sans","Noto Sans CJK JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
line-height: 2;
font-size: 14px;
font-weight: 400;
text-align: left;
min-width: 1240px;
min-height: 100%;
height: auto !important;
position: relative;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
background: #fff;
color: #000;
border-bottom: none;
padding-top: 112px;
}
.f-Ryumin {
font-family: "Ryumin Pro", serif;
font-weight: 500;
}
.f-Roboto {
font-family: "Roboto",sans-serif;
font-weight: 500;
}
.f-A1gothic {
font-family: "A1 Gothic",sans-serif;
font-weight: 500;
}
.f_tnr {
font-family:"Times New Roman", serif;
font-weight: 500;
}
.c-wrap {
width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}
.c-wrap.ver2 {
width: 900px;
}
.c-wrap.ver3 {
width: 960px;
}
.c-pc {
display: block;
}
.c-pc-in {
display: inline;
}
.c-sp {
display: none;
}
.c-sp-in {
display: none;
}
.b_btn {
text-align: center;
background: #fff;
border-radius: 4px;
position: relative;
max-width: 320px;
margin: 0 auto;
font-weight: 500;
}
.b_btn a {
border-radius: 4px;
box-sizing: border-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 60px;
color: #ffffff;
font-size: 16px;
text-decoration: none;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.b_btn.is-or a {
background: #f86608;
}
/*オレンジ系 無料*/
.b_btn.or a {
background: #f86608;
}
.b_btn.or a span {
position: relative;
padding: 0 70px 0 0;
}
.b_btn.or a span:before {
content: "無料";
position: absolute;
top: 50%;
right: 0;
z-index: 9;
background: #ffffff;
height: 24px;
width: 50px;
text-align: center;
line-height: 24px;
color: #f86608;
font-size: 16px;
margin: -12px 0 0 0;
border-radius: 3px;
}
.b_btn.or2 a {
background: #f86608;
}
/*黒*/
.b_btn.blk {
background: transparent;
}
.b_btn.blk a {
background: transparent;
color: #000;
border: 1px solid #000;
}
.b_btn.blk2 {
background: #fff;
}
.b_btn.blk2 a {
background: #fff;
color: #000;
border: 1px solid #000;
}
/*白*/
.b_btn.wh {
background: transparent;
}
.b_btn.wh a {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
/*白2*/
.b_btn.wh2 {
background: #fff;
}
.b_btn.wh2 a {
background: #fff;
color: #26a24c;
border: 1px solid #fff;
}
/*緑*/
.b_btn.is-gln a {
background: #26a24c;
}
@media (min-width: 896px) {
.b_btn a:hover {
opacity: 0.7;
}
.b_btn.blk a:hover,
.b_btn.blk2 a:hover {
opacity: 1;
background: #000;
color: #fff;
}
.b_btn.blk a.is-on {
opacity: 1;
background: #000;
color: #fff;
}
.b_btn.wh a:hover {
opacity: 1;
background: #fff;
color: #26a24c;
}
.b_btn.wh2 a:hover {
opacity: 1;
background: #26a24c;
color: #fff;
}
}
header {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
background: #fff;
/* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
border-bottom: 1px solid #e1e6ea;
}
.header {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.head_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head-logo {
line-height: 1;
width: 152px;
position: relative;
}
.head-logo a {
display: block;
}
.head-logo .is-20th {
position: absolute;
top: 50%;
right: -115px;
z-index: 9;
width: 100px;
height: 28px;
margin: -16px 0 0 0;
}
/*
.head-logo:after {
content: "";
position: absolute;
top: 50%;
right: -120px;
z-index: 9;
width: 100px;
height: 28px;
margin: -16px 0 0 0;
}
.head-logo.y19:after {
background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
background-size: 100% auto;
}
.head-logo.y20:after {
background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
background-size: 100% auto;
}
*/
.head-txt {
font-size: 11px;
line-height: 1;
font-weight: bold;
padding-left: 120px;
}
.headLnk_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headLnk_lst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.headLnk_lst li {
font-size: 13px;
line-height: 1.4;
font-weight: 500;
margin-right: 20px;
}
.headLnk_lst li:last-child {
margin-right: 0;
}
.headLnk_lst li a span {
padding-left: 24px;
position: relative;
}
.headLnk_lst li.is-mbr {
position: relative;
}
.headLnk_lst li.is-mbr a {
display: block;
cursor: pointer;
}
.headLnk_lst li.is-mbr a span {
padding-left: 25px;
}
.headLnk_lst li a span:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: opacity .4s ease-out,all .4s ease-out;
}
.headLnk_lst li.is-ec a span:before {
width: 17px;
height: 19px;
background: url(/cmn4/img/hd_recruit.png) no-repeat center;
}
.headLnk_lst li.is-mbr a span:before {
width: 15px;
height: 17px;
background: url(/cmn4/img/hd_login.png) no-repeat center;
}
.headLg_wrap {
display: none;
position: absolute;
top: 33px;
left: -45px;
width: -webkit-calc(100% + 90px);
width: calc(100% + 90px);
background: #fff;
border: 1px solid #e1e6ea;
z-index: 99999999;
}
.headLg_wrap.on {
display: block;
}
.headLg-lnk {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
}
.headLg-lnk a {
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headLg-lnk a {
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headLg-lnk a:before {
content: '';
display: block;
width: 4px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url(/cmn4/svg/arw_r.svg) no-repeat center;
background-size: auto 100%;
transition: opacity .4s ease-out,all .4s ease-out;
}
.headLnk_lst.ver2 {
margin-right: 15px;
}
.headLnk_lst.ver2 li {
font-size: 10px;
line-height: 1;
margin-right: 13px;
}
.headLnk_lst.ver2 li:last-child {
margin-right: 0;
}
.headLnk_lst.ver2 li a span {
display: inline-block;
padding: 26px 0 0;
position: relative;
}
.headLnk_lst.ver2 li a span:before {
left: 0;
right: 0;
top: 0;
transform: none;
margin: auto;
width: 20px;
height: 20px;
}
.headLnk_lst li.is-mypage a span:before {
background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-favorite a span:before {
background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-history a span:before {
background: url(/cmn4/svg/icn_history.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-documents a span:before {
background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-management a span:before {
background: url(/cmn4/svg/icn_management.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-service a span:before {
background: url(/cmn4/svg/icn_my_service.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-message a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-template a span:before {
background: url(/cmn4/svg/icn_my_txt.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-scout a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-cubic a span:before {
background: url(/cmn4/svg/icn_cubic.svg?5) no-repeat center;
background-size: auto 100%;
}
.headLnk_e {
border-left: 1px solid #e1e6ea;
padding: 0 10px 0 10px;
font-size: 12px;
line-height: 1.6;
}
.headLnk_btn {
width: 200px;
}
.headLnk_btn a {
box-sizing: border-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
background: #f86608;
color: #fff;
font-size: 13px;
text-decoration: none;
font-weight: 500;
height: 40px;
border-radius: 4px;
}
.headNav_wrap {
border-top: 1px solid #e1e6ea;
}
.headNav_lst {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headNav_lst > li {
width: 20%;
text-align: center;
position: relative;
}
.headNav_lst > li:before,
.headNav_lst > li:after {
display: block;
width: 1px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #e1e6ea;
}
.headNav_lst > li:before {
content: '';
}
.headNav_lst > li:last-child:after {
content: '';
left: auto;
right: 0;
}
.headNav_lst > li a {
display: block;
font-size: 15px;
line-height: 1;
font-weight: bold;
padding: 17px 0 18px;
position: relative;
}
.headNav_lst > li > a {
cursor: pointer;
}
.headNav_inner {
display: none;
position: absolute;
top: 51px;
/*left: -30px;*/
left: 0;
width: 100%;
}
.headNav_inner.ver2 {
/*left: -60px;*/
left: 0;
width: -webkit-calc(100% + 170px);
width: calc(100% + 170px);
}
.headNav_inner.ver3 {
/*left: -60px;*/
left: 0;
width: -webkit-calc(100% + 100px);
width: calc(100% + 100px);
}
.headNav_inner .h_lnk{
background: #fff;
border: 1px solid #e1e6ea;
border-top: none;
border-bottom: none;
}
.headNav_inner li {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
}
.headNav_inner li a {
font-size: 13px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headNav_inner li a:before {
content: '';
display: block;
width: 4px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url(/cmn4/svg/arw_r.svg) no-repeat center;
background-size: auto 100%;
transition: opacity .4s ease-out,all .4s ease-out;
}
.sp_menu_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 55px;
height: 55px;
background: #fff;
}
.sp_menu_btn .link {
width: 20px;
height: 2px;
position: relative;
}
.sp_menu_btn .link span {
display: block;
height: 0;
overflow: hidden;
padding: 2px 0 0 0;
background: #000;
}
.sp_menu_btn .link:before,
.sp_menu_btn .link:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 2px;
background: #000;
left: 0;
z-index: 10;
}
.sp_menu_btn .link:before {
top: -6px;
transition: all .4s;
}
.sp_menu_btn .link:after {
bottom: -6px;
transition: all .4s;
}
.sp_menu_btn.on .link span {
background: transparent;
}
.sp_menu_btn.on .link:before {
top: 0;
transform: rotate(-135deg);
}
.sp_menu_btn.on .link:after {
transform: rotate(135deg);
bottom: 0;
}
@media (min-width: 896px) {
.headNav_lst > li > a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #26a24c;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
}
.headNav_lst > li.on > a {
font-size: 15px;
color: #26a24c;
}
.headNav_lst > li.on > a:before,
.headNav_lst > li > a:hover:before {
transform: scale(1, 1);
}
.headNav_lst > li a:hover {
color: #26a24c;
text-decoration: none;
}
.headNav_inner li a:hover:before {
right: 5px;
}
.headLnk_btn a:hover {
opacity: .7;
}
.headLnk_btn.myp a {
font-size: 11px;
}
.headLnk_lst li a:hover {
color: #26a24c;
text-decoration: none;
}
.headLnk_lst li.is-ec a:hover span:before {
background: url(/cmn4/img/hd_recruit_on.png) no-repeat center;
}
.headLnk_lst li.is-mbr a:hover span:before {
background: url(/cmn4/img/hd_login_on.png) no-repeat center;
}
.headLnk_lst li.is-mypage a:hover span:before {
background: url(/cmn4/svg/icn_mypage_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-favorite a:hover span:before {
background: url(/cmn4/svg/icn_favorite_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-history a:hover span:before {
background: url(/cmn4/svg/icn_history_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-documents a:hover span:before {
background: url(/cmn4/svg/icn_documents_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-management a:hover span:before {
background: url(/cmn4/svg/icn_management_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-scout a:hover span:before {
background: url(/cmn4/svg/icn_my_mail_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-cubic a:hover span:before {
background: url(/cmn4/svg/icn_cubic_grn.svg?2) no-repeat center;
background-size: 100% auto;
}
.headLnk_e a:hover {
color: #26a24c;
text-decoration: none;
}
.headLg-lnk a:hover:before {
right: 5px;
}
.sp_menu_btn {
width: 16px;
height: 20px;
border-left: 1px solid #e1e6ea;
padding-left: 20px;
margin-left: 20px;
cursor: pointer;
transition: opacity .4s ease-out,all .4s ease-out;
}
.sp_menu_btn .link span,
.sp_menu_btn .link:before,
.sp_menu_btn .link:after {
width: 16px;
background: #26a24c;
}
.sp_menu_btn:hover {
opacity: .7;
}
header.anima {
position: fixed;
animation: DownAnime 0.5s forwards;
}
header {
position: absolute;
}
header.is-active {
animation: UpAnime 0.5s forwards;
margin-top: -111px;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-111px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-111px);
}
}
}
@media only screen and (max-width: 896px) {
body {
font-size: 13px;
min-width: 320px;
width: 100%;
min-height: -webkit-fill-available;
padding-top: 55px;
}
.c-wrap,
.c-wrap.ver2,
.c-wrap.ver3 {
width: 100%;
}
.c-pc {
display: none;
}
.c-pc-in {
display: none;
}
.c-sp {
display: block;
}
.c-sp-in {
display: inline;
}
.b_btn {
border-radius: 2px;
max-width: 100%;
}
.b_btn a {
border-radius: 2px;
height: 50px;
font-size: 16px;
}
/*オレンジ系 無料*/
.b_btn.or a {
background: #f86608;
}
.b_btn.or a span {
padding: 0 70px 0 0;
}
.b_btn.or a span:before {
height: 26px;
width: 56px;
line-height: 26px;
font-size: 16px;
margin: -13px 0 0 0;
}
.b_btn.or2 a {
height: 40px;
font-size: 14px;
}
.b_btn.blk a {
height: 40px;
font-size: 14px;
}
.b_btn.blk2 a {
height: 40px;
font-size: 14px;
}
header {
/* border-bottom: none; */
}
/*header.on {
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}*/
header.on_lg {
transition: none;
background: #fff !important;
}
.header {
height: 55px;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head_logo {
width: 115px;
padding-left: 20px;
}
.head-logo img {
width: 115px;
height: auto;
}
.head-logo .is-20th {
right: -80px;
width: 70px;
height: 20px;
margin: -10px 0 0 0;
}
.head-logo .is-20th img {
width: 100%;
height: auto;
}
/*
.head-logo:after {
right: -80px;
width: 70px;
height: 20px;
margin: -12px 0 0 0;
}
*/
.headLnk_lst {
margin-right: 0;
}
.headLnk_lst li {
font-size: 12px;
margin-right: 0;
}
.headLnk_lst li a {
display: block;
width: 48px;
height: 40px;
}
.headLnk_lst li a span {
display: block;
padding: 24px 0 0;
}
.headLnk_lst li.is-mbr a span {
padding-left: 0;
}
.headLnk_lst li a span:before {
left: 0;
right: 0;
margin: auto;
top: 6px;
transform: none;
}
.headLnk_lst li.is-ec a span:before {
width: 17px;
height: 19px;
background: url(/cmn4/img/sp/hd_recruit.png) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-mbr a span:before {
width: 15px;
height: 15px;
background: url(/cmn4/img/sp/hd_login.png) no-repeat center;
background-size: 100% auto;
}
.headLg_wrap {
position: fixed;
top: 55px;
left: 0;
width: -webkit-calc(100%);
width: calc(100%);
border-bottom: 0;
}
.headLg_wrap.on {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.headLg-lnk {
width: 50%;
}
.headLg-lnk a {
display: block;
position: relative;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
border-right: 1px solid #e1e6ea;
}
.headLg-lnk:last-child a {
border-right: 0;
}
.head_bg.on {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999998;
background: #000;
opacity: 0.6;
}
.headLnk_lst.ver2 {
padding: 0 5px;
margin: 0;
border-top: 1px solid #e1e6ea;
width: 100%;
box-sizing: border-box;
}
.headLnk_lst.ver2 li {
margin-right: 0;
width: 17%;
text-align: center;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.headLnk_lst.ver2 li.is-scout {
width: 14%;
}
.headLnk_lst.ver2 li.is-mypage ,
.headLnk_lst.ver2 li.is-documents ,
.headLnk_lst.ver2 li.is-cubic {
width: 18%;
}
.headLnk_lst.ver2 li a {
width: 100%;
height: 55px;
}
.headLnk_lst.ver2 li a span {
padding: 35px 0 0 0;
}
.headLnk_lst.ver2 li.is-cubic a span {
padding: 29px 0 0 0;
}
.headLnk_lst.ver2 li a span:before {
top: 8px;
width: 18px;
height: 18px;
}
.headNav_wrap {
display: none;
position: fixed;
top: 55px;
right: 0;
overflow-y: auto;
padding: 0 10px 25px;
width: 100%;
box-sizing: border-box;
height: -webkit-calc(100vh - 55px);
height: calc(100vh - 55px);
background: #FFF;
z-index: 9999;
border-top: none;
}
.headNav_lst {
display: block;
}
.headLnk_btn {
width: 100%;
}
.headLnk_btn a {
width: 100%;
background: #f86608;
color: #fff;
font-size: 12px;
text-decoration: none;
font-weight: 500;
height: 40px;
border-radius: 4px;
}
.headNav_lst > li {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
border-left: 1px solid #e1e6ea;
border-right: 1px solid #e1e6ea;
}
.headNav_lst > li:first-child {
border-top: 1px solid #e1e6ea;
}
.headNav_lst > li:before,
.headNav_lst > li:last-child:after {
content: none;
}
.headNav_lst > li > a {
font-size: 14px;
padding: 16px 15px;
background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
background-size: auto 10px;
}
.headNav_lst > li:nth-child(4) {
margin-top: 25px;
border-top: 1px solid #e1e6ea;
}
.headNav_lst.ver2 {
margin-bottom: 25px;
}
.headNav_lst.ver2 > li:nth-child(4) {
margin-top: 0;
border-top: none;
}
.headNav_lst.ver2 li a span {
display: inline-block;
position: relative;
padding: 0 0 0 30px;
}
.headNav_lst.ver2 li a span:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
.headNav_lst.ver2 li.is-mypage a span:before {
background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-favorite a span:before {
background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-history a span:before {
background: url(/cmn4/svg/icn_history.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-documents a span:before {
background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-management a span:before {
background: url(/cmn4/svg/icn_management.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-scout a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-cubic a span:before {
background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
background-size: 100% auto;
}
.headNav_inner {
display: block;
position: relative;
top: auto;
left: auto;
width: 100%
}
.headNav_inner.ver2 {
left: auto;
width: 100%;
}
.headNav_inner.ver3 {
left: auto;
width: 100%;
}
.headNav_inner .h_lnk{
border: none;
}
.headNav_inner li {
width: 100%;
text-align: left;
border: none;
border-top: 1px solid #e1e6ea;
}
.headNav_inner li a {
font-size: 14px;
line-height: 1.4;
padding: 16px 25px 16px 15px;
background: #f4f6f7;
padding-left: -webkit-calc(15px + 1em);
padding-left: calc(15px + 1em);
}
.headNav_inner li a:before {
width: 4px;
height: 8px;
right: 15px;
background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_btn {
padding-top: 25px;
}
.headNav_btn li {
margin-bottom: 20px;
}
.headNav_btn li:last-child {
margin-bottom: 0;
}
.headNav_lst > li.headerjs > a {
background: #fff;
}
.headerjs > a:before,
.headerjs > a:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #e1e6ea;
right: 10px;
top: 50%;
width: 10px;
height: 2px;
border-radius: 4px;
transform: translate(-50%, -50%);
}
.headerjs > a:before {
transform: translate(-50%, -50%) rotate(90deg);
}
.headerjs.tgl > a:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.headNavLogin_wrap {
margin: 0 -10px 15px -10px;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
background: #f4f6f7;
padding: 10px 25px;
}
.headNavLogin-name {
line-height: 1.7;
font-size: 12px;
}
.headNavLogin-name span {
font-size: 15px;
font-weight: bold;
padding: 0 5px 0 0;
}
.headNavLogin-out a {
font-size: 10px;
font-weight: bold;
}

}
@media only screen and (max-width: 374px) {
.b_btn a {
font-size: 14px;
}
.b_btn.or a span:before {
font-size: 14px;
}
.b_btn.or2 a {
font-size: 13px;
}
}







window.yjDataLayer = window.yjDataLayer || [];
function ytag() { yjDataLayer.push(arguments); }
ytag({"type":"ycl_cookie"});




(function(g,d,o){
g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
var s=d.createElement('script');s.async=1;
s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
})(window, document);
_lt('init', {
customerType: 'lap',
tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
});
_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);







!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1012741055733343');
fbq('track', 'PageView');







!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1645008882503234');
fbq('track', 'PageView');






!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
twq('config','ody25');





!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o88fj');
twq('track','PageView');






window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
gtag('config', 'UA-23424278-1');
gtag('config', 'G-D4Z9Q5XETP');






(function() {
var didInit = false;
function initMunchkin() {
if(didInit === false) {
didInit = true;
Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
}
}
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//munchkin.marketo.net/munchkin.js';
s.onreadystatechange = function() {
if (this.readyState == 'complete' || this.readyState == 'loaded') {
initMunchkin();
}
};
s.onload = initMunchkin;
document.getElementsByTagName('head')[0].appendChild(s);
})();















中途採用をお考えの企業さまへ
ログイン

マイページログイン
eコンシェルログイン



転職相談サービスお申し込み



求人を探す

転職相談サービス


転職相談サービスの内容と流れ
履歴書・職務経歴書作成ツール
CUBIC適性検査
転職コンシェルジュ®紹介
eコンシェル
転職エージェントとは




転職お役立ち情報


転職セミナー情報
【企業別】採用選考ポイント
転職・仕事の調査データ【転職希望者編】
転職・仕事の調査データ【採用担当者編】
しごと図鑑【動画】




会社情報


面談拠点一覧(アクセス)
会社概要




お問い合わせ


転職希望者さま
中途採用ご担当者さま
その他のお問い合わせ









TOP
求人検索
求人検索結果一覧


{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "転職相談するなら転職エージェントのワークポート",
"item": "https://www.workport.co.jp/"
},
{
"@type": "ListItem",
"position": 2,
"name": "求人検索",
"item": "https://www.workport.co.jp/all/search/"
},
{
"@type": "ListItem",
"position": 3,
"name": "求人検索結果一覧"
}]
}
想定給与給与300万円~650万円
業務内容#ERROR!
基本スキルml>










転職・求人情報なら転職エージェント 【ワークポート】

















[{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://www.workport.co.jp",
"logo": "https://www.workport.co.jp/cmn4/svg/logo.svg"
},{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "WORKPORT",
"url": "https://www.workport.co.jp"
}]


@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP Regular"),
url("/cmn4/font/NotoSansCJKjp-Regular.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: 500;
src: local("Noto Sans CJK JP Medium"),
url("/cmn4/font/NotoSansCJKjp-Medium.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Medium.otf") format("opentype");
}
@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: bold;
src: local("Noto Sans CJK JP Bold"),
url("/cmn4/font/NotoSansCJKjp-Bold.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Bold.otf") format("opentype");
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: 400;
src: url("/cmn4/font/A-OTF-RyuminPro-Regular.otf") format('opentype');
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/A-OTF-RyuminPro-Medium.otf") format('opentype');
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/A-OTF-RyuminPro-Bold.otf") format('opentype');
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/Roboto-Bold.ttf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: 400;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Regular.otf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Medium.otf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Bold.otf") format("truetype");
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
outline: 0;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
display: block;
}
h1,h2,h3,h4,h5,h6,caption,address,th {
font-weight: normal;
margin: 0;
padding: 0;
font-size: 100%;
}
ul,ol,li,dl,dt,dd {
list-style: none;
}
img,iframe {
vertical-align: middle;
border: 0;
}
img {
line-height: 0;
font-size: 0;
-webkit-backface-visibility: hidden;
}
table {
border-collapse: collapse;
}
th {
font-weight: normal;
text-align: left;
}
button,fieldset,form,input,label,legend,select,textarea {
font-style: inherit;
font-weight: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
select {
padding: 2px;
}
select::-ms-expand {
display: none;
}
input,select {
font-size: 100%;
vertical-align: middle;
}
input[type="text"],input[type="password"],textarea,select {
outline: none;
}
textarea {
font-size: 100%;
}
input {
vertical-align: middle;
}
input[type="text"] ,
input[type="password"] ,
input[type="email"] ,
input[type="tel"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
border: 0;
border-radius: 0;
outline: none;
background: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
border: 0;
border-radius: 0;
outline: none;
background: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
border-radius: 0;
box-sizing: border-box;
transition: opacity .2s ease-out,all .2s ease-out;
}
input[type="radio"],
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
background: transparent;
}
select::-ms-expand {
display: none;
}
::-webkit-input-placeholder {
color: #75787e;
}
::-webkit-input-placeholder {
color: #75787e;
}
:placeholder-shown {
color: #75787e;
}
::-webkit-input-placeholder {
color: #75787e;
}
:-moz-placeholder {
color: #75787e; opacity: 1;
}
::-moz-placeholder {
color: #75787e; opacity: 1;
}
:-ms-input-placeholder {
color: #75787e;
}
label {
padding: 0;
}
hr {
display: none;
}
a {
transition: opacity .4s ease-out,all .4s ease-out;
}
a,a:link {
color: #000;
text-decoration: none;
word-break: break-all;
}
a:visited {
color: #000;
}
@media (min-width: 896px) {
a:hover,a:active {
color: #000;
text-decoration: none;
}
}
*:focus {
outline: none;
}
.c_fix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
height: 0;
overflow: hidden;
}
.c_fix {
min-height: 1px;
}
html {
height: 100%;
}
body {
font-family:"Noto Sans","Noto Sans CJK JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
line-height: 2;
font-size: 14px;
font-weight: 400;
text-align: left;
min-width: 1240px;
min-height: 100%;
height: auto !important;
position: relative;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
background: #fff;
color: #000;
border-bottom: none;
padding-top: 112px;
}
.f-Ryumin {
font-family: "Ryumin Pro", serif;
font-weight: 500;
}
.f-Roboto {
font-family: "Roboto",sans-serif;
font-weight: 500;
}
.f-A1gothic {
font-family: "A1 Gothic",sans-serif;
font-weight: 500;
}
.f_tnr {
font-family:"Times New Roman", serif;
font-weight: 500;
}
.c-wrap {
width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}
.c-wrap.ver2 {
width: 900px;
}
.c-wrap.ver3 {
width: 960px;
}
.c-pc {
display: block;
}
.c-pc-in {
display: inline;
}
.c-sp {
display: none;
}
.c-sp-in {
display: none;
}
.b_btn {
text-align: center;
background: #fff;
border-radius: 4px;
position: relative;
max-width: 320px;
margin: 0 auto;
font-weight: 500;
}
.b_btn a {
border-radius: 4px;
box-sizing: border-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 60px;
color: #ffffff;
font-size: 16px;
text-decoration: none;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.b_btn.is-or a {
background: #f86608;
}
/*オレンジ系 無料*/
.b_btn.or a {
background: #f86608;
}
.b_btn.or a span {
position: relative;
padding: 0 70px 0 0;
}
.b_btn.or a span:before {
content: "無料";
position: absolute;
top: 50%;
right: 0;
z-index: 9;
background: #ffffff;
height: 24px;
width: 50px;
text-align: center;
line-height: 24px;
color: #f86608;
font-size: 16px;
margin: -12px 0 0 0;
border-radius: 3px;
}
.b_btn.or2 a {
background: #f86608;
}
/*黒*/
.b_btn.blk {
background: transparent;
}
.b_btn.blk a {
background: transparent;
color: #000;
border: 1px solid #000;
}
.b_btn.blk2 {
background: #fff;
}
.b_btn.blk2 a {
background: #fff;
color: #000;
border: 1px solid #000;
}
/*白*/
.b_btn.wh {
background: transparent;
}
.b_btn.wh a {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
/*白2*/
.b_btn.wh2 {
background: #fff;
}
.b_btn.wh2 a {
background: #fff;
color: #26a24c;
border: 1px solid #fff;
}
/*緑*/
.b_btn.is-gln a {
background: #26a24c;
}
@media (min-width: 896px) {
.b_btn a:hover {
opacity: 0.7;
}
.b_btn.blk a:hover,
.b_btn.blk2 a:hover {
opacity: 1;
background: #000;
color: #fff;
}
.b_btn.blk a.is-on {
opacity: 1;
background: #000;
color: #fff;
}
.b_btn.wh a:hover {
opacity: 1;
background: #fff;
color: #26a24c;
}
.b_btn.wh2 a:hover {
opacity: 1;
background: #26a24c;
color: #fff;
}
}
header {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
background: #fff;
/* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
border-bottom: 1px solid #e1e6ea;
}
.header {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.head_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head-logo {
line-height: 1;
width: 152px;
position: relative;
}
.head-logo a {
display: block;
}
.head-logo .is-20th {
position: absolute;
top: 50%;
right: -115px;
z-index: 9;
width: 100px;
height: 28px;
margin: -16px 0 0 0;
}
/*
.head-logo:after {
content: "";
position: absolute;
top: 50%;
right: -120px;
z-index: 9;
width: 100px;
height: 28px;
margin: -16px 0 0 0;
}
.head-logo.y19:after {
background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
background-size: 100% auto;
}
.head-logo.y20:after {
background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
background-size: 100% auto;
}
*/
.head-txt {
font-size: 11px;
line-height: 1;
font-weight: bold;
padding-left: 120px;
}
.headLnk_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headLnk_lst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.headLnk_lst li {
font-size: 13px;
line-height: 1.4;
font-weight: 500;
margin-right: 20px;
}
.headLnk_lst li:last-child {
margin-right: 0;
}
.headLnk_lst li a span {
padding-left: 24px;
position: relative;
}
.headLnk_lst li.is-mbr {
position: relative;
}
.headLnk_lst li.is-mbr a {
display: block;
cursor: pointer;
}
.headLnk_lst li.is-mbr a span {
padding-left: 25px;
}
.headLnk_lst li a span:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: opacity .4s ease-out,all .4s ease-out;
}
.headLnk_lst li.is-ec a span:before {
width: 17px;
height: 19px;
background: url(/cmn4/img/hd_recruit.png) no-repeat center;
}
.headLnk_lst li.is-mbr a span:before {
width: 15px;
height: 17px;
background: url(/cmn4/img/hd_login.png) no-repeat center;
}
.headLg_wrap {
display: none;
position: absolute;
top: 33px;
left: -45px;
width: -webkit-calc(100% + 90px);
width: calc(100% + 90px);
background: #fff;
border: 1px solid #e1e6ea;
z-index: 99999999;
}
.headLg_wrap.on {
display: block;
}
.headLg-lnk {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
}
.headLg-lnk a {
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headLg-lnk a {
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headLg-lnk a:before {
content: '';
display: block;
width: 4px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url(/cmn4/svg/arw_r.svg) no-repeat center;
background-size: auto 100%;
transition: opacity .4s ease-out,all .4s ease-out;
}
.headLnk_lst.ver2 {
margin-right: 15px;
}
.headLnk_lst.ver2 li {
font-size: 10px;
line-height: 1;
margin-right: 13px;
}
.headLnk_lst.ver2 li:last-child {
margin-right: 0;
}
.headLnk_lst.ver2 li a span {
display: inline-block;
padding: 26px 0 0;
position: relative;
}
.headLnk_lst.ver2 li a span:before {
left: 0;
right: 0;
top: 0;
transform: none;
margin: auto;
width: 20px;
height: 20px;
}
.headLnk_lst li.is-mypage a span:before {
background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-favorite a span:before {
background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-history a span:before {
background: url(/cmn4/svg/icn_history.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-documents a span:before {
background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-management a span:before {
background: url(/cmn4/svg/icn_management.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-service a span:before {
background: url(/cmn4/svg/icn_my_service.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-message a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-template a span:before {
background: url(/cmn4/svg/icn_my_txt.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-scout a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-cubic a span:before {
background: url(/cmn4/svg/icn_cubic.svg?5) no-repeat center;
background-size: auto 100%;
}
.headLnk_e {
border-left: 1px solid #e1e6ea;
padding: 0 10px 0 10px;
font-size: 12px;
line-height: 1.6;
}
.headLnk_btn {
width: 200px;
}
.headLnk_btn a {
box-sizing: border-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
background: #f86608;
color: #fff;
font-size: 13px;
text-decoration: none;
font-weight: 500;
height: 40px;
border-radius: 4px;
}
.headNav_wrap {
border-top: 1px solid #e1e6ea;
}
.headNav_lst {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headNav_lst > li {
width: 20%;
text-align: center;
position: relative;
}
.headNav_lst > li:before,
.headNav_lst > li:after {
display: block;
width: 1px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #e1e6ea;
}
.headNav_lst > li:before {
content: '';
}
.headNav_lst > li:last-child:after {
content: '';
left: auto;
right: 0;
}
.headNav_lst > li a {
display: block;
font-size: 15px;
line-height: 1;
font-weight: bold;
padding: 17px 0 18px;
position: relative;
}
.headNav_lst > li > a {
cursor: pointer;
}
.headNav_inner {
display: none;
position: absolute;
top: 51px;
/*left: -30px;*/
left: 0;
width: 100%;
}
.headNav_inner.ver2 {
/*left: -60px;*/
left: 0;
width: -webkit-calc(100% + 170px);
width: calc(100% + 170px);
}
.headNav_inner.ver3 {
/*left: -60px;*/
left: 0;
width: -webkit-calc(100% + 100px);
width: calc(100% + 100px);
}
.headNav_inner .h_lnk{
background: #fff;
border: 1px solid #e1e6ea;
border-top: none;
border-bottom: none;
}
.headNav_inner li {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
}
.headNav_inner li a {
font-size: 13px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headNav_inner li a:before {
content: '';
display: block;
width: 4px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url(/cmn4/svg/arw_r.svg) no-repeat center;
background-size: auto 100%;
transition: opacity .4s ease-out,all .4s ease-out;
}
.sp_menu_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 55px;
height: 55px;
background: #fff;
}
.sp_menu_btn .link {
width: 20px;
height: 2px;
position: relative;
}
.sp_menu_btn .link span {
display: block;
height: 0;
overflow: hidden;
padding: 2px 0 0 0;
background: #000;
}
.sp_menu_btn .link:before,
.sp_menu_btn .link:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 2px;
background: #000;
left: 0;
z-index: 10;
}
.sp_menu_btn .link:before {
top: -6px;
transition: all .4s;
}
.sp_menu_btn .link:after {
bottom: -6px;
transition: all .4s;
}
.sp_menu_btn.on .link span {
background: transparent;
}
.sp_menu_btn.on .link:before {
top: 0;
transform: rotate(-135deg);
}
.sp_menu_btn.on .link:after {
transform: rotate(135deg);
bottom: 0;
}
@media (min-width: 896px) {
.headNav_lst > li > a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #26a24c;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
}
.headNav_lst > li.on > a {
font-size: 15px;
color: #26a24c;
}
.headNav_lst > li.on > a:before,
.headNav_lst > li > a:hover:before {
transform: scale(1, 1);
}
.headNav_lst > li a:hover {
color: #26a24c;
text-decoration: none;
}
.headNav_inner li a:hover:before {
right: 5px;
}
.headLnk_btn a:hover {
opacity: .7;
}
.headLnk_btn.myp a {
font-size: 11px;
}
.headLnk_lst li a:hover {
color: #26a24c;
text-decoration: none;
}
.headLnk_lst li.is-ec a:hover span:before {
background: url(/cmn4/img/hd_recruit_on.png) no-repeat center;
}
.headLnk_lst li.is-mbr a:hover span:before {
background: url(/cmn4/img/hd_login_on.png) no-repeat center;
}
.headLnk_lst li.is-mypage a:hover span:before {
background: url(/cmn4/svg/icn_mypage_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-favorite a:hover span:before {
background: url(/cmn4/svg/icn_favorite_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-history a:hover span:before {
background: url(/cmn4/svg/icn_history_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-documents a:hover span:before {
background: url(/cmn4/svg/icn_documents_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-management a:hover span:before {
background: url(/cmn4/svg/icn_management_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-scout a:hover span:before {
background: url(/cmn4/svg/icn_my_mail_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-cubic a:hover span:before {
background: url(/cmn4/svg/icn_cubic_grn.svg?2) no-repeat center;
background-size: 100% auto;
}
.headLnk_e a:hover {
color: #26a24c;
text-decoration: none;
}
.headLg-lnk a:hover:before {
right: 5px;
}
.sp_menu_btn {
width: 16px;
height: 20px;
border-left: 1px solid #e1e6ea;
padding-left: 20px;
margin-left: 20px;
cursor: pointer;
transition: opacity .4s ease-out,all .4s ease-out;
}
.sp_menu_btn .link span,
.sp_menu_btn .link:before,
.sp_menu_btn .link:after {
width: 16px;
background: #26a24c;
}
.sp_menu_btn:hover {
opacity: .7;
}
header.anima {
position: fixed;
animation: DownAnime 0.5s forwards;
}
header {
position: absolute;
}
header.is-active {
animation: UpAnime 0.5s forwards;
margin-top: -111px;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-111px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-111px);
}
}
}
@media only screen and (max-width: 896px) {
body {
font-size: 13px;
min-width: 320px;
width: 100%;
min-height: -webkit-fill-available;
padding-top: 55px;
}
.c-wrap,
.c-wrap.ver2,
.c-wrap.ver3 {
width: 100%;
}
.c-pc {
display: none;
}
.c-pc-in {
display: none;
}
.c-sp {
display: block;
}
.c-sp-in {
display: inline;
}
.b_btn {
border-radius: 2px;
max-width: 100%;
}
.b_btn a {
border-radius: 2px;
height: 50px;
font-size: 16px;
}
/*オレンジ系 無料*/
.b_btn.or a {
background: #f86608;
}
.b_btn.or a span {
padding: 0 70px 0 0;
}
.b_btn.or a span:before {
height: 26px;
width: 56px;
line-height: 26px;
font-size: 16px;
margin: -13px 0 0 0;
}
.b_btn.or2 a {
height: 40px;
font-size: 14px;
}
.b_btn.blk a {
height: 40px;
font-size: 14px;
}
.b_btn.blk2 a {
height: 40px;
font-size: 14px;
}
header {
/* border-bottom: none; */
}
/*header.on {
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}*/
header.on_lg {
transition: none;
background: #fff !important;
}
.header {
height: 55px;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head_logo {
width: 115px;
padding-left: 20px;
}
.head-logo img {
width: 115px;
height: auto;
}
.head-logo .is-20th {
right: -80px;
width: 70px;
height: 20px;
margin: -10px 0 0 0;
}
.head-logo .is-20th img {
width: 100%;
height: auto;
}
/*
.head-logo:after {
right: -80px;
width: 70px;
height: 20px;
margin: -12px 0 0 0;
}
*/
.headLnk_lst {
margin-right: 0;
}
.headLnk_lst li {
font-size: 12px;
margin-right: 0;
}
.headLnk_lst li a {
display: block;
width: 48px;
height: 40px;
}
.headLnk_lst li a span {
display: block;
padding: 24px 0 0;
}
.headLnk_lst li.is-mbr a span {
padding-left: 0;
}
.headLnk_lst li a span:before {
left: 0;
right: 0;
margin: auto;
top: 6px;
transform: none;
}
.headLnk_lst li.is-ec a span:before {
width: 17px;
height: 19px;
background: url(/cmn4/img/sp/hd_recruit.png) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-mbr a span:before {
width: 15px;
height: 15px;
background: url(/cmn4/img/sp/hd_login.png) no-repeat center;
background-size: 100% auto;
}
.headLg_wrap {
position: fixed;
top: 55px;
left: 0;
width: -webkit-calc(100%);
width: calc(100%);
border-bottom: 0;
}
.headLg_wrap.on {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.headLg-lnk {
width: 50%;
}
.headLg-lnk a {
display: block;
position: relative;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
border-right: 1px solid #e1e6ea;
}
.headLg-lnk:last-child a {
border-right: 0;
}
.head_bg.on {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999998;
background: #000;
opacity: 0.6;
}
.headLnk_lst.ver2 {
padding: 0 5px;
margin: 0;
border-top: 1px solid #e1e6ea;
width: 100%;
box-sizing: border-box;
}
.headLnk_lst.ver2 li {
margin-right: 0;
width: 17%;
text-align: center;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.headLnk_lst.ver2 li.is-scout {
width: 14%;
}
.headLnk_lst.ver2 li.is-mypage ,
.headLnk_lst.ver2 li.is-documents ,
.headLnk_lst.ver2 li.is-cubic {
width: 18%;
}
.headLnk_lst.ver2 li a {
width: 100%;
height: 55px;
}
.headLnk_lst.ver2 li a span {
padding: 35px 0 0 0;
}
.headLnk_lst.ver2 li.is-cubic a span {
padding: 29px 0 0 0;
}
.headLnk_lst.ver2 li a span:before {
top: 8px;
width: 18px;
height: 18px;
}
.headNav_wrap {
display: none;
position: fixed;
top: 55px;
right: 0;
overflow-y: auto;
padding: 0 10px 25px;
width: 100%;
box-sizing: border-box;
height: -webkit-calc(100vh - 55px);
height: calc(100vh - 55px);
background: #FFF;
z-index: 9999;
border-top: none;
}
.headNav_lst {
display: block;
}
.headLnk_btn {
width: 100%;
}
.headLnk_btn a {
width: 100%;
background: #f86608;
color: #fff;
font-size: 12px;
text-decoration: none;
font-weight: 500;
height: 40px;
border-radius: 4px;
}
.headNav_lst > li {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
border-left: 1px solid #e1e6ea;
border-right: 1px solid #e1e6ea;
}
.headNav_lst > li:first-child {
border-top: 1px solid #e1e6ea;
}
.headNav_lst > li:before,
.headNav_lst > li:last-child:after {
content: none;
}
.headNav_lst > li > a {
font-size: 14px;
padding: 16px 15px;
background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
background-size: auto 10px;
}
.headNav_lst > li:nth-child(4) {
margin-top: 25px;
border-top: 1px solid #e1e6ea;
}
.headNav_lst.ver2 {
margin-bottom: 25px;
}
.headNav_lst.ver2 > li:nth-child(4) {
margin-top: 0;
border-top: none;
}
.headNav_lst.ver2 li a span {
display: inline-block;
position: relative;
padding: 0 0 0 30px;
}
.headNav_lst.ver2 li a span:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
.headNav_lst.ver2 li.is-mypage a span:before {
background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-favorite a span:before {
background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-history a span:before {
background: url(/cmn4/svg/icn_history.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-documents a span:before {
background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-management a span:before {
background: url(/cmn4/svg/icn_management.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-scout a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-cubic a span:before {
background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
background-size: 100% auto;
}
.headNav_inner {
display: block;
position: relative;
top: auto;
left: auto;
width: 100%
}
.headNav_inner.ver2 {
left: auto;
width: 100%;
}
.headNav_inner.ver3 {
left: auto;
width: 100%;
}
.headNav_inner .h_lnk{
border: none;
}
.headNav_inner li {
width: 100%;
text-align: left;
border: none;
border-top: 1px solid #e1e6ea;
}
.headNav_inner li a {
font-size: 14px;
line-height: 1.4;
padding: 16px 25px 16px 15px;
background: #f4f6f7;
padding-left: -webkit-calc(15px + 1em);
padding-left: calc(15px + 1em);
}
.headNav_inner li a:before {
width: 4px;
height: 8px;
right: 15px;
background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_btn {
padding-top: 25px;
}
.headNav_btn li {
margin-bottom: 20px;
}
.headNav_btn li:last-child {
margin-bottom: 0;
}
.headNav_lst > li.headerjs > a {
background: #fff;
}
.headerjs > a:before,
.headerjs > a:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #e1e6ea;
right: 10px;
top: 50%;
width: 10px;
height: 2px;
border-radius: 4px;
transform: translate(-50%, -50%);
}
.headerjs > a:before {
transform: translate(-50%, -50%) rotate(90deg);
}
.headerjs.tgl > a:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.headNavLogin_wrap {
margin: 0 -10px 15px -10px;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
background: #f4f6f7;
padding: 10px 25px;
}
.headNavLogin-name {
line-height: 1.7;
font-size: 12px;
}
.headNavLogin-name span {
font-size: 15px;
font-weight: bold;
padding: 0 5px 0 0;
}
.headNavLogin-out a {
font-size: 10px;
font-weight: bold;
}

}
@media only screen and (max-width: 374px) {
.b_btn a {
font-size: 14px;
}
.b_btn.or a span:before {
font-size: 14px;
}
.b_btn.or2 a {
font-size: 13px;
}
}







window.yjDataLayer = window.yjDataLayer || [];
function ytag() { yjDataLayer.push(arguments); }
ytag({"type":"ycl_cookie"});




(function(g,d,o){
g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
var s=d.createElement('script');s.async=1;
s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
})(window, document);
_lt('init', {
customerType: 'lap',
tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
});
_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);







!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1012741055733343');
fbq('track', 'PageView');







!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1645008882503234');
fbq('track', 'PageView');






!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
twq('config','ody25');





!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o88fj');
twq('track','PageView');






window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
gtag('config', 'UA-23424278-1');
gtag('config', 'G-D4Z9Q5XETP');






(function() {
var didInit = false;
function initMunchkin() {
if(didInit === false) {
didInit = true;
Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
}
}
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//munchkin.marketo.net/munchkin.js';
s.onreadystatechange = function() {
if (this.readyState == 'complete' || this.readyState == 'loaded') {
initMunchkin();
}
};
s.onload = initMunchkin;
document.getElementsByTagName('head')[0].appendChild(s);
})();















中途採用をお考えの企業さまへ
ログイン

マイページログイン
eコンシェルログイン



転職相談サービスお申し込み



求人を探す

転職相談サービス


転職相談サービスの内容と流れ
履歴書・職務経歴書作成ツール
CUBIC適性検査
転職コンシェルジュ®紹介
eコンシェル
転職エージェントとは




転職お役立ち情報


転職セミナー情報
【企業別】採用選考ポイント
転職・仕事の調査データ【転職希望者編】
転職・仕事の調査データ【採用担当者編】
しごと図鑑【動画】




会社情報


面談拠点一覧(アクセス)
会社概要




お問い合わせ


転職希望者さま
中途採用ご担当者さま
その他のお問い合わせ









TOP
求人検索
求人検索結果一覧


{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "転職相談するなら転職エージェントのワークポート",
"item": "https://www.workport.co.jp/"
},
{
"@type": "ListItem",
"position": 2,
"name": "求人検索",
"item": "https://www.workport.co.jp/all/search/"
},
{
"@type": "ListItem",
"position": 3,
"name": "求人検索結果一覧"
}]
}














求人検索一覧


検索結果 96707件 (1件 ~ 30件)


求人を絞り込む・検索条件の変更


新着順
人気順







職種

選択する
ここに選択した値が表示されます



勤務地

選択する
ここに選択した値が表示されます



業種

選択する
ここに選択した値が表示されます




年収



--
300万円500万円700万円1000万円  以上




年齢

選択する
ここに選択した値が表示されます





キーワード






検索条件の変更




表示数 

30件
50件
100件




12345>最後へ








お気に入り



株式会社クーシー 

NEW



コンサルティング営業
『ものづくり』『クリエイティブ』に積極的に関わりたい方が活躍できる環境です!

正社員完全週休2日制




勤務地東京都 渋谷区
給与300万円~650万円





必要な経験スキル
・特定のサービスや商品を売るだけでなく、クライアントのパートナーとしてソリューションを提案しプロジェクト全体を成功に導きたい方
案件URLlang="ja">









転職・求人情報なら転職エージェント 【ワークポート】

















[{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://www.workport.co.jp",
"logo": "https://www.workport.co.jp/cmn4/svg/logo.svg"
},{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "WORKPORT",
"url": "https://www.workport.co.jp"
}]


@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP Regular"),
url("/cmn4/font/NotoSansCJKjp-Regular.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: 500;
src: local("Noto Sans CJK JP Medium"),
url("/cmn4/font/NotoSansCJKjp-Medium.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Medium.otf") format("opentype");
}
@font-face {
font-family: "Noto Sans CJK JP";
font-style: normal;
font-weight: bold;
src: local("Noto Sans CJK JP Bold"),
url("/cmn4/font/NotoSansCJKjp-Bold.woff") format("woff"),
url("/cmn4/font/NotoSansCJKjp-Bold.otf") format("opentype");
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: 400;
src: url("/cmn4/font/A-OTF-RyuminPro-Regular.otf") format('opentype');
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/A-OTF-RyuminPro-Medium.otf") format('opentype');
}
@font-face {
font-family: 'Ryumin Pro';
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/A-OTF-RyuminPro-Bold.otf") format('opentype');
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/Roboto-Bold.ttf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: 400;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Regular.otf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: 500;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Medium.otf") format("truetype");
}
@font-face {
font-family: "A1 Gothic";
font-style: normal;
font-weight: bold;
src: url("/cmn4/font/AP-OTF-A1GothicStd-Bold.otf") format("truetype");
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
outline: 0;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
display: block;
}
h1,h2,h3,h4,h5,h6,caption,address,th {
font-weight: normal;
margin: 0;
padding: 0;
font-size: 100%;
}
ul,ol,li,dl,dt,dd {
list-style: none;
}
img,iframe {
vertical-align: middle;
border: 0;
}
img {
line-height: 0;
font-size: 0;
-webkit-backface-visibility: hidden;
}
table {
border-collapse: collapse;
}
th {
font-weight: normal;
text-align: left;
}
button,fieldset,form,input,label,legend,select,textarea {
font-style: inherit;
font-weight: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
select {
padding: 2px;
}
select::-ms-expand {
display: none;
}
input,select {
font-size: 100%;
vertical-align: middle;
}
input[type="text"],input[type="password"],textarea,select {
outline: none;
}
textarea {
font-size: 100%;
}
input {
vertical-align: middle;
}
input[type="text"] ,
input[type="password"] ,
input[type="email"] ,
input[type="tel"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
border: 0;
border-radius: 0;
outline: none;
background: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
border: 0;
border-radius: 0;
outline: none;
background: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
border-radius: 0;
box-sizing: border-box;
transition: opacity .2s ease-out,all .2s ease-out;
}
input[type="radio"],
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
background: transparent;
}
select::-ms-expand {
display: none;
}
::-webkit-input-placeholder {
color: #75787e;
}
::-webkit-input-placeholder {
color: #75787e;
}
:placeholder-shown {
color: #75787e;
}
::-webkit-input-placeholder {
color: #75787e;
}
:-moz-placeholder {
color: #75787e; opacity: 1;
}
::-moz-placeholder {
color: #75787e; opacity: 1;
}
:-ms-input-placeholder {
color: #75787e;
}
label {
padding: 0;
}
hr {
display: none;
}
a {
transition: opacity .4s ease-out,all .4s ease-out;
}
a,a:link {
color: #000;
text-decoration: none;
word-break: break-all;
}
a:visited {
color: #000;
}
@media (min-width: 896px) {
a:hover,a:active {
color: #000;
text-decoration: none;
}
}
*:focus {
outline: none;
}
.c_fix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
height: 0;
overflow: hidden;
}
.c_fix {
min-height: 1px;
}
html {
height: 100%;
}
body {
font-family:"Noto Sans","Noto Sans CJK JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
line-height: 2;
font-size: 14px;
font-weight: 400;
text-align: left;
min-width: 1240px;
min-height: 100%;
height: auto !important;
position: relative;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
background: #fff;
color: #000;
border-bottom: none;
padding-top: 112px;
}
.f-Ryumin {
font-family: "Ryumin Pro", serif;
font-weight: 500;
}
.f-Roboto {
font-family: "Roboto",sans-serif;
font-weight: 500;
}
.f-A1gothic {
font-family: "A1 Gothic",sans-serif;
font-weight: 500;
}
.f_tnr {
font-family:"Times New Roman", serif;
font-weight: 500;
}
.c-wrap {
width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}
.c-wrap.ver2 {
width: 900px;
}
.c-wrap.ver3 {
width: 960px;
}
.c-pc {
display: block;
}
.c-pc-in {
display: inline;
}
.c-sp {
display: none;
}
.c-sp-in {
display: none;
}
.b_btn {
text-align: center;
background: #fff;
border-radius: 4px;
position: relative;
max-width: 320px;
margin: 0 auto;
font-weight: 500;
}
.b_btn a {
border-radius: 4px;
box-sizing: border-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 60px;
color: #ffffff;
font-size: 16px;
text-decoration: none;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.b_btn.is-or a {
background: #f86608;
}
/*オレンジ系 無料*/
.b_btn.or a {
background: #f86608;
}
.b_btn.or a span {
position: relative;
padding: 0 70px 0 0;
}
.b_btn.or a span:before {
content: "無料";
position: absolute;
top: 50%;
right: 0;
z-index: 9;
background: #ffffff;
height: 24px;
width: 50px;
text-align: center;
line-height: 24px;
color: #f86608;
font-size: 16px;
margin: -12px 0 0 0;
border-radius: 3px;
}
.b_btn.or2 a {
background: #f86608;
}
/*黒*/
.b_btn.blk {
background: transparent;
}
.b_btn.blk a {
background: transparent;
color: #000;
border: 1px solid #000;
}
.b_btn.blk2 {
background: #fff;
}
.b_btn.blk2 a {
background: #fff;
color: #000;
border: 1px solid #000;
}
/*白*/
.b_btn.wh {
background: transparent;
}
.b_btn.wh a {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
/*白2*/
.b_btn.wh2 {
background: #fff;
}
.b_btn.wh2 a {
background: #fff;
color: #26a24c;
border: 1px solid #fff;
}
/*緑*/
.b_btn.is-gln a {
background: #26a24c;
}
@media (min-width: 896px) {
.b_btn a:hover {
opacity: 0.7;
}
.b_btn.blk a:hover,
.b_btn.blk2 a:hover {
opacity: 1;
background: #000;
color: #fff;
}
.b_btn.blk a.is-on {
opacity: 1;
background: #000;
color: #fff;
}
.b_btn.wh a:hover {
opacity: 1;
background: #fff;
color: #26a24c;
}
.b_btn.wh2 a:hover {
opacity: 1;
background: #26a24c;
color: #fff;
}
}
header {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
background: #fff;
/* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
border-bottom: 1px solid #e1e6ea;
}
.header {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.head_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head-logo {
line-height: 1;
width: 152px;
position: relative;
}
.head-logo a {
display: block;
}
.head-logo .is-20th {
position: absolute;
top: 50%;
right: -115px;
z-index: 9;
width: 100px;
height: 28px;
margin: -16px 0 0 0;
}
/*
.head-logo:after {
content: "";
position: absolute;
top: 50%;
right: -120px;
z-index: 9;
width: 100px;
height: 28px;
margin: -16px 0 0 0;
}
.head-logo.y19:after {
background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
background-size: 100% auto;
}
.head-logo.y20:after {
background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
background-size: 100% auto;
}
*/
.head-txt {
font-size: 11px;
line-height: 1;
font-weight: bold;
padding-left: 120px;
}
.headLnk_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headLnk_lst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.headLnk_lst li {
font-size: 13px;
line-height: 1.4;
font-weight: 500;
margin-right: 20px;
}
.headLnk_lst li:last-child {
margin-right: 0;
}
.headLnk_lst li a span {
padding-left: 24px;
position: relative;
}
.headLnk_lst li.is-mbr {
position: relative;
}
.headLnk_lst li.is-mbr a {
display: block;
cursor: pointer;
}
.headLnk_lst li.is-mbr a span {
padding-left: 25px;
}
.headLnk_lst li a span:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: opacity .4s ease-out,all .4s ease-out;
}
.headLnk_lst li.is-ec a span:before {
width: 17px;
height: 19px;
background: url(/cmn4/img/hd_recruit.png) no-repeat center;
}
.headLnk_lst li.is-mbr a span:before {
width: 15px;
height: 17px;
background: url(/cmn4/img/hd_login.png) no-repeat center;
}
.headLg_wrap {
display: none;
position: absolute;
top: 33px;
left: -45px;
width: -webkit-calc(100% + 90px);
width: calc(100% + 90px);
background: #fff;
border: 1px solid #e1e6ea;
z-index: 99999999;
}
.headLg_wrap.on {
display: block;
}
.headLg-lnk {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
}
.headLg-lnk a {
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headLg-lnk a {
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headLg-lnk a:before {
content: '';
display: block;
width: 4px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url(/cmn4/svg/arw_r.svg) no-repeat center;
background-size: auto 100%;
transition: opacity .4s ease-out,all .4s ease-out;
}
.headLnk_lst.ver2 {
margin-right: 15px;
}
.headLnk_lst.ver2 li {
font-size: 10px;
line-height: 1;
margin-right: 13px;
}
.headLnk_lst.ver2 li:last-child {
margin-right: 0;
}
.headLnk_lst.ver2 li a span {
display: inline-block;
padding: 26px 0 0;
position: relative;
}
.headLnk_lst.ver2 li a span:before {
left: 0;
right: 0;
top: 0;
transform: none;
margin: auto;
width: 20px;
height: 20px;
}
.headLnk_lst li.is-mypage a span:before {
background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-favorite a span:before {
background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-history a span:before {
background: url(/cmn4/svg/icn_history.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-documents a span:before {
background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-management a span:before {
background: url(/cmn4/svg/icn_management.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-service a span:before {
background: url(/cmn4/svg/icn_my_service.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-message a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-template a span:before {
background: url(/cmn4/svg/icn_my_txt.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-scout a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-cubic a span:before {
background: url(/cmn4/svg/icn_cubic.svg?5) no-repeat center;
background-size: auto 100%;
}
.headLnk_e {
border-left: 1px solid #e1e6ea;
padding: 0 10px 0 10px;
font-size: 12px;
line-height: 1.6;
}
.headLnk_btn {
width: 200px;
}
.headLnk_btn a {
box-sizing: border-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
background: #f86608;
color: #fff;
font-size: 13px;
text-decoration: none;
font-weight: 500;
height: 40px;
border-radius: 4px;
}
.headNav_wrap {
border-top: 1px solid #e1e6ea;
}
.headNav_lst {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headNav_lst > li {
width: 20%;
text-align: center;
position: relative;
}
.headNav_lst > li:before,
.headNav_lst > li:after {
display: block;
width: 1px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #e1e6ea;
}
.headNav_lst > li:before {
content: '';
}
.headNav_lst > li:last-child:after {
content: '';
left: auto;
right: 0;
}
.headNav_lst > li a {
display: block;
font-size: 15px;
line-height: 1;
font-weight: bold;
padding: 17px 0 18px;
position: relative;
}
.headNav_lst > li > a {
cursor: pointer;
}
.headNav_inner {
display: none;
position: absolute;
top: 51px;
/*left: -30px;*/
left: 0;
width: 100%;
}
.headNav_inner.ver2 {
/*left: -60px;*/
left: 0;
width: -webkit-calc(100% + 170px);
width: calc(100% + 170px);
}
.headNav_inner.ver3 {
/*left: -60px;*/
left: 0;
width: -webkit-calc(100% + 100px);
width: calc(100% + 100px);
}
.headNav_inner .h_lnk{
background: #fff;
border: 1px solid #e1e6ea;
border-top: none;
border-bottom: none;
}
.headNav_inner li {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
}
.headNav_inner li a {
font-size: 13px;
font-weight: 500;
line-height: 1.6;
padding: 15px;
position: relative;
}
.headNav_inner li a:before {
content: '';
display: block;
width: 4px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url(/cmn4/svg/arw_r.svg) no-repeat center;
background-size: auto 100%;
transition: opacity .4s ease-out,all .4s ease-out;
}
.sp_menu_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 55px;
height: 55px;
background: #fff;
}
.sp_menu_btn .link {
width: 20px;
height: 2px;
position: relative;
}
.sp_menu_btn .link span {
display: block;
height: 0;
overflow: hidden;
padding: 2px 0 0 0;
background: #000;
}
.sp_menu_btn .link:before,
.sp_menu_btn .link:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 2px;
background: #000;
left: 0;
z-index: 10;
}
.sp_menu_btn .link:before {
top: -6px;
transition: all .4s;
}
.sp_menu_btn .link:after {
bottom: -6px;
transition: all .4s;
}
.sp_menu_btn.on .link span {
background: transparent;
}
.sp_menu_btn.on .link:before {
top: 0;
transform: rotate(-135deg);
}
.sp_menu_btn.on .link:after {
transform: rotate(135deg);
bottom: 0;
}
@media (min-width: 896px) {
.headNav_lst > li > a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #26a24c;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
}
.headNav_lst > li.on > a {
font-size: 15px;
color: #26a24c;
}
.headNav_lst > li.on > a:before,
.headNav_lst > li > a:hover:before {
transform: scale(1, 1);
}
.headNav_lst > li a:hover {
color: #26a24c;
text-decoration: none;
}
.headNav_inner li a:hover:before {
right: 5px;
}
.headLnk_btn a:hover {
opacity: .7;
}
.headLnk_btn.myp a {
font-size: 11px;
}
.headLnk_lst li a:hover {
color: #26a24c;
text-decoration: none;
}
.headLnk_lst li.is-ec a:hover span:before {
background: url(/cmn4/img/hd_recruit_on.png) no-repeat center;
}
.headLnk_lst li.is-mbr a:hover span:before {
background: url(/cmn4/img/hd_login_on.png) no-repeat center;
}
.headLnk_lst li.is-mypage a:hover span:before {
background: url(/cmn4/svg/icn_mypage_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-favorite a:hover span:before {
background: url(/cmn4/svg/icn_favorite_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-history a:hover span:before {
background: url(/cmn4/svg/icn_history_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-documents a:hover span:before {
background: url(/cmn4/svg/icn_documents_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-management a:hover span:before {
background: url(/cmn4/svg/icn_management_grn.svg) no-repeat center;
background-size: auto 100%;
}
.headLnk_lst li.is-scout a:hover span:before {
background: url(/cmn4/svg/icn_my_mail_grn.svg) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-cubic a:hover span:before {
background: url(/cmn4/svg/icn_cubic_grn.svg?2) no-repeat center;
background-size: 100% auto;
}
.headLnk_e a:hover {
color: #26a24c;
text-decoration: none;
}
.headLg-lnk a:hover:before {
right: 5px;
}
.sp_menu_btn {
width: 16px;
height: 20px;
border-left: 1px solid #e1e6ea;
padding-left: 20px;
margin-left: 20px;
cursor: pointer;
transition: opacity .4s ease-out,all .4s ease-out;
}
.sp_menu_btn .link span,
.sp_menu_btn .link:before,
.sp_menu_btn .link:after {
width: 16px;
background: #26a24c;
}
.sp_menu_btn:hover {
opacity: .7;
}
header.anima {
position: fixed;
animation: DownAnime 0.5s forwards;
}
header {
position: absolute;
}
header.is-active {
animation: UpAnime 0.5s forwards;
margin-top: -111px;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-111px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-111px);
}
}
}
@media only screen and (max-width: 896px) {
body {
font-size: 13px;
min-width: 320px;
width: 100%;
min-height: -webkit-fill-available;
padding-top: 55px;
}
.c-wrap,
.c-wrap.ver2,
.c-wrap.ver3 {
width: 100%;
}
.c-pc {
display: none;
}
.c-pc-in {
display: none;
}
.c-sp {
display: block;
}
.c-sp-in {
display: inline;
}
.b_btn {
border-radius: 2px;
max-width: 100%;
}
.b_btn a {
border-radius: 2px;
height: 50px;
font-size: 16px;
}
/*オレンジ系 無料*/
.b_btn.or a {
background: #f86608;
}
.b_btn.or a span {
padding: 0 70px 0 0;
}
.b_btn.or a span:before {
height: 26px;
width: 56px;
line-height: 26px;
font-size: 16px;
margin: -13px 0 0 0;
}
.b_btn.or2 a {
height: 40px;
font-size: 14px;
}
.b_btn.blk a {
height: 40px;
font-size: 14px;
}
.b_btn.blk2 a {
height: 40px;
font-size: 14px;
}
header {
/* border-bottom: none; */
}
/*header.on {
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}*/
header.on_lg {
transition: none;
background: #fff !important;
}
.header {
height: 55px;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head_logo {
width: 115px;
padding-left: 20px;
}
.head-logo img {
width: 115px;
height: auto;
}
.head-logo .is-20th {
right: -80px;
width: 70px;
height: 20px;
margin: -10px 0 0 0;
}
.head-logo .is-20th img {
width: 100%;
height: auto;
}
/*
.head-logo:after {
right: -80px;
width: 70px;
height: 20px;
margin: -12px 0 0 0;
}
*/
.headLnk_lst {
margin-right: 0;
}
.headLnk_lst li {
font-size: 12px;
margin-right: 0;
}
.headLnk_lst li a {
display: block;
width: 48px;
height: 40px;
}
.headLnk_lst li a span {
display: block;
padding: 24px 0 0;
}
.headLnk_lst li.is-mbr a span {
padding-left: 0;
}
.headLnk_lst li a span:before {
left: 0;
right: 0;
margin: auto;
top: 6px;
transform: none;
}
.headLnk_lst li.is-ec a span:before {
width: 17px;
height: 19px;
background: url(/cmn4/img/sp/hd_recruit.png) no-repeat center;
background-size: 100% auto;
}
.headLnk_lst li.is-mbr a span:before {
width: 15px;
height: 15px;
background: url(/cmn4/img/sp/hd_login.png) no-repeat center;
background-size: 100% auto;
}
.headLg_wrap {
position: fixed;
top: 55px;
left: 0;
width: -webkit-calc(100%);
width: calc(100%);
border-bottom: 0;
}
.headLg_wrap.on {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.headLg-lnk {
width: 50%;
}
.headLg-lnk a {
display: block;
position: relative;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
border-right: 1px solid #e1e6ea;
}
.headLg-lnk:last-child a {
border-right: 0;
}
.head_bg.on {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999998;
background: #000;
opacity: 0.6;
}
.headLnk_lst.ver2 {
padding: 0 5px;
margin: 0;
border-top: 1px solid #e1e6ea;
width: 100%;
box-sizing: border-box;
}
.headLnk_lst.ver2 li {
margin-right: 0;
width: 17%;
text-align: center;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.headLnk_lst.ver2 li.is-scout {
width: 14%;
}
.headLnk_lst.ver2 li.is-mypage ,
.headLnk_lst.ver2 li.is-documents ,
.headLnk_lst.ver2 li.is-cubic {
width: 18%;
}
.headLnk_lst.ver2 li a {
width: 100%;
height: 55px;
}
.headLnk_lst.ver2 li a span {
padding: 35px 0 0 0;
}
.headLnk_lst.ver2 li.is-cubic a span {
padding: 29px 0 0 0;
}
.headLnk_lst.ver2 li a span:before {
top: 8px;
width: 18px;
height: 18px;
}
.headNav_wrap {
display: none;
position: fixed;
top: 55px;
right: 0;
overflow-y: auto;
padding: 0 10px 25px;
width: 100%;
box-sizing: border-box;
height: -webkit-calc(100vh - 55px);
height: calc(100vh - 55px);
background: #FFF;
z-index: 9999;
border-top: none;
}
.headNav_lst {
display: block;
}
.headLnk_btn {
width: 100%;
}
.headLnk_btn a {
width: 100%;
background: #f86608;
color: #fff;
font-size: 12px;
text-decoration: none;
font-weight: 500;
height: 40px;
border-radius: 4px;
}
.headNav_lst > li {
width: 100%;
text-align: left;
border-bottom: 1px solid #e1e6ea;
border-left: 1px solid #e1e6ea;
border-right: 1px solid #e1e6ea;
}
.headNav_lst > li:first-child {
border-top: 1px solid #e1e6ea;
}
.headNav_lst > li:before,
.headNav_lst > li:last-child:after {
content: none;
}
.headNav_lst > li > a {
font-size: 14px;
padding: 16px 15px;
background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
background-size: auto 10px;
}
.headNav_lst > li:nth-child(4) {
margin-top: 25px;
border-top: 1px solid #e1e6ea;
}
.headNav_lst.ver2 {
margin-bottom: 25px;
}
.headNav_lst.ver2 > li:nth-child(4) {
margin-top: 0;
border-top: none;
}
.headNav_lst.ver2 li a span {
display: inline-block;
position: relative;
padding: 0 0 0 30px;
}
.headNav_lst.ver2 li a span:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
.headNav_lst.ver2 li.is-mypage a span:before {
background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-favorite a span:before {
background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-history a span:before {
background: url(/cmn4/svg/icn_history.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-documents a span:before {
background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-management a span:before {
background: url(/cmn4/svg/icn_management.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_lst.ver2 li.is-scout a span:before {
background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
background-size: 100% auto;
}
.headNav_lst.ver2 li.is-cubic a span:before {
background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
background-size: 100% auto;
}
.headNav_inner {
display: block;
position: relative;
top: auto;
left: auto;
width: 100%
}
.headNav_inner.ver2 {
left: auto;
width: 100%;
}
.headNav_inner.ver3 {
left: auto;
width: 100%;
}
.headNav_inner .h_lnk{
border: none;
}
.headNav_inner li {
width: 100%;
text-align: left;
border: none;
border-top: 1px solid #e1e6ea;
}
.headNav_inner li a {
font-size: 14px;
line-height: 1.4;
padding: 16px 25px 16px 15px;
background: #f4f6f7;
padding-left: -webkit-calc(15px + 1em);
padding-left: calc(15px + 1em);
}
.headNav_inner li a:before {
width: 4px;
height: 8px;
right: 15px;
background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
background-size: auto 100%;
}
.headNav_btn {
padding-top: 25px;
}
.headNav_btn li {
margin-bottom: 20px;
}
.headNav_btn li:last-child {
margin-bottom: 0;
}
.headNav_lst > li.headerjs > a {
background: #fff;
}
.headerjs > a:before,
.headerjs > a:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #e1e6ea;
right: 10px;
top: 50%;
width: 10px;
height: 2px;
border-radius: 4px;
transform: translate(-50%, -50%);
}
.headerjs > a:before {
transform: translate(-50%, -50%) rotate(90deg);
}
.headerjs.tgl > a:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.headNavLogin_wrap {
margin: 0 -10px 15px -10px;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-flex-align: center;
align-items: center;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
background: #f4f6f7;
padding: 10px 25px;
}
.headNavLogin-name {
line-height: 1.7;
font-size: 12px;
}
.headNavLogin-name span {
font-size: 15px;
font-weight: bold;
padding: 0 5px 0 0;
}
.headNavLogin-out a {
font-size: 10px;
font-weight: bold;
}

}
@media only screen and (max-width: 374px) {
.b_btn a {
font-size: 14px;
}
.b_btn.or a span:before {
font-size: 14px;
}
.b_btn.or2 a {
font-size: 13px;
}
}







window.yjDataLayer = window.yjDataLayer || [];
function ytag() { yjDataLayer.push(arguments); }
ytag({"type":"ycl_cookie"});




(function(g,d,o){
g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
var h=location.protocol==='https:'?'
https://d.line-scdn.net':'http://d.line-cdn.net';
var s=d.createElement('script');s.async=1;
s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
})(window, document);
_lt('init', {
customerType: 'lap',
tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
});
_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);







!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1012741055733343');
fbq('track', 'PageView');







!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1645008882503234');
fbq('track', 'PageView');






!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
twq('config','ody25');





!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o88fj');
twq('track','PageView');






window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
gtag('config', 'UA-23424278-1');
gtag('config', 'G-D4Z9Q5XETP');






(function() {
var didInit = false;
function initMunchkin() {
if(didInit === false) {
didInit = true;
Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
}
}
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//munchkin.marketo.net/munchkin.js';
s.onreadystatechange = function() {
if (this.readyState == 'complete' || this.readyState == 'loaded') {
initMunchkin();
}
};
s.onload = initMunchkin;
document.getElementsByTagName('head')[0].appendChild(s);
})();















中途採用をお考えの企業さまへ
ログイン

マイページログイン
eコンシェルログイン



転職相談サービスお申し込み



求人を探す

転職相談サービス


転職相談サービスの内容と流れ
履歴書・職務経歴書作成ツール
CUBIC適性検査
転職コンシェルジュ®紹介
eコンシェル
転職エージェントとは




転職お役立ち情報


転職セミナー情報
【企業別】採用選考ポイント
転職・仕事の調査データ【転職希望者編】
転職・仕事の調査データ【採用担当者編】
しごと図鑑【動画】




会社情報


面談拠点一覧(アクセス)
会社概要




お問い合わせ


転職希望者さま
中途採用ご担当者さま
その他のお問い合わせ









TOP
求人検索
求人検索結果一覧


{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "転職相談するなら転職エージェントのワークポート",
"item": "https://www.workport.co.jp/"
},
{
"@type": "ListItem",
"position": 2,
"name": "求人検索",
"item": "https://www.workport.co.jp/all/search/"
},
{
"@type": "ListItem",
"position": 3,
"name": "求人検索結果一覧"
}]
} 
(2024年05月19日 現在)

Next Career(ネクストキャリア)

Next Career公式サイト:https://www.nextcareer.jp/

運営会社
株式会社エージェント / AGENT, Inc.
対応地域
東京本社オフィス/渋谷オフィス/札幌オフィス (サテライト)/ 仙台オフィス/名古屋オフィス/大阪オフィス/広島オフィス/福岡オフィス
対応職種
未経験エンジニア特化エージェント
Web・オープン系
インフラ
クラウドエンジニア
社内システム
ITコンサルティング
求人数 2000件以上
強み ①未経験エンジニア特化の転職エージェント
②現場を経験している元エンジニアによるサポート
おすすめな人 ・未経験からエンジニアを目指す人
・応募から内定までプロにサポートしてほしい方
公式URL https://www.nextcareer.jp/

Next Career公式サイト:https://www.nextcareer.jp/
※2023年03月現在

Next Careerの特徴は、以下の通りです。

  1. 未経験エンジニア特化の転職エージェント
  2. 現場を経験している元エンジニアによるサポート

①未経験エンジニアに特化した転職エージェント

Next Careerは、未経験エンジニアに特化した転職エージェントです。

以下のような悩みを抱えている人におすすめです。

  • 実績なし・スキルなしからITエンジニアを目指したい
  • 未経験からITエンジニアを目指したい
  • 安心の研修制度が整っている企業に転職したい
DAI
Next Careerには、業界内では珍しい「未経験可」のITエンジニア求人に特化しています。

②現場を経験している元エンジニアによるサポート

Next Careerのキャリアアドバイザーは、全員元エンジニアです。

エンジニアの現場知識と転職市場に関する知見があるため、転職希望者の悩みに対して的確に答えてくれると評判です。

[commnet]転職後にも月1回のキャリアサポートを受けれらます。新しい職場での悩みや不安を相談することができます。未経験からITエンジニアへの転職に不安がある人におすすめの転職エージェントです。[/comment]

【Next Career】未経験からITエンジニアを目指すなら
未経験のITエンジニア志望者をポテンシャル採用している企業2,000社以上の求人を保有

ウズキャリIT

ウズキャリIT公式サイト:https://uzuz.jp/

運営会社
株式会社UZUZ
求人数
非公開
対応地域 ※電話・メール・LINE・オンライン面談での対応可
求人は首都圏・関西圏・名古屋・福岡が多い
対応職種 IT業界
SE(システムエンジニア)
プログラマー
強み ①ポテンシャル重視のIT企業からの求人が多い
②無料の動画教材でエンジニアスキルを学習できる
おすすめな人 ・エンジニアを目指す20代の人
・未経験からIT系の職種へ転職を目指す人
・応募から内定までプロにサポートしてほしい方
公式URL https://uzuz.jp/

ウズキャリIT公式サイトより引用/算出:https://uzuz.jp/
※2023年03月現在

ウズキャリITには、以下の特徴があります。

  1. ポテンシャル重視のIT企業からの求人が多い
  2. 無料の動画教材でエンジニアスキルを学習できる

①ポテンシャル重視のIT企業からの求人が多い

ウズキャリITは、ITエンジニアを目指す20代の人向けの転職エージェントです。

  • 初めての転職活動で不安がある
  • 未経験からITエンジニアを目指したい
  • ITエンジニア系職種にキャリアチェンジしたい

上記のような人におすすめの転職エージェントです。

②無料の動画教材でエンジニアスキルを学習できる

ウズキャリITでは、無料のYouTube動画40本(20時間分)を公開しています。

ウズキャリITに無料登録すれば、動画を視聴できるようになります。

DAI
事前学習を進めながら、未経験からITエンジニへの転職を目指すことができます。ウズキャリITでは、応募前の事前学習から入社後の相談までサポートが受けられます。

ウズキャリITの公式ページを見る

転職エージェントを利用する流れ

ここでは、転職エージェントに登録してから企業に内定するまでの流れを解説します。

  1. 転職エージェントの公式サイトから会員登録する
  2. アドバイザーと面談の日程を調整する
  3. 担当のアドバイザーとキャリア面談する
  4. 企業から求人の紹介を受ける
  5. 希望する求人の書類選考に応募する
  6. 書類選考通過後、企業と面接する
  7. 面接通過後、企業に内定
DAI
一般的な転職エージェントでは、登録から内定まで3ヶ月ほどかかります。転職企業先で働き始めたい時期から逆算して、転職エージェントを利用しましょう。

Webデザイナーが転職エージェントを利用するメリット

Webデザイナーが転職エージェントを利用するメリットは、以下の3つがあります。

  1. キャリア支援のプロに相談できる
  2. 非公開求人を紹介してもらえる
  3. キャリアアドバイザーが企業との間に入ってくれる
DAI
順番に解説します。

①キャリアの相談ができる

転職エージェントでは、転職活動に関する悩みをキャリア支援のプロに相談することができます。

  • 現在の経歴でどのような企業に転職できるか知りたい
  • 転職した場合にどのくらいの年収になるか知りたい
  • 自分の強みや能力、自分に合う企業風土や働き方がわからない

そもそも転職するか悩んでいる場合でも、転職エージェントは利用できるため、担当者に一度相談してみましょう。

DAI
一般的な転職エージェントでは、これまでの職務経歴やスキルを整理するため、担当者と一緒にキャリアの棚卸しをします。キャリア支援のプロと一緒に棚卸しするため、1人では見つけられない自分の魅力を発見できる場合も多いです。

②自分に合った求人紹介をしてもらえる

転職エージェントでは、希望の条件に合った求人を紹介してもらうことができます。

一般的な転職エージェントでは、保有している求人の大半を非公開にしています。

Web上に掲載されていない非公開求人では、給与や福利厚生など待遇が良い傾向があります。

DAI
非公開求人は、エージェント担当者と面談した後、担当者から直接案内される場合が多いです。非公開求人を含めた多数の求人から、自分に合った求人を探しましょう。

③書類添削・面接対策・企業との交渉をしてもらえる

転職エージェントでは、応募から内定まで転職活動をサポートしてもらえます。

  • 応募書類の添削
  • 企業の傾向を踏まえた面接対策
  • 入社後のポジションや給与など条件交渉
  • 入社日の日程調整など契約関係
DAI
過去の事例や企業の傾向を踏まえたサポートを受けられるため、転職成功率が上がるでしょう。また、交渉や契約関係の業務を代行してもらえるため、効率的に転職活動することができます。

Webデザイナーが転職エージェントを利用するデメリット・注意点

ここでは、Webデザイナーが転職エージェントを利用するデメリット・注意点を解説します。

  1. 希望とは異なる求人を紹介される場合がある
  2. サポート期間が決まっている場合がある
  3. 自分のペースで転職活動できない

①希望とは異なる求人を紹介される場合がある

転職エージェントによっては、希望とは異なる求人を紹介される場合があります。

その場合は、エージェントの得意分野と自分の希望する分野に相違がないか確認しましょう。

自分の希望する分野とエージェントの得意分野が異なると、紹介できる求人が少ないことがあります。

DAI
転職エージェントのなかでも、幅広い業界・業種の求人を扱うエージェントと特定分野の求人を扱うエージェントがあります。希望とは異なる求人を紹介された場合は、他のエージェントの利用も検討しましょう。

②サポート期間が決まっている場合がある

転職エージェントによっては、サポート期間が決まっている場合があります。

転職エージェントの利用登録からカウントダウンが始まる場合があるので、利用前に確認しておきましょう。

DAI
ゆっくり転職活動を進めたい人は、サポート期間の有無に注意しましょう。

③自分のペースで転職活動できない

転職エージェントでは、自分のペースで転職活動できない場合があります。

応募や内定承諾を急かされる理由は、以下が挙げられます。

  • 転職エージェント側の都合があるから
  • 採用枠が埋まる可能性があるから
  • 条件に合う求人が少ないから
DAI
転職エージェントでは、転職希望者とクライアント企業に仲介するビジネスです。報酬は成果報酬型のため、採用決定後にその企業から報酬を受け取ります。そのため、転職エージェントによっては、転職を急かされる場合があります。

Webデザイナーの仕事内容

Webデザイナーの仕事内容は、大きく分けて以下の6つに分けられます。

  1. ヒアリング
  2. コンセプト設計
  3. ワイヤーフレームの作成
  4. デザインの作成
  5. コーディング
  6. テスト
DAI
それぞれ詳しく解説します。

①ヒアリング

Webデザイナーは、クライアントが要望するWebサイトのデザインを作成することが主な役割です。

そのため、まずはクライアントがどのようなWebサイトのデザインを作成して欲しいのかをヒアリングします。

②コンセプト設計

ヒアリングした内容を基に、大まかなデザインのコンセプトを設計していきます。

Webサイトのデザインを作成する上で見た目の美しさや綺麗さはもちろんですが、訪問したユーザーがいかに直感的に操作できるのかなども考える必要があります。

③ワイヤーフレームの作成

コンセプトの設計が完了したら、ワイヤーフレームを作成していきます。

ワイヤーフレームとは、Webサイト上のレイアウトを決める設計図のことです。

Webサイトを作成する上で、Webデザイナーのほかにもコーダーやディレクターなど複数人で業務を行うので、認識の相違を防ぐためにもワイヤーフレームは欠かせません。

④デザインの作成

クライアントからヒアリングした内容を基にデザインを作成していきます。

デザインを作成する際には、IllustratorやPhotoshopなどのソフトを活用します。

DAI
スマートフォンやタブレットのようなモバイル端末でも見やすいデザインを心がけましょう。

⑤コーディング

Webサイトに表示されるデザインに、色をつけたりアニメーションとして動きを加えたりする必要があるので、コーディングを行います。

コーディングで使用する主な言語として、HTMLやCSS・JavaScriptなどが挙げられます。

DAI
Webデザイナーは、デザイン作成スキルだけでなくコーディングスキルも身につける必要があります。

⑥テスト

コーディングまで終了したら、Webサイト上のデザインがしっかりと表示されたり動いたりするかテストを行います。

テストで問題点を見つけた場合には、迅速に修正を行いましょう。

Webデザイナーの求人例

Webデザイナーの求人にはどんな求人があって、報酬の相場がどれくらいなのかを確認していきます。

実際にWebデザイナーの求人をいくつかピックアップして紹介するので、ぜひ参考にしてみてください。

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

案件例①

案件名
">
【Webデザイナー】デザインに関わる様々な制作/各種施策のクリエイティブ制作など/リモート可能
想定年収350~500万円
業務内容<業務詳細>
分野を問わず、デザインに関わる様々な制作に着手していただきます。
スキルに応じてお任せする作業内容は変動します。                  

<具体的な仕事内容>
・HADOに関する施策のコンセプトイメージやロゴの作成、提案
・各種施策のクリエイティブ制作(広告、Webデザイン、映像制作、グッズ、ブースデザイン等)  
・ワイヤーフレームの作成、提案 
・ブランドガイドラインや制作物のアップデートと管理      
・セールスやエンジニアとの連携、プロジェクト推進への関与

【仕事の特色】
<ポジションの魅力>
当社のデザイナーは、多岐にわたる領域のデザインに携わることができます。
時間の使い方も自由度が高く、未経験分野のデザインでも、興味があれば挑戦し実行ができる環境です。
Webデザイナーやグラフィックデザイナーとして採用されたメンバーの中にも、入社後に動画編集や3Dのスキルを磨いている人もいます。
また、ボードメンバーや他部署との距離も近いため、デザイナーからアイデアを提案していけるカルチャーがあります。
クリエイティブ制作に必要な最新のツールやソフトウェアの使用は保証されているため、必要に応じたツールやライセンスの提供も検討可能です。

<企業の魅力>
■参考資料
CEO、COO、エンジニアマネージャーが当社の魅力について語ったインタビュー記事があります。
合わせてご覧ください。
・観戦事業は売上20倍の規模に成長──「かめはめ波を撃ちたい」から始まった、“テクノスポーツ”市場の創造 - GOOD TEAMS by W
https://goodteams.w-inc.vc/meleap

<開発環境>
■使用ツール
Creative divisionデザイナーチームは現在2名で、主な使用ツールは以下の通りです。
・ハードウェア:Windows or Mac(慣れているものを使用)
・デザイン業務:Adobe CC製品全般, Figma
・コミュニケーション: Slack, Trello, Zoom
・その他: Google Workspaceアプリケーション, esa, GitHub
基本スキル<経験>
・グラフィックデザイナー、もしくはWebデザイナーとしての実務経験(2年以上目安)
・Photoshop、もしくは、Illustratorを用いたデザイン経験
・ウェブデザイン経験(HTML/CSSの基礎知識があれば尚可)
<マインド>
・meleapのバリュー「挑戦する」「チームでやり抜く」「自ら考え動く」「情熱を燃やす」に共感していただける方
・自ら進んで課題を見つけ遂行できる、能動的な方
・積極的に技術や知識を身につけられる、学習意欲が高い方
・チームワークを重視し、多様なバックグラウンドを持つチームメンバーと協力できる方
案件URL">
【Webデザイナー】デザインに関わる様々な制作/各種施策のクリエイティブ制作など/リモート可能
 
(2024年05月19日 現在)

案件例②

案件名
">
【Weデザイナー】Webデザイン業務全般を担当/イベント・キャンペーンページのデザイン制作/一部リモート
想定年収375~470万円
業務内容<業務詳細>
大手通販サイト(ECサイト)のWebデザイン業務全般。
将来的に、アートディレクターのような立ち位置にて業務対応いただけます。

<具体的な仕事内容>
・Webデザイン業務
イベント・キャンペーンページのデザイン制作(改修・修正含む)
その他ページ制作業務の対応が発生する場合もあります。

Webデザイン業務に慣れていただきましたら、下記の業務もぜひご対応いただきたいと思っております。
もちろん最初からご対応いただける方も大歓迎です。
・クォリティチェック(QC)業務
クリエイティブチームのクォリティチェック業務です。

・顧客ヒアリング業務
お客様側のプランナー様とWebデザインの方向性について、ヒアリングを行い、案だしや提案を行います。
お客様との定期MTGにも参加いただきます。

なお、お客様へのヒアリングやコミュニケーションに関しては、当社ディレクター陣(7人)もフォローしています。
ご入社後もチームでサポートしますので安心ください。

【仕事の特色】
<ポジションの魅力>
当社案件の多くがナショナルクライアントと呼ばれる国内外の大手クライアントの大規模プロジェクト。
企画提案から構築、運用、効果測定までワンストップでWebマーケティングの業務に関わることができ、自身の成長に直結するのが魅力です。
コンテンツ制作のみでなく、マーケティング視点からのクリエイティブ提案やデータに基づいた課題解決の提案スキルを身につけることも可能です。
実業務として実績を積みながら、自身の業務範囲やスキルの幅を広げキャリアアップができる環境です。

■時代のニーズに合わせた体制拡大
デジタルインタラクティブ事業本部では国内のみならず、海外にも拠点を拡大、体制のグローバル化を図り、案件拡大に伴う体制強化・業務の効率化を図っています。

■将来的なキャリアパス(可能性)
UI設計など、インフォメーションアーキティクト、デザインディレクションなどの実績を積み、大規模プロジェクトのクリエイティブ責任者や、クリエイティブチームのマネージャーとして成長できるチャンスと環境があります。

<職場環境>
■働きやすい職場環境
デジタルインタラクティブ事業本部において、全体の平均残業時間は20時間/月程度。
独自の研修制度も多々導入し、スキルアップや新たな領域のチャンレンジへの後押し、体制が充実しています。

■入社後の研修やOJTについて
オンボーディング、研修コンテンツ、プロジェクト内でのOJTがあります。

■既存メンバーがTCIに入社を決めた理由
・デジタルマーケティングのサービス提供をするプロフェッショナルなメンバーの中でスキルアップが出来る
・残業時間が少なくオンオフのメリハリがつけやすい
・技術を習得する機会を増やすためのスキルアップ支援

■中途入社で活躍している既存メンバー紹介
・デザイン制作会社出身
・広告代理店出身

<募集背景>
※急募です※
・2024年1月入社可能な方
・産休に入るメンバーがいるため、募集を開始しました

<配属予定チーム>
デジタルインタラクティブ事業本部 マーケティングコミュニケーション統括部

■配属部門のミッション、特徴、強みなど
新規サービス開発、運用業務の中で見えてくる課題解決など多様なプロジェクトにおいて、デザイナー視点でアウトプットを行い、ビジネスゴールに貢献することがミッションです。
デジタルマーケティングのサービスを社内の様々な部門と連携しながら、一つのサービスとしてお客様へ価値提供を行います。
多種多様なスキルを持ったメンバーと連携し、新しい価値を生み出すことを目指しています。
基本スキル<経験>
・Webデザイナーの実務経験3年以上

<学歴補足>
短大・専門卒以上
<マインド>
・向上心を持ってWebビジネスに取り組める方
案件URL">
【Weデザイナー】Webデザイン業務全般を担当/イベント・キャンペーンページのデザイン制作/一部リモート
 
(2024年05月19日 現在)

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

DAI
公開求人に自分のスキルになさそうでも諦めないでください。エージェントに登録することで非公開求人が見られるようになりますよ。

Webデザイナーの年収は?

dodaの平均年収ランキングによると、Webデザイナーの平均年収は361万円です。

  • 20代:325万円
  • 30代:382万円
  • 40代:420万円
  • 50代:491万円

引用:doda日本のビジネスパーソンの平均年収は?平均年収ランキング(平均年収/生涯賃金)【最新版】 」(2022年03月14日時点)

DAI
経験やスキルによって年収は異なります。自分が応募できる求人の年収相場を詳しく知りたい人は、転職エージェントの担当者に相談しましょう。

Webデザイナーとして転職するのに必要なスキル

Webデザイナーとし転職するためには、以下5つのスキルは習得しておきましょう。

  • デザイン力
  • SEO・Webライティングのスキル
  • Illustrator・Photoshopのスキル
  • マーケティングのスキル
  • コーディング
DAI
順番に解説します。

デザイン力

Webデザイナーは、Webサイトのデザインを制作するのが役割のため、ユーザーの目を惹くような綺麗で分かりやすいデザイン力が求められます。

またクライアントの要望をデザインに反映させることのできる企画力やヒアリングスキルも重要です。

SEO・Webライティングのスキル

Webデザイナーによっては、Webサイト上に表示されるテキストやコンテンツの作成も依頼されることがあります。

そのため、Googleの検索結果において上位表示させるためのSEOに関する知識やWebライティングスキルも習得しておきましょう。

Illustrator・Photoshopのスキル

デザインを制作する上で主に使用するツールが、IllustratorとPhotoshopの2つになります。

どちらのツールもさまざまな機能があるので、「機能をある程度知っている」という状態ではなく、「全ての機能を理解して使いこなせる」くらいまでにしておくと、仕事の幅が広がります。

マーケティングのスキル

Webデザイナーは、ただ綺麗で分かりやすいデザインを制作すればいいというわけではありません。

訪問したユーザーがどのようなアクションを取ってくれるのかまで考える必要があります。

DAI
集客や売り上げの向上に貢献できるようなマーケティングスキルがあることで、さらに仕事の幅が広がります。

コーディング

Webデザイナーはデザインを制作するだけでなく、動きのあるアニメーションを追加したりプログラマーと一緒に作業したりすることもあります。

その際にコードをを書いたり読んだりしなければいけないので、コーディングスキルも欠かせません。

Webデザイナーの具体的な転職先

以下は、Webデザイナーの具体的な転職先です。

  1. Web制作会社
    :クライアント企業の要望・依頼に応じて、Webサイト・Webサービスを制作する
  2. 広告代理店
    :クライアント企業の要望・依頼に応じて、マーケティングに特化したデザインを制作する
  3. アプリ制作会社
    :アプリ向けのUI/UXデザインを制作する
  4. 一般の事業会社(インハウスデザイナー)
    :自社のWebサイト制作・運用、Webサービスの開発などを行う
DAI
転職先によって、業務範囲が異なります。詳細は求人要項を確認しましょう。

Webデザイナーにおすすめのキャリアパス

IT業界に転職する前に知っておきたいことを徹底解説

Webデザイナーへ転職することがゴールではありません。

Webデザイナーとして活躍するためには、その後のキャリアパスについて考えておくことが重要になります。

以下の6つは、Webデザイナーの主なキャリアパスです。

  • UIデザイナー
  • Webディレクター
  • アートディレクター
  • Webプロデューサー
  • フリーランス
  • コンサルタント

今のうちからキャリアパスを考えておくことで、モチベーションの向上やスキルアップに期待できます。

DAI
自分の適性やスキルなどを考慮した上で、検討しましょう。

Webデザイナーが転職エージェントを利用する際に気を付けるべきポイント・注意点

Webデザイナーが転職エージェントを利用する際には、以下の4つのポイントに気をつけましょう。

  • 転職エージェントには複数登録する
  • 未経験者は総合型のエージェントを利用する
  • カウンセリング前に希望条件をまとめておく
  • 相性が合わない担当者は変更してもらう
DAI
一つずつ解説します。

転職エージェントには複数登録する

転職エージェントによって、サービス内容や強み・掲載している求人数などが異なります。

1社の転職エージェントに絞ると、紹介される求人の選択肢が限られてしまいます。

DAI
転職エージェントを利用する際には、2~3社程度は登録しておきましょう。

未経験者は総合型のエージェントを利用する

未経験の場合は、「未経験可」の求人を扱う総合型のエージェントを利用しましょう。

総合型エージェントと比較して、特化型の転職エージェントは実務経験者向けの求人が多いです。

DAI
総合型の転職エージェントでは、リクルートエージェントdodaがおすすめです。

カウンセリング前に希望条件をまとめておく

転職エージェントに登録した後は、担当者とカウンセリングを行います。

カウンセリングでは、求人の希望条件を聞かれるため、あらかじめ内容をまとめておきましょう。

  • 過去の経歴・実績・スキル
  • 希望の職種
  • 理想の年収
  • 勤務地の希望
  • 社風・制度・福利厚生について
DAI
正確に希望条件を伝えることができれば、自分に合う求人を紹介してもらえる確率が上がります。

相性が合わない担当者は変更してもらう

どのような転職エージェントを利用しても、担当者と相性が合わない場合があります。

連絡頻度が合わない・専門分野が異なるなど相性が合わない場合は、担当者の変更を申請しましょう。

DAI
担当者変更後にも合わないと感じた場合は、他の転職エージェントの利用も検討しましょう。

未経験からWebデザイナーへ転職するには?

未経験からWebデザイナーへの転職を目指す場合、以下の3ステップを意識してみましょう。

  1. Webデザイナーに必要な基礎知識を学ぶ
  2. 自分でポートフォリオを作成してみる
  3. 履歴書や職務経歴書を作成して気になる求人にエントリーしてみる

①Webデザイナーに必要な基礎知識を学ぶ

まずは、Webデザイナーに必要な基礎知識を学びましょう。

主な学習方法は以下の通りです。

  • 参考書
  • YouTube・Udemyなどの動画コンテンツ
  • スクール
DAI
独学では、書籍や動画コンテンツなどを通して勉強することができます。ただし、独学が難しい場合は、スクールの利用をおすすめします。

②ポートフォリオを作成する

Webデザイナーに必要な基礎知識を学習したら、ポートフォリオを作成してみましょう。

ポートフォリオでは、これまで自分が制作した作品をまとめた作品集です。

  • 自分のプロフィール
  • デザインスキル・使用デザインツール
  • 自分が制作した作品集
  • 作品のキャプション
    作品のターゲット・課題・背景・工夫した点など
DAI
Webデザイナーなどのクリエイティブ系職種の転職では、ポートフォリオの提出を求められる場合が多いです。応募したい企業に求められるスキルや業務内容に合わせて、ポートフォリオは作成しましょう。

③職務経歴書を準備して気になる求人にエントリーする

ポートフォリオが完成したら、職務経歴書を準備して気になる求人にエントリーしましょう。

Webデザイナー未経験からの転職には、未経験可の求人を扱う総合型エージェントがおすすめです。

DAI
総合型エージェントは、リクルートエージェントdodaの利用がおすすめです。

未経験のWebデザイナーにおすすめのスクール2選

Webデザイナーにおすすめのスクールは、以下の通りです。

Webデザイナーにおすすめのスクール2選
TechAcademy】(公式サイト:https://techacademy.jp/
最短4週間で174,900円から学習できるスクール。
短期間で集中して学習を進めたい人におすすめ。
RaiseTech】(公式サイト:https://raise-tech.net/
コース終了後までサポート体制が充実しているスクール。
転職・就職・案件獲得の支援あり。仕事につながる技術を学習したい人におすすめ。

ここから詳しく解説します。

TechAcademy

公式サイト:https://techacademy.jp/

運営会社 キラメックス株式会社
コース Webデザインコース
期間:料金/レッスン回数 4週間:174,900円 / 7回
8週間:229,900円 / 15回
12週間:284,900円 / 23回
16週間:339,900円 / 31回
※上記の料金は社会人コースです。学生コースは価格が異なります。
学習時間目安/週 4週間:40~50時間
8週間:20~25時間
12週間:14~18時間
16週間:10~13時間
学習カリキュラム ・レイアウト・配色・タイポグラフィ、Webデザイン原則
・HTML/CSSの理解とコーディングスキル
・画像加工・ワイヤーフレームの理解
・モバイルデザインの理解とレスポンシブデザイン対応
・jQuery・Sassによる効率的な制作
・オリジナルWebサイトのデザインスキル
受講形式 オンライン形式
受講可能時間帯 いつでもオンライン上で受講できる
カリキュラムは受講後も含め無期限で閲覧OK
主なサポート ・質問・レビューの回数制限なし
・週2回のメンタリングサポートあり
・チャットサポートは毎日15:00~23:00まで
おすすめな人 ・低価格でスクールに通いたい人
・短期間で集中的に学習したい人
URL https://techacademy.jp/

公式サイト:https://techacademy.jp/
※2023年03月14日現在

TechAcademyは、最短2週間からスクール料金を抑えて、Webデザインを学ぶことができます。

自分でカリキュラム・課題を進めることができるため、自分のペースで学習したい人におすすめです。

TechAcademyの特徴は、以下の通りです。

  • いつでもどこでもオンラインで学習できる
  • 週2回(1回30分)パーソナルメンターに相談できる
  • 15:00~23:00まで回数制限なしで質問OK
  • 実力判定合格後1ヶ月以内にはじめての副業を紹介

Webデザインコースには、Webサイトのリリースするカリキュラムがあるため、実務向けのレッスンを受けることができます。

DAI
8:00~24:00までメンターとの無料相談会を実施しています。初心者向け・中級者向けと複数のコースがあるため、自分に合うコースを探してみましょう。

RaiseTech

公式サイト:https://raise-tech.net/

運営会社 株式会社RaiseTech
コース WordPress副業コース
期間 4ヶ月
+ 無期限サポート
料金/回数 348,000円/授業回数16回
学習時間目安 300時間~400時間
学習カリキュラム ・基本的な開発知識
・Webサイトの構成
・コーディング
・WordPressの概要
・WordPressテーマ開発
・WordPressテンプレート
受講形式 オンライン講座形式
リアルタイム授業+録画授業
受講可能時間帯 リアルタイム授業は、毎週土曜日13:00~15:00・16:00~18:00
24時間いつでも質問OK(※使用ツールはSlack)
主なサポート ・2週間のトライアル期間あり(※返金規定を満たす必要があります)
・講師は現役エンジニア・デザイナー
・リアルタイム授業と録画授業による学習
(※リアルタイム授業はアーカイブ配信あり)
おすすめな人 ・就職・転職・案件獲得を目指している人
・受講終了後までサポートを受けたい人
URL https://codecamp.jp/

公式サイト:https://codecamp.jp/
※2023年03月26日現在

RaiseTechは、オンライン完結型・仕事につながる技術を学習できるスクールです。

他のプログラミングスクールと比較して、サポート体制が充実しているため、仕事と両立したい人におすすめのスクールです。

RaiseTechの特徴は、以下の通りです。

  • チャットや通話での質疑応答は無制限
  • コース終了後も半永久的に質問可能
  • 転職支援・案件獲得サポートは無制限
  • 講師は月単価80万円以上の現役エンジニア・デザイナー
  • 自分のライフスタイルに合わせて、リアルタイム授業と録画授業を併用できる

Webデザイナーとしての転職を見据えている場合は、WordPress副業コース・デザインコースの受講がおすすめです。

DAI
毎週金曜日20:00~無料説明会を実施しています。無料説明会の参加者には、個別キャリア相談、転職・副業成功例の紹介の特典があります。受講を検討している人は、まず無料相談会に参加してみましょう。

Webデザイナーの将来性は?

結論から伝えると、Webデザイナーの将来性は明るいといえます。

経済産業省の「特定サービス産業動態統計調査」によると、2022年のインターネット付随サービス業における売上高合計は約2兆2587億円でした。

2020年~2022年まで前年と比較して売上増加を続けているため、Web業界は市場規模の拡大が続いているといえます

Web業界の市場拡大とともにWebデザイナーとしての需要は高まるため、将来性は明るいと考えられます。

引用:経済産業省|特定サービス産業動態統計月報(2022年12月版)
注意:インターネット不随サービス業には、課金・決済代行業務、コンテンツ配信、サイト運営業務、サーバー管理・セキュリティ対策のサービスが含まれます。

DAI
ただし、Webデザイナーの増加やAIツールの出現とともに、仕事の競争率や求められるスキルが変化しているのは事実です。今後もWebデザイナーとして活躍するためには、プラスアルファの価値を提供することが重要です。

Webデザイナーの転職に関するよくある質問

Webデザイナーとして転職する上で良くある質問は以下の2つです。

  • 転職エージェントと転職サイトとの違いはありますか?
  • Webデザイナーを目指すのに有利な資格は?
  • 転職回数が多い場合にも転職エージェントは利用できますか?
  • 複数の求人に同時応募できますか?
  • Webデザイナーに転職する際にポートフォリオは必要ですか?
DAI
順番に回答していきます。

①転職エージェントと転職サイトはどう違う?

DAI
転職エージェントと転職サイトの大きな違いは、担当者の有無です。
  • 転職サイト
    〇:基本的に自由に求人を拝見してエントリーすることができます。
    △:面接対策や履歴書の作成・条件面での交渉などは自分自身で行う必要があります。
  • 転職エージェント
    〇:面接スケジュールの調整や給与交渉など、営業業務を代行してくれます。
    △:仲介手数料としてマージンを差し引かれます。
DAI
1人で転職活動を行うのが不安な人や効率よく面接活動を行いたい人は、転職エージェントを積極的に活用してみましょう。

②Webデザイナーを目指すために有利な資格は?

DAI
Webデザイナーになるためには、特別な資格は必要ありません。ただし、資格を取得すれば、学習意欲や基礎知識をアピールすることができます。

Webデザイナーを目指すのにおすすめな資格は以下の4つです。

合格率 詳細
ウェブデザイン技能検定 1級:10%~20%
2級:30~40%
3級:60~70%
試験は実技および学科試験で実施される。
関連国際標準規格等に基づきウェブデザインに関する知識・技能、実務能力等が問われる。
Photoshopクリエイター能力認定検定 70%前後 Photoshopを用いたコンテンツ制作に関するスキルを認定する。
・画像ファイルの作成
・問題の指示に従い1つの作品を作り上げる表現力
Illustratorクリエイター能力認定試験 70%前後 Illustratorを用いたコンテンツ制作に関するスキルを認定する。
・DTPファイル及びWebデザインパーツの作成
・問題の指示に従い1つの作品を作り上げる表現力
アドビ認定プロフェッショナル 非公開 アドビが公認する国際認定資格。
Adobe Creative Cloudを活用するスキルがあることを証明する。

概要は各技能試験を開催する公式サイトより引用しています。

③転職回数が多い場合にも転職エージェントは利用できますか?

DAI
転職回数が多い場合にも転職エージェントを利用できます。ただし、転職回数の多さがマイナスポイントになるかは、企業によって異なります。転職回数が多い人は、企業からその理由を説明できるように用意しておきましょう。

④複数の求人に同時応募できますか?

DAI
転職エージェントから複数の求人に同時応募することは可能です。仕事と並行して転職活動を進める場合は、スケジュール管理が重要です。一般的に、同時応募の求人数は5社程度といわれています。

⑤Webデザイナーに転職する際にポートフォリオは必要ですか?

DAI
一般的には、企業からポートフォリオの提出が求められます。実際に制作した作品を通して、スキルをアピールために必要です。転職活動を始める際には、用意しておきましょう。

まとめ

本記事では、Webデザイナーにおすすめの転職エージェントについて解説しました。

以下は、本記事で紹介した転職エージェントです。

Webデザイナーにおすすめの転職エージェント3選

【第1位】レバテックキャリア(公式:https://career.levtech.jp/
IT・Web業界のエンジニア・デザイナーに特化した転職エージェント。
上流工程・大手企業など高年収求人が多い。年収アップを目指したい人におすすめ。
【第2位】マイナビIT AGENT (公式:https://mynavi-agent.jp/it/
業界大手のマイナビが運営するIT・Webエンジニアに特化した転職エージェント。
書類添削・模擬面接の回数制限なし。キャリアサポートを重視したい人におすすめ。
【第3位】Geekly(ギークリー)(公式:https://www.geekly.co.jp/
IT・Web・ゲーム業界に特化した転職エージェント。
求人探しから内定までのスピードを重視したい人におすすめ。