{"id":5888,"date":"2021-01-26T21:30:50","date_gmt":"2021-01-26T12:30:50","guid":{"rendered":"https://freelance.indieverse.co.jp/media/?p=5888"},"modified":"2025-11-01T17:46:27","modified_gmt":"2025-11-01T08:46:27","slug":"test-engineer-no-experience","status":"publish","type":"post","link":"https://freelance.indieverse.co.jp/media/it-career/test-engineer-no-experience","title":{"rendered":"テストエンジニアに未経験からなるには？就職・転職方法について解説してみた"},"content":{"rendered":"
《未経験からテストエンジニアへの転職におすすめ！DAINOTE編集部推薦エージェント
\n【第1位】ワークポート:IT系の求人を多く持つエージェント。IT業界志望なら登録しておいて損はないです。
\n【第2位】リクルートエージェント:転職エージェントの最大手で、求人数もNo.1。
\n【第3位】doda:転職満足度No1、顧客サポートが手厚い総合型転職エージェント
\n
\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
男性A
\n\t\t
\n\t\t
\n\t\t\t
テストエンジニアになりたいと思っているけど、仕事がきついって聞くし怖いなあ…
\n\t\t
\n\t
\n\t\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
女性A
\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
こんにちは、DAIです。
\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

特にテストエンジニアや、IT業種の未経験可の求人を多く扱っているエージェントと、サイト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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
公式サイトサポート案件数対応エリア種類特徴
リクルートエージェントhttps://www.r-agent.com/◎◎全国転職エージェント豊富な求人数の中から案件を探せる。IT系案件も多数あり。
ワークポートhttps://www.workport.co.jp/◎◯全国転職エージェントIT領域に詳しいキャリアアドバイザーが在籍
Greenhttps://www.green-japan.com/◯◯全国転職サイトIT・Web領域に特化した転職サイト。未経験でもOKな求人も多く保有。
DODAhttps://doda.jp/◎◎全国転職エージェントキャリアコンサルタントの質にこだわりたいという方必見！業界トップクラスの求人数であなたの転職を徹底サポート。
\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
後程一つ一つ解説しますが、未経験からテストエンジニアになりたい人は必見です。
\n\t\t
\n\t
\n\t\n

テストエンジニアの仕事内容とは？

\n

\"\"

\n

では、そもそもテストエンジニアとはどういった職種なのでしょうか。

\n
    \n
  1. テストエンジニアの仕事とは
    2. \n
  2. テストエンジニアに未経験からなれるのか
    3. \n
  3. テストエンジニアの魅力は？
    4. \n
\n

上の3点について解説していきます。

\n

テストエンジニアの仕事内容

\n

テストエンジニアとはその名の通り、サービスが正しく動作しているかテストをする、品質管理や品質保証の役割を担っています。

\n

また、システム上の不具合はユーザーに大きな影響を与えるので、チームの中でも縁の下の力持ちのような存在になります。

\n

サービスを開発する具体的な手順としては、

\n
    \n
  1. プロジェクトマネージャー（PM）が要件定義をする
    2. \n
  2. エンジニアがプログラムを作る
    3. \n
  3. テストエンジニアがシステムのテストをする
    4. \n
\n

といった流れになっています。

\n

\"\"

\n

この流れのうち、システムテストを行うのがテストエンジニアの仕事となります。

\n

主な仕事は、下のような感じです。

\n
    \n
  1. エンジニアが作ったプロダクトに、問題がないかチェックする
    2. \n
  2. エラーが起こっていたら、文章にまとめて報告する
    3. \n
  3. プログラミングを行う場合は、テストの自動化を行う
    4. \n
\n

中でも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

テストエンジニアに未経験からなれる？

\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\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

また、ワークポートはIT領域に特化しているので、業界事情がわからないという方は一緒に登録するのがおすすめです。

\n

テストエンジニアの仕事自体の魅力については以下のようなことが挙げられます。

\n\n

システム開発の過程において、不具合が起きてしまう原因を突き詰めることは簡単ではありません。

\n

ですが、不具合がなくなるまでテストを実行し、ユーザーが使いやすい品質を保証したシステムをリリースできた時の達成感は、テストエンジニアならではだと思います。

\n

テストエンジニアになる方法

\n

\"\"

\n

未経験で求められること

\n

テストエンジニアは、開発エンジニアとは違って、未経験でもテスターから仕事を始めることができます。

\n

ですので、未経験からテストエンジニアを目指す際には、

\n\n

などが求められるでしょう。

\n
    \n
  1. テスト作業の経験を積み、知識を得る
    2. \n
  2. 開発言語にかかわるテストを実行する
    3. \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

引用：IPA公式HP

\n

この資格は、独立行政法人IPAが主催する国家試験です。

\n

ITエンジニアの基礎を確かめる資格であり、IT業界を志望する方なら持っておいて損はないです。

\n

JSTQB認定テスト技術者資格

\n

\"\"

\n

引用：JSTQB公式HP

\n

この資格は、各国のテスト技術者認定組織が参加しているISTQB（International Software Testing Qualifications Board）の日本版組織JSTQBが運営しています。

\n

ソフトウェアテストの安全性のテスト技術に関する資格で、テストエンジニアにとって必須の資格として位置づけできます。

\n

ソフトウェア品質技術者資格認定

\n

\"\"

\n

引用：JCSQE公式HP

\n

この資格は、一般財団法人日本科学技術連盟が運営する、ソフトウェアの品質向上のための資格です。

\n

レベル別なのが特徴で、自分のスキルによってレベルを選択することができます。

\n

求人サイトやエージェントに登録しよう！

\n

一番重要なのが、求人サイト・エージェントに登録することです。

\n

こうしたサービスを利用するメリットとしては、

\n\n

などです。

\n

リクルートエージェント、ワークポート、Green、dodaの4つが、業界未経験者や異業種転職におすすめの転職サイト・エージェントになります。

\nリクルートエージェント公式ページを見る\nワークポート公式ページを見る\nGreen公式ページを見る\ndoda公式ページを見る\n

非公開求人が見れる

\n

転職サイトやエージェントは、公開求人の2倍以上の非公開求人を持っていると言われています。

\n

サイト・エージェントに登録すると、自分で探すだけでは見つからない、条件の良い求人が見つかる可能性があります。

\n

特にdoda,リクルートは求人数が圧倒的なので、とりあえず登録するという人も多いですね。

\n

自分に合った求人を探してくれる

\n

Googleでテストエンジニアの求人を探すと、膨大な量の求人が出てきます。

\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\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領域に詳しいキャリアアドバイザーが多く、詳しい業界事情なども聞くことができます。
\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
では次から、おすすめのエージェントを紹介していきます。
\n\t\t
\n\t
\n\t\n

未経験からテストエンジニアを目指す人におすすめの転職エージェント・サイト

\n

\"\"

\n

未経験からテストエンジニアを希望している方は、とにかく求人数の数の多い「総合型エージェント」に登録するのがおすすめです。

\n

なぜかというと、総合型エージェントは未経験OK、異業種転職OKの求人が多いからです。

\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

ということで、IT系の求人数が多いおすすめの総合型エージェントを紹介していきます。

\n

リクルートエージェント：求人数圧倒的No1!IT領域の未経験求人も多数掲載

\n

\"リクルートエージェント\"

\n

リクルートエージェントは、転職エージェント業界でも圧倒的な求人数を誇るエージェントです。

\n

数多くの転職情報が集まっているだけあって幅広い業界にパイプがあり、求職者の転職活動をしっかりサポートしてくれます。

\n

とにかく求人数が多いので、希望している条件の求人が見つかる可能性は非常に高いです。

\n

他社と併用しながらの利用もおすすめのエージェントなので、転職を考えているならまず登録しておきましょう。

\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\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
\n\t\t
\n\t\t\n

\n

ワークポート：IT領域に強い総合型転職エージェント

\n

\"\"

\n

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

\n

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

\n

ワークポートは、IT業界の求人に強いことで評判の総合型エージェントです。

\n

ワークポートの大きな魅力は、未経験でも応募できる求人が多い点と、キャリアアドバイザーがIT領域に詳しい点です。

\n

ワークポートで調べたところ、未経験でも可能なマーケティング求人数は、74件ありました。(2023年6月時点)

\n

そのため、未経験の方でも転職できる可能性が高いです。

\n

実際に過去にワークポートを利用しましたが、キャリアアドバイザーの方がかなり領域に詳しい印象でした。

\n

一般的な転職エージェントのIT系求人の多くは、経験者向けの求人が多く、未経験者を歓迎している求人はあまり多くありません。

\n

そのため、ワークポートは未経験からIT業界へ転職を目指す方でも使い勝手の良い転職エージェントだと感じました。

\n

登録すると、詳しい求人が見れるので、ぜひ登録してみましょう。

\n

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

\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 }
想定給与給与430万円～460万円
業務内容#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 検索結果 109673件 （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 【総合病院の医療事務】入院算定・レセプト実務経験者を採用します！
\n
\n 正社員完全週休2日制
\n
\n
\n
\n
\n 勤務地東京逓信病院：東京都千代田区富士見2丁目14−23
\n 給与430万円～460万円
\n
\n
\n
\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年11月25日 現在)
\n

