\n\t\t\t
\n\t\t\t
\n\t\t\n\t\t\tDAI
\n\t\t\n\t\t\t
\n\tこの記事では、未経験からプログラマー就職・転職する方法について解説します。
\n\t\t＼ プログラマー転職におすすめの転職エージェント／
\n「未経験からプログラマーに就職・転職したいけどできるかな？」
\nそのように悩んでいる方も多いと思います。
\n\n\t\n\t\t\t以上に当てはまる方にはぴったりの記事となっています。
\n＼この記事を読んで分かること／
\n\n\t\t\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/07/woman-687560_1920-1024x768.jpg\")
\n\n\t
\n\t\t\tプログラマーは、事前に設計された仕様書を参考に、言語を用いてシステム・アプリケーションを作成します。
\n\n\t\n\t\t\t具体的な制作物としては、日々活用しているLINEやTwitterなどのSNSから、業務を管理するための勤怠システムなど多岐にわたります。
\n使用する言語はRubyやJavaなど何を作りたいのかによっても異なりますが、メンテナンスを前提として、わかりやすくコードを書くための深い知識が必要です。
\nよく聞く似た職種である「プログラマー」と「エンジニア」は仕事の内容が部分的に異なります。
\n\n\t\n\t\t\t「エンジニア」はすでに完成に近いシステムのテスターや、完成したシステムの保守担当など以下のような一切コードを書かないエンジニア職もあります。
\n・製品の品質保証をする「テストエンジニア」
\n・完成したシステムの保守などを担当する「テクニカルサポートエンジニア」
プログラミングをしないエンジニア系職種が需要を伸ばしている側面が大きいです。
\n\n\n\nエンジニア未経験の人が、転職エージェントが「エンジニア」として紹介される案件は、「コードが書ける職種」ではないことに注意が必要です。キャリアアドバイザーはエンジニアリングを理解していないので、エンジニアだと信じてテスターやエクセル職人職に送客しているケースが多いです。
\n— DAI (@never_be_a_pm) November 7, 2019
多くの場合、実際にプログラミングを行うSEよりも年収相場は低く、市場価値も高くないので、プログラミングでものづくりをしたりフリーランスになったりしてガンガン稼ぐ「エンジニア」を想像して転職した人がガッカリすることがあります。
\n「プログラマー」はエンジニア職の中でも以下のようなコードをゴリゴリ書くエンジニアのことを言います。
\n上記はプログラミングでものづくりをしたりフリーランスになったりして稼ぐ「エンジニア」のことですね。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/08/wes-hicks-4-EeTnaC1S4-unsplash-1024x683.jpg\")
\n\t\t\t\n\t\t\tですが、未経験からコードを書くプログラマーとして採用されることはほぼありません。
\n\n\t\n\t\t\tどのように対策をすれば未経験でもプログラマーになれるのか気になる方に向けて、以下のような市場の現状や手段を解説していきます。
\nITのスキルを持った人材の需要が高まる一方で、市場では人手不足が問題になっています。
\n実際、2019年3月にみずほ情報総研が発表したデータによると、2030年に最大で79万人のIT人材が不足すると言及されています。
\n\n\t\n\t\t\t業務の効率化を図るためにデジタル化が欠かせない昨今では、高いスキルを持ったプログラマーの需要が高いです。
\n\n\t\n\t\t\t\n
IT人材の需要は高いですが、実際にプログラマーになるためには企業が納得して採用できるように自身のスキルを高めることが重要です。
\n\n\t\n\t\t\t求められるスキルは、スマホゲームアプリやWebアプリケーションなど、どのような制作物に関わりたいのかによっても異なります。
\nRubyやPythonなどの言語やフレームワークの知識だけでなく、データベース・セキュリティについても理解を深めておきましょう。
\n\n\t\t\t\n\t\t\t業務未経験な上に質問やトラブルに対して「全く分かりません」という回答しかできないと、企業側は本当にこの人はプログラマーとして働けるのか？が見えず、採用まで繋げることが出来ません。
\n一方で、業務未経験だけど、
\nなど実績や経験があると、企業側も「この人はプログラマーとして自走力があるな」と判断し、未経験からでもコードを書くプログラマーとして採用してくれる可能性が高くなります。
\nまた、IT業界の話をすると、いわゆる「エンジニア職」は慢性的に人材不足の傾向にあります。
\nよって、未経験だとしても、専門的な技術やメンバー間でのコミュニケーション能力など、求められているスキルを考慮して準備に望めばプログラマーになることは可能です。
\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/12/businesswoman-gc6729bc2f_1280.jpg\")
まず知っておいてほしいのは、プログラマーと呼ばれる職種、つまりプログラミングを行うエンジニア系職種には、いくつか種類があります。
\nここでは、代表的なものとして以下4種類に分類して紹介していきます。
\n未経験からプログラマーを目指す場合、どのような職種があるのかを理解し、自分の興味や適正に合った仕事を選ぶことが大切です。
\n漠然とプログラマーの勉強を始めるのではなく、具体的に職種を定めてから必要なスキルを習得していきましょう。
\n\n\t\n\t\t\tフロントエンドエンジニアとは、企業のホームページなどWebサイトの制作・構築を行います。
\n\n\t\n\t\t\tフロントエンドエンジニアは、扱う言語もフロントエンド系がメインになるため、サーバーサイド系のエンジニアに比較すると難易度は低いといえます。
\nまた、Web制作系の案件は、クラウドソーシングにも多く募集があります。
\nプログラミングスクールで基礎を学び、成果物が作れるようになったくらいのレベルでも案件を受注することができるので、実績を作りやすく初心者にも人気なのが魅力です。
\nフロントエンドエンジニアには、以下の知識が必要です。
\nアプリケーションの開発はしないため、サーバーサイド系の言語を多く知る必要はなく、どちらかというと画面を動作させるためのフロントエンド言語（HTML、CSS、JavaScriptなど）を使いこなす技術が必要です。
\n\n\t\n\t\t\tサーバーサイドエンジニアに転職するためには、企業のサイトを作成することが大切です。
\nフロントエンドエンジニアになるまでの流れをまとめます。
\nこれがセオリーかなと思います。
\n知識→成果物→実績の流れで積み重ねていき、十分に実績が着いたら採用面接に臨みます。
\nまた、Web制作系の案件は、クラウドソーシングにも多く募集があります。
\n\n\t\n\t\t\tサーバーサイドのエンジニアはその名の通りサーバーサイドの担当をするエンジニアのことです。
\nまず、サーバーサイドエンジニアと先ほどのフロントエンドエンジニアの違いは以下の通りです。
\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/07/frontend-backend-1.png\")
\n\t\t\t例えば、Twitterなどでのユーザー情報や投稿内容、いいねなどの機能を実装するのがサーバーサイドの仕事です。
\n\n\t\n\t\t\tサーバーサイドエンジニアは、フロントエンドの言語に加えてサーバーサイドの言語も必要です。
\nなので、フロントエンドエンジニアと比較すると難易度は高くなります。
\nサーバーサイドエンジニアは、以下の知識が必要です。
\n\n\t\t\tエラー1つ解消するのに2時間かかる場合もざらにあります。
\n\n\t\n\t\t\tサーバーサイドエンジニアに転職するためには、一般的なCRUD処理を実装したWebサービスを作成することが大切です。
\nサーバーサイドエンジニアになるまでの流れを簡単にまとめます。
\n\n\t\t\tWebアプリケーションプログラマーとは、Webアプリ（ブラウザベースで動くアプリケーション）を開発します。
\nWeb系エンジニアは、開発するWebアプリの内容も多種多様+サーバーサイド言語の知識を必要となり、技術的にやや難易度の高い職種です。
\nまた、Web系エンジニアは、サーバーサイドの言語を取り扱うことから未経験から学習する際の挫折率が高いです。
\n理由としては、以下の点があります。
\nつまり、インプットはすんなりいっても、アウトプットでつまづく人が多いという特徴あるわけです。
\n実際にアプリ制作でサーバーサイド言語をどのように使っていくのかは制作しながらでないと分からないので、独学が難しいポイントです。
\n\n\t\n\t\t\t自分で、成果物(=オリジナルアプリ)を作ってやっとスタートラインに立てるという感じです。
\nWebアプリケーションプログラマーに必要な言語・知識は、以下の通りです。
\nWeb系エンジニアになるためには、フロントエンド言語の基礎知識はもちろん、サーバーサイドで動く言語の習得が必要で、高い専門性が問われます。
\nRuby、Ruby on Railsなど、サーバーサイドで動く言語には色々あり、開発現場によってメインで使われる言語は異なります。
\n\n\t\n\t\t\tWebアプリケーションプログラマーになるまでの流れを簡単にまとめます。
\nWebアプリケーションプログラマーに転職するためには、オリジナルアプリの開発をできるようになることが必要です。
\nプログラミングスクールなどで言語の基礎を習得したら、自分でアプリ開発ができるということを示すため、オリジナルアプリを作成してみましょう。
\n自分で開発したオリジナルアプリを携えて、「これが実績だ」という状態で企業の採用面接を受けるのがセオリーです。
\n年代が上がれば上がるほど、未経験で成果物もないプログラマー希望者を雇う企業はほとんどないので、何か一つは自分で開発してみてください。
\nプログラミングスクールのカリキュラムにも、アプリを実際に開発してみるという内容はありますが、正直言うと、実績としてはこれだけでは不十分です。
\n\n\n\nプログラミングスクールのアプリをポートフォリオにしている人が多いけど、「自分で考えて実装できません」という表明に見えるので、そのアプリではなくてゼロからアプリ作った方が好感度高いと思う。スクール行ったことはあえて書かない方が良さげ(スクール記載見て書類で落としている会社多い)
\n— DAI (@never_be_a_pm) February 2, 2020
プログラミングスクールに通えば、基礎からじっくり教えてくれます。
\nしかし、未経験からプログラマーへの転職まで考えているのであれば、もう少し能動的な努力が必要です。
\nプログラミングスクールに通う前に、基礎は大方なぞっておき、がむしゃらにでも自分でアプリ開発を始めてみましょう。
\n\n\t\n\t\t\tWebデザイナー系プログラマーは、フロントエンドエンジニアより少し上流の仕事をする職種です。
\nWeb制作プロジェクトの中で、デザインからフロントエンドのコーディングまで請け負えると、かなり重宝されます。
\nWebデザイナー系プログラマーは、未経験が目指す職業としての難易度は「中」程度です。
\n案件の受注しやすさなどから判断すると、やはりサーバーサイド系のエンジニアに比べると手が出やすいと思います。
\nしかし、デザインツールでワイヤーを描くところから始めて、HTML・CSS・JavaScriptなどを使ってコーディングまでを通して行えるWebデザイナー系プログラマーもいます。
\nこういう人は制作会社や事業会社で大変重宝されます。
\n\n\t\n\t\t\tWebデザイン系プログラマーに必要な知識は、以下の通りです。
\nWebデザイナーは、フロントエンド言語の知識と、Adobe系ツールやFigmaなどのデザインツールを使いこなすスキルが必要です。
\nデザインツールで作成したデザインを、実際にWeb上で動かすために必要なのがプログラミングです。
\n実際にWeb上で動かすためにHTMLやCSS、JavaScriptなどの言語でプログラムを書くと、デザインがWebサイト上で動くようになるのです。
\nWebデザイン系プログラマーになるまでの流れを簡単にまとめます。
\n未経験からWebデザイナー系プログラマーを目指すなら、そこら中のWebサイトを模写して、デザインツールとフロント開発に慣れるところから始めます。
\n慣れたら、クラウドソーシングでデザイン案件を受注し、実績を重ねていきましょう。
\n\n\t\n\t\t\t![\"マーケティングとは何か\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/12/h2画像05.jpg\")
未経験からプログラマーを目指すためにすべきことは以下の4つです。
\nそれぞれの項目について詳しく解説していきます。
\n経験ゼロからプログラマーを目指すのであれば、まずは必要なスキルを身につけることに注力しましょう。
\n基本的なスキルとしては、以下のようなものが求められます。
\n転職する際に求められる専門的な知識は細い職種によっても異なります。
\n例えば、Webプログラマーとして活躍したいのであれば、HTML/CSS・JavaScriptなどに加え、Webサイト上で動きを作るPHPなども必要になるでしょう。
\nまたクラウドについての基礎知識や、プログラムのデバッグスキルも求められます。
\n\n\t\n\t\t\tプログラミングに関する資格を取れば、未経験であっても現在のIT技術のレベルを提示しやすくなります。
\n未経験で転職を目指している方におすすめの資格は以下の通りです。
\n言語別に取得できる資格もありますが、まずはプログラマー全般が対象となる「基本情報技術者試験」に挑戦することがおすすめです。
\n「基本情報技術者試験」は、セキュリティやデータベースなど基本的なスキルが求められる国家資格なので汎用性が高いメリットがあります。
\nスキルや知識を身につけながら、採用担当者が参照するための実績を作って就職活動の準備をしていきましょう。
\n実績を作る際は、目指したい職種に関連した制作物を作ることがおすすめです。
\n\n\t\n\t\t\tプログラマーとして就職する際はポートフォリオの提示が要求されるため、事前に用意しておきましょう。
\nなかには面談時にポートフォリオを必須に指定しているケースも多いため、提出できないと選考基準を満たせず、企業選択の幅が狭まってしまいます。
\n独自性が高く、こだわりを詰め込んだ制作物を提出できれば、採用担当者から興味を持ってもらいやすくなります。
\nhttps://twitter.com/never_be_a_pm/status/1157176717435293696?s=20
\nプログラマー転職に成功する人としない人の違いは、無償の時間に実績をもとにしっかりとしたポートフォリオを用意できるかにあると思います。
\nはじめに、未経験でプログラマーになるのは簡単ではないと書きました。
\n仕事を受注するためには、「この人には任せて大丈夫そうだな」とクライアントに思わせないといけません。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/08/christin-hume-Hcfwew744z4-unsplash-1024x683.jpg\")
未経験からプログラマーに転職したい方に向けて転職エージェントをご紹介します。
\nちなみに、転職エージェントを利用するメリットは、以下の通りです。
\nなので、転職したい方は、独自のネットワークやサポートを用意している転職エージェントを活用して活動を進めるのがおすすめです。
\nまた、求人を見る際は業務内容だけでなくだけでなく、リモートワークが出来るかなど、働き方についても確認してみましょう。
\n\n\t\n\t\t\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/03/スクリーンショット-2023-03-27-16.19.12.png\")
ワークポート公式サイト：https://www.workport.co.jp/
\n\n
公開求人数 110903件 (2024年12月24日現在) プログラマーの
\n公開求人数1132件 (2024年12月24日現在) マージン率 非公開 対応地域 北海道・宮城・埼玉・千葉・東京・神奈川・愛知・京都・大阪・兵庫・岡山・広島・福岡 特徴 -元IT専門の転職エージェントのため、IT業界の知識が豊富
\n-現在は総合型エージェントで、求人数も大手並に多い公式 https://www.workport.co.jp/
ワークポートは、IT業界の求人に強いことで評判の総合型エージェントです。
\nワークポートの大きな魅力は、未経験でも応募できる求人が多い点と、キャリアアドバイザーがIT領域に詳しい点です。
\nワークポートで調べたところ、未経験でも可能なマーケティング求人数は、97件ありました。
\nそのため、未経験の方でも転職できる可能性が高いです。
\n実際に過去にワークポートを利用しましたが、キャリアアドバイザーの方がかなり領域に詳しい印象でした。
\n一般的な転職エージェントのIT系求人の多くは、経験者向けの求人が多く、未経験者でも応募できる求人はあまり多くありません。
\nそのため、ワークポートは未経験からIT業界へ転職を目指す方でも使い勝手の良い転職エージェントだと感じました。
\n登録すると、詳しい求人が見れるので、ぜひ登録して新着の情報など見てみましょう。
\nワークポート公式サイト：https://www.workport.co.jp/
\n\n\t\t\t\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 }想定給与 給与450万円～800万円 業務内容 #ERROR! 基本スキル ml>
\n
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 求人検索一覧
\n
\n
\n 検索結果 111073件 （1件 ～ 30件）
\n
\n
\n 求人を絞り込む・検索条件の変更
\n
\n
\n 新着順
\n 人気順
\n
\n
\n
\n
\n
\n
\n
\n 職種
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n 勤務地
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n 業種
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n
\n 年収
\n
\n
\n
\n --
\n 300万円500万円700万円1000万円 以上
\n
\n
\n
\n
\n
\n
\n キーワード
\n
\n
\n
\n
\n
\n
\n 検索条件の変更
\n
\n
\n
\n
\n
\n 表示数
\n
\n 30件
\n 50件
\n 100件
\n
\n
\n
\n
\n 12345>最後へ
\n
\n
\n
\n
\n
\n
\n
\n
\n お気に入り
\n
\n
\n
\n アルファテクノロジー株式会社
\n
\n NEW
\n
\n
\n
\n 【大阪】機械設計
\n CADを用いた機械設計業務をお任せします！エンジニアファースト！！
\n
\n 正社員
\n
\n
\n
\n
\n 勤務地※案件先による
\n 給与450万円～800万円
\n
\n
\n
\n
\n
\n 必要な経験スキル
\n 技術力を向上させたいという意欲が高い方案件URL 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 }
\n (2024年12月24日 現在)
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/07/Recruit_Agent_LP.png\")
\n
リクルートエージェントは、全国で多くの求職者が利用している大手総合型転職エージェントです。
\nIT企業の取り扱いも多く、転職するならまずはリクルートエージェントへの登録がおすすめです。
\n| 求人数 | \n公開求人 397,835件 \n非公開求人 293,906件 | \n
| エンジニア | \n97,095件 | \n
| マーケティング | \n7,044件 | \n
| セールス | \n21,884件 | \n
| Webデザイナー | \n3,650件 | \n
| ライター | \n158件 | \n
| Webディレクター | \n288件 | \n
\nIT系の求人数（2023年6月現在、各職種の該当検索数）
登録すれば非公開案件も見られるようになるため、自分にあった企業を紹介してもらいやすいです。
\n現在は電話面談やオンライン面談も可能なほか、IT未経験の求人もあります。
\n\n\t\n\t\t\tアドバイザーの質にばらつきがあるというデメリットもありますが、申し出れば担当アドバイザーの変更も可能です。
\n登録すると
\nなど、自分の状況に合ったサポートを受けることが可能です。
\n3分ほどで無料登録することができるので、ぜひ一度相談してみましょう！
\n\nリクルートエージェント公式： https://www.r-agent.com/
\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\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\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\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
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-11.16.19.png\")
\n画像は公式サイトより引用：https://doda.jp/
dodaは、パーソルキャリアが運営している大手転職サービスです。
\n転職サイトと転職エージェントの両方を持っているので、求人検索から応募まで一つのサービスで行うことが可能です。
\n常に豊富な求人数を取り扱っており、自分にあった転職先の候補を増やすことができます。
\n利用者満足度も高く、サポートの質が良いエージェントです。
\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\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\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\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
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2019/11/man-2734073_1280-1024x767.jpg\")
\n\n\t
\n\t\t\t\n\t\t\t新卒でプログラマーになりたい大学生は、インターンに行くのがおすすめです。
\n\n\t\n\t\t\tまず、インターンに採用されるためにもスキルは必須なので、学習サイトやプログラミングスクールを活用するなどして、プログラミングスキルを身につけることから始めましょう。
\n新卒からプログラマーになりたい場合、転職よりも未経験で採用される可能性が高いです。
\nなぜなら、多くの企業は新卒採用の場合、ポテンシャル採用を行っており、すぐに即戦力として働けるかよりも、何年後かに即戦力として働いてくれることを期待しているからです。
\nさらに、経験がある新卒プログラマーは未経験入社よりも以下の点で有利になります。
\nまず、未経験入社よりも年収が高くなります。
\n実際、実力のある新卒プログラマーは年収が非常に高くなります。
\n\n\t\n\t\t\t次に、携われる工程が変わります。
\nプロダクト開発にも色々な工程がありますが、コードを書かないエンジニアではなく、ゴリゴリコードを書くプログラマーになりたいのであれば、未経験入社は避けたほうがいいです。
\n\n\t\n\t\t\t20代前半の場合は、未経験からでも転職できる可能性が高いです。
\n基本的に、企業側は年齢に応じて以下のような採用枠を考えています。
\n上記の通り、20代前半は第二新卒~準第二新卒に当たり、社内研修など育成前提のポテンシャル採用かつ実務経験も問われる枠に当てはまります。
\n\n\t\n\t\t\t未経験からのプログラマー転職は、20代後半からでも十分目指せます。
\n\n\t\n\t\t\t特にプログラミングの学習を始める人が多く、企業としても今後の成長を鑑みて採用するため、適正や自走力、意欲を提示できれば採用される確率は高いです。
\n\n\t\n\t\t\t結論から言うと30代未経験の場合、難しいけど不可能ではないです。
\n\n実際、30代や40代からでもプログラマーになっている人はいます。参考として、以下のTwitterでの投稿をご覧ください。
\n\n\n30代で未経験だからという理由で
\n
webエンジニア転職を諦めてしまう人、本当にもったいないと思う。・キャッチアップができて
\n
・将来的やりたいこと明確で
・そのためにどんな努力をしているか話せれば確実に通る。
\n弊職場には、30代後半で未経験からプログラマーとして入社した猛者がおります。
\n— おおさと@リストマーケティング (@osato__1) July 19, 2020
\n\n\nこんにちは😊kobaです❗️
\nWEB制作会社で本採用決まりました😍
\n10月1日からエンジニアです💪
\nやったー❗️
\n最初はwordpressの業務とexcelの
\n
業務からとの事でした。ネット環境有りで常に解放してるから勉強で使ってもいいから😊👍
\n
との事でした。エンジニアの方とも少し
\n
話出来てモチベUP❗️/
\n— 🐶koba🐶デザイン&動画編集 (@koba01151) September 20, 2019
30代未経験からプログラマー転職が難しい理由は、主に以下の2つです。
\n30代で異職種へ転職するのは、IT業界やエンジニアにかかわらず難しいです。
\n採用側から見ると、新卒〜第二新卒、20代の若手でもないと、未経験者を現場で教育するコストに見合わないのが本音です。
\n30代や、もっと年齢が上がっていけば希望年収も相場も上がりますよね。
\nそれなのに未経験となると、経験者を雇うのに対してコスパが悪いことこの上ないです。
\nhttps://twitter.com/never_be_a_pm/status/1200747289674833920?s=20
\n\n\t\n\t\t\t1番目の理由と表裏一体の内容ですが、30代で異職種に転職するとなると気軽にはできません。減収を覚悟する必要があります。
\n30代という年齢によって多少ベースが上がっていても、未経験者に高収入を与える企業は多くありません。
\n未経験でプログラマーに転職する場合も、はじめは年収・月給が下がると思っておいた方がいいです。
\n\n\n\n\n\t30代40代からのエンジニアへの転職は覚悟がいる。
\nキャリアを捨ててエンジニアを目指すってことは、もう一度、新入社員並になること。転職後は上司しかいない環境になり、年下から指示される。だから覚悟が必要。
\n
でも、覚悟が出来ている人が成功しやすいのは確か👍#プログラミング初心者— こばやしよしのり🍎フリーランスエンジニア・オリジナルiOSアプリ開発スクール運営 (@yoshiii514) March 28, 2020
\n\t\t\t結論から言うと、40代で未経験からプログラマー転職は厳しいです。
\n理由として、以下の通り採用するメリットが企業側にないからです。
\n\n\t\t\t\n\t\t\t\n\n\n年齢が関係ない、クラウドソーシングの業務自動化ツールとかWeb制作とかであれば、割と30～40代未経験の方もぽつぽついる印象があります。（ただ営業能力とか顧客折衝能力が半端なく高くないと厳しい気がします。） https://t.co/Fu0qhIk1CZ
\n— DAI (@never_be_a_pm) January 30, 2019
ここで実際にクラウドソーシングでエンジニアをやり、その後独立されてフリーランスとして働かれている40代の方をご紹介します。
\nそこで独学でプログラミングを学び、クラウドソーシングサイトで、プログラミングの受託開発を請け負っていました。
\nクラウドソーシングで必要なのはちゃんと納期までに提出した実績のみです。
\n最初は他よりグッと単価を落として実績をつけ、作業を通して積極的にスキルを積み上げていきましょう。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/07/razvan-chisu-Ua-agENjmI4-unsplash-1024x683.jpg\")
\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/06/スクリーンショット-2023-06-28-11.33.36.png\")
\n引用：求人ボックス（2023年6月12日時点）
国税庁の民間給与実態調査によると、令和元年における日本の平均年収は423万円です。
\nなので、プログラマーの平均年収は全職種の平均年収とほとんど一緒と考えてみてもいいかもしれません。
\n\n\t\n\t\t\t確かに平均で考えると大差ないかもしれませんが、プログラマーは技術職なので、個々のスキル次第で年収の幅は大きく変わります。
\n\n\t\n\t\t\t\n\t\t\tプログラマーには女性が少ないイメージがありますが、開発・運用で十分なスキルを身につけることが出来れば、性別関係なく歓迎されるためプログラマーになれます。
\nなので、興味のある方は性別に囚われずプログラマーに挑戦してみるのもいいと思います。
\n\n\t\t\tもちろん理系出身の方が、ITに関する授業は充実しています。
\nですが、現在はプログラミングを学習するためのネット教材や書籍が揃っていますし、プログラミングスクールに通ってPCスキルやプログラミング技術を身につけることもできます。
\n\n\t\n\t\t\tなので、今ではプログラマーになるのに文系理系は関係がなくなっていますね。
\n\n\t\t\t主婦がプログラミングを学ぶと以下のようなメリットがあります。
\nまた、主婦の方におすすめなプログラマーのは以下の職種です。
\n\n\t\t\t\n\t\t\tプログラマーは専門職なので、最終的には学歴よりもスキルや学習への積極的な姿勢が求められます。
\nなので、高卒であってもプログラマー転職したい方は、スキルを身につけ実績を作り、ポートフォリオを作成して転職活動を進めてみましょう。
\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/07/kuchikomi703-1024x683.jpg\")
未経験でも、一から学んでプログラマーとして就職・転職することは可能です。
\n年齢が上がるにつれて異職種転職は難しく、年収が下がることも覚悟しなければなりませんが、目指す価値はあります。
\nただし、簡単ではないので、以下のような努力が必要です。
\nプログラマー転職したい方におすすめの転職エージェントは、以下の通りです。
\n未経験者がまず考えるべきは、どう実力をつけるのか？ということです。
\n転職のノウハウや細かいキャリアについてなど、悩みは山積しているかと思いますが、まずは「手に職」をつけるための技術を身に付けましょう。
\n\n\t\n\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\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\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\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\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\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\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\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
未経験からのプログラマー転職はきつい？30代・40代の実態や年収、必要スキル、成功手順とおすすめエージェントを3分で解説します。未経験でも目指せる学習法と転職成功のコツも紹介します。
\n","protected":false},"author":1,"featured_media":4967,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[211],"tags":[],"class_list":["post-4957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineer"],"aioseo_notices":[],"meta_description":"未経験からのプログラマー転職はきつい？30代・40代の実態や年収、必要スキル、成功手順とおすすめエージェントを3分で解説します。未経験でも目指せる学習法と転職成功...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/4957","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=4957"}],"version-history":[{"count":8,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/4957/revisions"}],"predecessor-version":[{"id":94311,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/4957/revisions/94311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media/4967"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=4957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=4957"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=4957"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}