PageSourceSearch
Opt out API access

https://job-score.jp/search_recruitment/

html job-score.jp collected 2026-09-24 12:46:53 UTC 55,034 bytes, 918 lines download raw bytes 

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<!--<meta charset="utf-8">-->
5<!--<meta name="viewport" content="width=device-width" />-->
6<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7<meta name="format-detection" content="telephone=no">
8<!-- [START] header_required.php -->
9<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
10<meta name="viewport" content="width=device-width" />
11<title>求人情報検索-地元転職・就職も兵庫の優良企業ならJOBSCORE（ジョブスコア）</title>
12<meta name="description" content="JOBSCORE（ジョブスコア）の求人情報検索ページです。兵庫県・神戸市・姫路市などで安心・安定して転職したい就職したいという方が、迷いなく優良企業・いい会社を見つけることができます。あなたにピッタリの求人・企業を探して、応募してみましょう！" />
13<!-- ogp　設定ここから -->
14<meta property="og:title" content="求人情報をみつける" >
15<meta property="og:type" content="article">
16<meta property="og:description" content="JOBSCORE（ジョブスコア）の求人情報検索ページです。兵庫県・神戸市・姫路市などで安心・安定して転職したい就職したいという方が、迷いなく優良企業・いい会社を見つけることができます。あなたにピッタリの求人・企業を探して、応募してみましょう！" />
17<meta property="og:url" content="https://job-score.jp/search_recruitment/" >
18<meta property="og:image" content="https://job-score.jp/files/5217/8237/6313/jobscore_top_202606.jpg" >
19<meta property="og:site_name" content="JOBSCORE" >
20<meta property="og:locale" content="ja_JP" >
21<!-- ogp　設定ここまで -->
22

23<script type="text/javascript">
24var CCM_DISPATCHER_FILENAME = '/index.php';�var CCM_CID = 401;�var CCM_EDIT_MODE = false;�var CCM_ARRANGE_MODE = false;�var CCM_IMAGE_PATH = "/concrete/images";
25var CCM_TOOLS_PATH = "/index.php/tools/required";
26var CCM_BASE_URL = "https://job-score.jp";
27var CCM_REL = "";
28var CCM_PKG_TOOLS_PATH = "/packages/rrh4/tools/required";
29//var CCM_PKG_TOOLS_PATH = "C:\htdocs\jobscore/packages/rrh4/tools/required";
30
31</script>

31
32
33	<link rel="shortcut icon" href="/files/7417/1202/4817/js_favicon.png" type="image/x-icon" />
34	<link rel="icon" href="/files/7417/1202/4817/js_favicon.png" type="image/x-icon" />
35<link rel="stylesheet" type="text/css" href="/concrete/css/ccm.base.css" />

36<script type="text/javascript" src="/concrete/js/jquery.js?mtime=0"></script>
vendor: 1 bytes, line 36
36

37<script type="text/javascript" src="/concrete/js/ccm.base.js?mtime=0"></script>

37
38<link rel="preconnect" href="https://fonts.googleapis.com">
39<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 
41<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 
42<link rel="stylesheet" href="/assets//lib/bootstrap-icons/bootstrap-icons.css">
43<link rel="stylesheet" href="/assets//lib/js/slick/slick.css">
44<link rel="stylesheet" href="/assets//lib/js/slick/slick-theme.css">
45<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/tom-select.css" rel="stylesheet">
46<style type="text/css">
47/* Wait for a Vue component to mount */
48#app[v-cloak] { display: none; }
49/* Bootstrap CardLayout Trimming */
50.card .card-img-top.card-img-trim {
51  position: relative;
52}
53.card .card-img-top.card-img-trim::before {
54  content: "";
55  display: block;
56  padding-bottom: calc(9 / 16 * 100%);
57}
58.card .card-img-top.card-img-trim img {
59  position: absolute;
60  top: 50%;
61  left: 50%;
62  transform: translate(-50%, -50%);
63  width: 100%;
64  height: 100%;
65  object-fit: cover;
66}
67/* LogoImage Trimming */
68.col-auto.company-logo-container {
69  position: relative;
70}
71.col-auto.company-logo-container::before {
72  content: "";
73  display: block;
74  width: 60px;
75  height: 60px;
76}
77.col-auto.company-logo-container img {
78  position: absolute;
79  top: 50%;
80  left: 50%;
81  transform: translate(-50%, -50%);
82  width: 100%;
83  height: 100%;
84  object-fit: cover;
85}
86/* Common Trimming */
87.image-cropping-container {
88  position: relative;
89}
90.image-cropping-container::before {
91  content: "";
92  display: block;
93}
94.image-cropping-container img {
95  position: absolute;
96  top: 50%;
97  left: 50%;
98  transform: translate(-50%, -50%);
99  width: 100%;
100  height: 100%;
101  object-fit: contain;
102}
103.image-cropping-container.ratio-16x4_5::before {
104  padding-bottom: calc(4.5 / 16 * 100%);
105}
106.image-cropping-container.ratio-16x7::before {
107  padding-bottom: calc(7 / 16 * 100%);
108}
109.image-cropping-container.ratio-16x9::before {
110  padding-bottom: calc(9 / 16 * 100%);
111}
112.image-cropping-container.ratio-1x1::before {
113  padding-bottom: 100%;
114}
115.col-thumbnail {
116  width: 32px;
117  height: 32px;
118  object-fit: cover;
119}
120.search-loader {
121  position: absolute;
122  width: 100%;
123  height: 100%;
124  background-color: var(--bs-bg-color);
125  z-index: 5;
126  display: flex;
127  justify-content: center;
128  padding-top: 30vh;
129}
130</style>
131<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/reset.css" />
132<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/break.css" />
133<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/pickr/monolith.min.css" />
134<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/ui.css" />

135<script type="text/javascript" src="/packages/rrh4/js/pickr/pickr.min.js?mtime=0"></script>
vendor: 1 bytes, line 135
135

136<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_header_menu/view.js?mtime=0"></script>

136
137<link rel="stylesheet" type="text/css" href="/packages/rrh4_jobscore/blocks/jo_header_menu/css/view.css" />

138<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_header_menu/js/view.js?mtime=0"></script>
vendor: 1 bytes, line 138
138

139<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_global_footer/view.js?mtime=0"></script>

139
140<link rel="stylesheet" type="text/css" href="/packages/rrh4_jobscore/blocks/jo_global_footer/css/view.css" />

141<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_global_footer/js/view.js?mtime=0"></script>

