PageSourceSearch

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

html job-score.jp collected 2026-09-24 12:46:56 UTC 96,984 bytes, 1,957 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/about/" >
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 = 343;�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<style type="text/css"> 
39#areaStyleArea11Layout2Cell1259 {background-repeat:no-repeat; } 
40#ccm-layout-area11-33-1 .ccm-layout-col-spacing { margin:0px 1px } 
41#ccm-layout-area11:layout2:cell1-108-1 .ccm-layout-col-spacing { margin:0px 1px } 
42#ccm-layout-area11:layout2:cell1-109-2 .ccm-layout-col-spacing { margin:0px 1px } 
43#ccm-layout-area11:layout2:cell1-199-3 .ccm-layout-col-spacing { margin:0px 1px } 
44</style>
45<link rel="preconnect" href="https://fonts.googleapis.com">
46<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
47<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"> 
48<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"> 
49<link rel="stylesheet" href="/assets//lib/bootstrap-icons/bootstrap-icons.css">
50<link rel="stylesheet" href="/assets//lib/js/slick/slick.css">
51<link rel="stylesheet" href="/assets//lib/js/slick/slick-theme.css">
52<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/tom-select.css" rel="stylesheet">
53<style type="text/css">
54/* Wait for a Vue component to mount */
55#app[v-cloak] { display: none; }
56/* Bootstrap CardLayout Trimming */
57.card .card-img-top.card-img-trim {
58  position: relative;
59}
60.card .card-img-top.card-img-trim::before {
61  content: "";
62  display: block;
63  padding-bottom: calc(9 / 16 * 100%);
64}
65.card .card-img-top.card-img-trim img {
66  position: absolute;
67  top: 50%;
68  left: 50%;
69  transform: translate(-50%, -50%);
70  width: 100%;
71  height: 100%;
72  object-fit: cover;
73}
74/* LogoImage Trimming */
75.col-auto.company-logo-container {
76  position: relative;
77}
78.col-auto.company-logo-container::before {
79  content: "";
80  display: block;
81  width: 60px;
82  height: 60px;
83}
84.col-auto.company-logo-container img {
85  position: absolute;
86  top: 50%;
87  left: 50%;
88  transform: translate(-50%, -50%);
89  width: 100%;
90  height: 100%;
91  object-fit: cover;
92}
93/* Common Trimming */
94.image-cropping-container {
95  position: relative;
96}
97.image-cropping-container::before {
98  content: "";
99  display: block;
100}
101.image-cropping-container img {
102  position: absolute;
103  top: 50%;
104  left: 50%;
105  transform: translate(-50%, -50%);
106  width: 100%;
107  height: 100%;
108  object-fit: contain;
109}
110.image-cropping-container.ratio-16x4_5::before {
111  padding-bottom: calc(4.5 / 16 * 100%);
112}
113.image-cropping-container.ratio-16x7::before {
114  padding-bottom: calc(7 / 16 * 100%);
115}
116.image-cropping-container.ratio-16x9::before {
117  padding-bottom: calc(9 / 16 * 100%);
118}
119.image-cropping-container.ratio-1x1::before {
120  padding-bottom: 100%;
121}
122.col-thumbnail {
123  width: 32px;
124  height: 32px;
125  object-fit: cover;
126}
127.search-loader {
128  position: absolute;
129  width: 100%;
130  height: 100%;
131  background-color: var(--bs-bg-color);
132  z-index: 5;
133  display: flex;
134  justify-content: center;
135  padding-top: 30vh;
136}
137</style>
138<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/reset.css" />
139<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/break.css" />
140<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/pickr/monolith.min.css" />
141<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/ui.css" />
142<script type="text/javascript" src="/packages/rrh4/js/pickr/pickr.min.js?mtime=0"></script>
142
143<link rel="stylesheet" type="text/css" href="/packages/rrh4_jobscore/blocks/jo_breadcrumb/css/view.css" />
144<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_header_menu/view.js?mtime=0"></script>
144
145<link rel="stylesheet" type="text/css" href="/packages/rrh4_jobscore/blocks/jo_header_menu/css/view.css" />
146<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_header_menu/js/view.js?mtime=0"></script>
vendor: 1 bytes, line 146
146
147<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_global_footer/view.js?mtime=0"></script>
147
148<link rel="stylesheet" type="text/css" href="/packages/rrh4_jobscore/blocks/jo_global_footer/css/view.css" />
149<script type="text/javascript" src="/packages/rrh4_jobscore/blocks/jo_global_footer/js/view.js?mtime=0"></script>
149
150<!-- [END] header_required.php --><!--[if lt IE 9]>
151<![endif]-->
152<!--[if IE 8]>
153<div style="text-align:center;background-color:#03a9f4;line-height:1.5;padding:30px 0;font-size:15px;color:#ffffff">
154<p>【現在のご利用ブラウザはInternet Explorer 8以下の可能性があります】</p>
155<p style="text-decoration:underline;font-weight:bold;">当ブラウザは、推奨ブラウザではございません</p>
156<p style="text-decoration:underline;font-weight:bold;">(正常に表示されない可能性があります)</p>
157<p>当WEBサイトは、下記を推奨ブラウザとさせていただいております</p>
158<p>Internet Explorer 11</p>
159<p>Chrome 最新Ver</p>
160<p>Firefox 最新Ver </p>
161<p>(IE9の場合は、一部正常表示されないものがあります GoogleMap等)<p>
162<p>お手数ではございますが、推奨環境にてご利用いただきますようお願いいたします</p>
163</div>
164<![endif]-->
165<!-- CSS SetUp -->
166<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/layout.css">
167<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/grid.css">
168<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/modules.css">
169<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/typography.css">
170<link rel="stylesheet" href="/packages/rrh4/themes/minimalism/css/caroufredsel_pager1.css">
171<link rel="stylesheet" href="/files/cache/css/minimalism/main.css" />
172<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/animate.css" /><link rel="stylesheet" type="text/css" href="/packages/rrh4/css/rrh4.css" />
173<link rel="stylesheet" href="/files/finesystem/rrh4/css/pkg.css?mtime=1782204611" />
174<!-- ウェブフォント -->
175<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/awesome/css/font-awesome.min.css" />
176<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/fontawesome-free/css/fontawesome.css" />
177<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/fontawesome-free/css/brands.css" />
178<link rel="stylesheet" type="text/css" href="/packages/rrh4/css/fonts/fontawesome-free/css/solid.css" />
179<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:400,700,400italic" />
180<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" />
181<!-- ウェブフォント -->
182<!-- respond.js -->
183<!-- html5.js -->
184<!-- ie9.js -->
185<!--[if lt IE 9]>
186<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]-->
187
188<!-- optionally include helper plugins -->
189<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.mousewheel.min.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.touchSwipe.min.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.transit.min.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/jquery.lazyload.min.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/footerFixed.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/prefixfree.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/echo.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/wow.min.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//plugins/smooth.js?mtime=0"></script>
189<script type="text/javascript" src="/packages/rrh4/js//getDevice.js?mtime=0"></script>
189<script type="text/javascript" src="/files/finesystem/rrh4/js/pkg.js?mtime=1782204611"></script>
189
190
191
192<style type="text/css">
193/* fs-theme-style */
194body{font-size:1.0rem;font-family:Arial, Roboto,'Droid Sans','游ゴシック Medium', Yu Gothic Medium, IPAGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ,'MS Pゴシック', 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 */
195/* pt002 */
196#pt002{}#pt002-1Parent{}#pt002-2Parent{}#pt002-3Parent{}#pt002-4Parent{}#pt002-5Parent{}
197/* pt002 */
198/* fs-blocks-style */
199
200/* fs-global-block-style */
201#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; }
202/* fs-block-style */
203#fs_block3142{background-repeat:no-repeat; }#fs_block5041{font-family:; }#fs_block3470{background-repeat:no-repeat; }#fs_block4956{text-align:center; background-repeat:no-repeat; }#fs_block4957{text-align:center; background-repeat:no-repeat; }
204/* fs-stack-block-style */
205#fs_block4464{background-repeat:no-repeat; }</style>
206<!-- Google tag (gtag.js) event - delayed navigation helper -->
vendor: 65 bytes, lines 206-207
206
207<script async src="https://www.googletagmanager.com/gtag/js?id=
207G-9BWTC8T9EH
vendor: 13 bytes, line 207
207"></script>
208<script>
vendor: 132 bytes, lines 209-213
209window.dataLayer = window.dataLayer || [];
210function gtag(){dataLayer.push(arguments);}
211gtag('js', new Date());
212
213gtag('config', '
213G-9BWTC8T9EH
vendor: 5 bytes, line 213
213');
214// Helper function to delay opening a URL until a gtag event is sent.
215// Call it in response to an action that should navigate to a URL.
216function gtagSendEvent(url) {
217var callback = function () {
218if (typeof url === 'string') {
219window.location = url;
220}
221};
222gtag('event', 'conversion_event_signup', {
223'event_callback': callback,
224'event_timeout': 2000,
225// <event_parameters>
226});
227return false;
228}
229</script>
229</head>
230<body id="cID343" class="body-pt002"><!-- body -->
231<header><!-- header -->
232
233<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='' >
234  <div class="container-fluid g-0 global-header-menu-ex" style="background-color: var(--bs-white); position: relative">
235    <div class="global-header-upper">
236      <div class="global-header-logo " style="align-items:flex-end; color: var(--bs-gray); ">
237        <a href="https://job-score.jp" style="">
238          <img src="/assets//images/common/logo.svg" alt="JOBSCORE">
239        </a>
240        兵庫県の優良企業だけを掲載
241      </div>
242      <div class="global-header-login">
243        <!-- 未ログイン時 -->
244        <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">
245          採用担当者様はこちら
246        </a>
247        <a class="btn btn-red" href="/registration2/">
248          <i class="bi bi-arrow-right-circle"></i>
249          会員登録<span class="jo-top-free" style="color: #F46063;">無料</span>
250        </a>
251
252        <a href="/login2/" class="btn btn-primary fw-bold" title="ログイン">
253          <i class="bi bi-box-arrow-in-right"></i>
254          <span> ログイン</span>
255        </a>
256        <!-- /未ログイン時 -->
257      </div>
258              <div style="display: none;">
259          <button id="global-header-ex-menu-btn">MENU</button>
260          <div id="global-header-ex-menu-overlay"></div>
261          <div id="global-header-ex-menu-wrap">
262            <button id="global-header-ex-menu-close">CLOSE</button>
263            <ul>
264              <li><a class="btn btn-outline-red fw-bold" href="/registration2/">会員登録|無料</a></li>
265              <li><a class="btn btn-outline-primary fw-bold" href="/login2/"><span> ログイン</span></a></li>
266              <li><a class="text-body" href="/search_recruitment/">採用情報一覧はこちら <i class="bi bi-arrow-right-circle"></i></a></li>
267              <li><a class="text-outer-link" href="https://job-score.co.jp/" target="_blank">採用担当様はこちら</a></li>
268            </ul>
269          </div>
270        </div>
271          </div>
272
273    <div class="global-header-menu" style="display: flex">
274      <!-- マイページ -->
275        <a href="https://job-score.co.jp/" target="_blank" class="mypage-button d-lg-none" style="right: 180px; margin-top: -4px">
276          <i class="bi bi-building" style="color: #0091DA; margin-bottom: -8px;"></i>
277          <p style="color: #0091DA; font-size: 8px;">採用企業様</p>
278        </a>
279        <a href="/registration2/" class="mypage-button d-lg-none" style="margin-top: -4px">
280          <i class="bi bi-person" style="color: #0091DA; margin-bottom: -8px;"></i>
281          <p style="color: #0091DA; font-size: 8px;">無料登録</p>
282        </a>
283        <!-- 通知 -->
284        <a href="/login2/" class="notification-button d-lg-none" style="margin-top: -4px">
285          <i class="bi bi-lock" style="color: #0091DA; margin-bottom: -8px;"></i>
286          <p style="color: #0091DA; font-size: 8px;">ログイン</p>
287        </a>
288      <div class="menu">
289        <nav class="global-header-nav nav">
290          <span class="nav-item">
291          <a class="nav-link " href="/introduction/">
292              <span><i class="bi bi-door-open"></i> はじめての方へ</span>
293            </a>
294          </span>
295          <span class="nav-item">
296          <a class="nav-link " href="/search_corporation/">
297              <span><i class="bi bi-search"></i> 企業をみつける</span>
298            </a>
299          </span>
300          <span class="nav-item dropdown">
301          <button class="nav-link dropdown-toggle   " href="/search_seminar/" id="navbarDropdown02" role="button" data-bs-toggle="dropdown" aria-expanded="false">
302              <i class="bi bi-binoculars"></i>
303              イベントをみつける
304            </button>
305            <span class="dropdown-menu" aria-labelledby="navbarDropdown02">
306              <a class="dropdown-item" href="/search_seminar/">会社説明会・セミナーをみつける</a>
307              <a class="dropdown-item" href="/search_intern/">インターンをみつける</a>
308              <a class="dropdown-item" href="/search_tour/">職場見学会をみつける</a>
309            </span>
310          </span>
311<span class="nav-item"><a class="nav-link " href="/search_recruitment/">
312            <span><i class="bi bi-envelope-paper-heart"></i> 求人情報をみつける</span></a>
313          </span>
314          <span class="nav-item"><a class="nav-link bg-primary border-bottom text-white" href="/about/">
315            <span><i class="bi bi-pentagon"></i> スコアの見方</span></a>
316          </span>
317          <span class="nav-item"><a class="nav-link " href="/quest_introduction/">
318            <span><i class="bi bi-trophy"></i> ジョブクエについて</span></a>
319          </span>
320          <span class="nav-item dropdown">
321          <button class="nav-link dropdown-toggle  " href="/search_seminar/" id="navbarDropdown02" role="button" data-bs-toggle="dropdown" aria-expanded="false">
322              <i class="bi bi-file-earmark-text"></i>
323              転職・就職お役立ち情報
324            </button>
325            <span class="dropdown-menu" aria-labelledby="navbarDropdown02">
326              <a class="dropdown-item" href="/search_journal/">転職・就職お役立ち情報</a>
327              <a class="dropdown-item" href="/search_movie/">転職・就職お役立ち動画</a>
328            </span>
329          </span>
330          <!-- 未ログイン時 -->
331          <span class="nav-item border-0 mx-5 mt-1 d-lg-none">
332            <a class="nav-link nav-link-login btn btn-sm btn-red" href="/registration2/" class="w-100 btn btn-red fw-bold" title="新規登録">
333              <i class="bi bi-arrow-right-circle" style="font-size:1em"></i>
334              <span> 会員登録<span class="jo-top-free" style="color: #F46063;">無料</span></span>
335            </a>
336          </span>
337          <span class="nav-item border-0 mx-5 mt-1 d-lg-none">
338            <a class="nav-link nav-link-login btn btn-sm btn-outline-light fw-bold" href="/login2/" title="ログイン">
339              <i class="bi bi-box-arrow-in-right"></i>
340              <span> ログイン</span>
341            </a>
342          </span>
343          <!-- /未ログイン時 -->
344        </nav>
345      </div>
346          </div>
347  </div>
348  <form id="logout-form" method="post" action="/index.php?cID=343&amp;stackID=234&amp;bID=3064&amp;btask=passthru_stack&amp;ccm_token=1790254016:a08705b49afea5016acc8be6237d3ae6&amp;method=submit_form" class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown"></form>
349</div>
350
351<script>
352  // ストアURL(日本向け)
353  const IOS_APP_STORE_URL   = "https://apps.apple.com/jp/app/jiu-huo-intanshippuno-ni-qiu/id6446013737";
354  const ANDROID_PLAY_URL    = "https://play.google.com/store/apps/details?id=com.finesystem.jobscore&hl=ja";
355
356  function isIOS() {
357    const ua = navigator.userAgent || navigator.vendor || window.opera;
358    const iOSLike = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
359    const iPadOS13Plus = (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
360    return iOSLike || iPadOS13Plus;
361  }
362
363  function isAndroid() {
364    const ua = navigator.userAgent || navigator.vendor || window.opera;
365    return /Android/i.test(ua);
366  }
367
368  document.getElementById("install-app-btn")?.addEventListener("click", () => {
369    if (isIOS()) {
370      location.href = IOS_APP_STORE_URL;
371    } else if (isAndroid()) {
372      location.href = ANDROID_PLAY_URL; // Web版のGoogle Playに遷移
373    } else {
374      // PCや判定不可 → 選択肢を出す(任意の挙動に変更可)
375      // 例:モーダルを出す or ランディングに誘導
376      alert("ご利用の端末を判定できませんでした。App Store または Google Play をお選びください。");
377      // location.href = "/download"; // 選択ページがある場合はこちら
378    }
379  });
380
381  $('#registration-flow').addClass('d-none');
382
383</script>
383</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 >
384<div  id="global-header-ex-menu" class="fs_html    " style='' >
385</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 -->
386    <!--<p>「シングルページ」やアプリケーション用のレイアウトファイルです。(view.php)</p>-->
387        <!-- page type pt002 load -->
388<div id='pt002'>
389<article id='pt002-1Parent'><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='pt002-1-1' class = "gridN12 omega" r-rrh-breakpoint ><div id="ccm-layout-wrapper-56597" style ='' class="ccm-layout-wrapper rrh-layout-wrapper r-rrh-breakpoint  container-fuild"><div id="ccm-layout-area11-33-1" class="ccm-layout ccm-layout-table  ccm-layout-name-Area11-Layout-1 "><div class="ccm-layout-row ccm-layout-row-1"><div class="r-grid12 omega ccm-layout-33-col-1 ccm-layout-cell ccm-layout-col ccm-layout-col-1 first rrh-layout-col fixSpacing"><div  id="fs_block3142" class="jo_breadcrumb    " style='' >
390<ul class="breadcrumb">  <li><a href="/">HOME</a></li>
391  <li><span>スコアの見方</span></li>
392</ul></div><!DOCTYPE html>
393<html lang="ja">
394<head>
395  <meta charset="UTF-8">
396  <meta name="viewport" content="width=device-width, initial-scale=1.0">
397
398  <!-- ============================================================
399    【実装メモ】タイトル・メタ情報
400    → CMSのSEO設定欄に入力してください(このHTMLの<title>は確認用)
401  ============================================================ -->
402  <title>JOBSCOREのスコアとは?企業評価の仕組みと見方を徹底解説|JOBSCORE</title>
403  <meta name="description" content="JOBSCOREのスコアは、調査員が企業に直接赴き決算書を確認したうえで5つの軸で評価した独自指標です。70点以上の優良企業のみ掲載。スコアの計算方法・読み方・審査基準を詳しく解説します。">
404
405  <!-- ============================================================
406    【実装メモ】Google Fonts(Noto Sans JP)
407    → 既存サイトで読み込み済みの場合は削除してください
408  ============================================================ -->
409  <link rel="preconnect" href="https://fonts.googleapis.com">
410  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
411  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet">
412
413  <!-- ============================================================
414    【実装メモ】FAQPage 構造化データ(JSON-LD)
415    → <head>内に必ず含めてください。AI検索・Google AI Overview対策に重要です。
416  ============================================================ -->
417  
417<script type="application/ld+json">
418  {
419    "@context": "https://schema.org",
420    "@type": "FAQPage",
421    "mainEntity": [
422      {
423        "@type": "Question",
424        "name": "JOBSCOREのスコアはどのように計算されますか?",
425        "acceptedAnswer": {
426          "@type": "Answer",
427          "text": "調査員が企業に直接訪問し、①経営の安定度(決算書データ)②教育制度・福利厚生③働きやすさ・人材定着感④企業ブランド力⑤企業成長力の5軸で100点満点評価します。5つのカテゴリのスコアを合算した総合スコアが企業詳細ページに表示されます。"
428        }
429      },
430      {
431        "@type": "Question",
432        "name": "なぜ決算書を必ず確認するのですか?",
433        "acceptedAnswer": {
434          "@type": "Answer",
435          "text": "決算書は企業の経営状態を示す唯一の客観的な一次情報だからです。多くの中小企業では決算情報は非公開ですが、JOBSCOREでは全掲載企業から必ず取得しています。これが他の転職サービスと最も大きく異なる点です。"
436        }
437      },
438      {
439        "@type": "Question",
440        "name": "掲載されている企業はすべて安全ですか?",
441        "acceptedAnswer": {
442          "@type": "Answer",
443          "text": "JOBSCOREへの掲載は、財務健全性・職場環境・成長性など5軸での厳格な審査を通過した証明です。ただし、審査後に企業状況が変わる可能性はあるため、最新のスコアと更新日を必ず確認してください。"
444        }
445      },
446      {
447        "@type": "Question",
448        "name": "スコアが高い会社が自分に合うとは限りませんか?",
449        "acceptedAnswer": {
450          "@type": "Answer",
451          "text": "その通りです。スコアは財務健全性・職場環境・成長性の客観指標であり、あなたとその会社の相性は含みません。スコアを入社後の安心感を判断する材料として使いながら、仕事内容・社風・キャリアパスは求人情報や面接で確認してください。なお、JOBSCOREアプリではあなたのパーソナリティや価値観へのマッチ度が高い企業を「あなたにオススメの企業」として表示する機能があります。"
452        }
453      }
454    ]
455  }
456  </script>
456
457
458  <!-- ============================================================
459    【実装メモ】BreadcrumbList 構造化データ
460    → パンくずと一致させてください
461  ============================================================ -->
462  
462<script type="application/ld+json">
463  {
464    "@context": "https://schema.org",
465    "@type": "BreadcrumbList",
466    "itemListElement": [
467      { "@type": "ListItem", "position": 1, "name": "HOME", "item": "https://job-score.jp/" },
468      { "@type": "ListItem", "position": 2, "name": "スコアの見方", "item": "https://job-score.jp/about/" }
469    ]
470  }
471  </script>
471
472
473  <style>
474    /* ============================================================
475      【実装メモ】CSS変数(デザイントークン)
476      → 既存サイトのCSS変数に合わせて調整してください
477    ============================================================ */
478    :root {
479      --color-navy:      #1a3a5c;
480      --color-navy-dark: #122840;
481      --color-blue:      #2980b9;
482      --color-blue-lt:   #3498db;
483      --color-sky:       #ebf5fb;
484      --color-sky-dk:    #d6eaf8;
485      --color-green:     #27ae60;
486      --color-green-lt:  #eafaf1;
487      --color-amber:     #f39c12;
488      --color-amber-lt:  #fef9e7;
489      --color-red:       #e74c3c;
490      --color-red-lt:    #fdedec;
491      --color-gray-100:  #f4f6f8;
492      --color-gray-200:  #e8ecf0;
493      --color-gray-500:  #7f8c8d;
494      --color-gray-700:  #555f6e;
495      --color-text:      #2c3e50;
496      --color-white:     #ffffff;
497
498      --font-base: 'Noto Sans JP', sans-serif;
499
500      --radius-sm: 6px;
501      --radius-md: 10px;
502      --radius-lg: 16px;
503
504      --shadow-sm: 0 2px 8px rgba(26,58,92,.08);
505      --shadow-md: 0 4px 20px rgba(26,58,92,.12);
506      --shadow-lg: 0 8px 40px rgba(26,58,92,.16);
507
508      --max-w: 860px;
509      --side-pad: clamp(16px, 5vw, 40px);
510    }
511
512    /* ── Reset / Base ─────────────────────────────── */
513    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
514    html { scroll-behavior: smooth; }
515    body {
516      font-family: var(--font-base);
517      font-size: 15px;
518      line-height: 1.8;
519      color: var(--color-text);
520      background: #fff;
521      -webkit-font-smoothing: antialiased;
522    }
523    img { max-width: 100%; height: auto; display: block; }
524    a { color: var(--color-blue); text-decoration: none; }
525    a:hover { text-decoration: underline; }
526
527    /* ── Layout wrapper ───────────────────────────── */
528    .js-container {
529      max-width: var(--max-w);
530      margin: 0 auto;
531      padding: 0 var(--side-pad);
532    }
533
534    /* ============================================================
535      【実装メモ】ヘッダー
536      → 既存サイトのグローバルナビに置き換えてください
537        (以下はデザイン確認用のモックヘッダーです)
538    ============================================================ */
539    .js-header {
540      background: var(--color-white);
541      border-bottom: 1px solid var(--color-gray-200);
542      position: sticky;
543      top: 0;
544      z-index: 100;
545      box-shadow: 0 2px 8px rgba(26,58,92,.06);
546    }
547    .js-header__inner {
548      max-width: 1100px;
549      margin: 0 auto;
550      padding: 0 var(--side-pad);
551      display: flex;
552      align-items: center;
553      justify-content: space-between;
554      height: 60px;
555    }
556    .js-header__logo {
557      display: flex;
558      align-items: center;
559      gap: 8px;
560      text-decoration: none;
561    }
562    .js-header__logo-mark {
563      width: 36px;
564      height: 36px;
565      background: var(--color-navy);
566      border-radius: 8px;
567      display: flex;
568      align-items: center;
569      justify-content: center;
570    }
571    .js-header__logo-mark span {
572      color: #fff;
573      font-weight: 900;
574      font-size: 13px;
575      letter-spacing: -.5px;
576    }
577    .js-header__logo-text {
578      font-size: 18px;
579      font-weight: 900;
580      color: var(--color-navy);
581      letter-spacing: .5px;
582    }
583    .js-header__sub { font-size: 10px; color: var(--color-gray-500); display: block; line-height: 1; }
584    .js-header__actions { display: flex; gap: 8px; align-items: center; }
585    .js-btn-outline {
586      border: 1.5px solid var(--color-navy);
587      color: var(--color-navy);
588      padding: 6px 14px;
589      border-radius: 20px;
590      font-size: 12px;
591      font-weight: 700;
592      text-decoration: none;
593      transition: all .2s;
594    }
595    .js-btn-outline:hover { background: var(--color-navy); color: #fff; text-decoration: none; }
596    .js-btn-primary {
597      background: var(--color-blue);
598      color: #fff;
599      padding: 7px 18px;
600      border-radius: 20px;
601      font-size: 12px;
602      font-weight: 700;
603      text-decoration: none;
604      transition: all .2s;
605    }
606    .js-btn-primary:hover { background: var(--color-blue-lt); text-decoration: none; }
607
608    /* ── Breadcrumb ───────────────────────────────── */
609    .js-breadcrumb {
610      background: var(--color-gray-100);
611      padding: 10px 0;
612      font-size: 12px;
613      color: var(--color-gray-500);
614    }
615    .js-breadcrumb ol { display: flex; list-style: none; gap: 4px; align-items: center; }
616    .js-breadcrumb a { color: var(--color-blue); }
617    .js-breadcrumb li + li::before { content: "›"; margin-right: 4px; }
618    .js-breadcrumb li:last-child { color: var(--color-gray-700); }
619
620    /* ── Page Hero ────────────────────────────────── */
621    .js-hero {
622      background: linear-gradient(135deg, var(--color-navy) 0%, #0f2d4a 60%, #1a4a73 100%);
623      color: #fff;
624      padding: clamp(40px, 8vw, 72px) var(--side-pad);
625      text-align: center;
626      position: relative;
627      overflow: hidden;
628    }
629    .js-hero::before {
630      content: '';
631      position: absolute;
632      inset: 0;
633      background: radial-gradient(ellipse at 70% 50%, rgba(41,128,185,.35) 0%, transparent 70%);
634      pointer-events: none;
635    }
636    .js-hero__tag {
637      display: inline-flex;
638      align-items: center;
639      gap: 6px;
640      background: rgba(255,255,255,.15);
641      border: 1px solid rgba(255,255,255,.3);
642      border-radius: 20px;
643      padding: 4px 14px;
644      font-size: 11px;
645      font-weight: 700;
646      letter-spacing: .08em;
647      margin-bottom: 16px;
648    }
649    .js-hero h1 {
650      font-size: clamp(22px, 4.5vw, 34px);
651      font-weight: 900;
652      line-height: 1.4;
653      margin-bottom: 16px;
654      letter-spacing: -.01em;
655    }
656    .js-hero h1 em {
657      font-style: normal;
658      color: #7ec8f0;
659    }
660    .js-hero__lead {
661      font-size: clamp(13px, 2vw, 15px);
662      line-height: 1.9;
663      opacity: .88;
664      max-width: 620px;
665      margin: 0 auto 24px;
666    }
667    .js-hero__toc {
668      display: flex;
669      flex-wrap: wrap;
670      gap: 8px;
671      justify-content: center;
672      margin-top: 8px;
673    }
674    .js-hero__toc a {
675      background: rgba(255,255,255,.12);
676      border: 1px solid rgba(255,255,255,.25);
677      color: rgba(255,255,255,.9);
678      padding: 5px 14px;
679      border-radius: 16px;
680      font-size: 12px;
681      font-weight: 500;
682      text-decoration: none;
683      transition: all .2s;
684    }
685    .js-hero__toc a:hover { background: rgba(255,255,255,.25); text-decoration: none; }
686
687    /* ── Section ──────────────────────────────────── */
688    .js-section {
689      padding: clamp(52px, 8vw, 80px) 0;
690      border-bottom: 1px solid var(--color-gray-200);
691    }
692    .js-section:last-of-type { border-bottom: none; }
693    .js-section--gray { background: var(--color-gray-100); }
694    .js-section--sky  { background: var(--color-sky); }
695    .js-section--navy {
696      background: var(--color-navy);
697      color: #fff;
698    }
699
700    /* ── Section heading ──────────────────────────── */
701    .js-section-head {
702      display: flex;
703      align-items: flex-start;
704      gap: 16px;
705      margin-bottom: 36px;
706    }
707    .js-section-head__num {
708      flex-shrink: 0;
709      width: 38px;
710      height: 38px;
711      background: var(--color-blue);
712      border-radius: 50%;
713      display: flex;
714      align-items: center;
715      justify-content: center;
716      font-size: 14px;
717      font-weight: 900;
718      color: #fff;
719      margin-top: 2px;
720    }
721    .js-section-head h2 {
722      font-size: clamp(18px, 3vw, 22px);
723      font-weight: 900;
724      color: var(--color-navy);
725      line-height: 1.45;
726      border-bottom: 3px solid var(--color-blue);
727      padding-bottom: 10px;
728      flex: 1;
729    }
730    .js-section--navy .js-section-head h2 { color: #fff; border-color: rgba(255,255,255,.4); }
731
732    .js-h3 {
733      font-size: clamp(15px, 2.5vw, 17px);
734      font-weight: 700;
735      color: var(--color-navy);
736      margin: 40px 0 16px;
737      padding-left: 14px;
738      border-left: 4px solid var(--color-blue);
739      line-height: 1.5;
740    }
741
742    /* ── Body text ────────────────────────────────── */
743    .js-body { font-size: 14px; line-height: 1.95; color: var(--color-gray-700); margin-bottom: 18px; }
744    .js-body + .js-body { margin-top: -4px; }
745
746    /* ── Info / Callout boxes ─────────────────────── */
747    .js-box {
748      border-radius: var(--radius-md);
749      padding: 20px 24px;
750      margin: 24px 0;
751      font-size: 14px;
752      line-height: 1.85;
753    }
754    .js-box--blue {
755      background: var(--color-sky);
756      border-left: 4px solid var(--color-blue);
757    }
758    .js-box--green {
759      background: var(--color-green-lt);
760      border-left: 4px solid var(--color-green);
761    }
762    .js-box--amber {
763      background: var(--color-amber-lt);
764      border-left: 4px solid var(--color-amber);
765    }
766    .js-box--navy {
767      background: var(--color-navy);
768      color: #fff;
769      border-left: 4px solid rgba(255,255,255,.4);
770    }
771    .js-box strong { color: var(--color-navy); }
772    .js-box--navy strong { color: #7ec8f0; }
773    .js-box ul { margin: 10px 0 0 18px; }
774    .js-box li { margin-bottom: 6px; }
775
776    /* ── Stat bar (origin story) ──────────────────── */
777    .js-origin-stats {
778      display: grid;
779      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
780      gap: 20px;
781      margin: 32px 0 28px;
782    }
783    .js-origin-stat {
784      background: var(--color-white);
785      border: 1px solid var(--color-gray-200);
786      border-radius: var(--radius-md);
787      padding: 24px 16px;
788      text-align: center;
789      box-shadow: var(--shadow-sm);
790    }
791    .js-origin-stat__num {
792      font-size: clamp(30px, 5vw, 40px);
793      font-weight: 900;
794      color: var(--color-navy);
795      line-height: 1;
796    }
797    .js-origin-stat__num span { font-size: .55em; }
798    .js-origin-stat__label { font-size: 12px; color: var(--color-gray-500); margin-top: 8px; text-align: center; }
799
800    /* ── Score axis cards ─────────────────────────── */
801    .js-axis-list { display: grid; gap: 18px; }
802
803    .js-axis-card {
804      background: var(--color-white);
805      border: 1px solid var(--color-gray-200);
806      border-radius: var(--radius-lg);
807      overflow: hidden;
808      box-shadow: var(--shadow-sm);
809      display: grid;
810      grid-template-columns: 80px 1fr;
811      transition: box-shadow .25s;
812    }
813    .js-axis-card:hover { box-shadow: var(--shadow-md); }
814
815    .js-axis-card__num {
816      display: flex;
817      flex-direction: column;
818      align-items: center;
819      justify-content: center;
820      padding: 20px 8px;
821      gap: 4px;
822      font-weight: 900;
823      color: #fff;
824    }
825    .js-axis-card__num .label { font-size: 9px; letter-spacing: .08em; opacity: .85; }
826    .js-axis-card__num .digit { font-size: 30px; line-height: 1; }
827
828    /* 5色 */
829    .js-axis-card:nth-child(1) .js-axis-card__num { background: var(--color-navy); }
830    .js-axis-card:nth-child(2) .js-axis-card__num { background: var(--color-blue); }
831    .js-axis-card:nth-child(3) .js-axis-card__num { background: var(--color-green); }
832    .js-axis-card:nth-child(4) .js-axis-card__num { background: #8e44ad; }
833    .js-axis-card:nth-child(5) .js-axis-card__num { background: #e67e22; }
834
835    .js-axis-card__body { padding: 20px 24px; }
836    .js-axis-card__title {
837      font-size: 15px;
838      font-weight: 700;
839      color: var(--color-navy);
840      margin-bottom: 8px;
841    }
842    .js-axis-card__desc {
843      font-size: 13px;
844      line-height: 1.8;
845      color: var(--color-gray-700);
846      margin-bottom: 14px;
847    }
848    .js-axis-card__checks {
849      display: flex;
850      flex-wrap: wrap;
851      gap: 7px;
852    }
853    .js-axis-card__check {
854      display: inline-flex;
855      align-items: center;
856      gap: 4px;
857      background: var(--color-gray-100);
858      border-radius: 4px;
859      padding: 4px 10px;
860      font-size: 11px;
861      color: var(--color-gray-700);
862    }
863    .js-axis-card__check::before {
864      content: '✓';
865      color: var(--color-green);
866      font-weight: 700;
867    }
868
869    /* ── Process steps ────────────────────────────── */
870    .js-steps { display: grid; gap: 0; position: relative; }
871    .js-steps::before {
872      content: '';
873      position: absolute;
874      left: 27px;
875      top: 56px;
876      bottom: 56px;
877      width: 2px;
878      background: linear-gradient(to bottom, var(--color-blue), var(--color-sky));
879    }
880    .js-step {
881      display: grid;
882      grid-template-columns: 58px 1fr;
883      gap: 18px;
884      padding: 0 0 24px;
885      position: relative;
886    }
887    .js-step:last-child { padding-bottom: 0; }
888    .js-step__num {
889      width: 56px;
890      height: 56px;
891      background: var(--color-blue);
892      border-radius: 50%;
893      display: flex;
894      flex-direction: column;
895      align-items: center;
896      justify-content: center;
897      color: #fff;
898      flex-shrink: 0;
899      z-index: 1;
900      box-shadow: 0 0 0 4px var(--color-white);
901    }
902    .js-step__num .step-label { font-size: 8px; letter-spacing: .1em; font-weight: 700; opacity: .85; }
903    .js-step__num .step-digit { font-size: 22px; font-weight: 900; line-height: 1; }
904    .js-step__body {
905      background: var(--color-white);
906      border: 1px solid var(--color-gray-200);
907      border-radius: var(--radius-md);
908      padding: 18px 22px;
909      box-shadow: var(--shadow-sm);
910      margin-top: 2px;
911    }
912    .js-step__title { font-size: 14px; font-weight: 700; color: var(--color-navy); margin-bottom: 7px; }
913    .js-step__desc { font-size: 13px; line-height: 1.8; color: var(--color-gray-700); }
914    .js-step__highlight {
915      display: inline;
916      background: var(--color-amber-lt);
917      padding: 1px 6px;
918      border-radius: 3px;
919      font-weight: 700;
920      color: #b7770a;
921    }
922
923    /* ── Trust badges ─────────────────────────────── */
924    .js-trust-list {
925      display: grid;
926      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
927      gap: 18px;
928      margin: 28px 0 8px;
929    }
930    .js-trust-item {
931      background: var(--color-white);
932      border-radius: var(--radius-md);
933      padding: 20px;
934      border: 1px solid var(--color-gray-200);
935      display: flex;
936      align-items: flex-start;
937      gap: 14px;
938      box-shadow: var(--shadow-sm);
939    }
940    .js-trust-item__icon {
941      width: 44px;
942      height: 44px;
943      border-radius: 50%;
944      display: flex;
945      align-items: center;
946      justify-content: center;
947      font-size: 20px;
948      flex-shrink: 0;
949    }
950    .js-trust-item__icon--green { background: var(--color-green-lt); }
951    .js-trust-item__icon--blue  { background: var(--color-sky); }
952    .js-trust-item__icon--amber { background: var(--color-amber-lt); }
953    .js-trust-item__text { font-size: 13px; line-height: 1.75; }
954    .js-trust-item__text strong { display: block; font-size: 14px; color: var(--color-navy); margin-bottom: 6px; }
955
956    /* ── Score band table ─────────────────────────── */
957    .js-score-table {
958      width: 100%;
959      border-collapse: collapse;
960      border-radius: var(--radius-md);
961      overflow: hidden;
962      box-shadow: var(--shadow-sm);
963      font-size: 13px;
964    }
965    .js-score-table th {
966      background: var(--color-navy);
967      color: #fff;
968      padding: 14px 16px;
969      text-align: left;
970      font-size: 12px;
971      font-weight: 700;
972      letter-spacing: .03em;
973    }
974    .js-score-table th:first-child { text-align: center; }
975    .js-score-table td {
976      padding: 14px 16px;
977      border-bottom: 1px solid var(--color-gray-200);
978      vertical-align: middle;
979      line-height: 1.65;
980    }
981    .js-score-table td:first-child { text-align: center; white-space: nowrap; }
982    .js-sco
982re-table tr:last-child td { border-bottom: none; }
983    .js-score-table tr:nth-child(odd) td { background: var(--color-gray-100); }
984    .js-score-table tr:nth-child(even) td { background: #fff; }
985
986    .js-score-badge {
987      display: inline-block;
988      padding: 4px 12px;
989      border-radius: 14px;
990      font-weight: 700;
991      font-size: 12px;
992      white-space: nowrap;
993    }
994    .badge--gold   { background: #fff3cd; color: #856404; }
995    .badge--blue   { background: var(--color-sky); color: var(--color-blue); }
996    .badge--green  { background: var(--color-green-lt); color: #1a7341; }
997    .badge--gray   { background: var(--color-gray-200); color: var(--color-gray-700); }
998
999    /* ── Update info block ────────────────────────── */
1000    .js-update-grid {
1001      display: grid;
1002      grid-template-columns: 1fr 1fr;
1003      gap: 18px;
1004      margin: 24px 0;
1005    }
1006    @media (max-width: 560px) { .js-update-grid { grid-template-columns: 1fr; } }
1007    .js-update-card {
1008      border: 1px solid var(--color-gray-200);
1009      border-radius: var(--radius-md);
1010      overflow: hidden;
1011    }
1012    .js-update-card__head {
1013      padding: 12px 16px;
1014      font-size: 12px;
1015      font-weight: 700;
1016      color: #fff;
1017    }
1018    .js-update-card:nth-child(1) .js-update-card__head { background: var(--color-navy); }
1019    .js-update-card:nth-child(2) .js-update-card__head { background: var(--color-gray-500); }
1020    .js-update-card__body { padding: 14px 16px; font-size: 13px; line-height: 1.8; background: #fff; }
1021
1022    /* ── Reading guide ────────────────────────────── */
1023    .js-reading-guide {
1024      display: grid;
1025      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
1026      gap: 16px;
1027      margin: 24px 0 8px;
1028    }
1029    .js-rg-card {
1030      background: var(--color-white);
1031      border: 1px solid var(--color-gray-200);
1032      border-radius: var(--radius-md);
1033      padding: 18px 20px;
1034      font-size: 13px;
1035      border-top: 3px solid var(--color-blue);
1036    }
1037    .js-rg-card__title {
1038      font-weight: 700;
1039      color: var(--color-navy);
1040      margin-bottom: 12px;
1041      display: flex;
1042      align-items: center;
1043      gap: 8px;
1044    }
1045    .js-rg-card__title .icon {
1046      width: 26px;
1047      height: 26px;
1048      background: var(--color-sky);
1049      border-radius: 50%;
1050      display: flex;
1051      align-items: center;
1052      justify-content: center;
1053      font-size: 13px;
1054    }
1055    .js-rg-card li { list-style: none; padding-left: 16px; position: relative; margin-bottom: 6px; color: var(--color-gray-700); line-height: 1.65; }
1056    .js-rg-card li:last-child { margin-bottom: 0; }
1057    .js-rg-card li::before { content: '▶'; position: absolute; left: 0; font-size: 9px; color: var(--color-blue); top: 5px; }
1058
1059    /* ── Finance knowledge ────────────────────────── */
1060    .js-finance-grid {
1061      display: grid;
1062      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
1063      gap: 20px;
1064      margin: 24px 0 8px;
1065    }
1066    .js-finance-card {
1067      background: var(--color-white);
1068      border: 1px solid var(--color-gray-200);
1069      border-radius: var(--radius-md);
1070      overflow: hidden;
1071      box-shadow: var(--shadow-sm);
1072    }
1073    .js-finance-card__head {
1074      background: var(--color-navy);
1075      color: #fff;
1076      padding: 14px 18px;
1077      font-size: 13px;
1078      font-weight: 700;
1079    }
1080    .js-finance-card__head span { font-size: 11px; opacity: .7; font-weight: 400; margin-left: 6px; }
1081    .js-finance-card__body { padding: 16px 18px; font-size: 13px; line-height: 1.85; }
1082    .js-finance-card__formula {
1083      background: var(--color-gray-100);
1084      border-radius: var(--radius-sm);
1085      padding: 10px 14px;
1086      font-size: 12px;
1087      font-family: 'Noto Sans JP', monospace;
1088      color: var(--color-navy);
1089      font-weight: 700;
1090      margin: 12px 0;
1091      border-left: 3px solid var(--color-blue);
1092    }
1093    .js-finance-card__guide { font-size: 12px; color: var(--color-gray-500); margin-top: 4px; }
1094    .js-finance-card__guide strong { color: var(--color-navy); }
1095
1096    /* ── FAQ ──────────────────────────────────────── */
1097    .js-faq-list { display: grid; gap: 14px; }
1098    .js-faq-item {
1099      border: 1px solid var(--color-gray-200);
1100      border-radius: var(--radius-md);
1101      overflow: hidden;
1102      box-shadow: var(--shadow-sm);
1103    }
1104    .js-faq-q {
1105      width: 100%;
1106      background: var(--color-white);
1107      border: none;
1108      text-align: left;
1109      padding: 18px 20px;
1110      cursor: pointer;
1111      display: flex;
1112      align-items: flex-start;
1113      gap: 14px;
1114      font-family: var(--font-base);
1115      font-size: 14px;
1116      font-weight: 700;
1117      color: var(--color-navy);
1118      line-height: 1.55;
1119      transition: background .2s;
1120    }
1121    .js-faq-q:hover { background: var(--color-gray-100); }
1122    .js-faq-q .q-mark {
1123      width: 30px;
1124      height: 30px;
1125      background: var(--color-navy);
1126      border-radius: 50%;
1127      color: #fff;
1128      display: flex;
1129      align-items: center;
1130      justify-content: center;
1131      font-size: 14px;
1132      font-weight: 900;
1133      flex-shrink: 0;
1134    }
1135    .js-faq-q .arrow {
1136      margin-left: auto;
1137      flex-shrink: 0;
1138      font-size: 18px;
1139      color: var(--color-blue);
1140      transition: transform .25s;
1141      line-height: 1;
1142      margin-top: 5px;
1143    }
1144    .js-faq-item.open .arrow { transform: rotate(180deg); }
1145    .js-faq-a {
1146      display: none;
1147      padding: 16px 20px 20px calc(30px + 20px + 14px);
1148      font-size: 14px;
1149      line-height: 1.9;
1150      color: var(--color-gray-700);
1151      border-top: 1px solid var(--color-sky-dk);
1152      background: var(--color-sky);
1153    }
1154    .js-faq-a p { margin-top: 0; }
1155    .js-faq-a p + p { margin-top: 14px; }
1156    .js-faq-item.open .js-faq-a { display: block; }
1157
1158    /* ── CTA section ──────────────────────────────── */
1159    .js-cta {
1160      background: linear-gradient(135deg, var(--color-navy) 0%, #0f2d4a 100%);
1161      color: #fff;
1162      text-align: center;
1163      padding: clamp(56px, 9vw, 88px) var(--side-pad);
1164    }
1165    .js-cta h2 {
1166      font-size: clamp(20px, 4vw, 28px);
1167      font-weight: 900;
1168      margin-bottom: 16px;
1169      line-height: 1.45;
1170    }
1171    .js-cta p { font-size: 14px; opacity: .85; max-width: 500px; margin: 0 auto 32px; line-height: 1.85; }
1172    .js-cta__btns { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
1173    .js-cta-btn {
1174      display: inline-block;
1175      padding: 15px 36px;
1176      border-radius: 32px;
1177      font-weight: 900;
1178      font-size: 15px;
1179      text-decoration: none;
1180      transition: all .25s;
1181    }
1182    .js-cta-btn--white {
1183      background: #fff;
1184      color: var(--color-navy);
1185    }
1186    .js-cta-btn--white:hover { background: #e8f4fd; text-decoration: none; }
1187    .js-cta-btn--outline {
1188      background: transparent;
1189      border: 2px solid rgba(255,255,255,.6);
1190      color: #fff;
1191    }
1192    .js-cta-btn--outline:hover { background: rgba(255,255,255,.1); text-decoration: none; }
1193
1194    /* ── Util ─────────────────────────────────────── */
1195    .js-divider { height: 1px; background: var(--color-gray-200); margin: 8px 0; }
1196    .js-tag {
1197      display: inline-block;
1198      background: var(--color-sky);
1199      color: var(--color-blue);
1200      padding: 2px 10px;
1201      border-radius: 10px;
1202      font-size: 11px;
1203      font-weight: 700;
1204      margin-bottom: 10px;
1205    }
1206    ul.js-ul { margin: 16px 0 20px 0; padding: 0; list-style: none; }
1207    ul.js-ul li {
1208      padding: 8px 0 8px 24px;
1209      position: relative;
1210      font-size: 14px;
1211      border-bottom: 1px dashed var(--color-gray-200);
1212      color: var(--color-gray-700);
1213      line-height: 1.75;
1214    }
1215    ul.js-ul li:last-child { border-bottom: none; }
1216    ul.js-ul li::before {
1217      content: '';
1218      position: absolute;
1219      left: 0;
1220      top: 17px;
1221      width: 8px;
1222      height: 8px;
1223      border-radius: 50%;
1224      background: var(--color-blue);
1225    }
1226
1227    /* ── Mock footer ──────────────────────────────── */
1228    .js-footer {
1229      background: var(--color-navy-dark);
1230      color: rgba(255,255,255,.6);
1231      text-align: center;
1232      padding: 24px;
1233      font-size: 12px;
1234    }
1235
1236    /* ── Responsive adjustments ───────────────────── */
1237    @media (max-width: 600px) {
1238      .js-axis-card { grid-template-columns: 60px 1fr; }
1239      .js-axis-card__num { padding: 14px 6px; }
1240      .js-axis-card__num .digit { font-size: 24px; }
1241      .js-axis-card__body { padding: 16px 18px; }
1242      .js-steps::before { left: 22px; }
1243      .js-step__num { width: 46px; height: 46px; }
1244      .js-step { grid-template-columns: 48px 1fr; gap: 14px; }
1245      .js-step__body { padding: 14px 16px; }
1246      .js-section-head { gap: 12px; margin-bottom: 28px; }
1247      .js-h3 { margin: 32px 0 14px; }
1248      .js-trust-list { grid-template-columns: 1fr; }
1249      .js-reading-guide { grid-template-columns: 1fr; }
1250      .js-finance-grid { grid-template-columns: 1fr; }
1251      .js-origin-stats { grid-template-columns: repeat(2, 1fr); gap: 14px; }
1252      .js-faq-q { padding: 14px 16px; }
1253      .js-faq-a { padding: 14px 16px 18px 16px; }
1254      .js-cta-btn { padding: 13px 28px; font-size: 14px; }
1255    }
1256  </style>
1257</head>
1258<body>
1259  <!-- ============================================================
1260    【実装メモ】ページヒーロー(h1 + リード文 + 目次ショートカット)
1261    → h1テキストはCMSのページタイトル設定と合わせてください
1262  ============================================================ -->
1263  <div class="js-hero">
1264    <div class="js-container" style="position:relative; z-index:1;">
1265      <div class="js-hero__tag">📋 スコアの見方</div>
1266      <h1>JOBSCOREの<em>スコア</em>とは?<br>企業評価の仕組みと見方を徹底解説</h1>
1267      <p class="js-hero__lead">
1268        JOBSCOREのスコアは、調査員が企業に直接赴いて収集した決算書データをはじめ、
1269        教育制度・離職率・職場環境など<strong style="color:#7ec8f0;">5つの評価軸</strong>から
1270        企業を100点満点で評価した独自指標です。
1271      </p>
1272      <nav class="js-hero__toc" aria-label="このページの目次">
1273        <a href="#reason">スコアが生まれた理由</a>
1274        <a href="#axes">5つの評価軸</a>
1275        <a href="#trust">信頼性・審査プロセス</a>
1276        <a href="#criteria">掲載基準</a>
1277        <a href="#reading">スコアの読み方</a>
1278        <a href="#finance">財務知識</a>
1279        <a href="#faq">よくある質問</a>
1280      </nav>
1281    </div>
1282  </div>
1283
1284  <main>
1285
1286    <!-- ======================================================
1287      SECTION 1: スコアが生まれた理由
1288    ====================================================== -->
1289    <section id="reason" class="js-section">
1290      <div class="js-container">
1291        <div class="js-section-head">
1292          <div class="js-section-head__num">1</div>
1293          <h2>スコアが生まれた理由 ――「入社後に後悔しない転職」のために</h2>
1294        </div>
1295
1296        <p class="js-body">
1297          転職・就活で企業を選ぶとき、多くの人は口コミサイトや求人票を参考にします。しかし、口コミは退職者の一時的な感情に左右され、求人票は企業が自らPRした情報です。そこには<strong>「嘘をつけない事実」が不足しています。</strong>
1298        </p>
1299        <p class="js-body">
1300          JOBSCOREが誕生した背景には、「中小企業の本当の姿を求職者に届けたい」というシンプルな思いがありました。上場企業は決算書を公開していますが、多くの中小企業の財務情報は非公開です。JOBSCOREでは、掲載希望企業すべてに調査員が直接赴き、<strong>決算書の開示を必須条件として情報を取得します。</strong>
1301        </p>
1302
1303        <div class="js-origin-stats">
1304          <div class="js-origin-stat">
1305            <div class="js-origin-stat__num">5<span>
1305軸</span></div>
1306            <div class="js-origin-stat__label">独自評価カテゴリ</div>
1307          </div>
1308          <div class="js-origin-stat">
1309            <div class="js-origin-stat__num">100<span>点</span></div>
1310            <div class="js-origin-stat__label">満点スコア</div>
1311          </div>
1312          <div class="js-origin-stat">
1313            <div class="js-origin-stat__num">70<span>点以上</span></div>
1314            <div class="js-origin-stat__label">掲載合格ライン</div>
1315          </div>
1316          <div class="js-origin-stat">
1317            <div class="js-origin-stat__num">10<span>%</span></div>
1318            <div class="js-origin-stat__label">国内企業に対する合格割合</div>
1319          </div>
1320        </div>
1321
1322        <div class="js-box js-box--blue">
1323          感情に流されない、客観的な「会社の通知表」――それがJOBSCOREスコアです。口コミサイトの一時的な感情や、エージェントも知らない財務の実態まで、あなたが安心して企業を選べる情報を提供します。
1324        </div>
1325      </div>
1326    </section>
1327
1328    <!-- ======================================================
1329      SECTION 2: 5つの評価軸
1330    ====================================================== -->
1331    <section id="axes" class="js-section js-section--gray">
1332      <div class="js-container">
1333        <div class="js-section-head">
1334          <div class="js-section-head__num">2</div>
1335          <h2>スコアの仕組み ― 5つの評価軸と100点満点</h2>
1336        </div>
1337
1338        <p class="js-body">
1339          JOBSCOREでは、以下5つのカテゴリをそれぞれ評価し、合計で<strong>100点満点の総合スコア</strong>を算出します。どの軸も「求職者が入社後に後悔しないために必要な情報」をもとに設計されています。
1340        </p>
1341
1342        <div class="js-axis-list">
1343
1344          <!-- 評価軸1 -->
1345          <article class="js-axis-card">
1346            <div class="js-axis-card__num">
1347              <span class="label">AXIS</span>
1348              <span class="digit">1</span>
1349            </div>
1350            <div class="js-axis-card__body">
1351              <div class="js-axis-card__title">経営の安定度(財務健全性)</div>
1352              <p class="js-axis-card__desc">
1353                企業が倒産リスクなく安定した経営を続けられるかを、決算書の実データから評価します。多くの転職サービスでは非公開な中小企業の財務情報も、JOBSCOREでは全掲載企業から必ず取得します。
1354              </p>
1355              <div class="js-axis-card__checks">
1356                <span class="js-axis-card__check">自己資本比率</span>
1357                <span class="js-axis-card__check">売上高経常利益率</span>
1358                <span class="js-axis-card__check">売上高・経常利益の推移</span>
1359                <span class="js-axis-card__check">借入比率・流動比率</span>
1360              </div>
1361            </div>
1362          </article>
1363
1364          <!-- 評価軸2 -->
1365          <article class="js-axis-card">
1366            <div class="js-axis-card__num">
1367              <span class="label">AXIS</span>
1368              <span class="digit">2</span>
1369            </div>
1370            <div class="js-axis-card__body">
1371              <div class="js-axis-card__title">教育制度・福利厚生の充実感</div>
1372              <p class="js-axis-card__desc">
1373                入社後に成長できる環境が整っているか、また生活を支える制度が充実しているかを評価します。現地取材での担当者インタビューを通じて、書面だけでは分からない実態も確認します。
1374              </p>
1375              <div class="js-axis-card__checks">
1376                <span class="js-axis-card__check">新入社員研修カリキュラム</span>
1377                <span class="js-axis-card__check">OJT・メンター制度</span>
1378                <span class="js-axis-card__check">住宅手当・各種福利厚生</span>
1379                <span class="js-axis-card__check">育休・産休の実取得率</span>
1380              </div>
1381            </div>
1382          </article>
1383
1384          <!-- 評価軸3 -->
1385          <article class="js-axis-card">
1386            <div class="js-axis-card__num">
1387              <span class="label">AXIS</span>
1388              <span class="digit">3</span>
1389            </div>
1390            <div class="js-axis-card__body">
1391              <div class="js-axis-card__title">働きやすさ・人材定着感</div>
1392              <p class="js-axis-card__desc">
1393                入社した社員が長く働き続けられる職場かどうかを、数値と現場の実態から評価します。「職場が清潔か」「コミュニケーションが活発か」など数値化しにくい部分も現地確認で把握します。
1394              </p>
1395              <div class="js-axis-card__checks">
1396                <span class="js-axis-card__check">直近3年間の離職率</span>
1397                <span class="js-axis-card__check">平均勤続年数</span>
1398                <span class="js-axis-card__check">社内コミュニケーション施策</span>
1399                <span class="js-axis-card__check">職場環境の現地確認</span>
1400                <span class="js-axis-card__check">残業時間・有給取得率</span>
1401              </div>
1402            </div>
1403          </article>
1404
1405          <!-- 評価軸4 -->
1406          <article class="js-axis-card">
1407            <div class="js-axis-card__num">
1408              <span class="label">AXIS</span>
1409              <span class="digit">4</span>
1410            </div>
1411            <div class="js-axis-card__body">
1412              <div class="js-axis-card__title">企業ブランド力</div>
1413              <p class="js-axis-card__desc">
1414                明確な経営理念を持ち、それを製品・サービス・採用活動に体現できているかを評価します。ブランド力の高い企業は、社員が誇りを持って働ける環境がある傾向があります。
1415              </p>
1416              <div class="js-axis-card__checks">
1417                <span class="js-axis-card__check">経営理念・ビジョンの確立</span>
1418                <span class="js-axis-card__check">社員への理念浸透度</span>
1419                <span class="js-axis-card__check">広報・採用ブランド活動</span>
1420                <span class="js-axis-card__check">業界内認知度・受賞歴</span>
1421              </div>
1422            </div>
1423          </article>
1424
1425          <!-- 評価軸5 -->
1426          <article class="js-axis-card">
1427            <div class="js-axis-card__num">
1428              <span class="label">AXIS</span>
1429              <span class="digit">5</span>
1430            </div>
1431            <div class="js-axis-card__body">
1432              <div class="js-axis-card__title">企業成長力</div>
1433              <p class="js-axis-card__desc">
1434                現在の安定だけでなく、今後も成長できる企業かどうかを評価します。採用・設備投資・新規事業などの「未来への投資」が判断軸となります。
1435              </p>
1436              <div class="js-axis-card__checks">
1437                <span class="js-axis-card__check">過去3年間の成長トレンド</span>
1438                <span class="js-axis-card__check">設備投資・新規事業計画</span>
1439                <span class="js-axis-card__check">採用計画の策定と実行</span>
1440                <span class="js-axis-card__check">業界トレンドへの対応力</span>
1441              </div>
1442            </div>
1443          </article>
1444
1445        </div><!-- /.js-axis-list -->
1446      </div>
1447    </section>
1448
1449    <!-- ======================================================
1450      SECTION 3: 信頼性・審査プロセス
1451    ====================================================== -->
1452    <section id="trust" class="js-section">
1453      <div class="js-container">
1454        <div class="js-section-head">
1455          <div class="js-section-head__num">3</div>
1456          <h2>スコアの信頼性 ― なぜ客観的といえるのか</h2>
1457        </div>
1458
1459        <p class="js-body">「本当に信頼できる評価なのか?」そう思われる方のために、JOBSCOREのスコアリングプロセスを透明性高く公開します。</p>
1460
1461        <h3 class="js-h3">現地取材 × 決算書の一次情報 ― 5ステップの審査プロセス</h3>
1462
1463        <div class="js-steps">
1464          <div class="js-step">
1465            <div class="js-step__num"><span class="step-label">STEP</span><span class="step-digit">1</span></div>
1466            <div class="js-step__body">
1467              <div class="js-step__title">事前調査・アポイント</div>
1468              <p class="js-step__desc">企業の公開情報(ホームページ・業界情報)を事前に調査し、取材のポイントを整理します。</p>
1469            </div>
1470          </div>
1471          <div class="js-step">
1472            <div class="js-step__num"><span class="step-label">STEP</span><span class="step-digit">2</span></div>
1473            <div class="js-step__body">
1474              <div class="js-step__title">現地訪問・担当者インタビュー</div>
1475              <p class="js-step__desc">採用担当者・経営層にインタビューを実施。教育制度・職場環境・経営方針などをヒアリングします。</p>
1476            </div>
1477          </div>
1478          <div class="js-step">
1479            <div class="js-step__num"><span class="step-label">STEP</span><span class="step-digit">3</span></div>
1480            <div class="js-step__body">
1481              <div class="js-step__title">決算書の直接確認 <span class="js-step__highlight">最大の特徴</span></div>
1482              <p class="js-step__desc">調査員が決算書を直接確認し、財務三表(損益計算書・貸借対照表・キャッシュフロー計算書)をもとにスコアリングの基礎データを収集します。他の転職サービスでは得られない一次情報です。</p>
1483            </div>
1484          </div>
1485          <div class="js-step">
1486            <div class="js-step__num"><span class="step-label">STEP</span><span class="step-digit">4</span></div>
1487            <div class="js-step__body">
1488              <div class="js-step__title">職場環境の目視確認</div>
1489              <p class="js-step__desc">
1489オフィス・工場・店舗を実際に見て、清潔さ・設備の充実度・働く社員の様子を確認します。口コミや書類だけでは分からない「リアルな現場」を評価に反映します。</p>
1490            </div>
1491          </div>
1492          <div class="js-step">
1493            <div class="js-step__num"><span class="step-label">STEP</span><span class="step-digit">5</span></div>
1494            <div class="js-step__body">
1495              <div class="js-step__title">スコアリング・内部審査</div>
1496              <p class="js-step__desc">収集した情報をもとに、5つの評価軸でスコアを算出します。算出結果は複数担当者によるレビューを経てから確定します。</p>
1497            </div>
1498          </div>
1499        </div>
1500
1501        <h3 class="js-h3">独立した評価プロセスと定期更新</h3>
1502
1503        <div class="js-trust-list">
1504          <div class="js-trust-item">
1505            <div class="js-trust-item__icon js-trust-item__icon--green">🔒</div>
1506            <div class="js-trust-item__text">
1507              <strong>スコアは広告費で変動しません</strong>
1508              掲載料の支払い有無にかかわらず、スコアリングは独立した評価プロセスで実施されます。財務データと取材結果のみが使用されます。
1509            </div>
1510          </div>
1511          <div class="js-trust-item">
1512            <div class="js-trust-item__icon js-trust-item__icon--blue">🏢</div>
1513            <div class="js-trust-item__text">
1514              <strong>大企業・上場企業でも不合格あり</strong>
1515              社名や規模に関わらず、スコアが70点未満の企業は掲載をお断りしています。慢性的な赤字体質の大企業も例外ではありません。
1516            </div>
1517          </div>
1518          <div class="js-trust-item">
1519            <div class="js-trust-item__icon js-trust-item__icon--amber">🔄</div>
1520            <div class="js-trust-item__text">
1521              <strong>原則として年1回以上の情報更新</strong>
1522              企業の状況は変化します。決算情報の更新に合わせて定期的に再取材・スコアの見直しを実施します。
1523            </div>
1524          </div>
1525        </div>
1526      </div>
1527    </section>
1528
1529    <!-- ======================================================
1530      SECTION 4: 掲載基準
1531    ====================================================== -->
1532    <section id="criteria" class="js-section js-section--sky">
1533      <div class="js-container">
1534        <div class="js-section-head">
1535          <div class="js-section-head__num">4</div>
1536          <h2>掲載基準 ― 総合スコア70点以上の意味</h2>
1537        </div>
1538
1539        <div class="js-box js-box--navy">
1540          <strong>国内企業 約337万社のうち、JOBSCOREの基準を満たす企業は約10%(約33万社)</strong><br>
1541          掲載されているのは、その中でも現地取æ
1541ãƒ»å¯©æŸ»ã‚’経た厳選された優良企業です。
1542        </div>
1543
1544        <p class="js-body" style="margin-top:20px;">
1545          なぜ70点なのか。この数値は、財務健全性・職場環境・成長性のすべてが一定水準を超えていることを示す、JOBSCOREが長年の調査経験をもとに設定したボーダーラインです。
1546        </p>
1547
1548        <h3 class="js-h3">大企業・上場企業でも不合格になることがある</h3>
1549        <p class="js-body">「大企業なら安心」と思っていませんか?JOBSCOREでは、社名や規模に関わらず、スコアが70点未満の企業は掲載をお断りしています。</p>
1550
1551        <ul class="js-ul">
1552          <li>慢性的な赤字体質の大企業は、経営安定度スコアが低くなります</li>
1553          <li>社員教育・福利厚生が整っていない大手も評価は下がります</li>
1554          <li>逆に、知名度は低くても財務健全・離職率低の中小企業が高スコアを獲得することが多くあります</li>
1555        </ul>
1556      </div>
1557    </section>
1558
1559    <!-- ======================================================
1560      SECTION 5: スコアの読み方
1561    ====================================================== -->
1562    <section id="reading" class="js-section">
1563      <div class="js-container">
1564        <div class="js-section-head">
1565          <div class="js-section-head__num">5</div>
1566          <h2>スコアの読み方 ― 求職者はここを見よう</h2>
1567        </div>
1568
1569        <p class="js-body">企業詳細ページには、総合スコアと5つのカテゴリ別スコアが表示されます。どう読めばよいか、ポイントを解説します。</p>
1570
1571        <h3 class="js-h3">総合スコア帯の目安</h3>
1572
1573        <div style="overflow-x:auto; margin: 20px 0 32px;">
1574          <table class="js-score-table">
1575            <thead>
1576              <tr>
1577                <th>スコア帯</th>
1578                <th>評価レベル</th>
1579                <th>求職者向け解説</th>
1580              </tr>
1581            </thead>
1582            <tbody>
1583              <tr>
1584                <td><span class="js-score-badge badge--gold">90〜100点</span></td>
1585                <td><strong>特別優良</strong></td>
1586                <td>財務・職場環境・成長性のすべてが極めて高い水準。安心して応募を検討できる企業ばかりです。</td>
1587              </tr>
1588              <tr>
1589                <td><span class="js-score-badge badge--blue">80〜89点</span></td>
1590                <td><strong>高優良</strong></td>
1591                <td>複数の評価軸で高い水準を誇る企業。安定性・成長性・働きやすさのバランスが優れており、安心して応募を検討できます。</td>
1592              </tr>
1593              <tr>
1594                <td><span class="js-score-badge badge--green">70〜79点</span></td>
1595                <td><strong>優良</strong></td>
1596                <td>JOBSCOREの審査基準を満たした優良企業です。この帯に属するすべての企業が安心して応募を検討できる水準にあります。カテゴリ別スコアでご自身の優先軸と照らし合わせてみましょう。</td>
1597              </tr>
1598              <tr>
1599                <td><span class="js-score-badge badge--gray">70点未満</span></td>
1600                <td>掲載対象外</td>
1601                <td>JOBSCOREには掲載されません。</td>
1602              </tr>
1603            </tbody>
1604          </table>
1605        </div>
1606
1607        <h3 class="js-h3">カテゴリ別スコアの活用法 ― あなたの優先度に合わせて</h3>
1608
1609        <div class="js-reading-guide">
1610          <div class="js-rg-card">
1611            <div class="js-rg-card__title"><div class="icon">🏠</div>安定重視の転職</div>
1612            <ul>
1613              <li>「経営の安定度」スコアを特に確認</li>
1614              <li>自己資本比率・黒字継続年数に注目</li>
1615              <li>業種の将来性も合わせてチェック</li>
1616            </ul>
1617          </div>
1618          <div class="js-rg-card">
1619            <div class="js-rg-card__title"><div class="icon">📈</div>成長・キャリアアップ重視</div>
1620            <ul>
1621              <li>「教育制度・福利厚生」に注目</li>
1622              <li>「企業成長力」スコアも重要指標</li>
1623              <li>研修制度の充実度を求人票で確認</li>
1624            </ul>
1625          </div>
1626          <div class="js-rg-card">
1627            <div class="js-rg-card__title"><div class="icon">⚖️</div>ライフバランス重視</div>
1628            <ul>
1629              <li>「働きやすさ・人材定着感」に注目</li>
1630              <li>離職率・残業時間データを確認</li>
1631              <li>育休取得率も判断材料に</li>
1632            </ul>
1633          </div>
1634        </div>
1635
1636      </div>
1637    </section>
1638
1639    <!-- ======================================================
1640      SECTION 6: 転職・就職に役立つ財務知識
1641    ====================================================== -->
1642    <section id="finance" class="js-section js-section--gray">
1643      <div class="js-container">
1644        <div class="js-section-head">
1645          <div class="js-section-head__num">6</div>
1646          <h2>転職・就職に役立つ財務知識</h2>
1647        </div>
1648
1649        <p class="js-body">JOBSCOREのスコアを読むうえで役立つ財務知識を、転職・就活の視点からわかりやすく解説します。</p>
1650
1651        <div class="js-finance-grid">
1652          <div class="js-finance-card">
1653            <div class="js-finance-card__head">決算書とは?<span>(財務三表)</span></div>
1654            <div class="js-finance-card__body">
1655              企業の1年間の経営成績と財務状態を示す公式書類です。「損益計算書(P/L)」「貸借対照表(B/S)」「キャッシュフロー計算書(C/F)」の3つを<strong>「財務三表」</strong>と呼びます。
1656              <br><br>多くの中小企業では決算書は<strong>非公開</strong>ですが、JOBSCOREでは全掲載企業から必ず取得します。これが他の転職サービスと最も大きく異なる点です。
1657            </div>
1658          </div>
1659
1660          <div class="js-finance-card">
1661            <div class="js-finance-card__head">自己資本比率<span>(財務安定性の指標)</span></div>
1662            <div class="js-finance-card__body">
1663              企業の総資産に占める自己資本(返済不要の資金)の割合。この数値が高いほど財務的に安定した企業です。
1664              <div class="js-finance-card__formula">自己資本比率 = 自己資本 ÷ 総資産 × 100</div>
1665              <p class="js-finance-card__guide">
1666                <strong>目安:</strong> 30%以上:安定 / 50%以上:非常に安定 / 10%未満:要注意
1667              </p>
1668            </div>
1669          </div>
1670
1671          <div class="js-finance-card">
1672            <div class="js-finance-card__head">売上高経常利益率<span>(収益性の指標)</span></div>
1673            <div class="js-finance-card__body">
1674              売上に対してどれだけ本業で利益を上げられているかを示す割合。高いほど「儲かっている会社」であり、給与水準・賞与・設備投資への還元が期待できます。
1675              <div class="js-finance-card__formula">売上高経常利益率 = 経常利益 ÷ 売上高 × 100</div>
1676              <p class="js-finance-card__guide">
1677                <strong>目安:</strong> 5%以上:良好 / 10%以上:優秀(業種によって異なる)
1678              </p>
1679            </div>
1680          </div>
1681
1682          <div class="js-finance-card">
1683            <div class="js-finance-card__head">離職率とは?<span>(職場の安定度)</span></div>
1684            <div class="js-finance-card__body">
1685              一定期間内に退職した社員の割合。低い離職率は職場環境の良さや働きやすさを示します。JOBSCOREでは現地取æ
1685ã§ã€Œç›´è¿‘3年間の離職率」を直接確認しています。
1686              <div class="js-finance-card__formula">離職率 = 期間内退職者数 ÷ 期初在籍者数 × 100</div>
1687              <p class="js-finance-card__guide">
1688                <strong>目安:</strong> 厚生労働省調査による全業種平均は約15%(2023年度)
1689              </p>
1690            </div>
1691          </div>
1692        </div>
1693      </div>
1694    </section>
1695
1696    <!-- ======================================================
1697      SECTION 7: FAQ
1698      【実装メモ】この節はFAQPage JSON-LD(head内)と内容を一致させてください
1699    ====================================================== -->
1700    <section id="faq" class="js-section">
1701      <div class="js-container">
1702        <div class="js-section-head">
1703          <div class="js-section-head__num">7</div>
1704          <h2>よくある質問(FAQ)</h2>
1705        </div>
1706
1707        <div class="js-faq-list">
1708
1709          <div class="js-faq-item">
1710            <button class="js-faq-q" aria-expanded="false">
1711              <span class="q-mark">Q</span>
1712              <span>JOBSCOREのスコアはどのように計算されますか?</span>
1713              <span class="arrow">▾</span>
1714            </button>
1715            <div class="js-faq-a">
1716              <p>調査員が企業に直接訪問し、①経営の安定度(決算書データ)②教育制度・福利厚生③働きやすさ・人材定着感④企業ブランド力⑤企業成長力の5軸で100点満点評価します。5つのカテゴリのスコアを合算した総合スコアが企業詳細ページに表示されます。</p>
1717            </div>
1718          </div>
1719
1720          <div class="js-faq-item">
1721            <button class="js-faq-q" aria-expanded="false">
1722              <span class="q-mark">Q</span>
1723              <span>なぜ決算書を必ず確認するのですか?</span>
1724              <span class="arrow">▾</span>
1725            </button>
1726            <div class="js-faq-a">
1727              <p>決算書は企業の経営状態を示す唯一の客観的な一次情報だからです。口コミや求人票と異なり、数字は嘘をつきません。特に非上場の中小企業は決算情報が非公開のことが多く、JOBSCOREの現地取材でしか得られないデータです。</p>
1728            </div>
1729          </div>
1730
1731          <div class="js-faq-item">
1732            <button class="js-faq-q" aria-expanded="false">
1733              <span class="q-mark">Q</span>
1734              <span>掲載されている企業はすべて安全ですか?</span>
1735              <span class="arrow">▾</span>
1736            </button>
1737            <div class="js-faq-a">
1738              <p>JOBSCOREへの掲載は、財務健全性・職場環境・成長性など5軸での厳格な審査を通過した証明です。ただし、審査後に企業状況が変わる可能性はあるため、最新のスコアと更新日を必ず確認してください。定期更新により情報鮮度を保つよう努めています。</p>
1739            </div>
1740          </div>
1741
1742          <div class="js-faq-item">
1743            <button class="js-faq-q" aria-expanded="false">
1744              <span class="q-mark">Q</span>
1745              <span>スコアが高い会社が自分に合うとは限りませんか?</span>
1746              <span class="arrow">▾</span>
1747            </button>
1748            <div class="js-faq-a">
1749              <p>その通りです。スコアは「財務健全性・職場環境・成長性」の客観指標であり、「あなたとその会社の相性」は含みません。スコアを入社後の安心感を判断する材料として使いながら、仕事内容・社風・キャリアパスは求人情報や面接で確認してください。</p>
1750              <p>なお、JOBSCOREアプリでは、あなたのパーソナリティや考え方・価値観への<strong>マッチ度が高い企業を「あなたにオススメの企業」として表示する機能</strong>があります。スコアによる客観的な安心感の確認と、マッチ度による相性の確認を組み合わせることで、より納得のいく企業選びができます。</p>
1751            </div>
1752          </div>
1753
1754        </div>
1755      </div>
1756    </section>
1757
1758    <!-- ======================================================
1759      CTA
1760    ====================================================== -->
1761    <section class="js-cta">
1762      <h2>さあ、あなたの「本当の転職・就職先」を見つけよう</h2>
1763      <p>JOBSCOREでは、このスコアを用いて厳選した兵庫の優良企業を無料で検索できます。スコアを活用しながら、納得感のある転職・就職先を見つけてください。</p>
1764      <div class="js-cta__btns">
1765        <a href="/search_corporation/" class="js-cta-btn js-cta-btn--white">🔍 企業をさがす</a>
1766                  <a href="/registration2/" class="js-cta-btn js-cta-btn--outline">✉️ 無料会員登録</a>
1767              </div>
1768    </section>
1769
1770  </main>
1771
1772  <!-- ============================================================
1773    【実装メモ】FAQアコーディオン JavaScript
1774    → 既存サイトにjQuery等が読み込まれている場合は書き換え可
1775    → 軽量なVanilla JSです(依存ライブラリなし)
1776  ============================================================ -->
1777  
1777<script>
1778    document.querySelectorAll('.js-faq-q').forEach(btn => {
1779      btn.addEventListener('click', () => {
1780        const item = btn.closest('.js-faq-item');
1781        const isOpen = item.classList.contains('open');
1782
1783        // 他を閉じる(accordion動作)
1784        document.querySelectorAll('.js-faq-item.open').forEach(el => {
1785          el.classList.remove('open');
1786          el.querySelector('.js-faq-q').setAttribute('aria-expanded', 'false');
1787        });
1788
1789        // クリックしたものをトグル
1790        if (!isOpen) {
1791          item.classList.add('open');
1792          btn.setAttribute('aria-expanded', 'true');
1793        }
1794      });
1795    });
1796  </script>
1796
1797
1798</body>
1799</html>
1800</div><div class="ccm-spacer"></div></div></div></div></div></div></article><article id='pt002-2Parent'><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='pt002-2-1' class = "gridN12 omega" r-rrh-breakpoint ></div></div></article><article id='pt002-3Parent'><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='pt002-3-1' class = "gridN12 omega" r-rrh-breakpoint ></div></div></article><article id='pt002-4Parent'><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='pt002-4-1' class = "gridN12 omega" r-rrh-breakpoint ></div></div></article><article id='pt002-5Parent'><div class='clearfix rrh-layout-wrapper-wide rrh-breakpoint'><div id='pt002-5-1' class = "gridN12 omega" r-rrh-breakpoint ></div></div></article></div>
1801<!-- /page type load -->
1802
1803
1804
1805</div>
1806
1807<footer id="footer"><!-- footer -->
1808<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='' >
1809  <div class="pt-3 px-0 px-sm-5">
1810    <div class="global-footer-link01 row row-cols-1 row-cols-md-2 mx-auto">
1811      <div class="col w-md-auto">
1812        <ul class="row flex-column gx-3 mx-0  justify-content-start text-start text-md-start">
1813        <li class="col text-left"><a href="/introduction/">はじめての方へ</a></li>
1814        <li class="col text-left"><a href="/search_corporation/">企業をみつける</a></li>
1815          <li class="col text-left"><a href="/search_seminar/">会社説明会・セミナーをみつける</a></li>
1816          <li class="col text-left"><a href="/search_intern/">インターンをみつける</a></li>
1817          <li class="col text-left"><a href="/search_tour/">職場見学会をみつける</a></li>
1818          <li class="col text-left"><a href="/search_recruitment/">求人情報をみつける</a></li>
1819          <li class="col text-left"><a href="/search_journal/">転職・就職お役立ち情報</a></li>
1820          <li class="col text-left"><a href="/search_movie/">転職・就職お役立ち動画</a></li>
1821        </ul>
1822      </div>
1823      <div class="col w-md-auto">
1824        <ul class="row flex-column gx-3 mx-0 justify-content-start text-center text-md-start">
1825                      <!-- 未ログイン時 -->
1826          <li class="col text-left"><a href="/registration2/">新規会員登録</a></li>
1827                    <li class="col text-left"><a href="/about/">スコアの見方</a></li>
1828          <li class="col text-left"><a href="/quest_introduction/">ジョブクエについて</a></li>
1829          <li class="col text-left"><a href="/general-contact/">ヘルプ・お問い合わせ</a></li>
1830        </ul>
1831      </div>
1832    </div>
1833    <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>
1834  </div>
1835</div>
1836
1837<div  id="fs_block4941" class="fs_html    " style='' >
1838<!--  chart01-note用modal追加 --> <div class="modal fade" id="chart01NoteModal" aria-labelledby="chart01NoteModalLabel" aria-hidden="true"> <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> 「明確な企業ブランドコンセプト(経営理念)が確立されているか」「ブランドコンセプトに基づいた製
1838品・商品開発並びにサービス提供ができているか」「ブランド力向上のための広報活動が積極的に行われているか」などを取材等に収集しスコアリングを実施。</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 -->
1839<script src="/assets//lib/js/chart.min.js"></script>
vendor: 1 bytes, line 1839
1839
1840<script src="/assets//lib/bootstrap/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1840
1840
1841<script src="/assets//lib/js/slick/slick.min.js"></script>
vendor: 1 bytes, line 1841
1841
1842<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/tom-select.complete.min.js"></script>
vendor: 1 bytes, line 1842
1842
1843<script type="text/javascript">
1844window.addEventListener('DOMContentLoaded', () => {
1845  // *[data-bookmark-target] .bi-star/.bi-star-fill
1846  const elementList = document.querySelectorAll('[data-bookmark-target] .bi-star, [data-bookmark-target] .bi-star-fill');
1847  // addEventListener callbacks
1848  const addListeners = [];
1849  // addEventListener preventDefault
1850  const cancelListener = (e) => {
1851    e.preventDefault();
1852    e.stopPropagation();
1853  }
1854  // 要素を展開
1855  elementList.forEach(function(item, i) {
1856    const target = item.closest('[data-bookmark-target]');// 対象親要素
1857    const parent = item.closest('[data-bookmark-parent="true"]');// 祖先要素(グループ化必要時)
1858    // イベントリスナーで実行するcallbackを配列に代入
1859    addListeners[i] = async (e) => {
1860      e.preventDefault();
1861      e.stopPropagation();
1862      const company_cd = target.getAttribute('data-bookmark-target');
1863      const body = new FormData();
1864      body.append('company_cd', company_cd);
1865      // 非同期処理
1866      const result = await fetch('/bookmarker', {
1867        method: 'POST',
1868        body
1869      });
1870      const data = await result.json();
1871      if (result.status === 200) {
1872        item.style.cursor = 'not-allowed';
1873        item.classList.toggle('bi-star');
1874        item.classList.toggle('bi-star-fill');
1875        item.addEventListener('click', cancelListener);// 伝播無効用のイベントリスナー登録
1876        // 祖先要素(グループ化指定)がある場合
1877        if (parent) {
1878          // 祖先要素内にクリックした要素とは別に対象要素が居ないか確認
1879          const others = parent.querySelectorAll('[data-bookmark-target] .bi-star, [data-bookmark-target] .bi-star-fill');
1880          others.forEach(function(item2) {
1881            if (item !== item2) {
1882              const idx = Array.from(elementList).findIndex((elm) => {
1883                return elm === item2;
1884              })
1885              // 先程クリックした要素と同じ状態に合わせる
1886              item2.style.cursor = 'not-allowed';
1887              item2.classList.toggle('bi-star');
1888              item2.classList.toggle('bi-star-fill');
1889              const target2 = item2.closest('[data-bookmark-target]');
1890              target2.removeEventListener('click', addListeners[idx]);// イベントリスナー削除
1891              target2.addEventListener('click', cancelListener);// 伝播無効用のイベントリスナー登録
1892            }
1893          });
1894        }
1895        // テキスト置換(固定フッターメニュー)
1896        const replaceContent = target.querySelector('[data-replace-text-content]');
1897        if (replaceContent) {
1898          /* console.log(replaceContent.childNodes, replaceContent.lastChild); */
1899          const replaceText = replaceContent?.getAttribute('data-replace-text-content');// 置換テキスト
1900          replaceContent.replaceChild(document.createTextNode(replaceText), replaceContent.lastChild);// 最終ノードをテキストノードに置換
1901          target.classList.toggle('btn-ex01-muted');// クラス名調整1 *[data-bookmark-target]
1902          target.style.cursor = 'not-allowed';
1903          item.classList.toggle('text-blue-dark');// クラス名調整2 *.bi-star||*.bi-star-fill
1904        }
1905        location.reload();
1906      }
1907      if (result.status === 401 && data?.redirect_path) {
1908        location.href = data.redirect_path;
1909      }
1910    }
1911    item.style.cursor = 'pointer';
1912    target.addEventListener('click', addListeners[i], { once: true });// イベントリスナー登録
1913  });
1914});
1915
1916/*
1917// Adjust .ccm-layout
1918let row  = document.querySelector('#jb-adjuster-container .ccm-layout-row');
1919let cols = row?.children;
1920if (row && cols) {
1921  // set container
1922  row.classList.add('main-content-body', 'border-0', 'row', 'g-5', 'flex-column', 'flex-sm-row', 'mt-0', 'mb-4');
1923  // set left pane
1924  cols[0]?.classList.add('side', 'col-auto', 'position-relative', 'my-0');
1925  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');
1926  // cols[0].style.border = 'solid 1px blue';
1927  // set right pane
1928  cols[1]?.classList.add('col', 'my-0');
1929  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');
1930  // cols[1].style.border = 'solid 1px red';
1931}
1932
1933// Adjust .ccm-layout
1934row  = document.querySelector('#jb-journal-container .ccm-layout-row');
1935cols = row?.children;
1936if (row && cols) {
1937  // set container
1938  row.classList.add('journal', 'journal-post', 'main-content-body', 'border-0', 'row', 'g-5', 'flex-column', 'flex-sm-row', 'mt-0', 'mb-4');
1939  // set left pane
1940  cols[0]?.classList.remove(...cols[0]?.classList);
1941  cols[0]?.classList.add('col', 'my-0', 'journal-content');
1942  // cols[0].style.border = 'solid 1px blue';
1943  // set right pane
1944  cols[1]?.classList.remove(...cols[1]?.classList);
1945  cols[1]?.classList.add('side', 'col-auto', 'position-relative', 'mt-4', 'mb-0', 'mt-sm-0');
1946  // cols[1].style.border = 'solid 1px red';
1947}
1948*/
1949</script>
1949
1950<!-- FaceBook -->
1951<div id="fb-root"></div>
1952<script>
1953new WOW().init();
1954</script>
1954
1955
1956</body>
1957</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.