{"id":3411,"date":"2021-01-26T21:30:50","date_gmt":"2021-01-26T12:30:50","guid":{"rendered":"https://freelance.indieverse.co.jp/media/?p=3411"},"modified":"2025-11-01T17:46:54","modified_gmt":"2025-11-01T08:46:54","slug":"account-planner","status":"publish","type":"post","link":"https://freelance.indieverse.co.jp/media/it-career/marketer/account-planner","title":{"rendered":"アカウントプランナーの仕事内容・年収は？転職方法についても解説してみた"},"content":{"rendered":"

アカウントプランナーの転職を検討している人向けにオススメの転職エージェント
\n①リクルートエージェント：求人数No1。未経験者向けのIT系職種が豊富
\n②DODA：満足度No1。リクルートに次ぐ求人数で、キャリアカウンセリングの質が高い
\n③ワークポート：IT・Web業界に特化した転職エージェント。未経験者向けの求人が多い
\n④Type転職: 東京近郊にお住いの方向けの転職エージェント。

\n

こんにちは、DAINOTE編集部のDAIです。
\nアカウントプランナーという仕事内容に興味を持って、検索された方が多いのではないでしょうか。

\n

今回は

\n\n

といった方向けに、解説していきたいと思います。

\n

アカウントプランナーの仕事内容とは？

\n

\"\"

\n

アカウントプランナーとは、一言で言うと、メディアの広告枠を利用した、マーケティング企画の提案営業となります。

\n

と言ってもよく分からないと思いますので、もう少し詳しく説明しますね。

\n

例えば、エンジニアの採用をしたいA社があるとします。A社は、エンジニアのキャリアを築くにはとてもよい会社なのですが、露出が少ないため採用に課題感があるとします。

\n

そして、Webメディアを運営しているめ社に勤めているアカウントプランナーは、A社に対して、Webメディアの露出を利用した企画営業を行います。

\n

中途採用でエンジニアとして転職してくる人に、どんなコンテンツなら魅力的なのか
\nどのように魅せたらインターネットで見られるのか

\n

などを意識しながら、顧客との会話の中で企画を決めていきます。

\n

そして、企画が決まったらインタビューなどを行いつつ、記事にしてまとめます。

\n

企業側は、その企画を配信する広告枠に対してお金を支払います。

\n

アカウントプランナーは、企業が魅力的に思える企画を練り、さらにマーケティングの支援をする営業を行います。

\n

アカウントプランナーに求められるスキル

\n

アカウントプランナーに求められるスキルとしては、求人を見ていると

\n\n

が求められることは多いです。

\n

まず、クライアントが企業になるので、法人営業経験が必要なります。特に、広告費から捻出されるので、顧客の予算を取るための営業技術などが問われることも多いです。

\n

特に、企画営業になると、広告枠を売るだけではなくて、企画自体が商品になる無形商材なので、かなり難易度の高い、その分やりがいのあるお仕事となります。

\n

さらに、顧客側への投資対効果を説明できるようにするため、マーケティングの知識が必要となります。

\n

アカウントプランナーの求人がある転職エージェントは？

\n

アカウントプランナーの求人がある転職エージェントを紹介します。アカウントプランナー自体の求人が少ないので、複数のエージェントを利用してみてみるのがおすすめです。

\n

リクルートエージェント

\n

\"\"

\n

【公式サイト】https://www.r-agent.com/
\n【評判記事】リクルートエージェントの評判は？お勧めできる人とおすすめできない人について解説

\n

日本最大の求人数を誇る、リクルートエージェントです。

\n

ほとんどの転職者はみな登録しているのではないでしょうか。

\n

リクルートエージェントに登録するメリットはなんといっても求人数が多い点です。非公開案件も登録すると多くあるため、自分にあった企業を紹介してもらいやすいです。また、電話による面談なども可能になっています。

\n

デメリットとしては、アドバイザーの質にばらつきがある点です。特に入社したばかりの新卒がアドバイアーにつくこともあります。

\n

なので、使い方のコツとしては、まずはどんな求人があるのかを、エージェントに登録して確認しつつ、もしアドバイザーがいまいちだったら他の転職エージェントも利用しながら、転職活動を進めてみるのがよいでしょう。

\n

2020年3月追記：補足情報
\nリクルートエージェントに登録すると、非公開求人をみれたり、転職エージェントとのカウンセリングを組むことができます。
\n簡単に登録できるので、ぜひこの機会に登録して、エンジニアの求人をみてみてください。

\n

\"\"

\nリクルートエージェントに1分で無料登録する\n

Type転職

\n

\"\"

\n

【公式サイト】https://type.jp/

\n

Type転職は、IT領域の転職に強い転職エージェント。

\n

一都三県を対象にしている、老舗の転職エージェントとなっています。

\n

求人数は少ないですが、IT領域の転職を見ている方はぜひ登録してみましょう。

\nType転職を見てみる\n

DODA

\n

\"\"

\n

【公式サイト】https://doda.jp

\n

DODAは、リクルートエージェントに次ぐ求人数の転職エージェント。

\n

DODA ITという転職エージェントもあり、比較的IT領域の求人数が多いです。

\n

こちらもぜひ登録しておきましょう。

\nDODAに無料登録する\n

ワークポート

\n

\"\"

\n

【公式サイト】https://www.workport.co.jp/

\n

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

\n

IT系に特化した転職エージェントです。IT・Web業界の求人に強いです。

\n

メリットとしては、とにかくIT・Web業界の求人に強いので、未経験からIT業界を検討している人にはおすすめです。

\n

一方で、デメリットとしては、IT業界以外の求人が少ないので、エンジニアなどのIT職種以外を検討する場合はあまりおすすめできません。また、とにかく求人数を渡してくるので、一人一人に対するスキルの棚卸しはなどは弱いです。

\n

なので、「キャリアの棚卸しはリクルートで、求人はワークポートで」といったように、複数のエージェントを使い分けながら情報収集していくことがおすすめです。

\n

2020年3月追記：補足情報
\nリクルートエージェントと同様に、ワークポートに登録すると、非公開求人をみれたり、転職エージェントとのカウンセリングを組むことができます。簡単に登録できるので、ぜひこの機会に登録して、リクルートの求人と比較しつつエンジニアの求人をみてみてください。

\n

\"\"

\n

ワークポートの案件例

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

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

\nワークポートに1分で無料登録\n

まとめ

\n

アカウントプランナーの仕事内容について、解説しました。もともと営業経験がある人には特におすすめの職種なので、ぜひ検討してみてください。

\n

アカウントプランナーの転職を検討している人向けにオススメの転職エージェント
\n①リクルートエージェント：求人数No1。未経験者向けのIT系職種が豊富
\n②DODA：満足度No1。リクルートに次ぐ求人数で、キャリアカウンセリングの質が高い
\n③ワークポート：IT・Web業界に特化した転職エージェント。未経験者向けの求人が多い
\n④Type転職: 東京近郊にお住いの方向けの転職エージェント。

\n

関連記事

\n\n\t
\n\t\t
\n\t\t\t\n\t\t\t
DAI
\n\t\t
\n\t\t
\n\t\t\t
IT業界への転職を検討している方は、こちらの記事もおすすめです！
\n\t\t
\n\t
\n\t\n\n","protected":false},"excerpt":{"rendered":"

アカウントプランナーの仕事内容や年収目安、必要スキルと転職方法を解説。IT・Webの企画営業やマーケティング、無形商材の提案ポイント、リクルート・DODA・ワークポート・type転職など転職エージェントも紹介します。

\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[207],"tags":[],"class_list":["post-3411","post","type-post","status-publish","format-standard","hentry","category-marketer"],"aioseo_notices":[],"meta_description":"アカウントプランナーの仕事内容や年収目安、必要スキルと転職方法を解説。IT・Webの企画営業やマーケティング、無形商材の提案ポイント、リクルート・DODA・ワークポー...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/3411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts"}],"about":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/comments?post=3411"}],"version-history":[{"count":7,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/3411/revisions"}],"predecessor-version":[{"id":94316,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/3411/revisions/94316"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=3411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=3411"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=3411"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}