141
142<!-- [END] header_required.php --><!--[if lt IE 9]>
143<![endif]-->
144<!--[if IE 8]>
145<div style="text-align:center;background-color:#03a9f4;line-height:1.5;padding:30px 0;font-size:15px;color:#ffffff">
146<p>【現在のご利用ブラウザはInternet Explorer ８以下の可能性があります】</p>
147<p style="text-decoration:underline;font-weight:bold;">当ブラウザは、推奨ブラウザではございません</p>
148<p style="text-decoration:underline;font-weight:bold;">（正常に表示されない可能性があります）</p>
149<p>当WEBサイトは、下記を推奨ブラウザとさせていただいております</p>
150<p>Internet Explorer 11</p>
151<p>Chrome　最新Ver</p>
152<p>Firefox　最新Ver </p>
153<p>（IE9の場合は、一部正常表示されないものがあります GoogleMap等）<p>
154<p>お手数ではございますが、推奨環境にてご利用いただきますようお願いいたします</p>
155</div>
156<![endif]-->
157<!-- CSS SetUp -->
158<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/layout.css">
159<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/grid.css">
160<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/modules.css">
161<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/typography.css">
162<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/caroufredsel_pager1.css">
163<link rel="stylesheet" href="/files/cache/css/minimalism/main.css" />
164<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/animate.css" /><link rel="stylesheet" type="text/css" href="/packages/rrh4/css/rrh4.css" />
165<link rel="stylesheet" href="/files/finesystem/rrh4/css/pkg.css?mtime=1782204611" />
166<!-- ウェブフォント -->
167<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/awesome/css/font-awesome.min.css" />
168<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/fontawesome-free/css/fontawesome.css" />
169<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/fontawesome-free/css/brands.css" />
170<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/fontawesome-free/css/solid.css" />
171<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:400,700,400italic" />
172<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" />
173<!-- ウェブフォント -->
174<!-- respond.js -->
175<!-- html5.js -->
176<!-- ie9.js -->
177<!--[if lt IE 9]>
178<link rel="stylesheet" type="text/css" href="/concrete/css/respond.css" /><link rel="stylesheet" type="text/css" href="/concrete/css/html5.css" /><link rel="stylesheet" type="text/css" href="/concrete/css/ie9.css" /><![endif]-->
179
180<!-- optionally include helper plugins -->

181<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.mousewheel.min.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.touchSwipe.min.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.transit.min.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.lazyload.min.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/footerFixed.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/prefixfree.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/echo.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/wow.min.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//plugins/smooth.js?mtime=0"></script>

181<script type="text/javascript" src="/packages/rrh4/js//getDevice.js?mtime=0"></script>

181<script type="text/javascript" src="/files/finesystem/rrh4/js/pkg.js?mtime=1782204611"></script>

181
182
183
184<style type="text/css">
185/* fs-theme-style */
186body{font-size:1.0rem;font-family:Arial, Roboto,'Droid Sans','游ゴシック Medium', Yu Gothic Medium, IPAGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ,'ＭＳ Ｐゴシック', Arial,sans-serif;color:rgba(44,44,44,1.00);}header{}#header-1Parent{}#header-2Parent{}#header-3Parent{}#header-4Parent{}#header-5Parent{}#MainContents{}footer{}#footer-1Parent{}#footer-2Parent{}#footer-3Parent{}#footer-4Parent{}#footer-5Parent{}/* fs-pageType-style */
187/* fs-blocks-style */
188
189/* fs-global-block-style */
190#fs_block3064{background-repeat:no-repeat; }#global-header-ex-menu{background-repeat:no-repeat; }#fs_block3108{background-repeat:no-repeat; }#fs_block4941{background-repeat:no-repeat; }
191/* fs-block-style */
192
193/* fs-stack-block-style */
194#fs_block4464{background-repeat:no-repeat; }</style>
195<!-- Google tag (gtag.js) event - delayed navigation helper -->
vendor: 65 bytes, lines 195-196
195
196<script async src="https://www.googletagmanager.com/gtag/js?id=

196G-9BWTC8T9EH
vendor: 13 bytes, line 196
196"></script>