Green：IT・Web領域に特化した未経験OKな求人も多く保有する転職サイト

\n

\"\"

\n

公式サイトより引用：https://www.green-japan.com/

\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【Green】株式会社アトラエが運営する、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✓ベンチャー気質のある企業が比較的多く掲載。未経験でもOKな求人も多く保有。\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【Green】株式会社アトラエが運営する、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\tGreen公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\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
Greenは、IT・Web系スタートアップ企業で働きたい人におすすめの転職サイトです！
\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
運営会社株式会社アトラエ
公開求人数29,169件
平均単価–
マージン率非公開
対応地域日本全国
働き方IT・Web系スタートアップや外資系企業の求人が豊富。フルリモートの求人多数
\n

※2023年6月28日時点・公式ホームページより参照（公式：https://www.green-japan.com/）

\n

Greenは、IT・Web業界特化型の転職サイトです。

\n

Greenには、以下のような特徴があります。

\n
    \n
  1. 豊富な職種の求人を掲載
    2. \n
  2. スタートアップ、外資、上場企業など幅広い企業の求人を掲載
    3. \n
  3. 応募したい企業の雰囲気がつかみやすい
    4. \n
  4. 職種未経験OKの場合あり
    5. \n
\n

豊富な職種の求人を掲載

\n

GreenはIT・Web業界に特化した転職サイトですが、求人で募集している職種の種類は多岐にわたります。

