未経験からマーケティング職に転職するのは難しい?職種・仕事内容・未経験からの転職方法についてまとめてみた!
【第2位】doda:リクルートエージェントに次ぐ求人数。転職サイトと転職エージェントの両方から、自分に合った案件が探せる。
【第3位】ワークポート:IT系の求人を多く持つエージェント。IT領域に詳しいキャリアアドバイザーからの転職サポートが受けられる。

「Webマーケティング」や「Webマーケター」という言葉は知っていても、実際にどんな仕事をしているか知らない人も多いのではないでしょうか。
そこでこの記事では、Webマーケティングとは何か、どんな仕事をするかを詳しく説明します。
また、未経験からマーケターに転職・就職するのが不安な人は、マーケティングスクールで勉強するのがおすすめです。
その中で、おすすめのWebマーケティングスクールは、デジプロです。
- デジプロ:仕事に直結する広告運用スキルが身につくWebマーケティングスクール。初心者から現役マーケターまで実践的スキルを身につけたい方におすすめです!
デジプロは、実践的な広告運用の知識を短期間で学べるWebマーケティングスクールです。
Webマーケターの職に就きたい人は、ぜひ一度参考にしてみてください。
他にも以下について解説しています。
- Webマーケティングの職種にはどんなものがあるの?
- Webマーケティングって具体的にはどんな仕事なの?
- 未経験からでもWebマーケターに転職できるの?
こんな疑問を持っている人に読んで欲しいです。
また、案件探しに迷った場合は、まずは以下のエージェントへの登録をご検討ください。
- リクルートエージェント:求人業界最大規模。迷ったらここに登録しておけば十分です。
- doda:リクルートエージェントに次ぐ求人数。Webマーケティングの案件も多数保有。
- ワークポート:IT系の求人を多く持つエージェント。Webマーケター志望なら登録しておいて損はないです。