197<script>
vendor: 132 bytes, lines 198-202
198window.dataLayer = window.dataLayer || [];
199function gtag(){dataLayer.push(arguments);}
200gtag('js', new Date());
201
202gtag('config', '

202G-9BWTC8T9EH
vendor: 5 bytes, line 202
202');

203// Helper function to delay opening a URL until a gtag event is sent.
204// Call it in response to an action that should navigate to a URL.
205function gtagSendEvent(url) {
206var callback = function () {
207if (typeof url === 'string') {
208window.location = url;
209}
210};
211gtag('event', 'conversion_event_signup', {
212'event_callback': callback,
213'event_timeout': 2000,
214// <event_parameters>
215});
216return false;
217}
218</script>

218</head>
219<body id="cID401" class="body-"><!-- body -->
220<header><!-- header -->
221
222<article id='header-1Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='header-1-1' class = 'gridN12 omega' r-rrh-breakpoint ><div  id="fs_block3064" class="jo_header_menu global-header   " style='' >
223  <div class="container-fluid g-0 global-header-menu-ex" style="background-color: var(--bs-white); position: relative">
224    <div class="global-header-upper">
225      <div class="global-header-logo " style="align-items:flex-end; color: var(--bs-gray); ">
226        <a href="https://job-score.jp" style="">
227          <img src="/assets//images/common/logo.svg" alt="JOBSCORE">
228        </a>
229        兵庫県の優良企業だけを掲載
230      </div>
231      <div class="global-header-login">
232        <!-- 未ログイン時 -->
233        <a class="text-outer-link" style="font-size: 1rem; font-weight: 600; margin-left: -60%; position: absolute;" href="https://job-score.co.jp" target="_blank">
234          採用担当者様はこちら
235        </a>
236        <a class="btn btn-red" href="/registration2/">
237          <i class="bi bi-arrow-right-circle"></i>
238          会員登録<span class="jo-top-free" style="color: #F46063;">無料</span>
239        </a>
240
241        <a href="/login2/" class="btn btn-primary fw-bold" title="ログイン">
242          <i class="bi bi-box-arrow-in-right"></i>
243          <span> ログイン</span>
244        </a>
245        <!-- /未ログイン時 -->
246      </div>
247              <div style="display: none;">
248          <button id="global-header-ex-menu-btn">MENU</button>
249          <div id="global-header-ex-menu-overlay"></div>
250          <div id="global-header-ex-menu-wrap">
251            <button id="global-header-ex-menu-close">CLOSE</button>
252            <ul>
253              <li><a class="btn btn-outline-red fw-bold" href="/registration2/">会員登録｜無料</a></li>
254              <li><a class="btn btn-outline-primary fw-bold" href="/login2/"><span> ログイン</span></a></li>
255              <li><a class="text-body" href="/search_recruitment/">採用情報一覧はこちら <i class="bi bi-arrow-right-circle"></i></a></li>
256              <li><a class="text-outer-link" href="https://job-score.co.jp/" target="_blank">採用担当様はこちら</a></li>
257            </ul>
258          </div>
259        </div>
260          </div>
261
262    <div class="global-header-menu" style="display: flex">
263      <!-- マイページ -->
264        <a href="https://job-score.co.jp/" target="_blank" class="mypage-button d-lg-none" style="right: 180px; margin-top: -4px">
265          <i class="bi bi-building" style="color: #0091DA; margin-bottom: -8px;"></i>
266          <p style="color: #0091DA; font-size: 8px;">採用企業様</p>
267        </a>
268        <a href="/registration2/" class="mypage-button d-lg-none" style="margin-top: -4px">
269          <i class="bi bi-person" style="color: #0091DA; margin-bottom: -8px;"></i>
270          <p style="color: #0091DA; font-size: 8px;">無料登録</p>
271        </a>
272        <!-- 通知 -->
273        <a href="/login2/" class="notification-button d-lg-none" style="margin-top: -4px">
274          <i class="bi bi-lock" style="color: #0091DA; margin-bottom: -8px;"></i>
275          <p style="color: #0091DA; font-size: 8px;">ログイン</p>
276        </a>
277      <div class="menu">
278        <nav class="global-header-nav nav">
279          <span class="nav-item">
280          <a class="nav-link " href="/introduction/">
281              <span><i class="bi bi-door-open"></i> はじめての方へ</span>
282            </a>
283          </span>
284          <span class="nav-item">
285          <a class="nav-link " href="/search_corporation/">
286              <span><i class="bi bi-search"></i> 企業をみつける</span>
287            </a>
288          </span>
289          <span class="nav-item dropdown">
290          <button class="nav-link dropdown-toggle   " href="/search_seminar/" id="navbarDropdown02" role="button" data-bs-toggle="dropdown" aria-expanded="false">
291              <i class="bi bi-binoculars"></i>
292              イベントをみつける
293            </button>

294            <span class="dropdown-menu" aria-labelledby="navbarDropdown02">
295              <a class="dropdown-item" href="/search_seminar/">会社説明会・セミナーをみつける</a>
296              <a class="dropdown-item" href="/search_intern/">インターンをみつける</a>
297              <a class="dropdown-item" href="/search_tour/">職場見学会をみつける</a>
298            </span>
299          </span>
300<span class="nav-item"><a class="nav-link bg-primary border-bottom text-white" href="/search_recruitment/">
301            <span><i class="bi bi-envelope-paper-heart"></i> 求人情報をみつける</span></a>
302          </span>
303          <span class="nav-item"><a class="nav-link " href="/about/">
304            <span><i class="bi bi-pentagon"></i> スコアの見方</span></a>
305          </span>
306          <span class="nav-item"><a class="nav-link " href="/quest_introduction/">
307            <span><i class="bi bi-trophy"></i> ジョブクエについて</span></a>
308          </span>
309          <span class="nav-item dropdown">
310          <button class="nav-link dropdown-toggle  " href="/search_seminar/" id="navbarDropdown02" role="button" data-bs-toggle="dropdown" aria-expanded="false">
311              <i class="bi bi-file-earmark-text"></i>
312              転職・就職お役立ち情報
313            </button>
314            <span class="dropdown-menu" aria-labelledby="navbarDropdown02">
315              <a class="dropdown-item" href="/search_journal/">転職・就職お役立ち情報</a>
316              <a class="dropdown-item" href="/search_movie/">転職・就職お役立ち動画</a>
317            </span>
318          </span>
319          <!-- 未ログイン時 -->
320          <span class="nav-item border-0 mx-5 mt-1 d-lg-none">
321            <a class="nav-link nav-link-login btn btn-sm btn-red" href="/registration2/" class="w-100 btn btn-red fw-bold" title="新規登録">
322              <i class="bi bi-arrow-right-circle" style="font-size:1em"></i>
323              <span> 会員登録<span class="jo-top-free" style="color: #F46063;">無料</span></span>
324            </a>
325          </span>
326          <span class="nav-item border-0 mx-5 mt-1 d-lg-none">
327            <a class="nav-link nav-link-login btn btn-sm btn-outline-light fw-bold" href="/login2/" title="ログイン">
328              <i class="bi bi-box-arrow-in-right"></i>
329              <span> ログイン</span>
330            </a>
331          </span>
332          <!-- /未ログイン時 -->
333        </nav>
334      </div>
335          </div>
336  </div>
337  <form id="logout-form" method="post" action="/index.php?cID=401&amp;stackID=234&amp;bID=3064&amp;btask=passthru_stack&amp;ccm_token=1790254013:81d6438d15cec9bb850090ca52dcd673&amp;method=submit_form" class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown"></form>
338</div>
339

340<script>
341  // ストアURL（日本向け）
342  const IOS_APP_STORE_URL   = "https://apps.apple.com/jp/app/jiu-huo-intanshippuno-ni-qiu/id6446013737";
343  const ANDROID_PLAY_URL    = "https://play.google.com/store/apps/details?id=com.finesystem.jobscore&hl=ja";
344
345  function isIOS() {
346    const ua = navigator.userAgent || navigator.vendor || window.opera;
347    const iOSLike = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
348    const iPadOS13Plus = (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
349    return iOSLike || iPadOS13Plus;
350  }
351
352  function isAndroid() {
353    const ua = navigator.userAgent || navigator.vendor || window.opera;
354    return /Android/i.test(ua);
355  }
356
357  document.getElementById("install-app-btn")?.addEventListener("click", () => {
358    if (isIOS()) {
359      location.href = IOS_APP_STORE_URL;
360    } else if (isAndroid()) {
361      location.href = ANDROID_PLAY_URL; // Web版のGoogle Playに遷移
362    } else {
363      // PCや判定不可 → 選択肢を出す（任意の挙動に変更可）
364      // 例：モーダルを出す or ランディングに誘導
365      alert("ご利用の端末を判定できませんでした。App Store または Google Play をお選びください。");
366      // location.href = "/download"; // 選択ページがある場合はこちら
367    }
368  });
369
370  $('#registration-flow').addClass('d-none');
371
372</script>

372</div></div></article><article id='header-2Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='header-2-1' class = 'gridN12 omega' r-rrh-breakpoint >
373<div  id="global-header-ex-menu" class="fs_html    " style='' >
374</div></div></div></article><article id='header-3Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='header-3-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article><article id='header-4Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='header-4-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article><article id='header-5Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='header-5-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article></header><!-- header --><div id="MainContents" class=""><!-- MainContents -->
375    <!--<p>「シングルページ」やアプリケーション用のレイアウトファイルです。(view.php)</p>-->
376        

376<script type="module" src="/packages/rrh4_jobscore/js/single_pages/search_recruitment/index.js?1790254013"></script>

376
377<style type="text/css">
378/* アニメーション中のスタイル */
379.v-leave-active, .v-enter-active {
380  transition: opacity 1s;
381}
382/* 表示アニメーション */
383.v-enter { opacity: 0; }
384.v-enter-to { opacity: 1; }
385/* 非表示アニメーション */
386.v-leave { opacity: 1; }
387.v-leave-to { opacity: 0; }
388</style>
389
390
391<!-- パンくずリスト -->
392<div class="jo_breadcrumb">
393  <ul class="breadcrumb">
394    <li><a href="https://job-score.jp">HOME</a></li>
395    <li><span>求人情報をみつける</span></li>
396  </ul>
397</div>
398
399<style>
400/* 職種・勤務地共通 */
401
402input[id^="occupation-checkbox"],
403input[id^="pref-checkbox"] {
404  position: absolute;
405  opacity: 0;
406}
407
408input[id^="occupation-checkbox"] + .check,
409input[id^="pref-checkbox"] + .check {
410  display: none;
411}
412
413label[for^="occupation-checkbox"],
414label[for^="pref-checkbox"] {
415  display: flex;
416  justify-content: space-between;
417  align-items: center;
418  width: 100%;
419  cursor: pointer;
420  user-select: none;
421  -webkit-user-select: none;
422}
423
424input[id^="occupation-checkbox"] + .check + label::after,
425input[id^="pref-checkbox"] + .check + label::after {
426  content: "▼";
427  font-size: 12px;
428  color: #666;
429}
430
431input[id^="occupation-checkbox"]:checked + .check + label::after,
432input[id^="pref-checkbox"]:checked + .check + label::after {
433  content: "▲";
434  font-size: 12px;
435  color: #666;
436}
437</style>
438
439<div class="main-content main-content-separate main-content-separate-search">
440  <!-- / - start #app - / -->
441<div id="app" v-cloak class="main-content-body border-0 row g-0 flex-column flex-lg-row mt-0 ccm-area-styles">
442
443<!-- #企業検索（サイド）ここから -->
444<div class="side col-auto position-static position-lg-sticky sticky-top data-sticky-top mt-0 px-0 pe-lg-4">
445  <h1 class="visually-hidden">求人情報をみつける</h1>
446  <div class="sticky-top bg-white p-3 p-sm-5" data-sticky="top">
447    <div class="search-box card bg-transparent border-0">
448      <div class="card-body p-0  bg-transparent">
449        <form action="#">
450          <div class="mb-4">
451            <div class="text-primary fw-bold fs-step-0 mb-2">フリーワード</div>
452            <h2 class="visually-hidden">フリーワードで検索</h2>
453            <input v-model="searchData[SEARCH_KEYS.FREE_WORD]" v-bind:name="SEARCH_KEYS.FREE_WORD" type="text" value="" class="form-control" id="input-keywords" placeholder="企業名などでみつける" autocomplete="off">
454          </div>
455          <div data-accordion="show" data-accordion-check="#side-accordion-check01" data-accordion-check-position="right-top" data-accordion-targets=".accordion-content" data-accordion-sp-only="false" class="mb-2">
456            <div class="text-primary fw-bold fs-step-0 mb-2">業界</div>
457            <h2 class="visually-hidden">業界で検索</h2>
458            <div id="side-accordion-check">
459              <input id="side-accordion-check01" type="checkbox" ref="refAccordionCheckbox" checked>
460              <label for="side-accordion-check01" title="クリックで開閉">クリックで開閉</label>
461            </div>
462            <div class="accordion-content border border-bottom-0">
463              <!-- / - start div.border-bottom.p-3 - / vue loop -->
464              <div v-for="(industry, idx) in columnList[LIST_KEYS.INDUSTRY]" v-bind:key="industry.cd" class="border-bottom p-3">
465                <div class="form-check mb-0">
466                  <input v-model="searchData[SEARCH_KEYS.INDUSTRY]" v-bind:name="SEARCH_KEYS.INDUSTRY" v-bind:id="'checkbox' + idx" v-bind:value="industry.cd" class="form-check-input" type="checkbox" />
467                  <span class="check"></span>
468                  <label v-bind:for="'checkbox' + idx"><h3 style="font-size: 1rem; margin: 0; padding: 0">{{ industry.name }}</h3></label>
469                </div>
470              </div>
471              <!-- / - end div.border-bottom.p-3 - / vue loop -->
472            </div>
473          </div>
474          <div data-accordion="show" data-accordion-check="#side-accordion-check02" data-accordion-check-position="right-top" data-accordion-targets=".accordion-content2" data-accordion-sp-only="false" class="mb-2">
475            <div class="text-primary fw-bold fs-step-0 mb-2">職種</div>
476            <h2 class="visually-hidden">職種で検索</h2>
477            <div id="side-accordion-check">
478              <input id="side-accordion-check02" type="checkbox" ref="refAccordionCheckbox2" checked>
479              <label for="side-accordion-check02" title="クリックで開閉">クリックで開閉</label>
480            </div>
481            <div class="accordion-content2 border border-bottom-0">
482              <!-- / - start div.border-bottom.p-3 - / vue loop -->
483              <div v-for="(occupation, idx) in columnList[LIST_KEYS.OCCUPATION]" v-bind:key="occupation.cd" class="border-bottom p-3">
484                <div class="form-check mb-0">
485                  <input v-bind:id="'occupation-checkbox' + idx" v-bind:value="occupation.cd" class="form-check-input" type="checkbox" @click="handleShowOccupationChild(idx)" />

486                  <span class="check"></span>
487                  <label v-bind:for="'occupation-checkbox' + idx"><h3 style="font-size: 1rem; margin: 0; padding: 0">{{ occupation.name }}</h3></label>
488                  <div v-bind:name="'occupation-child-list' + idx" style="display: none">
489                    <div class="border-bottom p-3">
490                      <div class="form-check mb-0">
491                        <input v-bind:name="'occupation-child-all' + idx" v-bind:id="'occupation-child-all' + idx" class="form-check-input" type="checkbox" @click="handleClickOccupationChildAllCheck(idx)" />
492                        <span class="check"></span>
493                        <label v-bind:for="'occupation-child-all' + idx">すべて選択</label>
494                      </div>
495                    </div>
496                    <div v-for="(child, idx2) in (columnList[LIST_KEYS.OCCUPATION_CHILD][occupation.cd] || [])" v-bind:key="child.cd" class="border-bottom p-3">
497                      <div class="form-check mb-0">
498                        <input v-model="searchData[SEARCH_KEYS.OCCUPATION_CHILD]" v-bind:name="'occupation-child-checkbox' + idx" v-bind:id="'occupation-child-checkbox' + idx + '-' + idx2" v-bind:value="child.cd" class="form-check-input" type="checkbox" />
499                        <span class="check"></span>
500                        <label v-bind:for="'occupation-child-checkbox' + idx + '-' + idx2">{{ child.name }}</label>
501                      </div>
502                    </div>
503                  </div>
504                </div>
505              </div>
506              <!-- / - end div.border-bottom.p-3 - / vue loop -->
507            </div>
508          </div>
509          <div data-accordion="show" data-accordion-check="#side-accordion-check03" data-accordion-check-position="right-top" data-accordion-targets=".accordion-content3" data-accordion-sp-only="false" class="mb-2">
510            <div class="text-primary fw-bold fs-step-0 mb-2">勤務地</div>
511            <h2 class="visually-hidden">勤務地で検索</h2>
512            <div id="side-accordion-check">
513              <input id="side-accordion-check03" type="checkbox" ref="refAccordionCheckbox" checked>
514              <label for="side-accordion-check03" title="クリックで開閉">クリックで開閉</label>
515            </div>
516            <div class="accordion-content3 border border-bottom-0">
517              <!-- / - start div.border-bottom.p-3 - / vue loop -->
518              <div v-for="(pref, idx) in columnList[LIST_KEYS.PREF]" v-bind:key="pref.cd" class="border-bottom p-3">
519                <div class="form-check mb-0">
520                  <input v-model="searchData[SEARCH_KEYS.PREF]" v-bind:name="pref" v-bind:id="'pref-checkbox' + idx" v-bind:value="pref.cd" class="form-check-input" type="checkbox" @click="handleShowArea(idx)" />
521                  <span class="check"></span>
522                  <label v-bind:for="'pref-checkbox' + idx"><h3 style="font-size: 1rem; margin: 0; padding: 0">{{ pref.name }}</h3></label>
523                  <div v-bind:name="'area-list' + idx" style="display: none">
524                    <div class="border-bottom p-3">
525                      <div class="form-check mb-0">
526                        <input v-bind:name="'area-all' + idx" v-bind:id="'checkbox-all' + idx" class="form-check-input" type="checkbox" @click="handleClickAllCheck(idx)" />
527                        <span class="check"></span>
528                        <label v-bind:for="'checkbox' + idx2">すべて選択</label>
529                      </div>
530                    </div>
531                    <div v-for="(area, idx2) in columnList[LIST_KEYS.AREA_CD][pref.cd - 1]" v-bind:key="area.cd" class="border-bottom p-3">
532                      <div class="form-check mb-0">
533                        <input v-model="searchData[SEARCH_KEYS.AREA_CD]" v-bind:name="'area-checkbox' + idx" v-bind:id="'area-checkbox' + idx2" v-bind:value="area.cd" class="form-check-input" type="checkbox" />
534                        <span class="check"></span>
535                        <label v-bind:for="'checkbox' + idx2">{{ area.name }}</label>
536                      </div>
537                    </div>
538                  </div>
539                </div>
540              </div>
541              <!-- / - end div.border-bottom.p-3 - / vue loop -->
542            </div>
543          </div>
544          <div data-accordion="show" data-accordion-check="#side-accordion-check04" data-accordion-check-position="right-top" data-accordion-targets=".accordion-content4" data-accordion-sp-only="false">
545            <div class="text-primary fw-bold fs-step-0 mb-2">特徴</div>
546            <h2 class="visually-hidden">特徴で検索</h2>
547            <div id="side-accordion-check">
548              <input id="side-accordion-check04" type="checkbox" ref="refAccordionCheckbox" checked>
549              <label for="side-accordion-check04" title="クリックで開閉">クリックで開閉</label>
550            </div>
551            <div class="accordion-content4 border border-bottom-0">
552              <!-- / - start div.border-bottom.p-3 - / vue loop -->
553              <div v-for="(workStyle, idx) in columnList[LIST_KEYS.FEATURE]" v-bind:key="workStyle.cd" class="border-bottom p-3">
554                <div class="form-check mb-0">
555                  <input v-model="searchData[SEARCH_KEYS.FEATURE]" v-bind:name="SEARCH_KEYS.FEATURE" v-bind:id="'checkbox' + idx" v-bind:value="workStyle.id" class="form-check-input" type="checkbox" />

556                  <span class="check"></span>
557                  <label v-bind:for="'checkbox' + idx"><h3 style="font-size: 1rem; margin: 0; padding: 0">{{ workStyle.name }}</h3></label>
558                </div>
559              </div>
560              <!-- / - end div.border-bottom.p-3 - / vue loop -->
561            </div>
562          </div>
563          <div class="text-primary fw-bold fs-step-0 mb-2">年度/キャリア</div>
564          <h2 class="visually-hidden">年度/キャリアで検索</h2>
565          <div class="border-group text-center mb-4 bg-white">
566            <!-- / - start div.form-check - / vue loop -->
567            <div v-for="(year, idx) in columnList[LIST_KEYS.GRADUATION_YEAR]" v-bind:key="year" class="form-check form-check-inline">
568              <input v-model="searchData[SEARCH_KEYS.GRADUATION_YEAR]" v-bind:disabled="year.is_invalid" v-bind:name="SEARCH_KEYS.GRADUATION_YEAR" class="form-check-input" type="checkbox" v-bind:id="'inlineCheckbox' + idx" v-bind:value="year.cd">
569              <label class="form-check-label" v-bind:for="'inlineCheckbox' + idx">{{ year.name }}</label>
570            </div>
571          </div>
572          <div class="text-center pt-3">
573            <button v-on:click.prevent="handleClickSearch" type="submit" class="btn btn-lg btn-primary w-100"><i class="bi bi-search"></i> 検索</button>
574          </div>
575        </form>
576      </div>
577    </div>
578  </div>
579</div>
580<!-- #企業検索（サイド）ここまで -->
581
582
583<!-- #企業検索（一覧）ここから -->
584<div id="target" class="main col mt-0 px-0 ps-lg-4 overflow-hidden w-100">
585  <!-- ローディングマスク ここから -->
586  <transition>
587    <div v-if="isLoading" class="search-loader">
588      <div class="spinner-border text-primary" role="status">
589        <span class="visually-hidden">Loading...</span>
590      </div>
591    </div>
592  </transition>
593  <!-- ローディングマスク ここまで -->
594
595  <div class="my-4">
596    <div class="fw-bold fs-step-2">求人情報一覧</div>
597    <div class="text-gray mt-2">
598      検索結果
599      <small class="fs-step--1 fw-normal"><b class="text-en fw-bolder mx-1">{{ pageData.total_count }}</b> 件</small>
600    </div>
601
602    <!-- 検索条件 -->
603    <div class="search-condition">
604      <div v-if="queryParams[SEARCH_KEYS.FREE_WORD]" class="search-condition-list">
605        <span class="search-condition-term">フリーワード</span>
606        <button v-on:click.prevent="handleClickSearchCondition(SEARCH_KEYS.FREE_WORD)" v-bind:title="queryParams[SEARCH_KEYS.FREE_WORD]" class="search-condition-description"><span>{{ queryParams[SEARCH_KEYS.FREE_WORD] }}</span></button>
607      </div>
608      <div v-if="queryParams[SEARCH_KEYS.INDUSTRY]&&queryParams[SEARCH_KEYS.INDUSTRY].length" class="search-condition-list">
609        <span class="search-condition-term">業界</span>
610        <!-- vue loop -->
611        <template v-for="industry in columnList[LIST_KEYS.INDUSTRY]" v-bind:key="industry.cd">
612          <button v-on:click.prevent="handleClickSearchCondition(SEARCH_KEYS.INDUSTRY, industry.cd)" v-if="queryParams[SEARCH_KEYS.INDUSTRY].includes(industry.cd)" v-bind:title="industry.name" class="search-condition-description"><span>{{ industry.name }}</span></button>
613        </template>
614        <!-- vue loop -->
615      </div>
616      <div v-if="queryParams[SEARCH_KEYS.OCCUPATION_CHILD]&&queryParams[SEARCH_KEYS.OCCUPATION_CHILD].length" class="search-condition-list">
617        <span class="search-condition-term">職種</span>
618        <!-- vue loop -->
619        <template v-for="children in columnList[LIST_KEYS.OCCUPATION_CHILD]">
620          <template v-for="occupation in children" v-bind:key="occupation.cd">
621            <button v-on:click.prevent="handleClickSearchCondition(SEARCH_KEYS.OCCUPATION_CHILD, occupation.cd)" v-if="queryParams[SEARCH_KEYS.OCCUPATION_CHILD].includes(occupation.cd)" v-bind:title="occupation.name" class="search-condition-description"><span>{{ occupation.name }}</span></button>
622          </template>
623        </template>
624        <!-- vue loop -->
625      </div>
626      <div v-if="queryParams[SEARCH_KEYS.AREA_CD]&&queryParams[SEARCH_KEYS.AREA_CD].length && areaShow" class="search-condition-list">

627        <span class="search-condition-term">勤務地</span>
628        <!-- vue loop -->
629        <template v-for="(pref, index) in columnList[LIST_KEYS.AREA_CD]" v-bind:key="pref">
630            <template v-for="area in columnList[LIST_KEYS.AREA_CD][index]" v-bind:key="area.cd">
631              <button v-on:click.prevent="handleClickSearchCondition(SEARCH_KEYS.AREA_CD, area.cd)" v-if="queryParams[SEARCH_KEYS.AREA_CD].includes(area.cd)" v-bind:title="area.name" class="search-condition-description"><span>{{ area.name }}</span></button>
632          </template>
633        </template>
634        <!-- vue loop -->
635      </div>
636      <div v-if="queryParams[SEARCH_KEYS.FEATURE]&&queryParams[SEARCH_KEYS.FEATURE].length" class="search-condition-list">
637        <span class="search-condition-term">特徴</span>
638        <!-- vue loop -->
639        <template v-for="year in columnList[LIST_KEYS.FEATURE]" v-bind:key="year">
640          <button v-on:click.prevent="handleClickSearchCondition(SEARCH_KEYS.FEATURE, year.id)" v-if="queryParams[SEARCH_KEYS.FEATURE]?.includes(year.id) && !year.is_invalid" v-bind:title="year.name" class="search-condition-description"><span>{{ year.name }}</span></button>
641        </template>
642        <!-- vue loop -->
643      </div>
644      <div v-if="queryParams[SEARCH_KEYS.GRADUATION_YEAR]&&queryParams[SEARCH_KEYS.GRADUATION_YEAR].length" class="search-condition-list">
645        <span class="search-condition-term">年度/キャリア</span>
646        <!-- vue loop -->
647        <template v-for="year in columnList[LIST_KEYS.GRADUATION_YEAR]" v-bind:key="year">
648          <button v-on:click.prevent="handleClickSearchCondition(SEARCH_KEYS.GRADUATION_YEAR)" v-if="queryParams[SEARCH_KEYS.GRADUATION_YEAR]?.includes(year.cd) && !year.is_invalid" v-bind:title="year.name" class="search-condition-description"><span>{{ year.name }}</span></button>
649        </template>
650        <!-- vue loop -->
651      </div>
652    </div>
653  </div>
654
655  <!-- .search-results ここから -->
656  <div class="search-results">
657    <!-- / - start div.card - / vue loop -->
658    <div v-for="(item, idx) in listData" v-bind:key="idx" class="card">
659      <div class="card-header row g-0 mb-3">
660        <div class="col d-block px-3 px-sm-0 pb-2 pb-sm-0">
661          <span class="tags-group d-block mt-2 mt-sm-0 ms-0 mb-0 pt-0 px-0 pb-0 fs-7" v-if="item.t_article_target_year">
662            <span class="badge">{{ item.t_article_target_year == -2? '高卒' : item.t_article_target_year == -3? '中途' :  item.t_article_target_year + '年卒' }}</span>
663          </span>
664          <div class="h4 mb-0">
665            <b>
666              <a v-bind:href="item.article_path" class="fs-step-1 fw-bold lh-sm">{{ item.t_article_title }}</a>
667              　<span class="mark-new align-text-bottom" v-if="item.is_new">NEW</span>
668            </b>
669          </div>
670        </div>
671        <div class="col-auto text-nowrap"></div>
672      </div>
673      <div class="col px-3 px-sm-0 pb-2 pb-sm-0">
674      <div class="card-body">
675          <div class="card-text row">
676            <div class="col-lg-auto mb-2">
677              <div class="article-logo">
678                <img img v-bind:src="item.src_header" alt="" />
679              </div>
680            </div>
681            <div class="col">
682              <table class="tbl01 mt-0">
683                <tbody>
684                  <tr v-if="item.comma_industries">
685                    <th>業界</th>
686                    <td>{{ item.comma_industries }}</td>
687                  </tr>
688                  <tr v-if="item.comma_occupation">
689                    <th>職種</th>
690                    <td>{{ item.comma_occupation }}</td>
691                  </tr>
692                  <tr v-if="item.t_article_salary">
693                    <th>想定年収</th>
694                    <td>{{ item.t_article_salary }}</td>
695                  </tr>
696                  <tr v-if="item.area_name">
697                    <th>勤務地</th>
698                    <td>{{ item.area_name }}</td>
699                  </tr>
700                  <tr v-if="item.t_company_name">
701                    <th>企業名</th>
702                    <td>
703                      <a v-bind:href="item.corporation_path">
704                        <img v-bind:src="item.src_thumbnail" alt="" class="border rounded-3 col-thumbnail">
705                        <b style="padding-left: 16px;">{{ item.t_company_name }}</b>
706                      </a>
707                      <a
708                        v-on:click.prevent="handleClickBookmark(item.t_company_cd),handleClickPagination(pageData.currentPage)"
709                        v-bind:title="[item.t_bookmark_is_invali

709d == 0? '検討リストから外す' : '検討リストに登録する']"
710                        class="ps-2 text-favorite text-blue-dark"
711                      >
712                        <i v-bind:class="['bi', item.t_bookmark_is_invalid == 0? 'bi-star-fill' : 'bi-star', 'fs-step-1']" style="cursor: pointer;"></i>
713                      </a>
714                    </td>
715                  </tr>
716                </tbody>
717              </table>
718            </div>
719          </div>
720        </div>
721      </div>
722      <div class="card-footer border-0 bg-white">
723          <small class="text-gray">
724            掲載日：<time v-bind:datetime="item.public_at_hyphen">{{ item.public_at_ja }}</time>
725          </small>
726      </div>
727    </div>
728    <!-- / - end div.card - / vue loop -->
729
730    <!-- ページネーション ここから -->
731    <nav v-if="!pageIsEmpty && pageData.page_count > 1" aria-label="Page navigation">
732      <ul class="pagination">
733        <li v-bind:class="{ 'page-item': true, 'disabled': pageData.first }">
734          <a v-on:click.prevent="handleClickPagination(pageData.previous)" class="page-link" href="#" aria-label="Previous">
735            <span aria-hidden="true">&laquo;</span>
736            <span class="sr-only">前のページ</span>
737          </a>
738        </li>
739
740        <!-- / - start li.page-item - / vue loop -->
741        <li
742          v-for="(number, idx) in pageData.page_count"
743          v-bind:key="idx"
744          v-bind:class="{ 'page-item': true, 'active': idx == currentPage }"
745        >
746          <a v-on:click.prevent="handleClickPagination(pageData.link + '&page=' + idx)" class="page-link" href="#">{{ number }}</a>
747        </li>
748        <!-- / - end li.page-item - / vue loop -->
749
750        <li v-bind:class="{ 'page-item': true, 'disabled': pageData.last }">
751          <a v-on:click.prevent="handleClickPagination(pageData.next)" class="page-link" href="#" aria-label="Next">
752            <span aria-hidden="true">&raquo;</span>
753            <span class="sr-only">次のページ</span>
754          </a>
755        </li>
756      </ul>
757    </nav>
758    <!-- ページネーション ここまで -->
759  </div>
760  <!-- .search-results ここまで -->
761</div>
762<!-- #企業検索（一覧）ここまで -->
763
764</div>
765<!-- / - end #app - / -->
766</div></div>
767
768<footer id="footer"><!-- footer -->
769<article id='footer-1Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='footer-1-1' class = 'gridN12 omega' r-rrh-breakpoint ><div  id="fs_block3108" class="jo_global_footer global-footer px-3 px-sm-6   " style='' >
770  <div class="pt-3 px-0 px-sm-5">
771    <div class="global-footer-link01 row row-cols-1 row-cols-md-2 mx-auto">
772      <div class="col w-md-auto">
773        <ul class="row flex-column gx-3 mx-0  justify-content-start text-start text-md-start">
774        <li class="col text-left"><a href="/introduction/">はじめての方へ</a></li>
775        <li class="col text-left"><a href="/search_corporation/">企業をみつける</a></li>
776          <li class="col text-left"><a href="/search_seminar/">会社説明会・セミナーをみつける</a></li>
777          <li class="col text-left"><a href="/search_intern/">インターンをみつける</a></li>
778          <li class="col text-left"><a href="/search_tour/">職場見学会をみつける</a></li>
779          <li class="col text-left"><a href="/search_recruitment/">求人情報をみつける</a></li>
780          <li class="col text-left"><a href="/search_journal/">転職・就職お役立ち情報</a></li>
781          <li class="col text-left"><a href="/search_movie/">転職・就職お役立ち動画</a></li>
782        </ul>
783      </div>
784      <div class="col w-md-auto">
785        <ul class="row flex-column gx-3 mx-0 justify-content-start text-center text-md-start">
786                      <!-- 未ログイン時 -->
787          <li class="col text-left"><a href="/registration2/">新規会員登録</a></li>
788                    <li class="col text-left"><a href="/about/">スコアの見方</a></li>
789          <li class="col text-left"><a href="/quest_introduction/">ジョブクエについて</a></li>
790          <li class="col text-left"><a href="/general-contact/">ヘルプ・お問い合わせ</a></li>
791        </ul>
792      </div>
793    </div>
794    <ul class="global-footer-link02 row flex-row d-flex row-cols-auto mx-auto my-3 pt-3 gx-3 border-top">      <li class="col"><a href="/privacy/">プライバシーポリシー（個人情報保護方針）</a></li>      <li class="col"><a href="/about/terms/">利用規約</a></li>      <li class="col"><a href="https://job-score.co.jp/company/" target="_blank" rel="noopener noreferrer">運営会社</a></li>    </ul>    <div class="border-top py-3 text-center"> <small>&copy; 2026 JOB SCORE K.K.</small> </div>
795  </div>
796</div>
797
798<div  id="fs_block4941" class="fs_html    " style='' >
799<!--  chart01-note用modal追加 --> <div class="modal fade" id="chart01NoteModal" aria-labelledby="chart01NoteModalLabel" aria-hidden="true">

799 <div id="" class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header border-0"> <p class="modal-title fw-bold text-primary pt-3 px-3" style="font-size: 1.25rem; font-weight: 500;"><i class="bi bi-pentagon-fill"></i> スコアリングについて</p> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body fs-step--2"> <div class="px-3 mb-n3"> <p class="mb-3"><strong>経営の安定度</strong><br> いかに安定した企業運営がなされているかを判断できる唯一の情報源「決算書」。上場企業以外の多くの企業ではこの情報はクローズされていますが、JOBSCOREにおける情報収集取材活動においては、掲載企業すべてからその情報を収集し、「自己資本比率」や「売上高経常利益率」といった財務諸表分析を実施した上で、いかにお金をもっているかの「安定性」、そしていかに儲けているかの「収益性」の両面からのスコアリングを実施。</p> <p class="mb-3"><strong>教育制度や福利厚生などの充実感</strong><br> 新入社員教育カリキュラムがあるか、人材教育計画があるなどの社員が成長できる教育制度が充実しているかという側面と、育休取得推進を実施しているか、住宅手当或いは補助があるかなど福利厚生が充実しているかという側面からスコアリングを実施。</p> <p class="mb-3"><strong>働きやすさ・人材定着感</strong><br> 「離職率」「勤続年数」「社内コミュニケーション活性化に向けた具体的な取り組み」「働きたいと思えるような職場環境（綺麗なオフィスなど）が整えられているか」等の情報を掲載企業に直接赴いて確認及び情報を収集しスコアリングを実施。</p> <p class="mb-3"><strong>企業ブランド力</strong><br> 「明確な企業ブランドコンセプト（経営理念）が確立されているか」「ブランドコンセプトに基づいた製品・商品開発並びにサービス提供ができているか」「ブランド力向上のための広報活動が積極的に行われているか」などを取材等に収集しスコアリングを実施。</p> <p class="mb-3"><strong>企業成長力</strong><br> 「業績が伸びているか」「成長をにらんだ投資計画があるか」「成長をにらんだ採用計画があるか」などの情報を収集しスコアリングを実施。</p><p class="mb-3"><strong>推定スコアとは</strong><br> 推定スコアとは、JOBSCORE編集部調査員が現地取材を実施して得た情報ではなく、対象企業の公開情報のみ（総合スコアが算出できるレベルのもののみスコアリングを実施しております）で算出したデータとなります。</p> </div> </div> <div class="modal-footer border-0"> <button type="button" class="btn btn-sm btn-primary px-3" data-bs-dismiss="modal">閉じる</button> </div> </div> </div> </div></div></div></div></article><article id='footer-2Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='footer-2-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article><article id='footer-3Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='footer-3-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article><article id='footer-4Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='footer-4-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article><article id='footer-5Parent'><!-- article  --><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='footer-5-1' class = 'gridN12 omega' r-rrh-breakpoint ></div></div></article></footer><!-- /footer -->

800<script src="/assets//lib/js/chart.min.js"></script>
vendor: 1 bytes, line 800
800

801<script src="/assets//lib/bootstrap/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 801
801

802<script src="/assets//lib/js/slick/slick.min.js"></script>
vendor: 1 bytes, line 802
802

803<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/tom-select.complete.min.js"></script>
vendor: 1 bytes, line 803
803

804<script type="text/javascript">
805window.addEventListener('DOMContentLoaded', () => {
806  // *[data-bookmark-target] .bi-star/.bi-star-fill
807  const elementList = document.querySelectorAll('[data-bookmark-target] .bi-star, [data-bookmark-target] .bi-star-fill');
808  // addEventListener callbacks
809  const addListeners = [];
810  // addEventListener preventDefault
811  const cancelListener = (e) => {
812    e.preventDefault();
813    e.stopPropagation();
814  }
815  // 要素を展開
816  elementList.forEach(function(item, i) {
817    const target = item.closest('[data-bookmark-target]');// 対象親要素
818    const parent = item.closest('[data-bookmark-parent="true"]');// 祖先要素（グループ化必要時）
819    // イベントリスナーで実行するcallbackを配列に代入
820    addListeners[i] = async (e) => {
821      e.preventDefault();
822      e.stopPropagation();
823      const company_cd = target.getAttribute('data-bookmark-target');
824      const body = new FormData();
825      body.append('company_cd', company_cd);
826      // 非同期処理
827      const result = await fetch('/bookmarker', {
828        method: 'POST',
829        body
830      });
831      const data = await result.json();
832      if (result.status === 200) {
833        item.style.cursor = 'not-allowed';
834        item.classList.toggle('bi-star');
835        item.classList.toggle('bi-star-fill');
836        item.addEventListener('click', cancelListener);// 伝播無効用のイベントリスナー登録
837        // 祖先要素（グループ化指定）がある場合
838        if (parent) {
839          // 祖先要素内にクリックした要素とは別に対象要素が居ないか確認
840          const others = parent.querySelectorAll('[data-bookmark-target] .bi-star, [data-bookmark-target] .bi-star-fill');
841          others.forEach(function(item2) {
842            if (item !== item2) {
843              const idx = Array.from(elementList).findIndex((elm) => {
844                return elm === item2;
845              })
846              // 先程クリックした要素と同じ状態に合わせる
847              item2.style.cursor = 'not-allowed';
848              item2.classList.toggle('bi-star');
849              item2.classList.toggle('bi-star-fill');
850              const target2 = item2.closest('[data-bookmark-target]');
851              target2.removeEventListener('click', addListeners[idx]);// イベントリスナー削除
852              target2.addEventListener('click', cancelListener);// 伝播無効用のイベントリスナー登録
853            }
854          });
855        }
856        // テキスト置換（固定フッターメニュー）
857        const replaceContent = target.querySelector('[data-replace-text-content]');
858        if (replaceContent) {
859          /* console.log(replaceContent.childNodes, replaceContent.lastChild); */
860          const replaceText = replaceContent?.getAttribute('data-replace-text-content');// 置換テキスト
861          replaceContent.replaceChild(document.createTextNode(replaceText), replaceContent.lastChild);// 最終ノードをテキストノードに置換
862          target.classList.toggle('btn-ex01-muted');// クラス名調整1 *[data-bookmark-target]
863          target.style.cursor = 'not-allowed';
864          item.classList.toggle('text-blue-dark');// クラス名調整2 *.bi-star||*.bi-star-fill
865        }
866        location.reload();
867      }
868      if (result.status === 401 && data?.redirect_path) {
869        location.href = data.redirect_path;
870      }
871    }
872    item.style.cursor = 'pointer';
873    target.addEventListener('click', addListeners[i], { once: true });// イベントリスナー登録
874  });
875});
876
877/*
878// Adjust .ccm-layout
879let row  = document.querySelector('#jb-adjuster-container .ccm-layout-row');
880let cols = row?.children;
881if (row && cols) {
882  // set container
883  row.classList.add('main-content-body', 'border-0', 'row', 'g-5', 'flex-column', 'flex-sm-row', 'mt-0', 'mb-4');
884  // set left pane
885  cols[0]?.classList.add('side', 'col-auto', 'position-relative', 'my-0');
886  cols[0]?.classList.remove('fixSpacing', 'r-grid1', 'r-grid2', 'r-grid3', 'r-grid4', 'r-grid5', 'r-grid6', 'r-grid7', 'r-grid8', 'r-grid9', 'r-grid10', 'r-grid11', 'r-grid12');
887  // cols[0].style.border = 'solid 1px blue';

888  // set right pane
889  cols[1]?.classList.add('col', 'my-0');
890  cols[1]?.classList.remove('fixSpacing', 'r-grid1', 'r-grid2', 'r-grid3', 'r-grid4', 'r-grid5', 'r-grid6', 'r-grid7', 'r-grid8', 'r-grid9', 'r-grid10', 'r-grid11', 'r-grid12');
891  // cols[1].style.border = 'solid 1px red';
892}
893
894// Adjust .ccm-layout
895row  = document.querySelector('#jb-journal-container .ccm-layout-row');
896cols = row?.children;
897if (row && cols) {
898  // set container
899  row.classList.add('journal', 'journal-post', 'main-content-body', 'border-0', 'row', 'g-5', 'flex-column', 'flex-sm-row', 'mt-0', 'mb-4');
900  // set left pane
901  cols[0]?.classList.remove(...cols[0]?.classList);
902  cols[0]?.classList.add('col', 'my-0', 'journal-content');
903  // cols[0].style.border = 'solid 1px blue';
904  // set right pane
905  cols[1]?.classList.remove(...cols[1]?.classList);
906  cols[1]?.classList.add('side', 'col-auto', 'position-relative', 'mt-4', 'mb-0', 'mt-sm-0');
907  // cols[1].style.border = 'solid 1px red';
908}
909*/
910</script>

910
911<!-- FaceBook -->
912<div id="fb-root"></div>

913<script>
914new WOW().init();
915</script>

915
916
917</body>
918</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.