\n\t\t\t
\n\t\t\t
\n\t\t\n\t\t\tDAI
\n\t\t\n\t\t\t
\n\t今回の記事では、これまで未経験からエンジニア転職する方を支援してきた筆者が、その経験と実績をもとに、未経験からSEに転職する方法について徹底解説していきます！
\n\t\t「未経験からSEになりたいけど、どうすれば転職できるか知りたい…」
\nこの記事では、こうした疑問を解決します。
\nSEになりたい方で、上記のように悩んでいる方がいらっしゃるのではないでしょうか。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/se_未経験2.png\")
\n\t\t\t\n\t\t\tSE(システムエンジニア)とは、システムの設計をメインで行います。
\n会社によっては、実装もやることはありますが、あくまでメインの業務は設計です。
\nSEの仕事内容を大きく分けると、主に以下の3つです。
\nSE（システムエンジニア）の仕事は設計がメインなので、PCに向かってプログラミングのコードを書くことは少ないです。
\nなので「プログラミングのコードを書きたい」という方は、SEよりもプログラマーの方が向いているかもしれません。
\n\n\t\n\t\t\tSE(システムエンジニア)の平均年収は、勤務先によって異なりますが、約509万円となっています。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/07/スクリーンショット-2023-07-04-14.58.58.png\")
\n
エンジニア業界は、勤務先や個人のスキルによって年収が変わりやすい傾向があるので、自分のスキルを高めつつ、給与の高いホワイト企業へキャリアップするのがおすすめです。
\n\n\t\n\t\t\tSEは、人材不足であるため、今後の将来性や需要は高いと言われています。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2021/02/gaiyou.pdf.png\")
\n引用:経済産業省
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/se_未経験4.png\")
\n\n\t
\n\t\t\t\n\t\t\tまずは、未経験からSEになるためにプログラミングの基礎知識を身につけましょう。
\n\n\t\n\t\t\tプログラミングの基礎知識を学ぶには、Progateといったプログラミング学習サービスで十分です。
\n\n\t\n\t\t\tまずは、無料でProgateを使ってプログラミングの基礎について学んでみましょう。
\nパソコンだけでなく、スマートフォンでもアプリで日常的に学習ができます。
\n\n\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【Progate】はじめてプログラミングを学ぶならココ！\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tプログラミングの基礎を無料で学べるWebサービス。未経験エンジニアが最初に使うサービスとして人気。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
次に必要なのが、ITの業界知識をつけることです。
\n\n\t\n\t\t\tまず、SEの勤務形態として主に以下の3パターンがあります。
\n\n\t\t\t\n\t\t\t次に、ポートフォリオを作成しましょう。
\nポートフォリオを用意することで、自分のプログラミングの知識や経験を示すことが出来ます。
\n\n\t\n\t\t\tポートフォリオの詳しい作り方については下の記事で解説しているので、確認してみてください。
\n\nちなみに、「完全未経験歓迎」といった求人を出している会社は怪しいので避けておきましょう。
\n\n\n\n\n\t若手SEが辞める会社、さんざん採用でデータサイエンスやらビッグデータで憧れさせて、入社した途端にスクショ貼り付け職人にさせてるからなぁ。でも採用のKPIの置き方難しいなぁ。局所最適すると離脱大きくなりそうだし、エントリーで優秀な人逃すのも痛いだろうし。
\n— DAI (@never_be_a_pm) December 17, 2018
\n\t\t\tSEとしてしっかり働きたいという方は、求人募集の段階で、ある程度のスキルを必要としている会社の方がいいと思います。
\n\n\t\n\t\t\tポートフォリオが出来たら、正社員を目指して転職活動を始めてみましょう。
\n転職エージェントを利用することで、以下のメリットがあります。
\n\n\t\t\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/se_未経験5.png\")
未経験からSE転職におすすめの転職エージェントは以下の2つです。
\n\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/03/スクリーンショット-2023-03-27-16.19.12.png\")
ワークポート公式サイト：https://www.workport.co.jp/
\n\n
公開求人数 111073件 (2024年12月24日現在) seの
\n公開求人数10752件 (2024年12月24日現在) マージン率 非公開 対応地域 北海道・宮城・埼玉・千葉・東京・神奈川・愛知・京都・大阪・兵庫・岡山・広島・福岡 特徴 -元IT専門の転職エージェントのため、IT業界の知識が豊富
\n-現在は総合型エージェントで、求人数も大手並に多い公式 https://www.workport.co.jp/
ワークポートは、IT業界の求人に強いことで評判の総合型エージェントです。
\nワークポートの大きな魅力は、未経験でも応募できる求人が多い点と、キャリアアドバイザーがIT領域に詳しい点です。
\nワークポートで調べたところ、未経験でも可能なエンジニア求人数は、714件ありました。（2023年7月1日時点）
\nそのため、未経験の方でも転職できる可能性が高いです。
\n実際に過去にワークポートを利用しましたが、キャリアアドバイザーの方がかなり領域に詳しい印象でした。
\n一般的な転職エージェントのIT系求人の多くは、経験者向けの求人が多く、未経験者でも応募できる求人はあまり多くありません。
\nそのため、ワークポートは未経験からIT業界へ転職を目指す方でも使い勝手の良い転職エージェントだと感じました。
\n登録すると、詳しい求人が見れるので、ぜひ登録してみましょう。
\nワークポート公式サイト：https://www.workport.co.jp/
\n\n\t\t\t\n
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }想定給与 給与450万円～800万円 業務内容 #ERROR! 基本スキル ml>
\n
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 求人検索一覧
\n
\n
\n 検索結果 111073件 （1件 ～ 30件）
\n
\n
\n 求人を絞り込む・検索条件の変更
\n
\n
\n 新着順
\n 人気順
\n
\n
\n
\n
\n
\n
\n
\n 職種
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n 勤務地
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n 業種
\n
\n 選択する
\n ここに選択した値が表示されます
\n
\n
\n
\n
\n 年収
\n
\n
\n
\n --
\n 300万円500万円700万円1000万円 以上
\n
\n
\n
\n
\n
\n
\n キーワード
\n
\n
\n
\n
\n
\n
\n 検索条件の変更
\n
\n
\n
\n
\n
\n 表示数
\n
\n 30件
\n 50件
\n 100件
\n
\n
\n
\n
\n 12345>最後へ
\n
\n
\n
\n
\n
\n
\n
\n
\n お気に入り
\n
\n
\n
\n アルファテクノロジー株式会社
\n
\n NEW
\n
\n
\n
\n 【大阪】機械設計
\n CADを用いた機械設計業務をお任せします！エンジニアファースト！！
\n
\n 正社員
\n
\n
\n
\n
\n 勤務地※案件先による
\n 給与450万円～800万円
\n
\n
\n
\n
\n
\n 必要な経験スキル
\n 技術力を向上させたいという意欲が高い方案件URL lang=\"ja\">
\n
\n\r
\n\r
\n\r
\n\r
\n\r
\n\r
\n
\n
\n!function(){if(window.SmartnewsAds=window.SmartnewsAds||{},!window.SmartnewsAds.p){var e=window.SmartnewsAds.p=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)};e.push=e,e.version=\"1.0.1\",e.queue=[];var n=document.createElement(\"script\");n.async=!0,n.src=\"https://cdn.smartnews-ads.com/i/pixel.js\";var s=document.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(n,s)}}();
\nSmartnewsAds.p(\"d740a5a751b34819091c5aa1\", \"PageView\");
\n
\n
\n
\n
\n\r
\n\r
\n転職・求人情報ならワークポート 転職エージェント
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\r
\n\r
\n [{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"Organization\",
\r\n \"url\": \"https://www.workport.co.jp\",
\r\n \"logo\": \"https://www.workport.co.jp/cmn4/svg/logo.svg\"
\r\n },{
\r\n \"@context\": \"http://schema.org\",
\r\n \"@type\": \"WebSite\",
\r\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\r\n \"url\": \"https://www.workport.co.jp\"
\r\n }]
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 400;
\n src: local(\"Noto Sans CJK JP Regular\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Regular.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: 500;
\n src: local(\"Noto Sans CJK JP Medium\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Medium.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: \"Noto Sans CJK JP\";
\n font-style: normal;
\n font-weight: bold;
\n src: local(\"Noto Sans CJK JP Bold\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.woff\") format(\"woff\"),
\n url(\"/cmn4/font/NotoSansCJKjp-Bold.otf\") format(\"opentype\");
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Regular.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Medium.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: 'Ryumin Pro';
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/A-OTF-RyuminPro-Bold.otf\") format('opentype');
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/Roboto-Regular.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"Roboto\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/Roboto-Bold.ttf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 400;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Regular.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: 500;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Medium.otf\") format(\"truetype\");
\n }
\n @font-face {
\n font-family: \"A1 Gothic\";
\n font-style: normal;
\n font-weight: bold;
\n src: url(\"/cmn4/font/AP-OTF-A1GothicStd-Bold.otf\") format(\"truetype\");
\n }
\n html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
\n margin: 0;
\n padding: 0;
\n outline: 0;
\n }
\n article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
\n display: block;
\n }
\n h1,h2,h3,h4,h5,h6,caption,address,th {
\n font-weight: normal;
\n margin: 0;
\n padding: 0;
\n font-size: 100%;
\n }
\n ul,ol,li,dl,dt,dd {
\n list-style: none;
\n }
\n img,iframe {
\n vertical-align: middle;
\n border: 0;
\n }
\n img {
\n line-height: 0;
\n font-size: 0;
\n -webkit-backface-visibility: hidden;
\n }
\n table {
\n border-collapse: collapse;
\n }
\n th {
\n font-weight: normal;
\n text-align: left;
\n }
\n button,fieldset,form,input,label,legend,select,textarea {
\n font-style: inherit;
\n font-weight: inherit;
\n font-size: 100%;
\n margin: 0;
\n padding: 0;
\n vertical-align: baseline;
\n }
\n select {
\n padding: 2px;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n input,select {
\n font-size: 100%;
\n vertical-align: middle;
\n }
\n input[type=\"text\"],input[type=\"password\"],textarea,select {
\n outline: none;
\n }
\n textarea {
\n font-size: 100%;
\n }
\n input {
\n vertical-align: middle;
\n }
\n input[type=\"text\"] ,
\n input[type=\"password\"] ,
\n input[type=\"email\"] ,
\n input[type=\"tel\"] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n textarea {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n padding: 0;
\n border: 0;
\n border-radius: 0;
\n outline: none;
\n background: none;
\n box-sizing: border-box;
\n width: 100%;
\n background: #fff;
\n }
\n select {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n appearance: none;
\n border: none;
\n outline: none;
\n background: transparent;
\n border-radius: 0;
\n box-sizing: border-box;
\n transition: opacity .2s ease-out,all .2s ease-out;
\n }
\n input[type=\"radio\"],
\n input[type=\"checkbox\"] {
\n display: none;
\n }
\n input[type=\"checkbox\"]:checked + label,
\n input[type=\"radio\"]:checked + label {
\n background: transparent;
\n }
\n select::-ms-expand {
\n display: none;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :placeholder-shown {
\n color: #75787e;
\n }
\n ::-webkit-input-placeholder {
\n color: #75787e;
\n }
\n :-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n ::-moz-placeholder {
\n color: #75787e; opacity: 1;
\n }
\n :-ms-input-placeholder {
\n color: #75787e;
\n }
\n label {
\n padding: 0;
\n }
\n hr {
\n display: none;
\n }
\n a {
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n a,a:link {
\n color: #3C3A38;
\n text-decoration: none;
\n word-break: break-all;
\n }
\n a:visited {
\n color: #3C3A38;
\n }
\n @media (min-width: 896px) {
\n a:hover,a:active {
\n color: #3C3A38;
\n text-decoration: none;
\n }
\n }
\n *:focus {
\n outline: none;
\n }
\n .c_fix:after {
\n content: \".\";
\n display: block;
\n clear: both;
\n visibility: hidden;
\n font-size: .01em;
\n height: 0;
\n overflow: hidden;
\n }
\n .c_fix {
\n min-height: 1px;
\n }
\n html {
\n height: 100%;
\n }
\n body {
\n font-family:\"Noto Sans\",\"Noto Sans CJK JP\",-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",\"Hiragino Kaku Gothic ProN\",メイリオ,Meiryo,sans-serif;
\n line-height: 2;
\n font-size: 14px;
\n font-weight: 400;
\n text-align: left;
\n min-width: 1240px;
\n min-height: 100%;
\n height: auto !important;
\n position: relative;
\n -webkit-text-size-adjust: none;
\n -webkit-font-smoothing: antialiased;
\n box-sizing: border-box;
\n background: #fff;
\n color: #3C3A38;
\n border-bottom: none;
\n padding-top: 112px;
\n }
\n .f-Ryumin {
\n font-family: \"Ryumin Pro\", serif;
\n font-weight: 500;
\n }
\n .f-Roboto {
\n font-family: \"Roboto\",sans-serif;
\n font-weight: 500;
\n }
\n .f-A1gothic {
\n font-family: \"A1 Gothic\",sans-serif;
\n font-weight: 500;
\n }
\n .f_tnr {
\n font-family:\"Times New Roman\", serif;
\n font-weight: 500;
\n }
\n .c-wrap {
\n width: 1000px;
\n margin: 0 auto;
\n box-sizing: border-box;
\n }
\n .c-wrap.ver2 {
\n width: 900px;
\n }
\n .c-wrap.ver3 {
\n width: 960px;
\n }
\n .c-pc {
\n display: block;
\n }
\n .c-pc-in {
\n display: inline;
\n }
\n .c-sp {
\n display: none;
\n }
\n .c-sp-in {
\n display: none;
\n }
\n .b_btn {
\n text-align: center;
\n background: #fff;
\n border-radius: 4px;
\n position: relative;
\n max-width: 320px;
\n margin: 0 auto;
\n font-weight: 500;
\n }
\n .b_btn a {
\n border-radius: 4px;
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n height: 60px;
\n color: #ffffff;
\n font-size: 16px;
\n text-decoration: none;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .b_btn.is-or a {
\n background: #E05E00;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n position: relative;
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n content: \"無料\";
\n position: absolute;
\n top: 50%;
\n right: 0;
\n z-index: 9;
\n background: #ffffff;
\n height: 24px;
\n width: 50px;
\n text-align: center;
\n line-height: 24px;
\n color: #E05E00;
\n font-size: 16px;
\n margin: -12px 0 0 0;
\n border-radius: 3px;
\n }
\n .b_btn.or2 a {
\n background: #E05E00;
\n }
\n /*黒*/
\n .b_btn.blk {
\n background: transparent;
\n }
\n .b_btn.blk a {
\n background: transparent;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n .b_btn.blk2 {
\n background: #fff;
\n }
\n .b_btn.blk2 a {
\n background: #fff;
\n color: #3C3A38;
\n border: 1px solid #3C3A38;
\n }
\n /*白*/
\n .b_btn.wh {
\n background: transparent;
\n }
\n .b_btn.wh a {
\n background: transparent;
\n color: #fff;
\n border: 1px solid #fff;
\n }
\n /*白2*/
\n .b_btn.wh2 {
\n background: #fff;
\n }
\n .b_btn.wh2 a {
\n background: #fff;
\n color: #1C4A40;
\n border: 1px solid #fff;
\n }
\n /*緑*/
\n .b_btn.is-gln a {
\n background: #1C4A40;
\n }
\n @media (min-width: 896px) {
\n .b_btn a:hover {
\n opacity: 0.7;
\n }
\n .b_btn.blk a:hover,
\n .b_btn.blk2 a:hover {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.blk a.is-on {
\n opacity: 1;
\n background: #3C3A38;
\n color: #fff;
\n }
\n .b_btn.wh a:hover {
\n opacity: 1;
\n background: #fff;
\n color: #1C4A40;
\n }
\n .b_btn.wh2 a:hover {
\n opacity: 1;
\n background: #1C4A40;
\n color: #fff;
\n }
\n }
\n header {
\n position: fixed;
\n top: 0;
\n left: 0;
\n z-index: 999999;
\n width: 100%;
\n background: #fff;
\n /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .header {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n padding: 10px 0;
\n }
\n .head_logo {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head-logo {
\n line-height: 1;
\n width: 232px;
\n position: relative;
\n }
\n .head-logo a {
\n display: block;
\n }
\n .head-logo .is-20th {
\n position: absolute;
\n top: 50%;
\n right: -115px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n /*
\n .head-logo:after {
\n content: \"\";
\n position: absolute;
\n top: 50%;
\n right: -120px;
\n z-index: 9;
\n width: 100px;
\n height: 28px;
\n margin: -16px 0 0 0;
\n }
\n .head-logo.y19:after {
\n background: url(/cmn4/svg/logo_19year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n .head-logo.y20:after {
\n background: url(/cmn4/svg/logo_20year.svg) no-repeat center center;
\n background-size: 100% auto;
\n }
\n */
\n .head-txt {
\n font-size: 11px;
\n line-height: 1;
\n font-weight: bold;
\n padding-left: 120px;
\n }
\n .headLnk_wrap {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headLnk_lst {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n margin-right: 20px;
\n }
\n .headLnk_lst li {
\n font-size: 13px;
\n line-height: 1.4;
\n font-weight: 500;
\n margin-right: 20px;
\n }
\n .headLnk_lst li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst li a span {
\n padding-left: 24px;
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr {
\n position: relative;
\n }
\n .headLnk_lst li.is-mbr a {
\n display: block;
\n cursor: pointer;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 25px;
\n }
\n .headLnk_lst li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/hd_recruit.png?1) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 17px;
\n background: url(/cmn4/img/hd_login.png?1) no-repeat center;
\n }
\n .headLg_wrap {
\n display: none;
\n position: absolute;
\n top: 33px;
\n left: -45px;
\n width: -webkit-calc(100% + 90px);
\n width: calc(100% + 90px);
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n z-index: 99999999;
\n }
\n .headLg_wrap.on {
\n display: block;
\n }
\n .headLg-lnk {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a {
\n display: block;
\n font-size: 11px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headLg-lnk a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .headLnk_lst.ver2 {
\n margin-right: 15px;
\n }
\n .headLnk_lst.ver2 li {
\n font-size: 10px;
\n line-height: 1;
\n margin-right: 13px;
\n }
\n .headLnk_lst.ver2 li:last-child {
\n margin-right: 0;
\n }
\n .headLnk_lst.ver2 li a span {
\n display: inline-block;
\n padding: 26px 0 0;
\n position: relative;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n left: 0;
\n right: 0;
\n top: 0;
\n transform: none;
\n margin: auto;
\n width: 20px;
\n height: 20px;
\n }
\n .headLnk_lst li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-service a span:before {
\n background: url(/cmn4/svg/icn_my_service.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-message a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-template a span:before {
\n background: url(/cmn4/svg/icn_my_txt.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?6) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_e {
\n border-left: 1px solid #e1e6ea;
\n padding: 0 10px 0 10px;
\n font-size: 12px;
\n line-height: 1.6;
\n }
\n .headLnk_btn {
\n width: 200px;
\n }
\n .headLnk_btn a {
\n box-sizing: border-box;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n -webkit-justify-content: center;
\n justify-content: center;
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 13px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_wrap {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst {
\n max-width: 1000px;
\n margin: 0 auto;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -ms-flex-wrap: nowrap;
\n flex-wrap: nowrap;
\n -webkit-box-pack: justify;
\n -ms-flex-pack: justify;
\n justify-content: space-between;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .headNav_lst > li {
\n width: 20%;
\n text-align: center;
\n position: relative;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:after {
\n display: block;
\n width: 1px;
\n height: 20px;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n background: #e1e6ea;
\n }
\n .headNav_lst > li:before {
\n content: '';
\n }
\n .headNav_lst > li:last-child:after {
\n content: '';
\n left: auto;
\n right: 0;
\n }
\n .headNav_lst > li a {
\n display: block;
\n font-size: 15px;
\n line-height: 1;
\n font-weight: bold;
\n padding: 17px 0 18px;
\n position: relative;
\n }
\n .headNav_lst > li > a {
\n cursor: pointer;
\n }
\n .headNav_inner {
\n display: none;
\n position: absolute;
\n top: 51px;
\n /*left: -30px;*/
\n left: 0;
\n width: 100%;
\n }
\n .headNav_inner.ver2 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 170px);
\n width: calc(100% + 170px);
\n }
\n .headNav_inner.ver3 {
\n /*left: -60px;*/
\n left: 0;
\n width: -webkit-calc(100% + 100px);
\n width: calc(100% + 100px);
\n }
\n .headNav_inner .h_lnk{
\n background: #fff;
\n border: 1px solid #e1e6ea;
\n border-top: none;
\n border-bottom: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 13px;
\n font-weight: 500;
\n line-height: 1.6;
\n padding: 15px;
\n position: relative;
\n }
\n .headNav_inner li a:before {
\n content: '';
\n display: block;
\n width: 4px;
\n height: 10px;
\n position: absolute;
\n right: 10px;
\n top: 50%;
\n transform: translateY(-50%);
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center;
\n background-size: auto 100%;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn {
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: center;
\n -ms-flex-pack: center;
\n justify-content: center;
\n width: 55px;
\n height: 55px;
\n background: #fff;
\n }
\n .sp_menu_btn .link {
\n width: 20px;
\n height: 2px;
\n position: relative;
\n }
\n .sp_menu_btn .link span {
\n display: block;
\n height: 0;
\n overflow: hidden;
\n padding: 2px 0 0 0;
\n background: #3C3A38;
\n }
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n content: \"\";
\n display: block;
\n position: absolute;
\n width: 20px;
\n height: 2px;
\n background: #3C3A38;
\n left: 0;
\n z-index: 10;
\n }
\n .sp_menu_btn .link:before {
\n top: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn .link:after {
\n bottom: -6px;
\n transition: all .4s;
\n }
\n .sp_menu_btn.on .link span {
\n background: transparent;
\n }
\n .sp_menu_btn.on .link:before {
\n top: 0;
\n transform: rotate(-135deg);
\n }
\n .sp_menu_btn.on .link:after {
\n transform: rotate(135deg);
\n bottom: 0;
\n }
\n @media (min-width: 896px) {
\n .headNav_lst > li > a:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n bottom: 0;
\n width: 100%;
\n height: 2px;
\n background: #1C4A40;
\n transition: all .3s;
\n transform: scale(0, 1);
\n transform-origin: center top;
\n }
\n .headNav_lst > li.on > a {
\n font-size: 15px;
\n color: #1C4A40;
\n }
\n .headNav_lst > li.on > a:before,
\n .headNav_lst > li > a:hover:before {
\n transform: scale(1, 1);
\n }
\n .headNav_lst > li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headNav_inner li a:hover:before {
\n right: 5px;
\n }
\n .headLnk_btn a:hover {
\n opacity: .7;
\n }
\n .headLnk_btn.myp a {
\n font-size: 11px;
\n }
\n .headLnk_lst li a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLnk_lst li.is-ec a:hover span:before {
\n background: url(/cmn4/img/hd_recruit_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mbr a:hover span:before {
\n background: url(/cmn4/img/hd_login_on.png?3) no-repeat center;
\n }
\n .headLnk_lst li.is-mypage a:hover span:before {
\n background: url(/cmn4/svg/icn_mypage_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-favorite a:hover span:before {
\n background: url(/cmn4/svg/icn_favorite_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-history a:hover span:before {
\n background: url(/cmn4/svg/icn_history_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-documents a:hover span:before {
\n background: url(/cmn4/svg/icn_documents_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-management a:hover span:before {
\n background: url(/cmn4/svg/icn_management_grn.svg?1) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headLnk_lst li.is-scout a:hover span:before {
\n background: url(/cmn4/svg/icn_my_mail_grn.svg?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-cubic a:hover span:before {
\n background: url(/cmn4/svg/icn_cubic_grn.svg?3) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_e a:hover {
\n color: #1C4A40;
\n text-decoration: none;
\n }
\n .headLg-lnk a:hover:before {
\n right: 5px;
\n }
\n .sp_menu_btn {
\n width: 16px;
\n height: 20px;
\n border-left: 1px solid #e1e6ea;
\n padding-left: 20px;
\n margin-left: 20px;
\n cursor: pointer;
\n transition: opacity .4s ease-out,all .4s ease-out;
\n }
\n .sp_menu_btn .link span,
\n .sp_menu_btn .link:before,
\n .sp_menu_btn .link:after {
\n width: 16px;
\n background: #1C4A40;
\n }
\n .sp_menu_btn:hover {
\n opacity: .7;
\n }
\n header.anima {
\n position: fixed;
\n animation: DownAnime 0.5s forwards;
\n }
\n header {
\n position: absolute;
\n }
\n header.is-active {
\n animation: UpAnime 0.5s forwards;
\n margin-top: -111px;
\n }
\n @keyframes DownAnime{
\n from {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }
\n @keyframes UpAnime{
\n from {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n to {
\n opacity: 0;
\n transform: translateY(-111px);
\n }
\n }
\n }
\n @media only screen and (max-width: 896px) {
\n body {
\n font-size: 13px;
\n min-width: 320px;
\n width: 100%;
\n min-height: -webkit-fill-available;
\n padding-top: 55px;
\n }
\n .c-wrap,
\n .c-wrap.ver2,
\n .c-wrap.ver3 {
\n width: 100%;
\n }
\n .c-pc {
\n display: none;
\n }
\n .c-pc-in {
\n display: none;
\n }
\n .c-sp {
\n display: block;
\n }
\n .c-sp-in {
\n display: inline;
\n }
\n .b_btn {
\n border-radius: 2px;
\n max-width: 100%;
\n }
\n .b_btn a {
\n border-radius: 2px;
\n height: 50px;
\n font-size: 16px;
\n }
\n /*オレンジ系 無料*/
\n .b_btn.or a {
\n background: #E05E00;
\n }
\n .b_btn.or a span {
\n padding: 0 70px 0 0;
\n }
\n .b_btn.or a span:before {
\n height: 26px;
\n width: 56px;
\n line-height: 26px;
\n font-size: 16px;
\n margin: -13px 0 0 0;
\n }
\n .b_btn.or2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk a {
\n height: 40px;
\n font-size: 14px;
\n }
\n .b_btn.blk2 a {
\n height: 40px;
\n font-size: 14px;
\n }
\n header {
\n /* border-bottom: none; */
\n }
\n /*header.on {
\n box-shadow: 0 0 4px rgb(0 0 0 / 20%);
\n }*/
\n header.on_lg {
\n transition: none;
\n background: #fff !important;
\n }
\n .header {
\n height: 55px;
\n padding: 0;
\n -webkit-box-align: center;
\n -ms-flex-align: center;
\n align-items: center;
\n }
\n .head_logo {
\n width: 92px;
\n padding-left: 20px;
\n }
\n .head-logo img {
\n width: 92px;
\n height: auto;
\n }
\n .head-logo .is-20th {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -10px 0 0 0;
\n }
\n .head-logo .is-20th img {
\n width: 100%;
\n height: auto;
\n }
\n /*
\n .head-logo:after {
\n right: -80px;
\n width: 70px;
\n height: 20px;
\n margin: -12px 0 0 0;
\n }
\n */
\n .headLnk_lst {
\n margin-right: 0;
\n }
\n .headLnk_lst li {
\n font-size: 12px;
\n margin-right: 0;
\n }
\n .headLnk_lst li a {
\n display: block;
\n width: 48px;
\n height: 40px;
\n }
\n .headLnk_lst li a span {
\n display: block;
\n padding: 24px 0 0;
\n }
\n .headLnk_lst li.is-mbr a span {
\n padding-left: 0;
\n }
\n .headLnk_lst li a span:before {
\n left: 0;
\n right: 0;
\n margin: auto;
\n top: 6px;
\n transform: none;
\n }
\n .headLnk_lst li.is-ec a span:before {
\n width: 17px;
\n height: 19px;
\n background: url(/cmn4/img/sp/hd_recruit.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLnk_lst li.is-mbr a span:before {
\n width: 15px;
\n height: 15px;
\n background: url(/cmn4/img/sp/hd_login.png?1) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headLg_wrap {
\n position: fixed;
\n top: 55px;
\n left: 0;
\n width: -webkit-calc(100%);
\n width: calc(100%);
\n border-bottom: 0;
\n }
\n .headLg_wrap.on {
\n display:-webkit-box;
\n display:-ms-flexbox;
\n display:flex;
\n }
\n .headLg-lnk {
\n width: 50%;
\n }
\n .headLg-lnk a {
\n display: block;
\n position: relative;
\n width: 100% !important;
\n height: 100% !important;
\n box-sizing: border-box;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headLg-lnk:last-child a {
\n border-right: 0;
\n }
\n .head_bg.on {
\n position: fixed;
\n left: 0;
\n top: 0;
\n width: 100%;
\n height: 100%;
\n z-index: 999998;
\n background: #3C3A38;
\n opacity: 0.6;
\n }
\n .headLnk_lst.ver2 {
\n padding: 0 5px;
\n margin: 0;
\n border-top: 1px solid #e1e6ea;
\n width: 100%;
\n box-sizing: border-box;
\n }
\n .headLnk_lst.ver2 li {
\n margin-right: 0;
\n width: 17%;
\n text-align: center;
\n font-feature-settings: \"palt\";
\n -webkit-font-feature-settings: \"palt\";
\n }
\n .headLnk_lst.ver2 li.is-scout {
\n width: 14%;
\n }
\n .headLnk_lst.ver2 li.is-mypage ,
\n .headLnk_lst.ver2 li.is-documents ,
\n .headLnk_lst.ver2 li.is-cubic {
\n width: 18%;
\n }
\n .headLnk_lst.ver2 li a {
\n width: 100%;
\n height: 55px;
\n }
\n .headLnk_lst.ver2 li a span {
\n padding: 35px 0 0 0;
\n }
\n .headLnk_lst.ver2 li.is-cubic a span {
\n padding: 29px 0 0 0;
\n }
\n .headLnk_lst.ver2 li a span:before {
\n top: 8px;
\n width: 18px;
\n height: 18px;
\n }
\n .headNav_wrap {
\n display: none;
\n position: fixed;
\n top: 55px;
\n right: 0;
\n overflow-y: auto;
\n padding: 0 10px 25px;
\n width: 100%;
\n box-sizing: border-box;
\n height: -webkit-calc(100dvh - 55px);
\n height: calc(100dvh - 55px);
\n background: #FFF;
\n z-index: 9999;
\n border-top: none;
\n }
\n .headNav_lst {
\n display: block;
\n }
\n .headLnk_btn {
\n width: 100%;
\n }
\n .headLnk_btn a {
\n width: 100%;
\n background: #E05E00;
\n color: #fff;
\n font-size: 12px;
\n text-decoration: none;
\n font-weight: 500;
\n height: 40px;
\n border-radius: 4px;
\n }
\n .headNav_lst > li {
\n width: 100%;
\n text-align: left;
\n border-bottom: 1px solid #e1e6ea;
\n border-left: 1px solid #e1e6ea;
\n border-right: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:first-child {
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst > li:before,
\n .headNav_lst > li:last-child:after {
\n content: none;
\n }
\n .headNav_lst > li > a {
\n font-size: 14px;
\n padding: 16px 15px;
\n background: url(/cmn4/svg/arw_r.svg) no-repeat center right 15px;
\n background-size: auto 10px;
\n }
\n .headNav_lst > li:nth-child(4) {
\n margin-top: 25px;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_lst.ver2 {
\n margin-bottom: 25px;
\n }
\n .headNav_lst.ver2 > li:nth-child(4) {
\n margin-top: 0;
\n border-top: none;
\n }
\n .headNav_lst.ver2 li a span {
\n display: inline-block;
\n position: relative;
\n padding: 0 0 0 30px;
\n }
\n .headNav_lst.ver2 li a span:before {
\n content: '';
\n display: block;
\n position: absolute;
\n left: 0;
\n top: 50%;
\n transform: translateY(-50%);
\n width: 20px;
\n height: 20px;
\n }
\n .headNav_lst.ver2 li.is-mypage a span:before {
\n background: url(/cmn4/svg/icn_mypage.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-favorite a span:before {
\n background: url(/cmn4/svg/icn_favorite.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-history a span:before {
\n background: url(/cmn4/svg/icn_history.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-documents a span:before {
\n background: url(/cmn4/svg/icn_documents.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-management a span:before {
\n background: url(/cmn4/svg/icn_management.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_lst.ver2 li.is-scout a span:before {
\n background: url(/cmn4/svg/icn_my_mail.svg) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_lst.ver2 li.is-cubic a span:before {
\n background: url(/cmn4/svg/icn_cubic.svg?4) no-repeat center;
\n background-size: 100% auto;
\n }
\n .headNav_inner {
\n display: block;
\n position: relative;
\n top: auto;
\n left: auto;
\n width: 100%
\n }
\n .headNav_inner.ver2 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner.ver3 {
\n left: auto;
\n width: 100%;
\n }
\n .headNav_inner .h_lnk{
\n border: none;
\n }
\n .headNav_inner li {
\n width: 100%;
\n text-align: left;
\n border: none;
\n border-top: 1px solid #e1e6ea;
\n }
\n .headNav_inner li a {
\n font-size: 14px;
\n line-height: 1.4;
\n padding: 16px 25px 16px 15px;
\n background: #f4f6f7;
\n padding-left: -webkit-calc(15px + 1em);
\n padding-left: calc(15px + 1em);
\n }
\n .headNav_inner li a:before {
\n width: 4px;
\n height: 8px;
\n right: 15px;
\n background: url(/cmn4/svg/arw2_r.svg) no-repeat center;
\n background-size: auto 100%;
\n }
\n .headNav_btn {
\n padding-top: 25px;
\n }
\n .headNav_btn li {
\n margin-bottom: 20px;
\n }
\n .headNav_btn li:last-child {
\n margin-bottom: 0;
\n }
\n .headNav_lst > li.headerjs > a {
\n background: #fff;
\n }
\n .headerjs > a:before,
\n .headerjs > a:after {
\n position: absolute;
\n content: \"\";
\n display: block;
\n transition: all 0.4s;
\n background: #e1e6ea;
\n right: 10px;
\n top: 50%;
\n width: 10px;
\n height: 2px;
\n border-radius: 4px;
\n transform: translate(-50%, -50%);
\n }
\n .headerjs > a:before {
\n transform: translate(-50%, -50%) rotate(90deg);
\n }
\n .headerjs.tgl > a:before {
\n transform: translate(-50%, -50%) rotate(0deg);
\n }
\n .headNavLogin_wrap {
\n margin: 0 -10px 15px -10px;
\n display: -webkit-flex;
\n display: -webkit-box;
\n display: -ms-flexbox;
\n display: flex;
\n -webkit-box-align: center;
\n -webkit-align-items: center;
\n -webkit-flex-align: center;
\n align-items: center;
\n -webkit-box-pack: space-between;
\n -ms-flex-pack: space-between;
\n -webkit-justify-content: space-between;
\n justify-content: space-between;
\n background: #f4f6f7;
\n padding: 10px 25px;
\n }
\n .headNavLogin-name {
\n line-height: 1.7;
\n font-size: 12px;
\n }
\n .headNavLogin-name span {
\n font-size: 15px;
\n font-weight: bold;
\n padding: 0 5px 0 0;
\n }
\n .headNavLogin-out a {
\n font-size: 10px;
\n font-weight: bold;
\n }
\n
\n }
\n @media only screen and (max-width: 374px) {
\n .b_btn a {
\n font-size: 14px;
\n }
\n .b_btn.or a span:before {
\n font-size: 14px;
\n }
\n .b_btn.or2 a {
\n font-size: 13px;
\n }
\n }
\n
\n
\r\n
\r\n
\r\n
\n
\n
\nwindow.yjDataLayer = window.yjDataLayer || [];
\nfunction ytag() { yjDataLayer.push(arguments); }
\nytag({\"type\":\"ycl_cookie\"});
\n
\n
\n
\n
\n(function(g,d,o){
\n g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
\n var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
\n var s=d.createElement('script');s.async=1;
\n s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
\n var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
\n })(window, document);
\n_lt('init', {
\n customerType: 'lap',
\n tagId: '582ad4a0-ee6a-4e4c-916e-b3349762a759'
\n});
\n_lt('send', 'pv', ['582ad4a0-ee6a-4e4c-916e-b3349762a759']);
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window,document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\n fbq('init', '1012741055733343');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n
\n!function(f,b,e,v,n,t,s)
\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};
\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
\nn.queue=[];t=b.createElement(e);t.async=!0;
\nt.src=v;s=b.getElementsByTagName(e)[0];
\ns.parentNode.insertBefore(t,s)}(window, document,'script',
\n'https://connect.facebook.net/en_US/fbevents.js');
\nfbq('init', '1645008882503234');
\nfbq('track', 'PageView');
\n
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\ntwq('config','ody25');
\n
\n
\n
\n
\n
\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
\n// Insert Twitter Pixel ID and Standard Event data below
\ntwq('init','o88fj');
\ntwq('track','PageView');
\n
\n\r
\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
\r\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
\r\n})(window,document,'script','dataLayer','GTM-K88WZWL');
\r\n
\r\n
\n
\n
\n
\n window.dataLayer = window.dataLayer || [];
\n function gtag(){dataLayer.push(arguments);}
\n gtag('js', new Date());
\n gtag('config', 'AW-1027762985', {'allow_enhanced_conversions': true});
\n gtag('config', 'UA-23424278-1');
\n gtag('config', 'G-D4Z9Q5XETP');
\n
\n
\n
\n
\n
\n
\n(function() {
\n var didInit = false;
\n function initMunchkin() {
\n if(didInit === false) {
\n didInit = true;
\n Munchkin.init('500-WYG-973', { 'asyncOnly': true, 'disableClickDelay': true });
\n }
\n }
\n var s = document.createElement('script');
\n s.type = 'text/javascript';
\n s.async = true;
\n s.src = '//munchkin.marketo.net/munchkin.js';
\n s.onreadystatechange = function() {
\n if (this.readyState == 'complete' || this.readyState == 'loaded') {
\n initMunchkin();
\n }
\n };
\n s.onload = initMunchkin;
\n document.getElementsByTagName('head')[0].appendChild(s);
\n})();
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 中途採用をお考えの企業さまへ
\n ログイン
\n
\n マイページログイン
\n eコンシェルログイン
\n
\n
\n
\n 転職相談サービスお申し込み
\n
\n
\n
\n 求人を探す
\n
\n 転職相談サービス
\n
\n
\n 転職相談サービスの内容と流れ
\n 履歴書・職務経歴書作成ツール
\n CUBIC適性検査
\n 転職コンシェルジュ®紹介
\n eコンシェル
\n 転職エージェントとは
\n
\n
\n
\n
\n 転職お役立ち情報
\n
\n
\n 転職セミナー情報
\n 【企業別】採用選考ポイント
\n 転職・仕事の調査データ【転職希望者編】
\n 転職・仕事の調査データ【採用担当者編】
\n
\n
\n
\n
\n 会社情報
\n
\n
\n 面談拠点一覧（アクセス）
\n 会社概要
\n ブランドサイト
\n
\n
\n
\n
\n お問い合わせ
\n
\n
\n 転職希望者さま
\n 中途採用ご担当者さま
\n その他のお問い合わせ
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n TOP
\n 求人検索
\n 求人検索結果一覧
\n
\n
\n {
\n \"@context\": \"https://schema.org\",
\n \"@type\": \"BreadcrumbList\",
\n \"itemListElement\": [{
\n \"@type\": \"ListItem\",
\n \"position\": 1,
\n \"name\": \"転職エージェントなら【ワークポート 転職エージェント】\",
\n \"item\": \"https://www.workport.co.jp/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 2,
\n \"name\": \"求人検索\",
\n \"item\": \"https://www.workport.co.jp/all/search/\"
\n },
\n {
\n \"@type\": \"ListItem\",
\n \"position\": 3,
\n \"name\": \"求人検索結果一覧\"
\n }]
\n }
\n (2024年12月24日 現在)
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-13.17.11.png\")
公式サイトより引用：https://www.green-japan.com/
\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【Green】株式会社アトラエが運営する、IT業界に特化した転職サイト。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tベンチャー気質のある企業が比較的多く掲載。未経験でもOKな求人も多く保有。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t| 運営会社 | \n株式会社アトラエ | \n
| 公開求人数 | \n29,154件 | \n
| 平均単価 | \n– | \n
| マージン率 | \n非公開 | \n
| 対応地域 | \n日本全国 | \n
| 働き方 | \nIT・Web系スタートアップや外資系企業の求人が豊富。フルリモートの求人多数 | \n
※2023年7月1日時点・公式ホームページより参照（公式：https://www.green-japan.com/）
\nGreenは、IT・Web業界特化型の転職サイトです。
\nGreenには、以下のような特徴があります。
\nGreenはIT・Web業界に特化した転職サイトですが、求人で募集している職種の種類は多岐にわたります。
\nIT業界で転職したいエンジニアはもちろん、マーケターや事務職の求人を探している人にもおすすめです。
\n業界最大級の規模を誇る豊富な案件の中から、「残業少なめ」や「フルリモート」といったこだわり条件でも求人を検索できます。
\n\n\t\n\t\t\tGreenでは、スタートアップや外資系企業、上場企業などさまざまな企業の求人を掲載しています。
\nこのような人におすすめの転職サイトです。
\n\n\t\n\t\t\tGreenのメリットは、応募したい企業の雰囲気がつかみやすいという点です。
\n気になる企業があっても、どんな会社なのかわかりづらいと心理的なハードルが高くなってしまいますよね。
\nGreenでは、以下のような仕組みで応募先企業の雰囲気を把握できるようになっています。
\nGreenに掲載されている求人情報についている「気になる」ボタンを押すと企業に通知され、あなたが求人に興味を持っていることを相手企業に伝えられます。
\nマッチングするとメッセージのやり取りができるようになり、お互いにより興味を持つと面談に進みます。
\n\n\t\n\t\t\t企業の担当者と気軽にやりとりしたり質問したりすることで、不明点を解消でき、安心して選考に進むことができます。
\n求人ページには詳細やPR、社員インタビューが掲載されているので、応募前にじっくりと情報収集できるのもメリットです。
\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/01/スクリーンショット_2023-01-18_16_06_58.png\")
公式サイトより引用：https://www.green-japan.com/
\n応募先企業の現役社員の声も掲載されているので、求人情報だけでは得られない情報も知ることができます。
\n\n\t\n\t\t\tGreenは、IT・Web業界経験者であれば職種未経験でもOKな求人を扱っています。
\n\n\t\n\t\t\tたとえば、以下のような人におすすめです。
\nキャリアチェンジして新しいことに挑戦してみたい人や、これまでの経験を活かしてスキルの幅を広げたい人におすすめの転職サイトです。
\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【Green】株式会社アトラエが運営する、IT業界に特化した転職サイト。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tベンチャー気質のある企業が比較的多く掲載。未経験でもOKな求人も多く保有。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/07/Recruit_Agent_LP.png\")
\n
リクルートエージェントは、多くの求職者が利用している大手総合型転職エージェントです。
\nIT企業の取り扱いも多く、転職するならまずはリクルートエージェントへの登録がおすすめです。
\n| 求人数 | \n公開求人 407,991件 \n非公開求人 300,373件 | \n
| エンジニア | \n121,749件 | \n
| マーケティング | \n44,638件 | \n
| セールス | \n21,401件 | \n
| Webデザイナー | \n760件 | \n
| ライター | \n688件 | \n
| Webディレクター | \n1,265件 | \n
\nIT系の求人数（2023年7月現在、各職種の該当検索数）
登録すれば非公開案件も見られるようになるため、自分にあった企業を紹介してもらいやすいです。
\n現在は電話面談やオンライン面談も可能なほか、IT未経験の求人も充実しています。
\nアドバイザーの質にばらつきがあるというデメリットもありますが、申し出れば担当アドバイザーの変更も可能です。
\n登録すると
\nなど、自分の状況に合ったサポートを受けることが可能です。
\n3分ほどで無料登録することができるので、ぜひ一度相談してみましょう！
\n\nリクルートエージェント公式： https://www.r-agent.com/
\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【リクルートエージェント】とにかく求人が豊富！最初に登録するべき転職エージェント\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tとにかく求人数の多い大手エージェント。幅広い選択肢の中から求人を探すことができます。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/se_未経験6.png\")
\n\t\t\t
\n\t\t\t\n\t\t\tプログラミング学習では、オリジナルのポートフォリオが必須なんですよね。
\nただ、独学でゼロからやろうとすると、相当時間がかかりますし、9割がた挫折します。
\n\n\t\n\t\t\t独学でやってみて、つらかったこととしては、こんな感じです。
\n僕の場合は、プログラミングスクールを経営している友達がいたので、彼に途中からメンターに入ってもらったのですが、かなり学習効率が上がりました。
\n一気に効率的に学習できるようになり上達しました。
\nなので、今独学で躓いていたり、効率的に学びたい人は、最初からプログラミングスクールを利用してみてもいいかもしれません。
\n\n特に、未経験からSE転職したい方におすすめのプログラミングスクールは以下です。
\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2020/08/tech.jpg\")
\n\n\t\t2023年7月 TechAcademy公式サイトより引用
\n\t\t\t\t\t\t\n\t\t\t\t\t| 学習言語 | \nRuby, Ruby on Railsなどのサーバーサイド言語, HTML5/CSS3, Bootstrap, Git/Github | \n
| 受講場所 | \n完全オンライン | \n
| 期間 | \n4週間〜 | \n
| 講師 | \n現役エンジニア | \n
| 主なサポート | \n・毎日の毎日15時〜23時のチャットサポート \n・週2回のマンツーマンメンタリング（最初の週のみメンタリングは週1回） \n・回数無制限の課題レビュー | \n
| 料金 | \n 社会人:￥185,900(税込)〜 \n学生:￥174,900(税込)〜 | \n
| 全額返金保証 | \nなし | \n
| 転職紹介 | \n受講生限定のスカウトサイト | \n
\n\t\t\tTechAcademyは、完全オンラインのプログラミングスクールです。
\n特に、お手頃な価格でWeb系プログラミングを学びたい人におすすめです！
\nTechAcademyで無料体験する\n\n\t\n\t\t\tTechacademyの場合は、講師が完全にマンツーマンです。
\nような手厚いサポートを受けることが出来ます！
\nRuby on Railsコースでは、最終的に3つのアプリケーションのリリースを目指します。
\n\n\t\n\t\t\tエラーが出て困っても、チャットツールで質問すればOK。24時間以内に返信してくれます！
\n\n\t\n\t\t\tまた、未経験の人は「何を質問していいか分からない」「どこからわかってないかすら分からない」状態で、なかなかテキストで質問しにくいことも多いです。
\n\n\t\n\t\t\t\n\t\t\t\n\n\nテックアカデミーを受講中なんですけど、個人的に1番嬉しいサポートが、slackでいつでも聞けるチャットサービスです。
\nメンターの方が秒速で答えてくれるので、わからなくてイライラしてプログラミングが嫌になるということがないです。
\nエラーを怖いと思わないんですよね。
\n
この効果は大きいです😌— TR (@tr_logs) October 2, 2018
TechAcademyのカリキュラム、実はオリジナルアプリ作成のサポートまでやっています。
\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/07/スクリーンショット-2023-07-05-15.08.52.png\")
ここで実際にオリジナルアプリを作っていきます。
\nここで作ったアプリは、そのままポートフォリオとして転職活動に活かせます。
\n特に転職活動のためのポートフォリオは超重要で、これがないと転職活動ができないといっても過言ではありません。
\n\n\t\n\t\t\t\n\n\nテックアカデミー受講１０４日目
\nTwitter更新するのめちゃめちゃ忘れてました😓
\n就活のためのオリジナルポートフォリオを作っていきます！
\nユーザ登録ログイン機能、お気に入りに登録機能などがついた掲示板をPHPとJavaScriptを使って作っていきます！#駆け出しエンジニアとつながりたい
\n— こうだい@プログラミング (@koudai_job) July 12, 2020
ということで、Techacademyの総合評価はこちらです。
\n| サポートの質 | \n★★★★★（5.0） | \n
| 講師の質 | \n★★★★☆（4.0） | \n
| カリキュラムのレベル | \n★★★☆☆（3.0） | \n
| 転職支援の質 | \n★★★☆☆（2.0） | \n
| 価格の安さ | \n★★★★★（5.0） | \n
| 総合点 | \n★★★★☆（3.8） | \n
個人的には、サービスもしっかりしていて、比較的値段も安いので、
\nという方にはTechacademyがおすすめです。
\n\n公式サイト：https://techacademy.jp/
\n
\nレビュー記事：【体験談】TechAcademy（テックアカデミー）の評判を徹底解説【転職やメンターはどう？】※更新情報 2023年7月4日時点、TechAcademyでは3つの特別割引プランがあります。
\n①『先割』受講料5%OFF：対象プランに先行申し込みで適応
\n②『トモ割』10,000円割引：同僚や友人が一緒に受講される場合に適応
\n（別々のコースになっても割引は適用されます）
\n③ 『複数コースセット割引』：Webアプリ＋フロントエンド/Webデザインのセットで申し込むと、普通に学ぶ場合よりも最大138,000円もお得に！
無料体験に申し込むと、
\nという特典があるので、まずは公式サイトから無料体験を受講してみるのがおすすめです！
\n＼ 30秒で学習スタート！／
\n無料体験はこちら\n![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/07/SE-未経験_見出し_未経験からSEを目指す際のポイント.png\")
未経験からSEを目指す際は、以下のポイントに留意しましょう。
\nそれぞれのポイントについて詳しく説明するので、効率的な転職を目指すために参考にしてみてください。
\n未経験からのSE転職では、複数の転職エージェントを活用することがおすすめです。
\n扱っている案件のタイプは転職エージェントによっても異なるため、1つのエージェントだけだと条件の良い求人を見逃してしまう可能性があります。
\n\n\t\n\t\t\tワークポートやリクルートエージェントに登録したうえで、担当者には希望の条件について詳しく伝えておくことが大切です。
\nSEと一言でいっても、Webエンジニアやインフラエンジニアなど種類はさまざま存在しています。
\n制作物のタイプも企業によって異なるので、将来的にどのような仕事をしたいのか定めておきましょう。
\n\n\t\n\t\t\t目標が決まっていないと、スキルを学ぶ際に必要のない項目を選択してしまい、無駄な時間が発生してしまう可能性もあります。
\n最短でエンジニアとして未経験転職したいなら、業種や制作物のタイプなど事前の明確なゴール設定が重要です。
\n将来の目標が定ったら、あとは必要なスキルを学んでいきましょう。
\n例えば、Webアプリの制作を行いたいのであれば、JavascriptやPHPなどの習得が必要です。
\n合わせて、言語ごとのフレームワークや保守・メンテナンスの知識もいるため、順番に学んでいってください。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/07/SE-未経験_見出し_未経験からSEを目指すために身につけるべきスキル.png\")
未経験からSEを目指すために身につけるべきスキルは以下の4つです。
\nどのようなスキルが必要になるのか詳しくみていきましょう。
\nSEにとって特に不可欠なのが、言語や情報処理などITの基本的な知識です。
\nそもそも、入社後に社内や社外の方と打ち合わせをする際、話についていけないと仕事を任せてもらえません。
\n未経験からだと習得するまで時間がかかりますが、まずは入門書からスタートして徐々に知識を身につけていくことがおすすめです。
\n\n\t\n\t\t\tSEは顧客にヒアリングした要件をもとにして、アプリやシステムを設計・開発することが業務内容です。
\nメンテナンスのしやすさなども考慮しながら、事前の要望通りにアプリやシステムを動かすためには、論理的にプログラムを組む能力が必要になります。
\nまたトラブルが発生した際は、原因分析をもとにした課題解決能力が求められます。
\n\n\t\n\t\t\t要件定義から設計や運用までを担当するSEにはマネジメントスキルが求められます。
\n\n\t\n\t\t\t目標を定める意思決定力やトラブルが発生した際に適切に対処するための問題解決能力などをもとにチームを導いていけるようにしましょう。
\nマネジメントスキルは一朝一夕で身につくものではないので、現在の職業で触れる機会があれば積極的に研鑽していくことをおすすめします。
\nSEとして働きたい場合、コミュニケーション能力も注目されるので身につけおくことが大切です。
\n顧客のなかには、ITについての理解が深くない人もいます。
\n要望について適切に把握して機能の構築を行うために、特に傾聴力は身につけておくことがおすすめです。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/07/SE-未経験_見出し_未経験のSEにおすすめの言語.png\")
未経験からSEに挑戦する場合、なるべく需要の高い言語を習得することがおすすめです。
\n需要が高い言語であれば、求人が豊富であるため未経験でも選択肢が増えます。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/07/スクリーンショット-2023-07-04-13.26.52.png\")
\n
プログラミング言語は複数ありますが、特にPythonの人気が高いです。
\nPythonは注目度の高い機械学習開発やWebサービス開発なども可能な汎用性の高い言語であるため、さまざまな業界に挑戦しやすいです。
\nただし、学習難易度は比較的高いため、初心者にとっては習得が困難というデメリットもあります。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/se_未経験7.png\")
\n\t\t\t\n\t\t\t基本的に未経験の職種は、年齢が上がるにつれて転職の難易度は高くなっていきます。
\n\n\t\n\t\t\t20代前半だと、スキル習得への意欲などをもとにポテンシャル採用でSEに転職できることが多いです。
\n20代前半の場合、新卒でSEとして勤務している方でも、SEとしての経験やスキルは少ない段階です。
\nなので、スキルや経験がなくてもポテンシャルや積極性を強みにできれば、十分転職が可能です。
\n\n\t\n\t\t\t20代後半や30代からSEに転職するには、ポテンシャルや積極性だけでなく、トレンドへの理解やある程度のスキルが必要になります。
\nここまで年齢が上がってくると、新卒からSEとして勤務している方は、スキルや実務経験がある人が増えてくるため、ポテンシャルだけだとアピールポイントが少なくなります。
\n\n\t\n\t\t\t40代からSEとして内定を得るには、即戦力として活躍できるぐらいの高いスキルが必要になります。
\n新卒からSEとして勤務されている方の中には色々な実務経験を積み、即戦力として働いている方が増えてくるので、教育を前提としたポテンシャル採用は難しいです。
\n\n\t\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/se_未経験3.png\")
\n\t\t\t\n\t\t\tまず、SEに向いている人の特徴は以下の通りです。
\n\n\t\t\t次に、SEに向いていない人の特徴は以下の通りです。
\n\n\t\t\t![\"\"](\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2022/01/まとめ.png\")
今回は未経験からSEに転職する方法について解説しました。
\n\n\t\n\t\t\t未経験からSEに転職するステップは以下の通りです。
\n\n\t\t\n\t\t\t\n\t\t\n\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【ワークポート】IT業界へ未経験から転職する人向け\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIT業界・ゲーム業界に強い転職エージェント！未経験OK・第二新卒向け求人まで幅広く扱っています。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【Green】株式会社アトラエが運営する、IT業界に特化した転職サイト。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tベンチャー気質のある企業が比較的多く掲載。未経験でもOKな求人も多く保有。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【リクルートエージェント】とにかく求人が豊富！最初に登録するべき転職エージェント\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tとにかく求人数の多い大手エージェント。幅広い選択肢の中から求人を探すことができます。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\n\t\t\n\n\t\t\t\t\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\tおすすめサービス\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t【TechAcademy】価格重視でエンジニア転職を目指すなら\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tわずか￥174,900で学べる、優良プログラミングスクール。メンターの対応が丁寧と評判。オリジナルアプリ作成のサポートまで対応。\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
未経験からSEに転職する方法を徹底解説します。仕事内容・年収・将来性から学習手順やポートフォリオ、エージェント活用まで網羅します。スクール選びやおすすめ転職エージェントも解説します。
\n","protected":false},"author":1,"featured_media":7026,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[203],"tags":[],"class_list":["post-12511","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-career"],"aioseo_notices":[],"meta_description":"未経験からSEに転職する方法を徹底解説します。仕事内容・年収・将来性から学習手順やポートフォリオ、エージェント活用まで網羅します。スクール選びやおすすめ転職エ...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/12511","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=12511"}],"version-history":[{"count":9,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/12511/revisions"}],"predecessor-version":[{"id":94261,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/12511/revisions/94261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media/7026"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=12511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=12511"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=12511"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}