\n\n

IT業界で転職したいエンジニアはもちろん、マーケターや事務職の求人を探している人にもおすすめです。

\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

スタートアップ、外資、上場企業など幅広い企業の求人を掲載

\n

Greenでは、スタートアップや外資系企業、上場企業などさまざまな企業の求人を掲載しています。

\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

Greenのメリットは、応募したい企業の雰囲気がつかみやすいという点です。

\n

気になる企業があっても、どんな会社なのかわかりづらいと心理的なハードルが高くなってしまいますよね。

\n

Greenでは、以下のような仕組みで応募先企業の雰囲気を把握できるようになっています。

\n\n

Greenに掲載されている求人情報についている「気になる」ボタンを押すと企業に通知され、あなたが求人に興味を持っていることを相手企業に伝えられます。

\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

求人ページには詳細やPR、社員インタビューが掲載されているので、応募前にじっくりと情報収集できるのもメリットです。

\n

\"\"

\n

公式サイトより引用：https://www.green-japan.com/

\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

職種未経験OKの場合あり

\n

Greenは、IT・Web業界経験者であれば職種未経験でもOKな求人を扱っています。

\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
未経験NGの転職サイトも多いなか、これは嬉しいですね！
\n\t\t
\n\t
\n\t\n

たとえば、以下のような人におすすめです。

\n\n

キャリアチェンジして新しいことに挑戦してみたい人や、これまでの経験を活かしてスキルの幅を広げたい人におすすめの転職サイトです。

\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【Green】株式会社アトラエが運営する、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✓ベンチャー気質のある企業が比較的多く掲載。未経験でもOKな求人も多く保有。\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【Green】株式会社アトラエが運営する、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\tGreen公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t

\n