早速紹介していきます。
Webマーケティングとは何か
Webマーケティングとはマーケティングの1つであり、ユーザーをWebサイトへ集客し、商品やサービスの購入につなげる活動を指します。
マーケティングの中でもWeb領域で消費者のニーズを見つけ出して、消費者と商品をマッチングさせ、自社の売上につなげる仕事です。
つまり、Webマーケティングは通常チラシやCMで告知をする集客活動や、店舗を訪れた顧客に対して行う販売活動を全てWebサイトやメールなどで完結させるイメージです。
難しいように感じるかもしれませんが、マーケティングをシンプルに考えると、このような形になります。
- 「お客さん」や「競合他社」が誰かを知る
- 「お客さん」が何に困っているかを知る
- 「我が社」が「お客さん」の悩みを解決する方法を考える
- 「お客さん」に「我が社」の「商品」のことをどうしたら知ってもらえるか考える
上記の内容を元にマーケターは市場を分析して顧客のニーズを検討し、プロモーション戦略を練り売上へとつなげていきます。
もし、戦略を立てて行わないと、以下のようなことが起こる可能性があります。
- いい商品なのに、お客さんに知ってもらえない
- そもそもこの商品を「いい」と思うのは自分だけだった
- 似たような商品がとっくに販売されていた
店舗の売上改善や、新たに展開するサービスの分析としてマーケティングは欠かせません。
Webマーケティングにはどんな職種がある?
Webマーケティング職と一言に言っても、仕事内容はいくつかに分けられます。
今回はその中から3つをご紹介します。
- SEO対策
- SNSマーケティング
- Web広告の運用
それぞれを詳しく確認しましょう。
SEO対策
検索エンジン最適化(Search Engine Optimization)の頭文字をとったSEO対策は、Webマーケティングで大切な仕事の1つです。
自社サイトへユーザーを誘導し、商品やサービスを購入につなげるためには、まずサイトが多くの人に見られる環境を整える必要があります。
SEO対策によってサイトが検索上位に表示されるようになると、必然的に多くの人の目に留まり、購入につながる可能性が上がります。
SEO対策をするには多くの人に検索されているキーワードの選定や、キーワードに合わせたコンテンツ作成が重要です。
SNSマーケティング
SNSマーケティングは、TwitterやFacebook、InstagramやTikTokなどを通じて売れる仕組み作りを行う方法です。
SNSを使ってユーザーにアプローチし、認知度を上げたりファンの獲得を行います。
具体的な手法には、SNS広告やインフルエンサーマーケティング、SNS上でのキャンペーンなどが含まれます。
Web広告の運用
自社の製品やサービスを世の中に普及させるための、広告による宣伝活動もマーケティングの仕事の1つです。
WebマーケティングではWebサイトやSNSに掲載する広告の入稿、分析や改善を行います。
Web広告には主に、以下のような種類があります。
- リスティング広告
- SNS広告
- DSP広告
リスティング広告は検索連動型広告とも呼ばれ、ユーザーが検索したキーワードに合わせて表示させる広告です。
DSP広告はターゲットを絞って広告を配信できる仕組みがあるため、より見込みのある顧客に広告を届けられます。
それぞれの広告を目的に応じて運用し、分析から改善までを行うのも、Webマーケティングの仕事の1つです。
Webマーケティングの現状と将来性
現状として、Webマーケティングの将来性は高いと言えます。
以下は、ここ数年のインターネット広告媒体費の推移のグラフです。
グラフを見てわかる通り、Webの広告は年々増えており、Webマーケティングは成長を続けているといえるでしょう。
また、コロナ禍になってから、Webマーケターが注目されるようになりました。
理由としては、コロナ禍でリアルのみでの顧客獲得が難しくなり、Webで集客する必要が出てきたからです。
また、IT技術の進化により、Webに特化した情報分析が必要となってきています。
分析結果をもとに顧客の傾向を探り、商品開発などに反映させるデジタルマーケティングがこれからの時代に必要です。
また、Webマーケティングの仕事はエンジニア職と比較した場合、未経験での就職も難しくない職業といえます。
エンジニアほどの専門スキルや経験を問われないため、Webマーケターとして仕事を獲得できる可能性があります。
さらに、平均年収が高い傾向にある点、副業との掛け合わせでより収入を増やせるため、未経験でも充分に高報酬を狙っていける可能性があるでしょう。
Webマーケティングの平均年収と案件例
Webマーケティングに興味が出てきたが、年収がどの程度なのか気になる人もいるでしょう。
Webマーケティングの平均年収は594万円となっており、日本の平均年収よりも高い傾向があります。
引用:求人ボックス給料ナビ「デジタルマーケティングの仕事の年収・時給・給料」(求人統計データ) ※2023年6月時点
月給に換算すると50万円、初任給は22万円ほどという計算になります。
実際にリクルートエージェントで案件を探してみると、以下のような案件が見つかりました。
引用:リクルートエージェント ※2023年6月21日時点 現在は募集が終了している可能性があります。
実際に未経験からのスタートでも、高年収を狙える可能性があります。
また、東京都など関東エリアは比較的給与が高い傾向があるため、より高い年収を希望する場合はエリアにもこだわってみましょう。
Webマーケターに向いている人の特徴
Webマーケターに向いている人は以下の特徴がある人です。
- データ分析が好きな人
- 趣味でSNSやメディアを運用している
- 営業の経験がある
データ分析が好きな人
マーケティングは、数値をみて仮説を立てて検証、どうだったか振り返るという作業が重要です。
データから読み取った数字にどのような意味があるのか、判断すべき内容を読み取って新たな施策を立てる必要があります。
また、行った内容がすぐに数字として表れるわけではないため、根気強く地道に作業を続ける必要も出てきます。
幅広い分野の調査を行い、多岐にわたる仕事内容を楽しめる人は、Webマーケターに向いています。
趣味でSNSやメディアを運用している
自分でSEOメディアやYouTubeチャンネルやSNS等を運営しており、以下のような成果を出していると、未経験からでもWebマーケターへ転職しやすくなります。
- SNSでエンゲージメントの高い投稿あったり、フォロワーの数が多い
- SEOメディアで検索順位の高い記事がある
- アフィリエイトで成果を出している
マーケティング職に転職したい!って人、とりあえずブログで月10万PVくらい稼げて、ツイッターでゼロから1万人くらいフォロワー増やせて、月間収益30万くらい自力で稼げれば、日本のマーケターの上位20%くらいには入れると思うし会社も余裕でとってくれると思う。
— DAI (@never_be_a_pm) December 14, 2018
僕は2回転職をしていますが、1社目はSNSの運用力を評価してもらい、入社できました。
営業の経験がある
一見、営業とマーケティングは異なるものと考えられがちですが、ユーザーの課題解決として商品を売るという点では似ています。
営業もマーケティングもユーザーの課題が何か?どのように勧めたら商品が売れるか?など考えることは同じです。
そのため、ユーザーと接することができる営業の経験があると、マーケティングでも活かしやすいです。
営業やっている人がマーケティング職種やりたいこと多いけど、デジマは営業の空中戦なので、営業ができれば、マーケティングもできると思う。ファーストキャリアで営業めっちゃいいと思う。
— DAI (@never_be_a_pm) September 10, 2019
未経験からWebマーケティング職を目指す人が身につけるべきスキル
未経験からWebマーケティング職を目指している人は、下の5つのスキルを身につけていきましょう。
- 情報収集能力
- データ分析ツールの知識・使用経験
- 仮説・立証思考
- 交渉・プレゼンテーション能力
- 企画力
情報収集能力
マーケティングでは、顧客がどんなことに困っていて、自社製品でどのように解決できるか考えるために、正しく情報収集を行うことが重要です。
顧客に寄り添ったコンテンツを作るために、普段からSNSやニュースをチェックして市場の動向や競合の分析を行いましょう。
正しく情報収集できるようになると、業務のスピードが上がり、信憑性のある仮説を立てることにも繋がります。
データ分析ツールの知識・使用経験
マーケターはデータ分析ツールを必ず使用し、PDCAサイクルを回していきます。
Webマーケターなら、以下のようなツールの知識や使用経験は必須です。
- Google Search Console
- Googleアナリティクス
- GRC
- Rank Tracker
- ahrefs
SNSマーケティングでは、TwitterならTwitter Analytics、FacebookならFacebookページインサイトなどがあります。
仮説・立証思考
マーケティングでは、今まで成功していた施策が通用しなくなる事がよくあります。
限られた時間で成果を出すために、下のようなサイクルを回していきましょう。
- 目的を押さえる
- 仮説を立てて実行する
- データを収集する
- 立証する
仮説を立ててから施策を行うことで、作業スピードや質が上がります。
仮説が間違っていても、素早く気づいて仮説を立て直し、軌道修正できる点もメリットです。
交渉・プレゼンテーション能力
マーケティング職は社内外でプレゼンや交渉を行うことが多いため、交渉・プレゼンテーション能力は重要です。
企画を通すためには、周囲に企画の有効性をアピールし、認めさせる必要があります。
大きく戦略を仕掛けるリスクのある施策を行う場合、組織は必ず不安になります。
マーケティングと交渉をセットに考え、納得してもらえるように交渉・プレゼンテーション能力を磨いていきましょう。
企画力
企画力とは、問題を見つけ出し解決する方法や解決策を考え、市場で売れる仕組み作りをすることです。
商品を売るためには、顧客が何に困っているか、商品を使って課題を解決できないか考え、効果的にアプローチする必要があります。
また、ユーザーを知り、隠れた課題や不満を見つけ出す事が出来れば、いい企画を生み出すことができます。
未経験からWebマーケティング職に転職できるのか?
ここでは未経験からWebマーケティング職に転職することはできるのかどうか説明します。
しかし、未経験から転職してキャリアアップを図るには適切な手順が必要になります。
未経験者がマーケターになり年収アップやキャリアアップを目指すなら、以下の方法をおすすめします。
- ①小規模な支援会社に就職して経験を積む
- ②転職して事業会社のマーケティング責任者のポジションに就く
「支援会社」とは、他の会社(クライアント)から相談を受けてマーケティング支援を行う会社。いわゆるコンサル会社や広告代理店がそうです。
支援会社でマーケターとして働くメリットは、以下の2つです。
- 複数のクライアントを受け持つことができるので、業界知識やデータを知りやすい
- 社内には専門技術に特化している人が多いので、技術を身につけやすい
自分でマーケターとして活躍できるようになったら、今度は「事業会社」、一般的な会社の「マーケティング部門」に就職して、経験者として高いポストを狙うのがおすすめできます。
クライアント相手にマーケティングを請け負っていた経験が生きるはずです。
未経験からWebマーケティング職に転職するポイントは?
未経験からWebマーケターに転職するうえで、3点ポイントがあります。
- 前職の経験を活かす
- 転職エージェントを活用する
- マーケティングの知識を勉強する
それぞれ説明していきます。
前職の経験を活かす
例えば、デジタルマーケティングにおいては前職がマーケティングとは関係ない営業だったとしても、そこでの経験が活きることがあります。
また、現在働いている業界内でのマーケティング転職は成功する可能性があります。
同業界内での転職でしたら、そこで獲得した知識・経験を活用することができ、転職時の大きなアピールポイントになります。
転職エージェントを利用する
転職活動は、前職と並行しながら行うと、時間の制約など多くの負担がかかります。
そのため、一人で転職活動を全て行おうとすると、現職との折り合いがつかず、転職活動を断念してしまう人もいます。
そこで、転職活動では、転職エージェントを活用することをおすすめします。
転職エージェントを活用するメリットは以下の通りです。
- 第三者からの客観的なアドバイスを貰える
- 交渉のサポートをしてくれる
- 非公開求人を紹介してくれる
新着情報や非公開案件の中から、自身に合った案件の提案が受けられるため、自身で探す手間がかかりません。
また、転職エージェントは無料で登録できるので、登録自体は手軽にできるのも特徴です。
今すでに就職されていて、これからマーケターに転職を検討している場合は、転職エージェントを利用して自分のスキルを高めるのがおすすめです。
マーケティングの知識を勉強する
マーケティングだけに関わらず、仕事をするうえで知識は欠かせません。
また、未経験可能な案件があっても完全な未経験や、知識0ではまず転職はできません。
まずは、マーケティングの4Pや3C分析などの基本を学び、知識を蓄えましょう。
マーケティングのフレームワークを学ぶなら、以下の記事もあわせてご覧ください。
なお、マーケティングに必須の資格はありませんが、不安な場合は資格の取得もおすすめです。
下記の資格取得を目指して、勉強するのもいいでしょう。
- マーケティング・ビジネス検定
- ネットマーケティング検定
- ウェブ解析士
未経験からWebマーケティング職への転職でおすすめのエージェント9選
マーケティング職種の求人に関してチェックポイントを覚えたら、転職エージェントに無料登録して実際の求人を見てみましょう。
転職エージェントに登録する場合、未経験だとマーケティング専門の転職サイトに登録しても意味がないので、求人が多いエージェントに登録しておきましょう。
今回ご紹介するWebマーケティング職への転職におすすめのエージェントは以下になります。
- リクルートエージェント:求人数が業界最多数。迷ったらここに登録しておけば十分です。
- doda:リクルートエージェントに次ぐ求人数。Webマーケティングの案件も多数保有。
- ワークポート:IT系の求人を多く持つエージェント。マーケター志望なら登録しておいて損はないです。
- マイナビエージェント:サポートが丁寧で、20代に信頼されている転職エージェント。
- マイナビIT AGENT:IT/web業界経験者で、マーケティングに活かせる経験を持っている人におすすめ。キャリアアドバイザーによるサポートが充実しています。
- ウズキャリ:既卒・第二新卒に特化している転職エージェントで、一人ひとりの個性に合わせて転職活動をサポート。ブラック企業の求人を積極的に排除してくれています。
- 就職Shop:「未経験だけど正社員として働きたい」「就職活動に自信がないのでサポートがほしい」という若者におすすめです。
- ハタラクティブ:プロの就活アドバイザーがマンツーマンであなたの就職・転職をサポート。「社会人経験ゼロでも正社員になれるの?」と不安な方でも利用可能。
- Webist:雇用形態・勤務形態の選択肢が広く、自分に合った仕事を見つけられます。
おすすめ1:リクルートエージェント
リクルートエージェント公式:https://www.r-agent.com/
リクルートエージェントは、求職者が数多く利用している大手総合型転職エージェントです。
IT企業の取り扱いも多く、はじめて転職エージェントに登録するならまずはリクルートエージェントがおすすめです。
リクルートエージェントに登録するメリットはなんといってもIT系の求人数が多いのがポイントです。
求人数 | 公開求人 400,442件 非公開求人 293,333件 |
エンジニア | 96,626件 |
マーケティング | 7,228件 |
セールス | 87,979件 |
Webデザイナー | 3,650件 |
ライター | 159件 |
Webディレクター | 284件 |
IT系の求人数(2023年6月現在、リクルートエージェント公開案件数より算出)
非公開案件も登録すると多くあるため、自分にあった企業を紹介してもらいやすいです。
また、電話による面談なども可能になっています。
IT未経験の人でも会社によってはITに関する研修があるため、転職後も安心して働くことが可能です。
デメリットとしては、アドバイザーの質にばらつきがある点です。
特に入社したばかりの新卒がアドバイザーにつくこともあります。
登録するとより詳細な求人が見れるので、
- エンジニアでどんな求人があるのかを見て、何が求められているのかを把握する
- 実際にエージェントに相談しつつ、現状のレベルで未経験から転職できるか相談する
- 就活対策をしてもらう
といった対策を取ることがよいでしょう。
カウンセリングを通して、1人1人希望にあった会社に転職することが可能です。
3分ほどで無料登録することができるので、ぜひ一度相談してみるのがおすすめです!
リクルートエージェント公式: https://www.r-agent.com/
おすすめ2:doda
doda公式サイト:https://doda.jp
dodaは、パーソルキャリアが運営している、1989年創業の大手転職サービスです。
転職サイトと転職エージェントの両方を持っているので、求人検索から応募までを、一つのサービスで行えます。
最も大きな特徴が、業界最大手のリクルートの次に求人数が多いこと。
求人数が多ければ多いほど、自分にあった転職先の候補を増やせるため、より自分の条件に合った転職が可能となるでしょう。
おすすめ3:ワークポート
ワークポート公式サイト:https://www.workport.co.jp/
運営会社 | 株式会社ワークポート |
---|---|
公開求人数 | 109673件 (2024年11月25日現在) |
マーケティングの 公開求人数 | 7757件 (2024年11月25日現在) |
マージン率 | 非公開 |
対応地域 | 北海道・宮城・埼玉・千葉・東京・神奈川・愛知・京都・大阪・兵庫・岡山・広島・福岡 |
特徴 | -元IT専門の転職エージェントのため、IT業界の知識が豊富 -現在は総合型エージェントで、求人数も大手並に多い |
公式 | https://www.workport.co.jp/ |
ワークポートは、IT業界の求人に強いことで評判の総合型エージェントです。
ワークポートの大きな魅力は、未経験でも応募できる求人が多い点と、キャリアアドバイザーがIT領域に詳しい点です。
ワークポートで調べたところ、未経験でも可能なマーケティング求人数は、76件ありました。(※2023年6月時点)
そのため、未経験の人でも転職できる可能性が高いです。
実際に過去にワークポートを利用しましたが、キャリアアドバイザーの方がかなり領域に詳しい印象でした。
一般的な転職エージェントのIT系求人の多くは、経験者向けの求人が多く、未経験者でも応募できる求人はあまり多くありません。
そのため、ワークポートは未経験からIT業界へ転職を目指す人でも使い勝手の良い転職エージェントだと感じました。
登録すると、詳しい求人が見れるので、ぜひ登録してみましょう。
ワークポート公式サイト:https://www.workport.co.jp/
ワークポートの案件例
案件名 | lang="ja"> !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)}}(); SmartnewsAds.p("d740a5a751b34819091c5aa1", "PageView"); 転職・求人情報ならワークポート 転職エージェント [{ "@context": "http://schema.org", "@type": "Organization", "url": "https://www.workport.co.jp", "logo": "https://www.workport.co.jp/cmn4/svg/logo.svg" },{ "@context": "http://schema.org", "@type": "WebSite", "name": "転職エージェントなら【ワークポート 転職エージェント】", "url": "https://www.workport.co.jp" }] @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: 400; src: local("Noto Sans CJK JP Regular"), url("/cmn4/font/NotoSansCJKjp-Regular.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Regular.otf") format("opentype"); } @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: 500; src: local("Noto Sans CJK JP Medium"), url("/cmn4/font/NotoSansCJKjp-Medium.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Medium.otf") format("opentype"); } @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: bold; src: local("Noto Sans CJK JP Bold"), url("/cmn4/font/NotoSansCJKjp-Bold.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Bold.otf") format("opentype"); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: 400; src: url("/cmn4/font/A-OTF-RyuminPro-Regular.otf") format('opentype'); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: 500; src: url("/cmn4/font/A-OTF-RyuminPro-Medium.otf") format('opentype'); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: bold; src: url("/cmn4/font/A-OTF-RyuminPro-Bold.otf") format('opentype'); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: url("/cmn4/font/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: bold; src: url("/cmn4/font/Roboto-Bold.ttf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: 400; src: url("/cmn4/font/AP-OTF-A1GothicStd-Regular.otf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: 500; src: url("/cmn4/font/AP-OTF-A1GothicStd-Medium.otf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: bold; src: url("/cmn4/font/AP-OTF-A1GothicStd-Bold.otf") format("truetype"); } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; outline: 0; } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section { display: block; } h1,h2,h3,h4,h5,h6,caption,address,th { font-weight: normal; margin: 0; padding: 0; font-size: 100%; } ul,ol,li,dl,dt,dd { list-style: none; } img,iframe { vertical-align: middle; border: 0; } img { line-height: 0; font-size: 0; -webkit-backface-visibility: hidden; } table { border-collapse: collapse; } th { font-weight: normal; text-align: left; } button,fieldset,form,input,label,legend,select,textarea { font-style: inherit; font-weight: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } select { padding: 2px; } select::-ms-expand { display: none; } input,select { font-size: 100%; vertical-align: middle; } input[type="text"],input[type="password"],textarea,select { outline: none; } textarea { font-size: 100%; } input { vertical-align: middle; } input[type="text"] , input[type="password"] , input[type="email"] , input[type="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; border: 0; border-radius: 0; outline: none; background: none; box-sizing: border-box; width: 100%; background: #fff; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; border: 0; border-radius: 0; outline: none; background: none; box-sizing: border-box; width: 100%; background: #fff; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; border-radius: 0; box-sizing: border-box; transition: opacity .2s ease-out,all .2s ease-out; } input[type="radio"], input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { background: transparent; } select::-ms-expand { display: none; } ::-webkit-input-placeholder { color: #75787e; } ::-webkit-input-placeholder { color: #75787e; } :placeholder-shown { color: #75787e; } ::-webkit-input-placeholder { color: #75787e; } :-moz-placeholder { color: #75787e; opacity: 1; } ::-moz-placeholder { color: #75787e; opacity: 1; } :-ms-input-placeholder { color: #75787e; } label { padding: 0; } hr { display: none; } a { transition: opacity .4s ease-out,all .4s ease-out; } a,a:link { color: #3C3A38; text-decoration: none; word-break: break-all; } a:visited { color: #3C3A38; } @media (min-width: 896px) { a:hover,a:active { color: #3C3A38; text-decoration: none; } } *:focus { outline: none; } .c_fix:after { content: "."; display: block; clear: both; visibility: hidden; font-size: .01em; height: 0; overflow: hidden; } .c_fix { min-height: 1px; } html { height: 100%; } body { font-family:"Noto Sans","Noto Sans CJK JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; line-height: 2; font-size: 14px; font-weight: 400; text-align: left; min-width: 1240px; min-height: 100%; height: auto !important; position: relative; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; box-sizing: border-box; background: #fff; color: #3C3A38; border-bottom: none; padding-top: 112px; } .f-Ryumin { font-family: "Ryumin Pro", serif; font-weight: 500; } .f-Roboto { font-family: "Roboto",sans-serif; font-weight: 500; } .f-A1gothic { font-family: "A1 Gothic",sans-serif; font-weight: 500; } .f_tnr { font-family:"Times New Roman", serif; font-weight: 500; } .c-wrap { width: 1000px; margin: 0 auto; box-sizing: border-box; } .c-wrap.ver2 { width: 900px; } .c-wrap.ver3 { width: 960px; } .c-pc { display: block; } .c-pc-in { display: inline; } .c-sp { display: none; } .c-sp-in { display: none; } .b_btn { text-align: center; background: #fff; border-radius: 4px; position: relative; max-width: 320px; margin: 0 auto; font-weight: 500; } .b_btn a { border-radius: 4px; box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 60px; color: #ffffff; font-size: 16px; text-decoration: none; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; } .b_btn.is-or a { background: #E05E00; } /*オレンジ系 無料*/ .b_btn.or a { background: #E05E00; } .b_btn.or a span { position: relative; padding: 0 70px 0 0; } .b_btn.or a span:before { content: "無料"; position: absolute; top: 50%; right: 0; z-index: 9; background: #ffffff; height: 24px; width: 50px; text-align: center; line-height: 24px; color: #E05E00; font-size: 16px; margin: -12px 0 0 0; border-radius: 3px; } .b_btn.or2 a { background: #E05E00; } /*黒*/ .b_btn.blk { background: transparent; } .b_btn.blk a { background: transparent; color: #3C3A38; border: 1px solid #3C3A38; } .b_btn.blk2 { background: #fff; } .b_btn.blk2 a { background: #fff; color: #3C3A38; border: 1px solid #3C3A38; } /*白*/ .b_btn.wh { background: transparent; } .b_btn.wh a { background: transparent; color: #fff; border: 1px solid #fff; } /*白2*/ .b_btn.wh2 { background: #fff; } .b_btn.wh2 a { background: #fff; color: #1C4A40; border: 1px solid #fff; } /*緑*/ .b_btn.is-gln a { background: #1C4A40; } @media (min-width: 896px) { .b_btn a:hover { opacity: 0.7; } .b_btn.blk a:hover, .b_btn.blk2 a:hover { opacity: 1; background: #3C3A38; color: #fff; } .b_btn.blk a.is-on { opacity: 1; background: #3C3A38; color: #fff; } .b_btn.wh a:hover { opacity: 1; background: #fff; color: #1C4A40; } .b_btn.wh2 a:hover { opacity: 1; background: #1C4A40; color: #fff; } } header { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; background: #fff; /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */ border-bottom: 1px solid #e1e6ea; } .header { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .head_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-logo { line-height: 1; width: 232px; position: relative; } .head-logo a { display: block; } .head-logo .is-20th { position: absolute; top: 50%; right: -115px; z-index: 9; width: 100px; height: 28px; margin: -16px 0 0 0; } /* .head-logo:after { content: ""; position: absolute; top: 50%; right: -120px; z-index: 9; width: 100px; height: 28px; margin: -16px 0 0 0; } .head-logo.y19:after { background: url(/cmn4/svg/logo_19year.svg) no-repeat center center; background-size: 100% auto; } .head-logo.y20:after { background: url(/cmn4/svg/logo_20year.svg) no-repeat center center; background-size: 100% auto; } */ .head-txt { font-size: 11px; line-height: 1; font-weight: bold; padding-left: 120px; } .headLnk_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headLnk_lst { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .headLnk_lst li { font-size: 13px; line-height: 1.4; font-weight: 500; margin-right: 20px; } .headLnk_lst li:last-child { margin-right: 0; } .headLnk_lst li a span { padding-left: 24px; position: relative; } .headLnk_lst li.is-mbr { position: relative; } .headLnk_lst li.is-mbr a { display: block; cursor: pointer; } .headLnk_lst li.is-mbr a span { padding-left: 25px; } .headLnk_lst li a span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: opacity .4s ease-out,all .4s ease-out; } .headLnk_lst li.is-ec a span:before { width: 17px; height: 19px; background: url(/cmn4/img/hd_recruit.png?1) no-repeat center; } .headLnk_lst li.is-mbr a span:before { width: 15px; height: 17px; background: url(/cmn4/img/hd_login.png?1) no-repeat center; } .headLg_wrap { display: none; position: absolute; top: 33px; left: -45px; width: -webkit-calc(100% + 90px); width: calc(100% + 90px); background: #fff; border: 1px solid #e1e6ea; z-index: 99999999; } .headLg_wrap.on { display: block; } .headLg-lnk { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; } .headLg-lnk a { display: block; font-size: 11px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headLg-lnk a { display: block; font-size: 11px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headLg-lnk a:before { content: ''; display: block; width: 4px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/cmn4/svg/arw_r.svg) no-repeat center; background-size: auto 100%; transition: opacity .4s ease-out,all .4s ease-out; } .headLnk_lst.ver2 { margin-right: 15px; } .headLnk_lst.ver2 li { font-size: 10px; line-height: 1; margin-right: 13px; } .headLnk_lst.ver2 li:last-child { margin-right: 0; } .headLnk_lst.ver2 li a span { display: inline-block; padding: 26px 0 0; position: relative; } .headLnk_lst.ver2 li a span:before { left: 0; right: 0; top: 0; transform: none; margin: auto; width: 20px; height: 20px; } .headLnk_lst li.is-mypage a span:before { background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-favorite a span:before { background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-history a span:before { background: url(/cmn4/svg/icn_history.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-documents a span:before { background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-management a span:before { background: url(/cmn4/svg/icn_management.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-service a span:before { background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-message a span:before { background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-template a span:before { background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-scout a span:before { background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-cubic a span:before { background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center; background-size: auto 100%; } .headLnk_e { border-left: 1px solid #e1e6ea; padding: 0 10px 0 10px; font-size: 12px; line-height: 1.6; } .headLnk_btn { width: 200px; } .headLnk_btn a { box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; background: #E05E00; color: #fff; font-size: 13px; text-decoration: none; font-weight: 500; height: 40px; border-radius: 4px; } .headNav_wrap { border-top: 1px solid #e1e6ea; } .headNav_lst { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headNav_lst > li { width: 20%; text-align: center; position: relative; } .headNav_lst > li:before, .headNav_lst > li:after { display: block; width: 1px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #e1e6ea; } .headNav_lst > li:before { content: ''; } .headNav_lst > li:last-child:after { content: ''; left: auto; right: 0; } .headNav_lst > li a { display: block; font-size: 15px; line-height: 1; font-weight: bold; padding: 17px 0 18px; position: relative; } .headNav_lst > li > a { cursor: pointer; } .headNav_inner { display: none; position: absolute; top: 51px; /*left: -30px;*/ left: 0; width: 100%; } .headNav_inner.ver2 { /*left: -60px;*/ left: 0; width: -webkit-calc(100% + 170px); width: calc(100% + 170px); } .headNav_inner.ver3 { /*left: -60px;*/ left: 0; width: -webkit-calc(100% + 100px); width: calc(100% + 100px); } .headNav_inner .h_lnk{ background: #fff; border: 1px solid #e1e6ea; border-top: none; border-bottom: none; } .headNav_inner li { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; } .headNav_inner li a { font-size: 13px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headNav_inner li a:before { content: ''; display: block; width: 4px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/cmn4/svg/arw_r.svg) no-repeat center; background-size: auto 100%; transition: opacity .4s ease-out,all .4s ease-out; } .sp_menu_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; background: #fff; } .sp_menu_btn .link { width: 20px; height: 2px; position: relative; } .sp_menu_btn .link span { display: block; height: 0; overflow: hidden; padding: 2px 0 0 0; background: #3C3A38; } .sp_menu_btn .link:before, .sp_menu_btn .link:after { content: ""; display: block; position: absolute; width: 20px; height: 2px; background: #3C3A38; left: 0; z-index: 10; } .sp_menu_btn .link:before { top: -6px; transition: all .4s; } .sp_menu_btn .link:after { bottom: -6px; transition: all .4s; } .sp_menu_btn.on .link span { background: transparent; } .sp_menu_btn.on .link:before { top: 0; transform: rotate(-135deg); } .sp_menu_btn.on .link:after { transform: rotate(135deg); bottom: 0; } @media (min-width: 896px) { .headNav_lst > li > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #1C4A40; transition: all .3s; transform: scale(0, 1); transform-origin: center top; } .headNav_lst > li.on > a { font-size: 15px; color: #1C4A40; } .headNav_lst > li.on > a:before, .headNav_lst > li > a:hover:before { transform: scale(1, 1); } .headNav_lst > li a:hover { color: #1C4A40; text-decoration: none; } .headNav_inner li a:hover:before { right: 5px; } .headLnk_btn a:hover { opacity: .7; } .headLnk_btn.myp a { font-size: 11px; } .headLnk_lst li a:hover { color: #1C4A40; text-decoration: none; } .headLnk_lst li.is-ec a:hover span:before { background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center; } .headLnk_lst li.is-mbr a:hover span:before { background: url(/cmn4/img/hd_login_on.png?3) no-repeat center; } .headLnk_lst li.is-mypage a:hover span:before { background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-favorite a:hover span:before { background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-history a:hover span:before { background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-documents a:hover span:before { background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-management a:hover span:before { background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-scout a:hover span:before { background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-cubic a:hover span:before { background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center; background-size: 100% auto; } .headLnk_e a:hover { color: #1C4A40; text-decoration: none; } .headLg-lnk a:hover:before { right: 5px; } .sp_menu_btn { width: 16px; height: 20px; border-left: 1px solid #e1e6ea; padding-left: 20px; margin-left: 20px; cursor: pointer; transition: opacity .4s ease-out,all .4s ease-out; } .sp_menu_btn .link span, .sp_menu_btn .link:before, .sp_menu_btn .link:after { width: 16px; background: #1C4A40; } .sp_menu_btn:hover { opacity: .7; } header.anima { position: fixed; animation: DownAnime 0.5s forwards; } header { position: absolute; } header.is-active { animation: UpAnime 0.5s forwards; margin-top: -111px; } @keyframes DownAnime{ from { opacity: 0; transform: translateY(-111px); } to { opacity: 1; transform: translateY(0); } } @keyframes UpAnime{ from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-111px); } } } @media only screen and (max-width: 896px) { body { font-size: 13px; min-width: 320px; width: 100%; min-height: -webkit-fill-available; padding-top: 55px; } .c-wrap, .c-wrap.ver2, .c-wrap.ver3 { width: 100%; } .c-pc { display: none; } .c-pc-in { display: none; } .c-sp { display: block; } .c-sp-in { display: inline; } .b_btn { border-radius: 2px; max-width: 100%; } .b_btn a { border-radius: 2px; height: 50px; font-size: 16px; } /*オレンジ系 無料*/ .b_btn.or a { background: #E05E00; } .b_btn.or a span { padding: 0 70px 0 0; } .b_btn.or a span:before { height: 26px; width: 56px; line-height: 26px; font-size: 16px; margin: -13px 0 0 0; } .b_btn.or2 a { height: 40px; font-size: 14px; } .b_btn.blk a { height: 40px; font-size: 14px; } .b_btn.blk2 a { height: 40px; font-size: 14px; } header { /* border-bottom: none; */ } /*header.on { box-shadow: 0 0 4px rgb(0 0 0 / 20%); }*/ header.on_lg { transition: none; background: #fff !important; } .header { height: 55px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head_logo { width: 92px; padding-left: 20px; } .head-logo img { width: 92px; height: auto; } .head-logo .is-20th { right: -80px; width: 70px; height: 20px; margin: -10px 0 0 0; } .head-logo .is-20th img { width: 100%; height: auto; } /* .head-logo:after { right: -80px; width: 70px; height: 20px; margin: -12px 0 0 0; } */ .headLnk_lst { margin-right: 0; } .headLnk_lst li { font-size: 12px; margin-right: 0; } .headLnk_lst li a { display: block; width: 48px; height: 40px; } .headLnk_lst li a span { display: block; padding: 24px 0 0; } .headLnk_lst li.is-mbr a span { padding-left: 0; } .headLnk_lst li a span:before { left: 0; right: 0; margin: auto; top: 6px; transform: none; } .headLnk_lst li.is-ec a span:before { width: 17px; height: 19px; background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-mbr a span:before { width: 15px; height: 15px; background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center; background-size: 100% auto; } .headLg_wrap { position: fixed; top: 55px; left: 0; width: -webkit-calc(100%); width: calc(100%); border-bottom: 0; } .headLg_wrap.on { display:-webkit-box; display:-ms-flexbox; display:flex; } .headLg-lnk { width: 50%; } .headLg-lnk a { display: block; position: relative; width: 100% !important; height: 100% !important; box-sizing: border-box; border-right: 1px solid #e1e6ea; } .headLg-lnk:last-child a { border-right: 0; } .head_bg.on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999998; background: #3C3A38; opacity: 0.6; } .headLnk_lst.ver2 { padding: 0 5px; margin: 0; border-top: 1px solid #e1e6ea; width: 100%; box-sizing: border-box; } .headLnk_lst.ver2 li { margin-right: 0; width: 17%; text-align: center; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; } .headLnk_lst.ver2 li.is-scout { width: 14%; } .headLnk_lst.ver2 li.is-mypage , .headLnk_lst.ver2 li.is-documents , .headLnk_lst.ver2 li.is-cubic { width: 18%; } .headLnk_lst.ver2 li a { width: 100%; height: 55px; } .headLnk_lst.ver2 li a span { padding: 35px 0 0 0; } .headLnk_lst.ver2 li.is-cubic a span { padding: 29px 0 0 0; } .headLnk_lst.ver2 li a span:before { top: 8px; width: 18px; height: 18px; } .headNav_wrap { display: none; position: fixed; top: 55px; right: 0; overflow-y: auto; padding: 0 10px 25px; width: 100%; box-sizing: border-box; height: -webkit-calc(100dvh - 55px); height: calc(100dvh - 55px); background: #FFF; z-index: 9999; border-top: none; } .headNav_lst { display: block; } .headLnk_btn { width: 100%; } .headLnk_btn a { width: 100%; background: #E05E00; color: #fff; font-size: 12px; text-decoration: none; font-weight: 500; height: 40px; border-radius: 4px; } .headNav_lst > li { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; border-left: 1px solid #e1e6ea; border-right: 1px solid #e1e6ea; } .headNav_lst > li:first-child { border-top: 1px solid #e1e6ea; } .headNav_lst > li:before, .headNav_lst > li:last-child:after { content: none; } .headNav_lst > li > a { font-size: 14px; padding: 16px 15px; background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px; background-size: auto 10px; } .headNav_lst > li:nth-child(4) { margin-top: 25px; border-top: 1px solid #e1e6ea; } .headNav_lst.ver2 { margin-bottom: 25px; } .headNav_lst.ver2 > li:nth-child(4) { margin-top: 0; border-top: none; } .headNav_lst.ver2 li a span { display: inline-block; position: relative; padding: 0 0 0 30px; } .headNav_lst.ver2 li a span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; } .headNav_lst.ver2 li.is-mypage a span:before { background: url(/cmn4/svg/icn_mypage.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-favorite a span:before { background: url(/cmn4/svg/icn_favorite.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-history a span:before { background: url(/cmn4/svg/icn_history.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-documents a span:before { background: url(/cmn4/svg/icn_documents.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-management a span:before { background: url(/cmn4/svg/icn_management.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-scout a span:before { background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-cubic a span:before { background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center; background-size: 100% auto; } .headNav_inner { display: block; position: relative; top: auto; left: auto; width: 100% } .headNav_inner.ver2 { left: auto; width: 100%; } .headNav_inner.ver3 { left: auto; width: 100%; } .headNav_inner .h_lnk{ border: none; } .headNav_inner li { width: 100%; text-align: left; border: none; border-top: 1px solid #e1e6ea; } .headNav_inner li a { font-size: 14px; line-height: 1.4; padding: 16px 25px 16px 15px; background: #f4f6f7; padding-left: -webkit-calc(15px + 1em); padding-left: calc(15px + 1em); } .headNav_inner li a:before { width: 4px; height: 8px; right: 15px; background: url(/cmn4/svg/arw2_r.svg) no-repeat center; background-size: auto 100%; } .headNav_btn { padding-top: 25px; } .headNav_btn li { margin-bottom: 20px; } .headNav_btn li:last-child { margin-bottom: 0; } .headNav_lst > li.headerjs > a { background: #fff; } .headerjs > a:before, .headerjs > a:after { position: absolute; content: ""; display: block; transition: all 0.4s; background: #e1e6ea; right: 10px; top: 50%; width: 10px; height: 2px; border-radius: 4px; transform: translate(-50%, -50%); } .headerjs > a:before { transform: translate(-50%, -50%) rotate(90deg); } .headerjs.tgl > a:before { transform: translate(-50%, -50%) rotate(0deg); } .headNavLogin_wrap { margin: 0 -10px 15px -10px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; background: #f4f6f7; padding: 10px 25px; } .headNavLogin-name { line-height: 1.7; font-size: 12px; } .headNavLogin-name span { font-size: 15px; font-weight: bold; padding: 0 5px 0 0; } .headNavLogin-out a { font-size: 10px; font-weight: bold; } } @media only screen and (max-width: 374px) { .b_btn a { font-size: 14px; } .b_btn.or a span:before { font-size: 14px; } .b_btn.or2 a { font-size: 13px; } } window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({"type":"ycl_cookie"}); (function(g,d,o){ g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)}; var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net'; var s=d.createElement('script');s.async=1; s.src=o||h+'/n/line_tag/public/release/v1/lt.js'; var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t); })(window, document); _lt('init', { customerType: 'lap', tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759' }); _lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1012741055733343'); fbq('track', 'PageView'); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1645008882503234'); fbq('track', 'PageView'); !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); twq('config','ody25'); !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o88fj'); twq('track','PageView'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K88WZWL'); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true}); gtag('config', 'UA-23424278-1'); gtag('config', 'G-D4Z9Q5XETP'); (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true }); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); 中途採用をお考えの企業さまへ ログイン マイページログイン eコンシェルログイン 転職相談サービスお申し込み 求人を探す 転職相談サービス 転職相談サービスの内容と流れ 履歴書・職務経歴書作成ツール CUBIC適性検査 転職コンシェルジュ®紹介 eコンシェル 転職エージェントとは 転職お役立ち情報 転職セミナー情報 【企業別】採用選考ポイント 転職・仕事の調査データ【転職希望者編】 転職・仕事の調査データ【採用担当者編】 会社情報 面談拠点一覧(アクセス) 会社概要 ブランドサイト お問い合わせ 転職希望者さま 中途採用ご担当者さま その他のお問い合わせ TOP 求人検索 求人検索結果一覧 { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "転職エージェントなら【ワークポート 転職エージェント】", "item": "https://www.workport.co.jp/" }, { "@type": "ListItem", "position": 2, "name": "求人検索", "item": "https://www.workport.co.jp/all/search/" }, { "@type": "ListItem", "position": 3, "name": "求人検索結果一覧" }] } |
---|---|
想定給与 | 給与430万円~460万円 |
業務内容 | #ERROR! |
基本スキル | ml> !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)}}(); SmartnewsAds.p("d740a5a751b34819091c5aa1", "PageView"); 転職・求人情報ならワークポート 転職エージェント [{ "@context": "http://schema.org", "@type": "Organization", "url": "https://www.workport.co.jp", "logo": "https://www.workport.co.jp/cmn4/svg/logo.svg" },{ "@context": "http://schema.org", "@type": "WebSite", "name": "転職エージェントなら【ワークポート 転職エージェント】", "url": "https://www.workport.co.jp" }] @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: 400; src: local("Noto Sans CJK JP Regular"), url("/cmn4/font/NotoSansCJKjp-Regular.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Regular.otf") format("opentype"); } @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: 500; src: local("Noto Sans CJK JP Medium"), url("/cmn4/font/NotoSansCJKjp-Medium.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Medium.otf") format("opentype"); } @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: bold; src: local("Noto Sans CJK JP Bold"), url("/cmn4/font/NotoSansCJKjp-Bold.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Bold.otf") format("opentype"); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: 400; src: url("/cmn4/font/A-OTF-RyuminPro-Regular.otf") format('opentype'); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: 500; src: url("/cmn4/font/A-OTF-RyuminPro-Medium.otf") format('opentype'); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: bold; src: url("/cmn4/font/A-OTF-RyuminPro-Bold.otf") format('opentype'); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: url("/cmn4/font/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: bold; src: url("/cmn4/font/Roboto-Bold.ttf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: 400; src: url("/cmn4/font/AP-OTF-A1GothicStd-Regular.otf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: 500; src: url("/cmn4/font/AP-OTF-A1GothicStd-Medium.otf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: bold; src: url("/cmn4/font/AP-OTF-A1GothicStd-Bold.otf") format("truetype"); } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; outline: 0; } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section { display: block; } h1,h2,h3,h4,h5,h6,caption,address,th { font-weight: normal; margin: 0; padding: 0; font-size: 100%; } ul,ol,li,dl,dt,dd { list-style: none; } img,iframe { vertical-align: middle; border: 0; } img { line-height: 0; font-size: 0; -webkit-backface-visibility: hidden; } table { border-collapse: collapse; } th { font-weight: normal; text-align: left; } button,fieldset,form,input,label,legend,select,textarea { font-style: inherit; font-weight: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } select { padding: 2px; } select::-ms-expand { display: none; } input,select { font-size: 100%; vertical-align: middle; } input[type="text"],input[type="password"],textarea,select { outline: none; } textarea { font-size: 100%; } input { vertical-align: middle; } input[type="text"] , input[type="password"] , input[type="email"] , input[type="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; border: 0; border-radius: 0; outline: none; background: none; box-sizing: border-box; width: 100%; background: #fff; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; border: 0; border-radius: 0; outline: none; background: none; box-sizing: border-box; width: 100%; background: #fff; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; border-radius: 0; box-sizing: border-box; transition: opacity .2s ease-out,all .2s ease-out; } input[type="radio"], input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { background: transparent; } select::-ms-expand { display: none; } ::-webkit-input-placeholder { color: #75787e; } ::-webkit-input-placeholder { color: #75787e; } :placeholder-shown { color: #75787e; } ::-webkit-input-placeholder { color: #75787e; } :-moz-placeholder { color: #75787e; opacity: 1; } ::-moz-placeholder { color: #75787e; opacity: 1; } :-ms-input-placeholder { color: #75787e; } label { padding: 0; } hr { display: none; } a { transition: opacity .4s ease-out,all .4s ease-out; } a,a:link { color: #3C3A38; text-decoration: none; word-break: break-all; } a:visited { color: #3C3A38; } @media (min-width: 896px) { a:hover,a:active { color: #3C3A38; text-decoration: none; } } *:focus { outline: none; } .c_fix:after { content: "."; display: block; clear: both; visibility: hidden; font-size: .01em; height: 0; overflow: hidden; } .c_fix { min-height: 1px; } html { height: 100%; } body { font-family:"Noto Sans","Noto Sans CJK JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; line-height: 2; font-size: 14px; font-weight: 400; text-align: left; min-width: 1240px; min-height: 100%; height: auto !important; position: relative; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; box-sizing: border-box; background: #fff; color: #3C3A38; border-bottom: none; padding-top: 112px; } .f-Ryumin { font-family: "Ryumin Pro", serif; font-weight: 500; } .f-Roboto { font-family: "Roboto",sans-serif; font-weight: 500; } .f-A1gothic { font-family: "A1 Gothic",sans-serif; font-weight: 500; } .f_tnr { font-family:"Times New Roman", serif; font-weight: 500; } .c-wrap { width: 1000px; margin: 0 auto; box-sizing: border-box; } .c-wrap.ver2 { width: 900px; } .c-wrap.ver3 { width: 960px; } .c-pc { display: block; } .c-pc-in { display: inline; } .c-sp { display: none; } .c-sp-in { display: none; } .b_btn { text-align: center; background: #fff; border-radius: 4px; position: relative; max-width: 320px; margin: 0 auto; font-weight: 500; } .b_btn a { border-radius: 4px; box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 60px; color: #ffffff; font-size: 16px; text-decoration: none; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; } .b_btn.is-or a { background: #E05E00; } /*オレンジ系 無料*/ .b_btn.or a { background: #E05E00; } .b_btn.or a span { position: relative; padding: 0 70px 0 0; } .b_btn.or a span:before { content: "無料"; position: absolute; top: 50%; right: 0; z-index: 9; background: #ffffff; height: 24px; width: 50px; text-align: center; line-height: 24px; color: #E05E00; font-size: 16px; margin: -12px 0 0 0; border-radius: 3px; } .b_btn.or2 a { background: #E05E00; } /*黒*/ .b_btn.blk { background: transparent; } .b_btn.blk a { background: transparent; color: #3C3A38; border: 1px solid #3C3A38; } .b_btn.blk2 { background: #fff; } .b_btn.blk2 a { background: #fff; color: #3C3A38; border: 1px solid #3C3A38; } /*白*/ .b_btn.wh { background: transparent; } .b_btn.wh a { background: transparent; color: #fff; border: 1px solid #fff; } /*白2*/ .b_btn.wh2 { background: #fff; } .b_btn.wh2 a { background: #fff; color: #1C4A40; border: 1px solid #fff; } /*緑*/ .b_btn.is-gln a { background: #1C4A40; } @media (min-width: 896px) { .b_btn a:hover { opacity: 0.7; } .b_btn.blk a:hover, .b_btn.blk2 a:hover { opacity: 1; background: #3C3A38; color: #fff; } .b_btn.blk a.is-on { opacity: 1; background: #3C3A38; color: #fff; } .b_btn.wh a:hover { opacity: 1; background: #fff; color: #1C4A40; } .b_btn.wh2 a:hover { opacity: 1; background: #1C4A40; color: #fff; } } header { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; background: #fff; /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */ border-bottom: 1px solid #e1e6ea; } .header { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .head_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-logo { line-height: 1; width: 232px; position: relative; } .head-logo a { display: block; } .head-logo .is-20th { position: absolute; top: 50%; right: -115px; z-index: 9; width: 100px; height: 28px; margin: -16px 0 0 0; } /* .head-logo:after { content: ""; position: absolute; top: 50%; right: -120px; z-index: 9; width: 100px; height: 28px; margin: -16px 0 0 0; } .head-logo.y19:after { background: url(/cmn4/svg/logo_19year.svg) no-repeat center center; background-size: 100% auto; } .head-logo.y20:after { background: url(/cmn4/svg/logo_20year.svg) no-repeat center center; background-size: 100% auto; } */ .head-txt { font-size: 11px; line-height: 1; font-weight: bold; padding-left: 120px; } .headLnk_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headLnk_lst { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .headLnk_lst li { font-size: 13px; line-height: 1.4; font-weight: 500; margin-right: 20px; } .headLnk_lst li:last-child { margin-right: 0; } .headLnk_lst li a span { padding-left: 24px; position: relative; } .headLnk_lst li.is-mbr { position: relative; } .headLnk_lst li.is-mbr a { display: block; cursor: pointer; } .headLnk_lst li.is-mbr a span { padding-left: 25px; } .headLnk_lst li a span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: opacity .4s ease-out,all .4s ease-out; } .headLnk_lst li.is-ec a span:before { width: 17px; height: 19px; background: url(/cmn4/img/hd_recruit.png?1) no-repeat center; } .headLnk_lst li.is-mbr a span:before { width: 15px; height: 17px; background: url(/cmn4/img/hd_login.png?1) no-repeat center; } .headLg_wrap { display: none; position: absolute; top: 33px; left: -45px; width: -webkit-calc(100% + 90px); width: calc(100% + 90px); background: #fff; border: 1px solid #e1e6ea; z-index: 99999999; } .headLg_wrap.on { display: block; } .headLg-lnk { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; } .headLg-lnk a { display: block; font-size: 11px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headLg-lnk a { display: block; font-size: 11px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headLg-lnk a:before { content: ''; display: block; width: 4px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/cmn4/svg/arw_r.svg) no-repeat center; background-size: auto 100%; transition: opacity .4s ease-out,all .4s ease-out; } .headLnk_lst.ver2 { margin-right: 15px; } .headLnk_lst.ver2 li { font-size: 10px; line-height: 1; margin-right: 13px; } .headLnk_lst.ver2 li:last-child { margin-right: 0; } .headLnk_lst.ver2 li a span { display: inline-block; padding: 26px 0 0; position: relative; } .headLnk_lst.ver2 li a span:before { left: 0; right: 0; top: 0; transform: none; margin: auto; width: 20px; height: 20px; } .headLnk_lst li.is-mypage a span:before { background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-favorite a span:before { background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-history a span:before { background: url(/cmn4/svg/icn_history.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-documents a span:before { background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-management a span:before { background: url(/cmn4/svg/icn_management.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-service a span:before { background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-message a span:before { background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-template a span:before { background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-scout a span:before { background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-cubic a span:before { background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center; background-size: auto 100%; } .headLnk_e { border-left: 1px solid #e1e6ea; padding: 0 10px 0 10px; font-size: 12px; line-height: 1.6; } .headLnk_btn { width: 200px; } .headLnk_btn a { box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; background: #E05E00; color: #fff; font-size: 13px; text-decoration: none; font-weight: 500; height: 40px; border-radius: 4px; } .headNav_wrap { border-top: 1px solid #e1e6ea; } .headNav_lst { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headNav_lst > li { width: 20%; text-align: center; position: relative; } .headNav_lst > li:before, .headNav_lst > li:after { display: block; width: 1px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #e1e6ea; } .headNav_lst > li:before { content: ''; } .headNav_lst > li:last-child:after { content: ''; left: auto; right: 0; } .headNav_lst > li a { display: block; font-size: 15px; line-height: 1; font-weight: bold; padding: 17px 0 18px; position: relative; } .headNav_lst > li > a { cursor: pointer; } .headNav_inner { display: none; position: absolute; top: 51px; /*left: -30px;*/ left: 0; width: 100%; } .headNav_inner.ver2 { /*left: -60px;*/ left: 0; width: -webkit-calc(100% + 170px); width: calc(100% + 170px); } .headNav_inner.ver3 { /*left: -60px;*/ left: 0; width: -webkit-calc(100% + 100px); width: calc(100% + 100px); } .headNav_inner .h_lnk{ background: #fff; border: 1px solid #e1e6ea; border-top: none; border-bottom: none; } .headNav_inner li { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; } .headNav_inner li a { font-size: 13px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headNav_inner li a:before { content: ''; display: block; width: 4px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/cmn4/svg/arw_r.svg) no-repeat center; background-size: auto 100%; transition: opacity .4s ease-out,all .4s ease-out; } .sp_menu_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; background: #fff; } .sp_menu_btn .link { width: 20px; height: 2px; position: relative; } .sp_menu_btn .link span { display: block; height: 0; overflow: hidden; padding: 2px 0 0 0; background: #3C3A38; } .sp_menu_btn .link:before, .sp_menu_btn .link:after { content: ""; display: block; position: absolute; width: 20px; height: 2px; background: #3C3A38; left: 0; z-index: 10; } .sp_menu_btn .link:before { top: -6px; transition: all .4s; } .sp_menu_btn .link:after { bottom: -6px; transition: all .4s; } .sp_menu_btn.on .link span { background: transparent; } .sp_menu_btn.on .link:before { top: 0; transform: rotate(-135deg); } .sp_menu_btn.on .link:after { transform: rotate(135deg); bottom: 0; } @media (min-width: 896px) { .headNav_lst > li > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #1C4A40; transition: all .3s; transform: scale(0, 1); transform-origin: center top; } .headNav_lst > li.on > a { font-size: 15px; color: #1C4A40; } .headNav_lst > li.on > a:before, .headNav_lst > li > a:hover:before { transform: scale(1, 1); } .headNav_lst > li a:hover { color: #1C4A40; text-decoration: none; } .headNav_inner li a:hover:before { right: 5px; } .headLnk_btn a:hover { opacity: .7; } .headLnk_btn.myp a { font-size: 11px; } .headLnk_lst li a:hover { color: #1C4A40; text-decoration: none; } .headLnk_lst li.is-ec a:hover span:before { background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center; } .headLnk_lst li.is-mbr a:hover span:before { background: url(/cmn4/img/hd_login_on.png?3) no-repeat center; } .headLnk_lst li.is-mypage a:hover span:before { background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-favorite a:hover span:before { background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-history a:hover span:before { background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-documents a:hover span:before { background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-management a:hover span:before { background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-scout a:hover span:before { background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-cubic a:hover span:before { background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center; background-size: 100% auto; } .headLnk_e a:hover { color: #1C4A40; text-decoration: none; } .headLg-lnk a:hover:before { right: 5px; } .sp_menu_btn { width: 16px; height: 20px; border-left: 1px solid #e1e6ea; padding-left: 20px; margin-left: 20px; cursor: pointer; transition: opacity .4s ease-out,all .4s ease-out; } .sp_menu_btn .link span, .sp_menu_btn .link:before, .sp_menu_btn .link:after { width: 16px; background: #1C4A40; } .sp_menu_btn:hover { opacity: .7; } header.anima { position: fixed; animation: DownAnime 0.5s forwards; } header { position: absolute; } header.is-active { animation: UpAnime 0.5s forwards; margin-top: -111px; } @keyframes DownAnime{ from { opacity: 0; transform: translateY(-111px); } to { opacity: 1; transform: translateY(0); } } @keyframes UpAnime{ from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-111px); } } } @media only screen and (max-width: 896px) { body { font-size: 13px; min-width: 320px; width: 100%; min-height: -webkit-fill-available; padding-top: 55px; } .c-wrap, .c-wrap.ver2, .c-wrap.ver3 { width: 100%; } .c-pc { display: none; } .c-pc-in { display: none; } .c-sp { display: block; } .c-sp-in { display: inline; } .b_btn { border-radius: 2px; max-width: 100%; } .b_btn a { border-radius: 2px; height: 50px; font-size: 16px; } /*オレンジ系 無料*/ .b_btn.or a { background: #E05E00; } .b_btn.or a span { padding: 0 70px 0 0; } .b_btn.or a span:before { height: 26px; width: 56px; line-height: 26px; font-size: 16px; margin: -13px 0 0 0; } .b_btn.or2 a { height: 40px; font-size: 14px; } .b_btn.blk a { height: 40px; font-size: 14px; } .b_btn.blk2 a { height: 40px; font-size: 14px; } header { /* border-bottom: none; */ } /*header.on { box-shadow: 0 0 4px rgb(0 0 0 / 20%); }*/ header.on_lg { transition: none; background: #fff !important; } .header { height: 55px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head_logo { width: 92px; padding-left: 20px; } .head-logo img { width: 92px; height: auto; } .head-logo .is-20th { right: -80px; width: 70px; height: 20px; margin: -10px 0 0 0; } .head-logo .is-20th img { width: 100%; height: auto; } /* .head-logo:after { right: -80px; width: 70px; height: 20px; margin: -12px 0 0 0; } */ .headLnk_lst { margin-right: 0; } .headLnk_lst li { font-size: 12px; margin-right: 0; } .headLnk_lst li a { display: block; width: 48px; height: 40px; } .headLnk_lst li a span { display: block; padding: 24px 0 0; } .headLnk_lst li.is-mbr a span { padding-left: 0; } .headLnk_lst li a span:before { left: 0; right: 0; margin: auto; top: 6px; transform: none; } .headLnk_lst li.is-ec a span:before { width: 17px; height: 19px; background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-mbr a span:before { width: 15px; height: 15px; background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center; background-size: 100% auto; } .headLg_wrap { position: fixed; top: 55px; left: 0; width: -webkit-calc(100%); width: calc(100%); border-bottom: 0; } .headLg_wrap.on { display:-webkit-box; display:-ms-flexbox; display:flex; } .headLg-lnk { width: 50%; } .headLg-lnk a { display: block; position: relative; width: 100% !important; height: 100% !important; box-sizing: border-box; border-right: 1px solid #e1e6ea; } .headLg-lnk:last-child a { border-right: 0; } .head_bg.on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999998; background: #3C3A38; opacity: 0.6; } .headLnk_lst.ver2 { padding: 0 5px; margin: 0; border-top: 1px solid #e1e6ea; width: 100%; box-sizing: border-box; } .headLnk_lst.ver2 li { margin-right: 0; width: 17%; text-align: center; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; } .headLnk_lst.ver2 li.is-scout { width: 14%; } .headLnk_lst.ver2 li.is-mypage , .headLnk_lst.ver2 li.is-documents , .headLnk_lst.ver2 li.is-cubic { width: 18%; } .headLnk_lst.ver2 li a { width: 100%; height: 55px; } .headLnk_lst.ver2 li a span { padding: 35px 0 0 0; } .headLnk_lst.ver2 li.is-cubic a span { padding: 29px 0 0 0; } .headLnk_lst.ver2 li a span:before { top: 8px; width: 18px; height: 18px; } .headNav_wrap { display: none; position: fixed; top: 55px; right: 0; overflow-y: auto; padding: 0 10px 25px; width: 100%; box-sizing: border-box; height: -webkit-calc(100dvh - 55px); height: calc(100dvh - 55px); background: #FFF; z-index: 9999; border-top: none; } .headNav_lst { display: block; } .headLnk_btn { width: 100%; } .headLnk_btn a { width: 100%; background: #E05E00; color: #fff; font-size: 12px; text-decoration: none; font-weight: 500; height: 40px; border-radius: 4px; } .headNav_lst > li { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; border-left: 1px solid #e1e6ea; border-right: 1px solid #e1e6ea; } .headNav_lst > li:first-child { border-top: 1px solid #e1e6ea; } .headNav_lst > li:before, .headNav_lst > li:last-child:after { content: none; } .headNav_lst > li > a { font-size: 14px; padding: 16px 15px; background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px; background-size: auto 10px; } .headNav_lst > li:nth-child(4) { margin-top: 25px; border-top: 1px solid #e1e6ea; } .headNav_lst.ver2 { margin-bottom: 25px; } .headNav_lst.ver2 > li:nth-child(4) { margin-top: 0; border-top: none; } .headNav_lst.ver2 li a span { display: inline-block; position: relative; padding: 0 0 0 30px; } .headNav_lst.ver2 li a span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; } .headNav_lst.ver2 li.is-mypage a span:before { background: url(/cmn4/svg/icn_mypage.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-favorite a span:before { background: url(/cmn4/svg/icn_favorite.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-history a span:before { background: url(/cmn4/svg/icn_history.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-documents a span:before { background: url(/cmn4/svg/icn_documents.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-management a span:before { background: url(/cmn4/svg/icn_management.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-scout a span:before { background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-cubic a span:before { background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center; background-size: 100% auto; } .headNav_inner { display: block; position: relative; top: auto; left: auto; width: 100% } .headNav_inner.ver2 { left: auto; width: 100%; } .headNav_inner.ver3 { left: auto; width: 100%; } .headNav_inner .h_lnk{ border: none; } .headNav_inner li { width: 100%; text-align: left; border: none; border-top: 1px solid #e1e6ea; } .headNav_inner li a { font-size: 14px; line-height: 1.4; padding: 16px 25px 16px 15px; background: #f4f6f7; padding-left: -webkit-calc(15px + 1em); padding-left: calc(15px + 1em); } .headNav_inner li a:before { width: 4px; height: 8px; right: 15px; background: url(/cmn4/svg/arw2_r.svg) no-repeat center; background-size: auto 100%; } .headNav_btn { padding-top: 25px; } .headNav_btn li { margin-bottom: 20px; } .headNav_btn li:last-child { margin-bottom: 0; } .headNav_lst > li.headerjs > a { background: #fff; } .headerjs > a:before, .headerjs > a:after { position: absolute; content: ""; display: block; transition: all 0.4s; background: #e1e6ea; right: 10px; top: 50%; width: 10px; height: 2px; border-radius: 4px; transform: translate(-50%, -50%); } .headerjs > a:before { transform: translate(-50%, -50%) rotate(90deg); } .headerjs.tgl > a:before { transform: translate(-50%, -50%) rotate(0deg); } .headNavLogin_wrap { margin: 0 -10px 15px -10px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; background: #f4f6f7; padding: 10px 25px; } .headNavLogin-name { line-height: 1.7; font-size: 12px; } .headNavLogin-name span { font-size: 15px; font-weight: bold; padding: 0 5px 0 0; } .headNavLogin-out a { font-size: 10px; font-weight: bold; } } @media only screen and (max-width: 374px) { .b_btn a { font-size: 14px; } .b_btn.or a span:before { font-size: 14px; } .b_btn.or2 a { font-size: 13px; } } window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({"type":"ycl_cookie"}); (function(g,d,o){ g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)}; var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net'; var s=d.createElement('script');s.async=1; s.src=o||h+'/n/line_tag/public/release/v1/lt.js'; var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t); })(window, document); _lt('init', { customerType: 'lap', tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759' }); _lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1012741055733343'); fbq('track', 'PageView'); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1645008882503234'); fbq('track', 'PageView'); !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); twq('config','ody25'); !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o88fj'); twq('track','PageView'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K88WZWL'); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true}); gtag('config', 'UA-23424278-1'); gtag('config', 'G-D4Z9Q5XETP'); (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true }); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); 中途採用をお考えの企業さまへ ログイン マイページログイン eコンシェルログイン 転職相談サービスお申し込み 求人を探す 転職相談サービス 転職相談サービスの内容と流れ 履歴書・職務経歴書作成ツール CUBIC適性検査 転職コンシェルジュ®紹介 eコンシェル 転職エージェントとは 転職お役立ち情報 転職セミナー情報 【企業別】採用選考ポイント 転職・仕事の調査データ【転職希望者編】 転職・仕事の調査データ【採用担当者編】 会社情報 面談拠点一覧(アクセス) 会社概要 ブランドサイト お問い合わせ 転職希望者さま 中途採用ご担当者さま その他のお問い合わせ TOP 求人検索 求人検索結果一覧 { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "転職エージェントなら【ワークポート 転職エージェント】", "item": "https://www.workport.co.jp/" }, { "@type": "ListItem", "position": 2, "name": "求人検索", "item": "https://www.workport.co.jp/all/search/" }, { "@type": "ListItem", "position": 3, "name": "求人検索結果一覧" }] } 求人検索一覧 検索結果 109673件 (1件 ~ 30件) 求人を絞り込む・検索条件の変更 新着順 人気順 職種 選択する ここに選択した値が表示されます 勤務地 選択する ここに選択した値が表示されます 業種 選択する ここに選択した値が表示されます 年収 -- 300万円500万円700万円1000万円 以上 キーワード 検索条件の変更 表示数 30件 50件 100件 12345>最後へ お気に入り 株式会社セーフティ NEW 総合病院の医療事務(ミドル層) 【総合病院の医療事務】入院算定・レセプト実務経験者を採用します! 正社員完全週休2日制 勤務地東京逓信病院:東京都千代田区富士見2丁目14−23 給与430万円~460万円 必要な経験スキル ・自分自身を磨きたいという方 ・相手の立場になって考えられる方 ・仕事を通じて成長したいという気持ちのある方 ・人の役に立... |
案件URL | lang="ja"> !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)}}(); SmartnewsAds.p("d740a5a751b34819091c5aa1", "PageView"); 転職・求人情報ならワークポート 転職エージェント [{ "@context": "http://schema.org", "@type": "Organization", "url": "https://www.workport.co.jp", "logo": "https://www.workport.co.jp/cmn4/svg/logo.svg" },{ "@context": "http://schema.org", "@type": "WebSite", "name": "転職エージェントなら【ワークポート 転職エージェント】", "url": "https://www.workport.co.jp" }] @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: 400; src: local("Noto Sans CJK JP Regular"), url("/cmn4/font/NotoSansCJKjp-Regular.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Regular.otf") format("opentype"); } @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: 500; src: local("Noto Sans CJK JP Medium"), url("/cmn4/font/NotoSansCJKjp-Medium.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Medium.otf") format("opentype"); } @font-face { font-family: "Noto Sans CJK JP"; font-style: normal; font-weight: bold; src: local("Noto Sans CJK JP Bold"), url("/cmn4/font/NotoSansCJKjp-Bold.woff") format("woff"), url("/cmn4/font/NotoSansCJKjp-Bold.otf") format("opentype"); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: 400; src: url("/cmn4/font/A-OTF-RyuminPro-Regular.otf") format('opentype'); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: 500; src: url("/cmn4/font/A-OTF-RyuminPro-Medium.otf") format('opentype'); } @font-face { font-family: 'Ryumin Pro'; font-style: normal; font-weight: bold; src: url("/cmn4/font/A-OTF-RyuminPro-Bold.otf") format('opentype'); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: url("/cmn4/font/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: bold; src: url("/cmn4/font/Roboto-Bold.ttf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: 400; src: url("/cmn4/font/AP-OTF-A1GothicStd-Regular.otf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: 500; src: url("/cmn4/font/AP-OTF-A1GothicStd-Medium.otf") format("truetype"); } @font-face { font-family: "A1 Gothic"; font-style: normal; font-weight: bold; src: url("/cmn4/font/AP-OTF-A1GothicStd-Bold.otf") format("truetype"); } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; outline: 0; } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section { display: block; } h1,h2,h3,h4,h5,h6,caption,address,th { font-weight: normal; margin: 0; padding: 0; font-size: 100%; } ul,ol,li,dl,dt,dd { list-style: none; } img,iframe { vertical-align: middle; border: 0; } img { line-height: 0; font-size: 0; -webkit-backface-visibility: hidden; } table { border-collapse: collapse; } th { font-weight: normal; text-align: left; } button,fieldset,form,input,label,legend,select,textarea { font-style: inherit; font-weight: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } select { padding: 2px; } select::-ms-expand { display: none; } input,select { font-size: 100%; vertical-align: middle; } input[type="text"],input[type="password"],textarea,select { outline: none; } textarea { font-size: 100%; } input { vertical-align: middle; } input[type="text"] , input[type="password"] , input[type="email"] , input[type="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; border: 0; border-radius: 0; outline: none; background: none; box-sizing: border-box; width: 100%; background: #fff; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; border: 0; border-radius: 0; outline: none; background: none; box-sizing: border-box; width: 100%; background: #fff; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; border-radius: 0; box-sizing: border-box; transition: opacity .2s ease-out,all .2s ease-out; } input[type="radio"], input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { background: transparent; } select::-ms-expand { display: none; } ::-webkit-input-placeholder { color: #75787e; } ::-webkit-input-placeholder { color: #75787e; } :placeholder-shown { color: #75787e; } ::-webkit-input-placeholder { color: #75787e; } :-moz-placeholder { color: #75787e; opacity: 1; } ::-moz-placeholder { color: #75787e; opacity: 1; } :-ms-input-placeholder { color: #75787e; } label { padding: 0; } hr { display: none; } a { transition: opacity .4s ease-out,all .4s ease-out; } a,a:link { color: #3C3A38; text-decoration: none; word-break: break-all; } a:visited { color: #3C3A38; } @media (min-width: 896px) { a:hover,a:active { color: #3C3A38; text-decoration: none; } } *:focus { outline: none; } .c_fix:after { content: "."; display: block; clear: both; visibility: hidden; font-size: .01em; height: 0; overflow: hidden; } .c_fix { min-height: 1px; } html { height: 100%; } body { font-family:"Noto Sans","Noto Sans CJK JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; line-height: 2; font-size: 14px; font-weight: 400; text-align: left; min-width: 1240px; min-height: 100%; height: auto !important; position: relative; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; box-sizing: border-box; background: #fff; color: #3C3A38; border-bottom: none; padding-top: 112px; } .f-Ryumin { font-family: "Ryumin Pro", serif; font-weight: 500; } .f-Roboto { font-family: "Roboto",sans-serif; font-weight: 500; } .f-A1gothic { font-family: "A1 Gothic",sans-serif; font-weight: 500; } .f_tnr { font-family:"Times New Roman", serif; font-weight: 500; } .c-wrap { width: 1000px; margin: 0 auto; box-sizing: border-box; } .c-wrap.ver2 { width: 900px; } .c-wrap.ver3 { width: 960px; } .c-pc { display: block; } .c-pc-in { display: inline; } .c-sp { display: none; } .c-sp-in { display: none; } .b_btn { text-align: center; background: #fff; border-radius: 4px; position: relative; max-width: 320px; margin: 0 auto; font-weight: 500; } .b_btn a { border-radius: 4px; box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 60px; color: #ffffff; font-size: 16px; text-decoration: none; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; } .b_btn.is-or a { background: #E05E00; } /*オレンジ系 無料*/ .b_btn.or a { background: #E05E00; } .b_btn.or a span { position: relative; padding: 0 70px 0 0; } .b_btn.or a span:before { content: "無料"; position: absolute; top: 50%; right: 0; z-index: 9; background: #ffffff; height: 24px; width: 50px; text-align: center; line-height: 24px; color: #E05E00; font-size: 16px; margin: -12px 0 0 0; border-radius: 3px; } .b_btn.or2 a { background: #E05E00; } /*黒*/ .b_btn.blk { background: transparent; } .b_btn.blk a { background: transparent; color: #3C3A38; border: 1px solid #3C3A38; } .b_btn.blk2 { background: #fff; } .b_btn.blk2 a { background: #fff; color: #3C3A38; border: 1px solid #3C3A38; } /*白*/ .b_btn.wh { background: transparent; } .b_btn.wh a { background: transparent; color: #fff; border: 1px solid #fff; } /*白2*/ .b_btn.wh2 { background: #fff; } .b_btn.wh2 a { background: #fff; color: #1C4A40; border: 1px solid #fff; } /*緑*/ .b_btn.is-gln a { background: #1C4A40; } @media (min-width: 896px) { .b_btn a:hover { opacity: 0.7; } .b_btn.blk a:hover, .b_btn.blk2 a:hover { opacity: 1; background: #3C3A38; color: #fff; } .b_btn.blk a.is-on { opacity: 1; background: #3C3A38; color: #fff; } .b_btn.wh a:hover { opacity: 1; background: #fff; color: #1C4A40; } .b_btn.wh2 a:hover { opacity: 1; background: #1C4A40; color: #fff; } } header { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; background: #fff; /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */ border-bottom: 1px solid #e1e6ea; } .header { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .head_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-logo { line-height: 1; width: 232px; position: relative; } .head-logo a { display: block; } .head-logo .is-20th { position: absolute; top: 50%; right: -115px; z-index: 9; width: 100px; height: 28px; margin: -16px 0 0 0; } /* .head-logo:after { content: ""; position: absolute; top: 50%; right: -120px; z-index: 9; width: 100px; height: 28px; margin: -16px 0 0 0; } .head-logo.y19:after { background: url(/cmn4/svg/logo_19year.svg) no-repeat center center; background-size: 100% auto; } .head-logo.y20:after { background: url(/cmn4/svg/logo_20year.svg) no-repeat center center; background-size: 100% auto; } */ .head-txt { font-size: 11px; line-height: 1; font-weight: bold; padding-left: 120px; } .headLnk_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headLnk_lst { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .headLnk_lst li { font-size: 13px; line-height: 1.4; font-weight: 500; margin-right: 20px; } .headLnk_lst li:last-child { margin-right: 0; } .headLnk_lst li a span { padding-left: 24px; position: relative; } .headLnk_lst li.is-mbr { position: relative; } .headLnk_lst li.is-mbr a { display: block; cursor: pointer; } .headLnk_lst li.is-mbr a span { padding-left: 25px; } .headLnk_lst li a span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: opacity .4s ease-out,all .4s ease-out; } .headLnk_lst li.is-ec a span:before { width: 17px; height: 19px; background: url(/cmn4/img/hd_recruit.png?1) no-repeat center; } .headLnk_lst li.is-mbr a span:before { width: 15px; height: 17px; background: url(/cmn4/img/hd_login.png?1) no-repeat center; } .headLg_wrap { display: none; position: absolute; top: 33px; left: -45px; width: -webkit-calc(100% + 90px); width: calc(100% + 90px); background: #fff; border: 1px solid #e1e6ea; z-index: 99999999; } .headLg_wrap.on { display: block; } .headLg-lnk { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; } .headLg-lnk a { display: block; font-size: 11px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headLg-lnk a { display: block; font-size: 11px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headLg-lnk a:before { content: ''; display: block; width: 4px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/cmn4/svg/arw_r.svg) no-repeat center; background-size: auto 100%; transition: opacity .4s ease-out,all .4s ease-out; } .headLnk_lst.ver2 { margin-right: 15px; } .headLnk_lst.ver2 li { font-size: 10px; line-height: 1; margin-right: 13px; } .headLnk_lst.ver2 li:last-child { margin-right: 0; } .headLnk_lst.ver2 li a span { display: inline-block; padding: 26px 0 0; position: relative; } .headLnk_lst.ver2 li a span:before { left: 0; right: 0; top: 0; transform: none; margin: auto; width: 20px; height: 20px; } .headLnk_lst li.is-mypage a span:before { background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-favorite a span:before { background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-history a span:before { background: url(/cmn4/svg/icn_history.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-documents a span:before { background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-management a span:before { background: url(/cmn4/svg/icn_management.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-service a span:before { background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-message a span:before { background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-template a span:before { background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-scout a span:before { background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-cubic a span:before { background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center; background-size: auto 100%; } .headLnk_e { border-left: 1px solid #e1e6ea; padding: 0 10px 0 10px; font-size: 12px; line-height: 1.6; } .headLnk_btn { width: 200px; } .headLnk_btn a { box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; background: #E05E00; color: #fff; font-size: 13px; text-decoration: none; font-weight: 500; height: 40px; border-radius: 4px; } .headNav_wrap { border-top: 1px solid #e1e6ea; } .headNav_lst { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headNav_lst > li { width: 20%; text-align: center; position: relative; } .headNav_lst > li:before, .headNav_lst > li:after { display: block; width: 1px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #e1e6ea; } .headNav_lst > li:before { content: ''; } .headNav_lst > li:last-child:after { content: ''; left: auto; right: 0; } .headNav_lst > li a { display: block; font-size: 15px; line-height: 1; font-weight: bold; padding: 17px 0 18px; position: relative; } .headNav_lst > li > a { cursor: pointer; } .headNav_inner { display: none; position: absolute; top: 51px; /*left: -30px;*/ left: 0; width: 100%; } .headNav_inner.ver2 { /*left: -60px;*/ left: 0; width: -webkit-calc(100% + 170px); width: calc(100% + 170px); } .headNav_inner.ver3 { /*left: -60px;*/ left: 0; width: -webkit-calc(100% + 100px); width: calc(100% + 100px); } .headNav_inner .h_lnk{ background: #fff; border: 1px solid #e1e6ea; border-top: none; border-bottom: none; } .headNav_inner li { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; } .headNav_inner li a { font-size: 13px; font-weight: 500; line-height: 1.6; padding: 15px; position: relative; } .headNav_inner li a:before { content: ''; display: block; width: 4px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/cmn4/svg/arw_r.svg) no-repeat center; background-size: auto 100%; transition: opacity .4s ease-out,all .4s ease-out; } .sp_menu_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; background: #fff; } .sp_menu_btn .link { width: 20px; height: 2px; position: relative; } .sp_menu_btn .link span { display: block; height: 0; overflow: hidden; padding: 2px 0 0 0; background: #3C3A38; } .sp_menu_btn .link:before, .sp_menu_btn .link:after { content: ""; display: block; position: absolute; width: 20px; height: 2px; background: #3C3A38; left: 0; z-index: 10; } .sp_menu_btn .link:before { top: -6px; transition: all .4s; } .sp_menu_btn .link:after { bottom: -6px; transition: all .4s; } .sp_menu_btn.on .link span { background: transparent; } .sp_menu_btn.on .link:before { top: 0; transform: rotate(-135deg); } .sp_menu_btn.on .link:after { transform: rotate(135deg); bottom: 0; } @media (min-width: 896px) { .headNav_lst > li > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #1C4A40; transition: all .3s; transform: scale(0, 1); transform-origin: center top; } .headNav_lst > li.on > a { font-size: 15px; color: #1C4A40; } .headNav_lst > li.on > a:before, .headNav_lst > li > a:hover:before { transform: scale(1, 1); } .headNav_lst > li a:hover { color: #1C4A40; text-decoration: none; } .headNav_inner li a:hover:before { right: 5px; } .headLnk_btn a:hover { opacity: .7; } .headLnk_btn.myp a { font-size: 11px; } .headLnk_lst li a:hover { color: #1C4A40; text-decoration: none; } .headLnk_lst li.is-ec a:hover span:before { background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center; } .headLnk_lst li.is-mbr a:hover span:before { background: url(/cmn4/img/hd_login_on.png?3) no-repeat center; } .headLnk_lst li.is-mypage a:hover span:before { background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-favorite a:hover span:before { background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-history a:hover span:before { background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-documents a:hover span:before { background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-management a:hover span:before { background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center; background-size: auto 100%; } .headLnk_lst li.is-scout a:hover span:before { background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-cubic a:hover span:before { background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center; background-size: 100% auto; } .headLnk_e a:hover { color: #1C4A40; text-decoration: none; } .headLg-lnk a:hover:before { right: 5px; } .sp_menu_btn { width: 16px; height: 20px; border-left: 1px solid #e1e6ea; padding-left: 20px; margin-left: 20px; cursor: pointer; transition: opacity .4s ease-out,all .4s ease-out; } .sp_menu_btn .link span, .sp_menu_btn .link:before, .sp_menu_btn .link:after { width: 16px; background: #1C4A40; } .sp_menu_btn:hover { opacity: .7; } header.anima { position: fixed; animation: DownAnime 0.5s forwards; } header { position: absolute; } header.is-active { animation: UpAnime 0.5s forwards; margin-top: -111px; } @keyframes DownAnime{ from { opacity: 0; transform: translateY(-111px); } to { opacity: 1; transform: translateY(0); } } @keyframes UpAnime{ from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-111px); } } } @media only screen and (max-width: 896px) { body { font-size: 13px; min-width: 320px; width: 100%; min-height: -webkit-fill-available; padding-top: 55px; } .c-wrap, .c-wrap.ver2, .c-wrap.ver3 { width: 100%; } .c-pc { display: none; } .c-pc-in { display: none; } .c-sp { display: block; } .c-sp-in { display: inline; } .b_btn { border-radius: 2px; max-width: 100%; } .b_btn a { border-radius: 2px; height: 50px; font-size: 16px; } /*オレンジ系 無料*/ .b_btn.or a { background: #E05E00; } .b_btn.or a span { padding: 0 70px 0 0; } .b_btn.or a span:before { height: 26px; width: 56px; line-height: 26px; font-size: 16px; margin: -13px 0 0 0; } .b_btn.or2 a { height: 40px; font-size: 14px; } .b_btn.blk a { height: 40px; font-size: 14px; } .b_btn.blk2 a { height: 40px; font-size: 14px; } header { /* border-bottom: none; */ } /*header.on { box-shadow: 0 0 4px rgb(0 0 0 / 20%); }*/ header.on_lg { transition: none; background: #fff !important; } .header { height: 55px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head_logo { width: 92px; padding-left: 20px; } .head-logo img { width: 92px; height: auto; } .head-logo .is-20th { right: -80px; width: 70px; height: 20px; margin: -10px 0 0 0; } .head-logo .is-20th img { width: 100%; height: auto; } /* .head-logo:after { right: -80px; width: 70px; height: 20px; margin: -12px 0 0 0; } */ .headLnk_lst { margin-right: 0; } .headLnk_lst li { font-size: 12px; margin-right: 0; } .headLnk_lst li a { display: block; width: 48px; height: 40px; } .headLnk_lst li a span { display: block; padding: 24px 0 0; } .headLnk_lst li.is-mbr a span { padding-left: 0; } .headLnk_lst li a span:before { left: 0; right: 0; margin: auto; top: 6px; transform: none; } .headLnk_lst li.is-ec a span:before { width: 17px; height: 19px; background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center; background-size: 100% auto; } .headLnk_lst li.is-mbr a span:before { width: 15px; height: 15px; background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center; background-size: 100% auto; } .headLg_wrap { position: fixed; top: 55px; left: 0; width: -webkit-calc(100%); width: calc(100%); border-bottom: 0; } .headLg_wrap.on { display:-webkit-box; display:-ms-flexbox; display:flex; } .headLg-lnk { width: 50%; } .headLg-lnk a { display: block; position: relative; width: 100% !important; height: 100% !important; box-sizing: border-box; border-right: 1px solid #e1e6ea; } .headLg-lnk:last-child a { border-right: 0; } .head_bg.on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999998; background: #3C3A38; opacity: 0.6; } .headLnk_lst.ver2 { padding: 0 5px; margin: 0; border-top: 1px solid #e1e6ea; width: 100%; box-sizing: border-box; } .headLnk_lst.ver2 li { margin-right: 0; width: 17%; text-align: center; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; } .headLnk_lst.ver2 li.is-scout { width: 14%; } .headLnk_lst.ver2 li.is-mypage , .headLnk_lst.ver2 li.is-documents , .headLnk_lst.ver2 li.is-cubic { width: 18%; } .headLnk_lst.ver2 li a { width: 100%; height: 55px; } .headLnk_lst.ver2 li a span { padding: 35px 0 0 0; } .headLnk_lst.ver2 li.is-cubic a span { padding: 29px 0 0 0; } .headLnk_lst.ver2 li a span:before { top: 8px; width: 18px; height: 18px; } .headNav_wrap { display: none; position: fixed; top: 55px; right: 0; overflow-y: auto; padding: 0 10px 25px; width: 100%; box-sizing: border-box; height: -webkit-calc(100dvh - 55px); height: calc(100dvh - 55px); background: #FFF; z-index: 9999; border-top: none; } .headNav_lst { display: block; } .headLnk_btn { width: 100%; } .headLnk_btn a { width: 100%; background: #E05E00; color: #fff; font-size: 12px; text-decoration: none; font-weight: 500; height: 40px; border-radius: 4px; } .headNav_lst > li { width: 100%; text-align: left; border-bottom: 1px solid #e1e6ea; border-left: 1px solid #e1e6ea; border-right: 1px solid #e1e6ea; } .headNav_lst > li:first-child { border-top: 1px solid #e1e6ea; } .headNav_lst > li:before, .headNav_lst > li:last-child:after { content: none; } .headNav_lst > li > a { font-size: 14px; padding: 16px 15px; background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px; background-size: auto 10px; } .headNav_lst > li:nth-child(4) { margin-top: 25px; border-top: 1px solid #e1e6ea; } .headNav_lst.ver2 { margin-bottom: 25px; } .headNav_lst.ver2 > li:nth-child(4) { margin-top: 0; border-top: none; } .headNav_lst.ver2 li a span { display: inline-block; position: relative; padding: 0 0 0 30px; } .headNav_lst.ver2 li a span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; } .headNav_lst.ver2 li.is-mypage a span:before { background: url(/cmn4/svg/icn_mypage.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-favorite a span:before { background: url(/cmn4/svg/icn_favorite.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-history a span:before { background: url(/cmn4/svg/icn_history.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-documents a span:before { background: url(/cmn4/svg/icn_documents.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-management a span:before { background: url(/cmn4/svg/icn_management.svg) no-repeat center; background-size: auto 100%; } .headNav_lst.ver2 li.is-scout a span:before { background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center; background-size: 100% auto; } .headNav_lst.ver2 li.is-cubic a span:before { background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center; background-size: 100% auto; } .headNav_inner { display: block; position: relative; top: auto; left: auto; width: 100% } .headNav_inner.ver2 { left: auto; width: 100%; } .headNav_inner.ver3 { left: auto; width: 100%; } .headNav_inner .h_lnk{ border: none; } .headNav_inner li { width: 100%; text-align: left; border: none; border-top: 1px solid #e1e6ea; } .headNav_inner li a { font-size: 14px; line-height: 1.4; padding: 16px 25px 16px 15px; background: #f4f6f7; padding-left: -webkit-calc(15px + 1em); padding-left: calc(15px + 1em); } .headNav_inner li a:before { width: 4px; height: 8px; right: 15px; background: url(/cmn4/svg/arw2_r.svg) no-repeat center; background-size: auto 100%; } .headNav_btn { padding-top: 25px; } .headNav_btn li { margin-bottom: 20px; } .headNav_btn li:last-child { margin-bottom: 0; } .headNav_lst > li.headerjs > a { background: #fff; } .headerjs > a:before, .headerjs > a:after { position: absolute; content: ""; display: block; transition: all 0.4s; background: #e1e6ea; right: 10px; top: 50%; width: 10px; height: 2px; border-radius: 4px; transform: translate(-50%, -50%); } .headerjs > a:before { transform: translate(-50%, -50%) rotate(90deg); } .headerjs.tgl > a:before { transform: translate(-50%, -50%) rotate(0deg); } .headNavLogin_wrap { margin: 0 -10px 15px -10px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; background: #f4f6f7; padding: 10px 25px; } .headNavLogin-name { line-height: 1.7; font-size: 12px; } .headNavLogin-name span { font-size: 15px; font-weight: bold; padding: 0 5px 0 0; } .headNavLogin-out a { font-size: 10px; font-weight: bold; } } @media only screen and (max-width: 374px) { .b_btn a { font-size: 14px; } .b_btn.or a span:before { font-size: 14px; } .b_btn.or2 a { font-size: 13px; } } window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({"type":"ycl_cookie"}); (function(g,d,o){ g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)}; var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net'; var s=d.createElement('script');s.async=1; s.src=o||h+'/n/line_tag/public/release/v1/lt.js'; var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t); })(window, document); _lt('init', { customerType: 'lap', tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759' }); _lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1012741055733343'); fbq('track', 'PageView'); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1645008882503234'); fbq('track', 'PageView'); !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); twq('config','ody25'); !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o88fj'); twq('track','PageView'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K88WZWL'); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true}); gtag('config', 'UA-23424278-1'); gtag('config', 'G-D4Z9Q5XETP'); (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true }); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); 中途採用をお考えの企業さまへ ログイン マイページログイン eコンシェルログイン 転職相談サービスお申し込み 求人を探す 転職相談サービス 転職相談サービスの内容と流れ 履歴書・職務経歴書作成ツール CUBIC適性検査 転職コンシェルジュ®紹介 eコンシェル 転職エージェントとは 転職お役立ち情報 転職セミナー情報 【企業別】採用選考ポイント 転職・仕事の調査データ【転職希望者編】 転職・仕事の調査データ【採用担当者編】 会社情報 面談拠点一覧(アクセス) 会社概要 ブランドサイト お問い合わせ 転職希望者さま 中途採用ご担当者さま その他のお問い合わせ TOP 求人検索 求人検索結果一覧 { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "転職エージェントなら【ワークポート 転職エージェント】", "item": "https://www.workport.co.jp/" }, { "@type": "ListItem", "position": 2, "name": "求人検索", "item": "https://www.workport.co.jp/all/search/" }, { "@type": "ListItem", "position": 3, "name": "求人検索結果一覧" }] } (2024年11月25日 現在) |
おすすめ4:マイナビエージェント
※マイナビのプロモーションを含みます
マイナビエージェント公式サイト:https://mynavi-agent.jp
『マイナビエージェント』は、「20代に信頼されている転職エージェント」として評判のエージェントです。
中小企業やベンチャーなどの中規模以下の会社に興味がある方なら、マイナビエージェントはおすすめです。
おすすめ5:マイナビIT AGENT
※マイナビのプロモーションを含みます
マイナビIT AGENT公式サイト:https://mynavi-agent.jp/it/
求人数 | 16,166件 |
マーケティング求人数 | 410件 |
業界未経験歓迎のマーケティング求人数 | 130件 |
※公式サイトより、2023年6月21日時点の公開求人数をもとに作成。
マイナビIT AGENTは、IT・Web業界に特化した転職エージェントです。全くの未経験の人向けではなく、「IT/Web業界でマーケティングに活かせる職務経験を積んできた」という人におすすめです。
IT業界の様々な求人を扱っており、マーケティングをはじめとした幅広いIT系職種の求人を探すことができます。
業界内のトレンドやニーズに詳しいアドバイザーが多いので、詳しい話を聞きたい経験者にとって心強いサービスと言えるでしょう。
おすすめ6:ウズキャリ
ウズキャリ公式サイト:https://uzuz.jp
ウズキャリは、株式会社UZUZが運営している、20代の若者に特化した転職エージェント。
既卒・第二新卒の人や、手厚いサポートを受けたい人を受けたい人におすすめです。
ウズキャリの特徴は以下のとおり。
- 既卒・第二新卒に特化している
- 一人ひとりの個性に合わせて転職活動をサポートしてくれる
- ブラック企業の求人を排除している
ウズキャリでは、厳正な基準をもとにブラック企業の求人が排除されています。
ウズキャリは、キャリアカウンセラー全員が元既卒・元第二新卒で構成されているからこそ、どの転職エージェントよりも手厚いサポートが受けられます。
おすすめ7:就職shop
就職shop公式サイト:https://www.ss-shop.jp
就職Shopは、リクルートが運営する、20代の若手の既卒・フリーターに特化した転職エージェントです。
就職shopの特徴は以下のとおり。
- 取り扱う求人は100%取材した企業
- 書類選考がない
- 一人一人に徹底した個別のサポート
就職では書類選考がないというのが大きな強みです。
おすすめ8:ハタラクティブ
ハタラクティブ公式サイト:https://hataractive.jp
ハタラクティブは、レバレジーズが運営する、20代中心の既卒・フリーター・第二新卒が対象の就職エージェントです。
ハタラクティブは以下のような人におすすめです。
- 就職活動をした事がない人
- 学歴・経歴に自信のない第二新卒の人
- 正社員勤務したい20代既卒、フリーター、ニートの人
特に、一度ほかの転職エージェントで断られた経験がある方は、ぜひ使ってみてください。
おすすめ9:Webist
Webist公式サイト:https://webist-cri.com
- 未経験者へのおすすめ度:★★★★☆(4.0)
- 経験者へのおすすめ度:★★★★☆(4.0)
Webist(ウェビスト)は、WEB業界専門の転職エージェント。
「在宅勤務」「残業なし」などのように、勤務形態を細かく指定して求人を探すことができるのが強みです。
また、サイト内にある「コラム」では、Googleサーチコンソールの使い方や、Webマーケターの仕事内容など、Webマーケティング会社志望の方に役に立つような情報が多く公開されていて勉強になります。
Webマーケティング職に限らず、WebディレクターやWebデザイナー、その他のWeb系職種についても理解が深まるような情報も多く載っています。
そのため、Web業界理解のためにも使い勝手の良いエージェントです。
未経験からのWebマーケティング転職で失敗する人の特徴
未経験からWebマーケティング職へ転職希望の人で、うまくいかない人は以下の特徴があります。
- 負の動機だけで転職を検討している
- 転職の軸を明確にしていない
負の動機だけで転職している
負の動機だけで転職活動をしてしまうと、会社へのメリットを考えられなくなり、内定を貰いにくいなります。
なので、例えば以下のようにポジティブな理由も明確にしておきましょう。
- 自分のいた業種・業界の知見を活かしてマーケティング職へ転職したい
- 年収は下がっても良いからマーケティングの実務経験を積みたい
- B2Bではなく2Cで価値を出したい
エンジニアと比べると未経験から転職可能といえど、ある程度専門性も求められる職種です。
未経験からWebマーケターを目指すのなら、成長の根拠となる自身のモチベーションや活かせるスキルや実績など整理しておきましょう。
転職の軸を明確にしていない
転職活動において、自分に合った転職先を探すことは何よりも大切です。
しかし、自分が仕事において何を優先するのか、その順位などをしっかり検討しないと、自分に合った転職先には巡り合えません。
仕事の軸にできるものとしては以下のものが挙げられます。
- やりたい仕事か
- 自分が活躍できそうか
- 社風
- 年収
なんとなくの会社や職種のイメージだけで転職すると、「実際働いた時にイメージと全然違う」ということも起きます。
また、自身が希望する条件についても合わせて明確にしましょう。
- 土日休みか、休日出勤はあるのか
- リモート出社は可能か
- 管理職を目指せるか
- 通勤時間
- 給与以外に支給される交通費などの手当
- 転勤はあるのか
業務内容や会社の雰囲気以外にも、少しでも快適に仕事を続けるために、具体的な希望を明らかにしましょう。
そして以下からは、マーケターに転職・就職するために必要な知識が学べるWebマーケティングスクールについて説明します。
未経験からWebマーケターを目指す人におすすめのスクール
そんな方は、マーケティングスクールに通うことをおすすめです。
スクールに通うことで、マーケティング職に必要なスキルや知識に触れることが可能です。
ここでは、特におすすめなデジプロというwebマーケティングスクールを紹介します。
デジプロ
デジプロ公式サイト:https://degipro.com/
受講形態 | 通学:最大5名の少人数レッスン オンライン:マンツーマン |
受講期間 | 2.5ケ月+転職支援 |
料金 | 通学及びオンライン集団:385,000円(税込) マンツーマン:495,000円(税込) |
入学金 | 通学・オンラインプラン:33,000円(税込) |
返金保証 | 入学後1週間 |
動画コンテンツ | 受講期間中は見放題 |
オンライン質問・相談 | 受講期間中は無制限で可能 |
転職サポート | 書類添削・面接対策・求人紹介 |
卒業後のサポート | 動画見放題+オンライン相談:55,000円/月 |
デジプロ公式サイトより引用:https://degipro.com/※2023年6月現在 転職コースの場合
デジプロは、実践的な広告運用スキルを短期間で習得できるマーケティングスクールです。
実務レベルの内容が学べるので、未経験からWebマーケティングを仕事にしたい人でもおすすめできます。
メリットとしては、以下の通りです。
- 実践的なWeb広告のスキルが身につく
- 現役のWebマーケターによる指導
- 動画コンテンツ見放題
- 卒業後もサポートが充実
実践的なWeb広告のスキルが身につく
デジプロの1つ目の特徴は、すぐに現場で使える実践的なWeb広告のスキルが身につくという点です。
デジプロでは、初心者向けの基礎的な内容から、広告運用の実践的な内容までを以下のようなカリキュラム化しています。
Lesson1 デジタル広告概論
- Web・インターネット広告の種類と使い方
- 運用広告とは
- リスティング広告とは
- リスティング広告の特徴①オークション形式
- リスティング広告の特徴②課金形式
- リスティング広告の特徴③リスティング広告のアカウント構造
- 基本的な用語解説
- キーワードとマッチタイプについて
Lesson2 Google広告基礎(検索)
- Google広告とは
- Google広告の入稿方法~キャンペーン編~
- Google広告の入稿方法~広告グループ編~
- 広告表示オプションの種類
- 管理画面の操作:キャンペーンから新しく作成する方法
- 管理画面の操作:広告文の作成
- 管理画面の操作:キーワードの作成方法
- 管理画面の操作:広告表示オプションの作成方法
- 管理画面の操作:入札価格の変更方法
- 管理画面の操作:Googleレポートの作成方法
デジプロ公式サイトより引用:https://degipro.com/
講義では、さらに広告キャンペーン作成から入稿までを、実際に管理画面を操作しながら学べます。
現役のWebマーケターによる指導
デジプロの特徴2つ目は、「現役のWebマーケター講師」から直接指導を受けられるという点です。
経験年間運用費20億円~100億円の実績を持つ、経験豊富な広告運用のプロから学べます。
- インターネット広告代理店大手のサイバーエージェント・オプト出身のWebマーケター
- 有名通販会社のWebマーケティング部門の事業部長など
マーケティング担当者の方や、今まで独学で仕事をしていたけれどさらにスキルアップしたい方にも、おすすめのスクールです!
動画コンテンツ見放題
デジプロの3つ目の特徴は、受講期間中であれば、動画コンテンツを繰り返し見ることができる点です。
デジプロでは、動画コンテンツで事前に予習をしてから、現役Webマーケター講師のリアルタイムの講義を受ける形になっています。
そして、動画コンテンツはいつでも復習できます。
また、毎日10:00~17:00の間は、オンラインのチャット(slack)で何度でも質問可能です。
卒業後もサポートが充実
デジプロ4つ目の特徴は、スクール卒業後もサポートが充実しているという点です。
デジプロでは、卒業後も動画コンテンツ見放題+オンライン相談(60分)を受けられる「デジプロPremium」(55,000円/月)があります。
スクールを卒業した後も、1人で広告運用することに不安がある初心者の方や、広告運用の相談を引き続き受けたい経験者の方におすすめのサービスです。
【まとめ】Webマーケターは未経験でも目指せる
マーケターという職種の強みは、以下の3点などがあります。
- マーケターの需要が大きい
- 平均年収が高い
- エンジニアなどに比べて未経験でも就職しやすい
また、Webマーケターとしてのスキルがあれば副業をすることも可能です。
実際に転職を検討しているなら上記などの転職エージェントで実際の求人をチェックしたり、キャリアコンサルタントに転職相談したりして検討を進めてみてください。
【第2位】doda:リクルートエージェントに次ぐ求人数。転職サイトと転職エージェントの両方から、自分に合った案件が探せる。
【第3位】ワークポート:IT系の求人を多く持つエージェント。IT領域に詳しいキャリアアドバイザーからの転職サポートが受けられる。