{"id":14627,"date":"2021-04-20T16:28:17","date_gmt":"2021-04-20T07:28:17","guid":{"rendered":"https://freelance.indieverse.co.jp/media/?p=14627"},"modified":"2025-09-08T19:48:15","modified_gmt":"2025-09-08T10:48:15","slug":"webdesigner-tenshoku-agent","status":"publish","type":"post","link":"https://freelance.indieverse.co.jp/media/tensyoku-agent/webdesigner-tenshoku-agent","title":{"rendered":"Webデザイナーにおすすめの転職エージェント11選"},"content":{"rendered":"
Webデザイナーにおすすめの転職エージェント3選
\n

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

\n

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

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

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

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

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

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

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

\n

\"\"

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
ここから解説します。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
特化型の転職エージェントは「【特化型】Webデザイナーにおすすめの特化型転職エージェント5選」、総合型の転職エージェントは「【総合型】Webデザイナーにおすすめの総合型転職エージェント3選」で紹介しています。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n

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

\n\n

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

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

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

\n

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

\n

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

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

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

\n

\"\"

\n

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

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

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

\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
順番に解説します。
\n\t\t
\n\t
\n\t\n

レバテックキャリア

\n

\"\"

\n

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

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

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

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

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

\n

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

\n

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

\n\n

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

\n

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

\n

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

\n

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

\n\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
レバテックキャリアでは、連絡先など登録不要で「年収診断」から、自分の年収相場を診断することができます。個人のスキルから年収相場や求人の詳細を知りたい人は、「個別転職相談会」でアドバイザーに相談してみましょう。
\n\t\t
\n\t
\n\t\n

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

\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
以下がレバテックキャリアの案件例です。
\n\t\t
\n\t
\n\t\n\n\n
案件名
\">
\n 【Webデザイナー】デザインに関わる様々な制作／各種施策のクリエイティブ制作など／リモート可能
想定年収350～500万円
業務内容＜業務詳細＞
\r\n分野を問わず、デザインに関わる様々な制作に着手していただきます。
\r\nスキルに応じてお任せする作業内容は変動します。　　　　　　　　　　　　　　　　　　
\r\n
\r\n＜具体的な仕事内容＞
\r\n・HADOに関する施策のコンセプトイメージやロゴの作成、提案
\r\n・各種施策のクリエイティブ制作（広告、Webデザイン、映像制作、グッズ、ブースデザイン等）　　
\r\n・ワイヤーフレームの作成、提案　
\r\n・ブランドガイドラインや制作物のアップデートと管理　　　　　　
\r\n・セールスやエンジニアとの連携、プロジェクト推進への関与
\n
\n【仕事の特色】
\n＜ポジションの魅力＞
\r\n当社のデザイナーは、多岐にわたる領域のデザインに携わることができます。
\r\n時間の使い方も自由度が高く、未経験分野のデザインでも、興味があれば挑戦し実行ができる環境です。
\r\nWebデザイナーやグラフィックデザイナーとして採用されたメンバーの中にも、入社後に動画編集や3Dのスキルを磨いている人もいます。
\r\nまた、ボードメンバーや他部署との距離も近いため、デザイナーからアイデアを提案していけるカルチャーがあります。
\r\nクリエイティブ制作に必要な最新のツールやソフトウェアの使用は保証されているため、必要に応じたツールやライセンスの提供も検討可能です。
\r\n
\r\n＜企業の魅力＞
\r\n■参考資料
\r\nCEO、COO、エンジニアマネージャーが当社の魅力について語ったインタビュー記事があります。
\r\n合わせてご覧ください。
\r\n・観戦事業は売上20倍の規模に成長──「かめはめ波を撃ちたい」から始まった、“テクノスポーツ”市場の創造 - GOOD TEAMS by W
\r\nhttps://goodteams.w-inc.vc/meleap
\r\n
\r\n＜開発環境＞
\r\n■使用ツール
\r\nCreative divisionデザイナーチームは現在2名で、主な使用ツールは以下の通りです。
\r\n・ハードウェア：Windows or Mac(慣れているものを使用)
\r\n・デザイン業務：Adobe CC製品全般, Figma
\r\n・コミュニケーション: Slack, Trello, Zoom
\r\n・その他: Google Workspaceアプリケーション, esa, GitHub
基本スキル＜経験＞
\r\n・グラフィックデザイナー、もしくはWebデザイナーとしての実務経験(2年以上目安)
\r\n・Photoshop、もしくは、Illustratorを用いたデザイン経験
\r\n・ウェブデザイン経験（HTML/CSSの基礎知識があれば尚可）
\n＜マインド＞
\r\n・meleapのバリュー「挑戦する」「チームでやり抜く」「自ら考え動く」「情熱を燃やす」に共感していただける方
\r\n・自ら進んで課題を見つけ遂行できる、能動的な方
\r\n・積極的に技術や知識を身につけられる、学習意欲が高い方
\r\n・チームワークを重視し、多様なバックグラウンドを持つチームメンバーと協力できる方
案件URL\">
\n 【Webデザイナー】デザインに関わる様々な制作／各種施策のクリエイティブ制作など／リモート可能　
\n (2024年12月23日 現在)
\n

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

\n

マイナビIT AGENT

\n

\"\"

\n

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

\n

\n\t\t

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t【マイナビIT AGENT】IT・Web業界志望の方におすすめ\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t✓キャリアアドバイザーによるサポートが充実！非公開求人も多数紹介。\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t【マイナビIT AGENT】IT・Web業界志望の方におすすめ\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tマイナビIT公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t

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

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

\n

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

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

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

\n

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

\n

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

\n\n

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

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

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

\n

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

\n\n

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

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

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

\n

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

\n

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

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

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

\n

Geekly

\n

\"\"

\n

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

\n

\n\t\t

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t【Geekly】IT・Web・ゲーム業界でキャリアアップしたい人におすすめ\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t✓IT・Web・ゲーム業界に特化した転職エージェント。求人数も豊富。\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t【Geekly】IT・Web・ゲーム業界でキャリアアップしたい人におすすめ\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tGeekly公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t

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

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

\n

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
Geeklyの登録をしてから企業に内定するまで、スムーズに進められるサポート体制が整っています。スピーディに転職活動したい人には、おすすめの転職エージェントです。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
「自分のスキルや専門性が伝わらない。自分に合わない求人を紹介される。」などのミスマッチを避けることができます。IT・Web・ゲーム業界での転職を考えている人におすすめの転職エージェントです。
\n\t\t
\n\t
\n\t\n

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

\n

WILLOF TECH （ウィルオブ・テック）

\n

\"\"

\n

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

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

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

\n

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
転職活動を効率的に進めたい人にも、まずは話を聞いてみたい人にもおすすめの転職エージェントです。
\n\t\t
\n\t
\n\t\n

dodaエンジニアIT

\n

\"\"

\n

公式URL（https://doda.jp/engineer/）

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

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

\n

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

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

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

\n

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

\n

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

\n\n

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

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

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

\n

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

\n

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

\n

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

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

dodaITに無料登録してみる

\n

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

\n

\"\"

\n

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

\n\n

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

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

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

\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
順番に解説します。
\n\t\t
\n\t
\n\t\n

リクルートエージェント

\n

\"\"

\n

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

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

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

\n

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
エージェントに無料登録すれば、一部のサービスが利用可能になります。またキャリアアドバイザーとの面談後、求人応募すれば、書類添削・面接対策のサポートを受けられます。
\n\t\t
\n\t
\n\t\n

\n\t\t

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t【リクルートエージェント】とにかく求人が豊富！最初に登録するべき転職エージェント\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t✓とにかく求人数の多い大手エージェント。幅広い選択肢の中から求人を探すことができます。\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t【リクルートエージェント】とにかく求人が豊富！最初に登録するべき転職エージェント\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tリクルートエージェント公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t

\n

doda

\n

\"\"

\n

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

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

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

\n

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

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

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
まずは自分で求人を探したい人は求人サイト機能、1人での転職活動は不安な人はエージェント機能、求人の選択肢を増やしたい人はスカウト機能の利用がおすすめです。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n

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

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

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

\n

type転職エージェント

\n

\"\"

\n

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

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

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

\n

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

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

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

\n

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

\n\n

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

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

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

\n

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

\n\n

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

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

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

\n

\"\"

\n

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

\n

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

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

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

\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
一つずつ解説します。
\n\t\t
\n\t
\n\t\n

ワークポート

\n

\"\"

\n

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

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

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

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

ワークポートの案件例

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

\n\n
案件名
lang=\"ja\">
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n 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 {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }
想定給与給与450万円～800万円
業務内容#ERROR!
基本スキルml>
\n
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n 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 {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 求人検索一覧
\n
\n
\n 検索結果 111073件 （1件 ～ 30件）
\n
\n
\n 求人を絞り込む・検索条件の変更
\n
\n
\n 新着順
\n 人気順
\n
\n
\n
\n
\n
\n
\n
\n 職種
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n 勤務地
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n 業種
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n
\n 年収
\n
\n
\n
\n --
\n 300万円500万円700万円1000万円 　以上
\n
\n
\n
\n
\n
\n
\n キーワード
\n
\n
\n
\n
\n
\n
\n 検索条件の変更
\n
\n
\n
\n
\n
\n 表示数　
\n
\n 30件
\n 50件
\n 100件
\n
\n
\n
\n
\n 12345>最後へ
\n
\n
\n
\n
\n
\n
\n
\n
\n お気に入り
\n
\n
\n
\n アルファテクノロジー株式会社
\n
\n NEW
\n
\n
\n
\n 【大阪】機械設計
\n CADを用いた機械設計業務をお任せします！エンジニアファースト！！
\n
\n 正社員
\n
\n
\n
\n
\n 勤務地※案件先による
\n 給与450万円～800万円
\n
\n
\n
\n
\n
\n 必要な経験スキル
\n 技術力を向上させたいという意欲が高い方
案件URLlang=\"ja\">
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n 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 {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }　
\n (2024年12月23日 現在)

\n

Next Career（ネクストキャリア）

\n

\"\"

\n

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

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

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
Next Careerには、業界内では珍しい「未経験可」のITエンジニア求人に特化しています。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n

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

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

\n\t\t

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t【Next Career】未経験からITエンジニアを目指すなら\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t✓未経験のITエンジニア志望者をポテンシャル採用している企業2,000社以上の求人を保有\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t【Next Career】未経験からITエンジニアを目指すなら\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tNext Careerの公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t

\n

ウズキャリIT

\n

\"\"

\n

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

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

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

\n

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

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

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

\n

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

\n\n

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

\n

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

\n

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

\n

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

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

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

\n

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

\n

\"\"

\n

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

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

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

\n

\"\"

\n

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

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

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

\n

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

\n\n

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

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

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

\n

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

\n

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

\n

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

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

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
過去の事例や企業の傾向を踏まえたサポートを受けられるため、転職成功率が上がるでしょう。また、交渉や契約関係の業務を代行してもらえるため、効率的に転職活動することができます。
\n\t\t
\n\t
\n\t\n

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

\n

\"\"

\n

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

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

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

\n

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

\n

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

\n

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
転職エージェントでは、転職希望者とクライアント企業に仲介するビジネスです。報酬は成果報酬型のため、採用決定後にその企業から報酬を受け取ります。そのため、転職エージェントによっては、転職を急かされる場合があります。
\n\t\t
\n\t
\n\t\n

Webデザイナーの仕事内容

\n

\"\"

\n

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

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

①ヒアリング

\n

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

\n

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

\n

②コンセプト設計

\n

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

\n

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

\n

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

\n

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

\n

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

\n

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

\n

④デザインの作成

\n

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

\n

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

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

⑤コーディング

\n

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

\n

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

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

⑥テスト

\n

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

\n

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

\n

Webデザイナーの求人例

\n

\"\"

\n

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

\n

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

\n

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

\n

案件例①

\n

\n\n
案件名
\">
\n 【Webデザイナー】デザインに関わる様々な制作／各種施策のクリエイティブ制作など／リモート可能
想定年収350～500万円
業務内容＜業務詳細＞
\r\n分野を問わず、デザインに関わる様々な制作に着手していただきます。
\r\nスキルに応じてお任せする作業内容は変動します。　　　　　　　　　　　　　　　　　　
\r\n
\r\n＜具体的な仕事内容＞
\r\n・HADOに関する施策のコンセプトイメージやロゴの作成、提案
\r\n・各種施策のクリエイティブ制作（広告、Webデザイン、映像制作、グッズ、ブースデザイン等）　　
\r\n・ワイヤーフレームの作成、提案　
\r\n・ブランドガイドラインや制作物のアップデートと管理　　　　　　
\r\n・セールスやエンジニアとの連携、プロジェクト推進への関与
\n
\n【仕事の特色】
\n＜ポジションの魅力＞
\r\n当社のデザイナーは、多岐にわたる領域のデザインに携わることができます。
\r\n時間の使い方も自由度が高く、未経験分野のデザインでも、興味があれば挑戦し実行ができる環境です。
\r\nWebデザイナーやグラフィックデザイナーとして採用されたメンバーの中にも、入社後に動画編集や3Dのスキルを磨いている人もいます。
\r\nまた、ボードメンバーや他部署との距離も近いため、デザイナーからアイデアを提案していけるカルチャーがあります。
\r\nクリエイティブ制作に必要な最新のツールやソフトウェアの使用は保証されているため、必要に応じたツールやライセンスの提供も検討可能です。
\r\n
\r\n＜企業の魅力＞
\r\n■参考資料
\r\nCEO、COO、エンジニアマネージャーが当社の魅力について語ったインタビュー記事があります。
\r\n合わせてご覧ください。
\r\n・観戦事業は売上20倍の規模に成長──「かめはめ波を撃ちたい」から始まった、“テクノスポーツ”市場の創造 - GOOD TEAMS by W
\r\nhttps://goodteams.w-inc.vc/meleap
\r\n
\r\n＜開発環境＞
\r\n■使用ツール
\r\nCreative divisionデザイナーチームは現在2名で、主な使用ツールは以下の通りです。
\r\n・ハードウェア：Windows or Mac(慣れているものを使用)
\r\n・デザイン業務：Adobe CC製品全般, Figma
\r\n・コミュニケーション: Slack, Trello, Zoom
\r\n・その他: Google Workspaceアプリケーション, esa, GitHub
基本スキル＜経験＞
\r\n・グラフィックデザイナー、もしくはWebデザイナーとしての実務経験(2年以上目安)
\r\n・Photoshop、もしくは、Illustratorを用いたデザイン経験
\r\n・ウェブデザイン経験（HTML/CSSの基礎知識があれば尚可）
\n＜マインド＞
\r\n・meleapのバリュー「挑戦する」「チームでやり抜く」「自ら考え動く」「情熱を燃やす」に共感していただける方
\r\n・自ら進んで課題を見つけ遂行できる、能動的な方
\r\n・積極的に技術や知識を身につけられる、学習意欲が高い方
\r\n・チームワークを重視し、多様なバックグラウンドを持つチームメンバーと協力できる方
案件URL\">
\n 【Webデザイナー】デザインに関わる様々な制作／各種施策のクリエイティブ制作など／リモート可能　
\n (2024年12月23日 現在)

\n

案件例②

\n

\n\n
案件名
\">
\n 【Weデザイナー】Webデザイン業務全般を担当／イベント・キャンペーンページのデザイン制作／一部リモート
想定年収375～470万円
業務内容＜業務詳細＞
\r\n大手通販サイト（ECサイト）のWebデザイン業務全般。
\r\n将来的に、アートディレクターのような立ち位置にて業務対応いただけます。
\r\n
\r\n＜具体的な仕事内容＞
\r\n・Webデザイン業務
\r\nイベント・キャンペーンページのデザイン制作（改修・修正含む）
\r\nその他ページ制作業務の対応が発生する場合もあります。
\r\n
\r\nWebデザイン業務に慣れていただきましたら、下記の業務もぜひご対応いただきたいと思っております。
\r\nもちろん最初からご対応いただける方も大歓迎です。
\r\n・クォリティチェック（QC）業務
\r\nクリエイティブチームのクォリティチェック業務です。
\r\n
\r\n・顧客ヒアリング業務
\r\nお客様側のプランナー様とWebデザインの方向性について、ヒアリングを行い、案だしや提案を行います。
\r\nお客様との定期MTGにも参加いただきます。
\r\n
\r\nなお、お客様へのヒアリングやコミュニケーションに関しては、当社ディレクター陣（7人）もフォローしています。
\r\nご入社後もチームでサポートしますので安心ください。
\n
\n【仕事の特色】
\n＜ポジションの魅力＞
\r\n当社案件の多くがナショナルクライアントと呼ばれる国内外の大手クライアントの大規模プロジェクト。
\r\n企画提案から構築、運用、効果測定までワンストップでWebマーケティングの業務に関わることができ、自身の成長に直結するのが魅力です。
\r\nコンテンツ制作のみでなく、マーケティング視点からのクリエイティブ提案やデータに基づいた課題解決の提案スキルを身につけることも可能です。
\r\n実業務として実績を積みながら、自身の業務範囲やスキルの幅を広げキャリアアップができる環境です。
\r\n
\r\n■時代のニーズに合わせた体制拡大
\r\nデジタルインタラクティブ事業本部では国内のみならず、海外にも拠点を拡大、体制のグローバル化を図り、案件拡大に伴う体制強化・業務の効率化を図っています。
\r\n
\r\n■将来的なキャリアパス（可能性）
\r\nUI設計など、インフォメーションアーキティクト、デザインディレクションなどの実績を積み、大規模プロジェクトのクリエイティブ責任者や、クリエイティブチームのマネージャーとして成長できるチャンスと環境があります。
\r\n
\r\n＜職場環境＞
\r\n■働きやすい職場環境
\r\nデジタルインタラクティブ事業本部において、全体の平均残業時間は20時間/月程度。
\r\n独自の研修制度も多々導入し、スキルアップや新たな領域のチャンレンジへの後押し、体制が充実しています。
\r\n
\r\n■入社後の研修やOJTについて
\r\nオンボーディング、研修コンテンツ、プロジェクト内でのOJTがあります。
\r\n
\r\n■既存メンバーがTCIに入社を決めた理由
\r\n・デジタルマーケティングのサービス提供をするプロフェッショナルなメンバーの中でスキルアップが出来る
\r\n・残業時間が少なくオンオフのメリハリがつけやすい
\r\n・技術を習得する機会を増やすためのスキルアップ支援
\r\n
\r\n■中途入社で活躍している既存メンバー紹介
\r\n・デザイン制作会社出身
\r\n・広告代理店出身
\r\n
\r\n＜募集背景＞
\r\n※急募です※
\r\n・2024年1月入社可能な方
\r\n・産休に入るメンバーがいるため、募集を開始しました
\r\n
\r\n＜配属予定チーム＞
\r\nデジタルインタラクティブ事業本部　マーケティングコミュニケーション統括部
\r\n
\r\n■配属部門のミッション、特徴、強みなど
\r\n新規サービス開発、運用業務の中で見えてくる課題解決など多様なプロジェクトにおいて、デザイナー視点でアウトプットを行い、ビジネスゴールに貢献することがミッションです。
\r\nデジタルマーケティングのサービスを社内の様々な部門と連携しながら、一つのサービスとしてお客様へ価値提供を行います。
\r\n多種多様なスキルを持ったメンバーと連携し、新しい価値を生み出すことを目指しています。
基本スキル＜経験＞
\r\n・Webデザイナーの実務経験3年以上
\r\n
\r\n＜学歴補足＞
\r\n短大・専門卒以上
\n＜マインド＞
\r\n・向上心を持ってWebビジネスに取り組める方
案件URL\">
\n 【Weデザイナー】Webデザイン業務全般を担当／イベント・キャンペーンページのデザイン制作／一部リモート　
\n (2024年12月23日 現在)

\n

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

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

Webデザイナーの年収は？

\n

\"\"

\n

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

\n\n

引用：doda「日本のビジネスパーソンの平均年収は？平均年収ランキング（平均年収／生涯賃金）【最新版】 」（2022年03月14日時点）

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

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

\n

\"\"

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
順番に解説します。
\n\t\t
\n\t
\n\t\n

デザイン力

\n

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

\n

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

\n

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

\n

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

\n

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

\n

Illustrator・Photoshopのスキル

\n

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

\n

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

\n

マーケティングのスキル

\n

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

\n

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

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

コーディング

\n

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

\n

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

\n

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

\n

\"\"

\n

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

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

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

\n

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

\n

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

\n

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

\n

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

\n\n

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

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

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

\n

\"\"

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
一つずつ解説します。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
正確に希望条件を伝えることができれば、自分に合う求人を紹介してもらえる確率が上がります。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n

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

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

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

\n

\"\"

\n

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

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

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

\n

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

\n

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

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

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

\n

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

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
Webデザイナーなどのクリエイティブ系職種の転職では、ポートフォリオの提出を求められる場合が多いです。応募したい企業に求められるスキルや業務内容に合わせて、ポートフォリオは作成しましょう。
\n\t\t
\n\t
\n\t\n

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

\n

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

\n

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

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

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

\n

\"\"

\n

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

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

\n

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

\n

TechAcademy

\n

\"\"

\n

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

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

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

\n

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

\n

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

\n

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

\n\n

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

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

RaiseTech

\n

\"\"

\n

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

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

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

\n

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

\n

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

\n

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

\n\n

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

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

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

\n

\"\"

\n

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

\n

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

\n

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

\n

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

\n

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

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

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

\n

\"\"

\n

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

\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
順番に回答していきます。
\n\t\t
\n\t
\n\t\n

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

\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
転職エージェントと転職サイトの大きな違いは、担当者の有無です。
\n\t\t
\n\t
\n\t\n\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
1人で転職活動を行うのが不安な人や効率よく面接活動を行いたい人は、転職エージェントを積極的に活用してみましょう。
\n\t\t
\n\t
\n\t\n

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

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

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

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

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

\n

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

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

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

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

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

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

まとめ

\n

\"\"

\n

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

\n

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

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

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

\n","protected":false},"excerpt":{"rendered":"

Webデザイナー経験者・未経験者向けにおすすめの転職エージェントをまとめました。

\n","protected":false},"author":21,"featured_media":18480,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[181],"tags":[],"class_list":["post-14627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tensyoku-agent"],"aioseo_notices":[],"meta_description":"Webデザイナー経験者・未経験者向けにおすすめの転職エージェントをまとめました。","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/14627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts"}],"about":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/users/21"}],"replies":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/comments?post=14627"}],"version-history":[{"count":20,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/14627/revisions"}],"predecessor-version":[{"id":92834,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/14627/revisions/92834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media/18480"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=14627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=14627"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=14627"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}