DODA：業界No2の求人数｜キャリアコンサルタントの質にこだわりたいという方も必見！

\n

\"\"

\n

画像は公式サイトより引用：https://doda.jp/

\n

dodaは、パーソルキャリアが運営している大手転職サービスです。

\n

転職サイトと転職エージェントの両方を持っているので、求人検索から応募まで一つのサービスで行うことが可能です。

\n

常に豊富な求人数を取り扱っており、自分にあった転職先の候補を増やすことができます。

\n

利用者満足度も高く、サポートの質が良いエージェントです。

\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【doda】利用者満足度が高く、顧客サポートが手厚い総合型転職エージェント\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【doda】利用者満足度が高く、顧客サポートが手厚い総合型転職エージェント\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\tdoda公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\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

まずは、向いている人の特徴を2つご紹介します。

\n

裏技、バグを探すのが好きな人

\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

テストエンジニアは、開発エンジニアから渡された仕様書の通りにプロダクトが動作するよう、不具合を見つけていかなければなりません。

\n

なので、書かれた通りのことをきっちりやるのが苦手な人は、苦痛に感じるかもしれません。

\n

細かな違いを探すのが苦手

\n

テストエンジニアは、ひたすら細かなバグやエラーを探す仕事です。

\n

なので、細かいところを見るよりもざっくりと全体を把握する方が得意という人は、向いていない可能性が高いです。

\n

単調な作業が苦手

\n

テストエンジニアは基本的に、ひたすらエラーを探すことが仕事になります。

\n

なので、実際にプロダクトを作りたい方、日々同じ作業は嫌だという方は向いていないかもしれません。

\n

動くプロダクトを作るエンジニアになりたい場合は、こちらの記事を参考にしてみてください。

\n\n\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\t
未経験からエンジニア転職の現実と成功手順を解説。未経験OK求人と年収相場、ワー...
\n\t\t\t\t\t
\n\t\t\t\t\n

テストエンジニアの年収は？

\n

\"\"

\n

転職をするうえで気になる年収について、以下にまとめました。

\n

正社員の場合とフリーランスの場合を、ご紹介します。

\n

正社員の平均年収は？

\n

テストエンジニアの正社員の年収は、平均３００万円～５００万円前後が一般的です。

\n

テストエンジニアは比較的未経験の方でも働きやすいため年収が低いと思われがちですが、

\n\n

経験を積みスキルが上がるにつれ、収入もあがっていきます。

\n

また、資格などの手当の支給や、ボーナスや昇進による収入アップも見込めます。

\n

なお、年収はエリアによっても異なるため、東京都など都心エリアではより高くなる傾向があります。

\n

フリーランスの平均年収は？

\n

テストエンジニアのフリーランスの年収は、平均５００万円～６００万円前後が一般です。

\n

案件としては３０万円～６０万円が相場でしょう。

\n

実際にレバテックフリーランスでの、テストエンジニアの平均単価は59万円です。

\n

\"フリーランスの平均年収は？\"

\n

引用：レバテックフリーランス　※2023年6月時点

\n

近年は、テスト工程の外注割合が高い傾向があるので、今後の需要は更に伸びていくでしょう。

\n\n

テストエンジニアになるのに、年齢は関係する？

\n

\"\"

\n

結論としては、比較的テストエンジニアになるのに年齢は関係ありません。

\n

なぜかというと、テストエンジニアの業務内容は幅広いからです。

\n

ここからは年代別に解説していきたいと思います。

\n

20代（第二新卒）の場合は？

\n

まず第二新卒にあたる20代についてですが、未経験でも正社員としての可能性は、大いにあるといえます。

\n

特に第二新卒の場合だと、ポテンシャル採用をしてもらえる点において強みになります。

\n

ポテンシャル採用については、こちらの記事で詳しく解説しています。是非見てみてください。

\n\n

30代の場合は？

\n

次に30代の場合ですが、20代と比べると、正社員での雇用の難易度は上がると思います。

\n

ですが、テストエンジニアは業務の幅が広いので採用される可能性は十分にあります。

\n

また、経験を積んでテストエンジニアとして成長すると、即戦力になることもできるでしょう。

\n

40代の場合は？

\n

次に40代の場合ですが、他のエンジニア職と比べて40代でも採用される可能性は十分にあります。

\n

一般的に、企業は年齢が上がれば上がるほど即戦力の人材を求めているので、未経験職種の転職は難しい傾向にあります。

\n

ですが、テスト仕様書に従ってテストをする業務であれば採用されることが多いです。

\n

テストエンジニアに興味がある人は、実際にどのような募集がされているか確認しましょう。

\n

テストエンジニア転職のポイント

\n

\"テストエンジニア転職のポイント\"

\n

テストエンジニアへの転職を希望する人、転職予定の人に向けてポイントをお伝えします。

\n

自身に合った環境で勤務するためにも、以下の内容に気をつけて転職活動へ取り組みましょう。

\n

テストエンジニアに転職するための参考記事

\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
\n

IT業界への転職を考えている方は、ぜひ読んでみてください。

\n
\n\t\t
\n\t
\n\t\n\n

転職の質は、「情報の質」×「行動の量」に左右される

\n

キャリアにおいて入社前の事前情報は、本当に大きいです。

\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
まずは、エージェントの求人をみて、どんな仕事なのかをしっかりと把握しましょう。より本格的に一時情報を取りに行く時は、複数のエージェントに相談してみるのがよいです。
\n\t\t
\n\t
\n\t\n

また、IT系の転職市場に関しては、キャリアアドバイザーすらもあまりわかっていないことが多々あります。

\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

テストエンジニアの仕事は必要不可欠ですが、近年、テスト業務においてAIによる自動化が進んでいる企業があります。

\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\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\t
未経験からエンジニア転職の現実と成功手順を解説。未経験OK求人と年収相場、ワー...
\n\t\t\t\t\t
\n\t\t\t\t\n

まとめ

\n

\"まとめ\"

\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
《未経験からテストエンジニアへの転職におすすめ！DAINOTE編集部推薦エージェント
\n【第1位】ワークポート:IT系の求人を多く持つエージェント。IT業界志望なら登録しておいて損はないです。
\n【第2位】リクルートエージェント:転職エージェントの最大手で、求人数もNo.1。
\n【第3位】doda:転職満足度No1、顧客サポートが手厚い総合型転職エージェント
\n
\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業界へ未経験に転職する人向け\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転職に強いエージェント。\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業界へ未経験に転職する人向け\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\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【リクルートエージェント】求人数No1！最初に登録するべき転職エージェント\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t✓リクルートエージェントは求人数No1。IT領域の未経験求人も比較的多いです。\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【リクルートエージェント】求人数No1！最初に登録するべき転職エージェント\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

\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【Green】株式会社アトラエが運営する、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✓ベンチャー気質のある企業が比較的多く掲載。未経験でもOKな求人も多く保有。\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【Green】株式会社アトラエが運営する、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\tGreen公式ページを見る\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\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【doda】転職満足度No1、顧客サポートが手厚い総合型転職エージェント\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【doda】転職満足度No1、顧客サポートが手厚い総合型転職エージェント\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\tdoda公式ページを見る\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\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\t
未経験からエンジニア転職の現実と成功手順を解説。未経験OK求人と年収相場、ワー...
\n\t\t\t\t\t
\n\t\t\t\t\n\n\n\n","protected":false},"excerpt":{"rendered":"

未経験からテストエンジニアになる方法を解説。仕事内容や必要スキル、年収・将来性、品質保証・テスト設計や自動化のポイント、就職・転職に強いエージェントの選び方も紹介し、未経験可求人の探し方もわかります。

\n","protected":false},"author":1,"featured_media":5867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[203],"tags":[],"class_list":["post-5888","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-career"],"aioseo_notices":[],"meta_description":"未経験からテストエンジニアになる方法を解説。仕事内容や必要スキル、年収・将来性、品質保証・テスト設計や自動化のポイント、就職・転職に強いエージェントの選び方...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/5888","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/1"}],"replies":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/comments?post=5888"}],"version-history":[{"count":9,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/5888/revisions"}],"predecessor-version":[{"id":94305,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/5888/revisions/94305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media/5867"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=5888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=5888"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=5888"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}