@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body, input, select, textarea {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Lucida Grande", Meiryo, メイリオ, Roboto, "Droid Sans", sans-serif;
}

div, h1, h2, h3, h4, h5, h6, p, dt, dd, caption, th, td, article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  text-align: left;
}

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

/* チェック・ラジオ・テキスト入力 */
input[type=checkbox],
input[type=radio],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=telephone],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  margin: 0;
  vertical-align: middle;
}

/* ボタン・セレクト */
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit],
select {
  margin: 0;
  vertical-align: middle;
}

/* Firefox hack */
@-moz-document url-prefix() {
  select {
    margin-left: 1px;
  }
}
li {
  list-style: none;
}

em {
  font-style: normal;
}

/* [[ Function / strip unit ]] */
/*[memo]
値から単位（例：px）を外す関数
sassでは単位が異なる値での計算式（割り算）はエラーとなるため単位を外す必要がある。
参照：https://cly7796.net/blog/css/remove-units-from-numbers-with-sass/
*/
/* [[ Function / convert px → rem ]] */
/*[memo]
px値 →を→ rem値に変換する関数
（2024年6月アクセシビリティ対応）
*/
/* [[ Function / detect px / index px ]] */
/*[memo]
変数の値がpx値かどうかを判定する関数
（2024年6月アクセシビリティ対応で使用）
*/
/* [[ Config / color ]] */
/* [[ Config / base width / space ]] */
/* [[ Config / module config ]] */
/* [[ Config / font size ]] */
/* [[ Mixin / clear fix ]] */
/* [[ Mixin / not text ]] */
/*[memo]
ブロック要素内に画像のみの場合のline-heightを無効かする指定
------------------------------------------------*/
/* [[ Mixin / box shadow ]] */
/*[memo] ボックス + シャドー 共通指定 */
/* [[ Mixin / arrowPoint ]] */
/*[memo] 吹き出し等の三角形を作るmixin */
/* [[ Mixin / abridgement / lineClamp ]] */
/*[memo]
文字数制限 省略指定
------------------------------------------------*/
/* [[ Mixin / sprite ]] */
/*[memo] スプライト画像 サイズ指定 mixin */
/* [[ Mixin / stripe pattern ]] */
/*[memo] background 斜線パターン mixin */
/* [[ Mixin / emboss button ]] */
/*[memo]
共通指定のエンボスボタン
------------------------------------------------*/
/* [[ Mixin / emboss button icon ]] */
/*[memo]
アイコンバリエーション
@mixin embossButton()と併用して（掛け合わせて）使います。

.xxx {
	@include embossButton() = ボタンカラーを指定
	@include embossButtonIconXXX() = アイコンタイプを指定
}
------------------------------------------------*/
/* [[ ┠ embossButtonIconClip ]] */
/*----------------------------------------------*/
/* [[ ┠ embossButtonIconHome ]] */
/*----------------------------------------------*/
/* [[ ┗ embossButtonIconEntry ]] */
/*----------------------------------------------*/
/* [[ Mixin / flat button ]] */
/*[memo]
共通指定のフラットボタン
------------------------------------------------*/
/* [[ Mixin / heading ]] */
/*[memo]
コンテンツタイトルや大ブロックで使用するタイトル処理（大見出し処理）
各要素で使えるよう @mixin にしています。

この他に「中項見出し処理」もあります。
@mixin heading() = タイトル処理（大見出し処理）
@mixin headline() = 中項見出し処理

※ @mixin heading() ＞ @mixin headline()
※デザインに合わせ @mixin heading() / @mixin headline() を使い分けてください。
------------------------------------------------*/
/* [[ Mixin / headline ]] */
/*[memo]
中項見出し処理です。
各要素で使えるよう @mixin にしています。

共通指定の @mixin headline を用意し
それを読み込んで各バリエーションを作っています。

中項用見出しは、前後の要素の強弱・デザインにより色が違ったり（※）、
PC・スマホで色が違ったりするため、単体（class指定）で使用できるようになっていますが、
@mixinとして使用しています。

※例「.headline-primary = 緑、PC版では緑だけど、SP版では青で使いたい」など
------------------------------------------------*/
/* [[ form ]] */
/*[memo]
各種フォーム系 初期値指定

input[type=text] や input[type=submit] で指定すると
継承・優先度が強くなり _module.scss 等で再指定できないので
class化し初期値設定をします。
------------------------------------------------*/

::-moz-placeholder {
  color: #6c6c6c;
  font-size: 0.875rem;
  padding: 0.125rem 0;
  opacity: 1;
}

::placeholder {
  color: #6c6c6c;
  font-size: 0.875rem;
  padding: 0.125rem 0;
  opacity: 1;
}

:-moz-placeholder-shown {
  color: #6c6c6c;
  font-size: 0.875rem;
  padding: 0.125rem 0;
  opacity: 1;
}

:placeholder-shown {
  color: #6c6c6c;
  font-size: 0.875rem;
  padding: 0.125rem 0;
  opacity: 1;
}

/*
↑
HTMLソースに直接class指定する場合のclass
Dart Sass化の際に破棄しました。
（config.scssでclass指定できないので破棄しました）
↑
HTMLソースに上記classが残っていても
下記マークアップへの指定が反映されるようになっています。
↓
*/
input[type=text],
input[type=email],
input[type=password],
textarea {
  padding: 0.3125rem;
  border: solid 0.0625rem #cccccc;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  background: #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
}

/*
↑
HTMLソースに直接class指定する場合のclass
Dart Sass化の際に破棄しました。
（config.scssでclass指定できないので破棄しました）
↑
HTMLソースに上記classが残っていても
下記マークアップへの指定が反映されるようになっています。
↓
*/
textarea {
  width: 100%;
  height: 12em;
  resize: vertical;
}

/*
↑
HTMLソースに直接class指定する場合のclass
Dart Sass化の際に破棄しました。
（config.scssでclass指定できないので破棄しました）
↑
HTMLソースに上記classが残っていても
下記マークアップへの指定が反映されるようになっています。
↓
*/
select {
  font-size: 0.875rem;
}

/*
↑
HTMLソースに直接class指定する場合のclass
Dart Sass化の際に破棄しました。
（config.scssでclass指定できないので破棄しました）
↑
HTMLソースに上記classが残っていても
下記マークアップへの指定が反映されるようになっています。
↓
*/
input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
  margin-right: 0.3125rem;
}

/*
↑
HTMLソースに直接class指定する場合のclass
Dart Sass化の際に破棄しました。
（config.scssでclass指定できないので破棄しました）
↑
HTMLソースに上記classが残っていても
下記マークアップへの指定が反映されるようになっています。
↓
*/
input[type=button],
input[type=submit] {
  cursor: pointer;
  /*
  border: solid convertPxRem(1px) #cccccc;
  background: #fff;
  border-radius: convertPxRem(5px);
  */
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  box-sizing: border-box;
}
input[type=button]::-webkit-search-decoration,
input[type=submit]::-webkit-search-decoration {
  display: none;
}
input[type=button]::focus,
input[type=submit]::focus {
  outline-offset: -0.125rem;
}

/* [[ body ]] */
html {
  background-color: #f9b606;
}

body {
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
  background-color: #ffffff;
  min-width: 64.375rem;
  -webkit-text-size-adjust: none;
}

a {
  color: #0055C6;
  text-decoration: none;
}
a:visited, a:active {
  color: rgb(0, 63.1060606061, 147);
}
a:hover {
  text-decoration: underline;
}

/* [[ .header ]] */
.header {
  border-top: solid 0.3125rem #f9d616;
  position: relative;
  z-index: 1;
  /* [[ ┠ &_inner ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_lead ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_belt ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_logo ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_tools ]] */
  /*----------------------------------------------*/
  /*[memo]
  スマホ版のみで使用する要素
  ・マイクリップ
  ・メニューボタン
  -------------------------------------------------*/
  /* [[ ┠ &_nav ]] */
  /*----------------------------------------------*/
}
.header:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 100%;
  height: 1.875rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #f4f5fa;
}
.header:after {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 100%;
  height: 3.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #f9d616;
}
.header_inner {
  position: relative;
  width: 61.875rem;
  margin: 0 auto;
}
.header_lead {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3c4faf;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.875rem;
  background-color: #f4f5fa;
}
.header_belt {
  height: 5.9375rem;
  background-color: #ffffff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header_logo {
  font-size: 0;
  line-height: 0;
}
.header_logo a {
  display: block;
}
.header_logo img {
  height: 3.125rem;
}
.header_logo-50th img {
  height: 2.8125rem;
}
.header_tools {
  display: none;
}
.header_nav {
  height: 3.125rem;
}

/* [[ ┠ .globalNav ]] */
/*----------------------------------------------*/
.globalNav {
  /*! CREARFIX */
  zoom: 1;
  border-right: solid 0.0625rem #ffffff;
}
.globalNav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .globalNav {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.globalNav_item {
  float: left;
  width: 20%;
  line-height: 3.125rem;
  border-left: solid 0.0625rem #ffffff;
  background-color: #f9d616;
  box-sizing: border-box;
}
.globalNav_item-clip {
  background-color: #3c4faf;
  position: relative;
  z-index: 1;
}
.globalNav_item-clip:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.8125rem;
  height: 2.8125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -11.25rem -14.0625rem;
  top: 50%;
  left: 50%;
  margin-top: -1.40625rem;
  margin-left: 3.25rem;
}
.globalNav_item a {
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
}
.globalNav_item a, .globalNav_item a:visited, .globalNav_item a:active {
  color: #212121;
}
.globalNav_item a:hover {
  text-decoration: none;
}
.globalNav_item-clip a, .globalNav_item-clip a:visited, .globalNav_item-clip a:active {
  color: #ffffff;
}
.globalNav_item-act a {
  margin-top: -0.3125rem;
  padding: 0.125rem 0 0.0625rem 0;
  border: solid 0.125rem #f9d616;
  border-bottom: none;
  background-color: #ffffff;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.globalNav_item-act a, .globalNav_item-act a:visited, .globalNav_item-act a:active {
  color: #212121;
}

/* [[ ┠ .utilityNav ]] */
/*----------------------------------------------*/
.utilityNav {
  /*! CREARFIX */
  zoom: 1;
  position: absolute;
  top: 5.3125rem;
  right: 0;
  font-size: 0.75rem;
}
.utilityNav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .utilityNav {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.utilityNav_item {
  float: left;
  margin-left: 0.625rem;
}
.utilityNav a, .utilityNav a:visited, .utilityNav a:active {
  color: #6c6c6c;
}
.utilityNav a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -3.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.1875rem;
}

/* [[ ┗ .hajLogin ]] */
/*----------------------------------------------*/
.hajLogin {
  position: absolute;
  top: 2.8125rem;
  right: 0;
}
.hajLogin ul {
  /*! CREARFIX */
  zoom: 1;
}
.hajLogin ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .hajLogin ul {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.hajLogin li {
  float: left;
  width: 8.125rem;
  line-height: 1.875rem;
  font-weight: bold;
  font-size: 0.75rem;
  background-color: #f9d616;
}
.hajLogin li:first-child {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.hajLogin li:last-child {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.hajLogin li a {
  display: block;
  text-align: center;
}
.hajLogin li a, .hajLogin li a:visited, .hajLogin li a:active {
  color: #212121;
}
.hajLogin li a:hover {
  text-decoration: none;
}
.hajLogin li.login,
.hajLogin li.logout {
  background-color: #f9b606;
}
.hajLogin li.entry a {
  padding-left: 0.6875rem;
}

/* [[ .contents ]] */
.contents {
  /* [[ ┠ body#home ]] */
  /*----------------------------------------------*/
  /*[memo] PC版のみ使用
  ------------------------------------------------*/
  /* [[ ┠ body#article ]] */
  /*----------------------------------------------*/
  /* [[ ┠ body#guide ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_more ]] */
  /*----------------------------------------------*/
}
.header + .contents {
  /*[memo]
  .header
  .breadcrumbs ← がない場合の対応
  .contents
  */
  margin-top: 2.5rem;
}
.contents_inner {
  /*! CREARFIX */
  zoom: 1;
  width: 61.875rem;
  margin: 0 auto;
}
.contents_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .contents_inner {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.contents_homeMain {
  float: left;
  width: 45.625rem;
}
.contents_homeSub {
  float: right;
  width: 13.75rem;
}
.contents_articleMain {
  float: left;
  width: 43.75rem;
}
.contents_articleSub {
  float: right;
  width: 15.625rem;
}
.contents_guideMain {
  float: left;
  width: 45.625rem;
}
.contents_guideSub {
  float: right;
  width: 13.75rem;
}
.contents_more {
  margin-top: 2.5rem;
}

/* [[ .footer ]] */
.footer {
  margin-top: 2.5rem;
  /* [[ ┠ &_pageTop ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_outline ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_related ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_links ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_copy ]] */
  /*----------------------------------------------*/
}
.footer_outline, .footer_links, .footer_copy {
  padding: 2.5rem 0;
}
.footer_description, .footer_sitemap, .footer_infoLinks, .footer_sponsorship, .footer_related dl, .footer_jobLinks, .footer_otherLinks {
  width: 61.875rem;
  margin: 0 auto;
}
.footer_pageTop {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.3125rem;
  cursor: pointer;
  border: solid 0.0625rem transparent;
  position: fixed;
  bottom: 0.625rem;
  left: 50%;
  z-index: 1000;
  margin-left: 32.1875rem;
}
.footer_pageTop img {
  width: 41.25rem;
  position: absolute;
  top: -9.375rem;
}
.footer_pageTop-translate {
  bottom: 6.25rem;
}
.footer_outline {
  border-top: solid 0.3125rem #f9d616;
}
.footer_description, .footer_sitemap, .footer_sponsorship, .footer_officialBadges {
  margin-top: 2.5rem;
}
.footer_description:first-child, .footer_sitemap:first-child, .footer_sponsorship:first-child, .footer_officialBadges:first-child {
  margin-top: 0;
}
.footer_description h3 {
  color: #212121;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.6;
}
.footer_description p {
  margin-top: 1.875rem;
  font-size: 0.875rem;
  line-height: 2;
}
.footer_sitemap dt {
  margin-bottom: 0.3125rem;
  border-left: solid 0.3125rem #f9d616;
  padding-left: 0.3125rem;
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
}
.footer_sitemap dd {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 2;
}
.footer_sitemap dd + dd:before {
  content: "/";
  display: inline-block;
  padding: 0 0.3125rem;
  color: #ccc;
}
.footer_sponsorship dt {
  margin-bottom: 0.3125rem;
  font-size: 1rem;
  line-height: 2;
  text-align: center;
}
.footer_sponsorship-sponsoredLinks {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.25rem;
  margin-bottom: 0.625rem;
}
.footer_sponsorship-sponsoredLinks a img {
  display: block;
  height: 120px;
  width: auto;
  border: solid #ddd 1px;
  background-color: #fff;
}
.footer_sponsorship-sponsorLinks {
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}
.footer_sponsorship-sponsorLinks a {
  color: #0055C6;
}
.footer_officialBadges {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.footer_officialBadges-certifiedJobMedia {
  display: flex;
  width: 375px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.3125rem;
}
.footer_officialBadges-certifiedJobMedia a {
  font-size: 0;
  line-height: 0;
}
.footer_officialBadges-certifiedJobMedia p {
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}
.footer_pmark {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.footer_related {
  background-color: #ffecb3;
}
.footer_related dl {
  display: table;
  position: relative;
  z-index: 1;
}
.footer_related dt,
.footer_related dd {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  box-sizing: border-box;
  line-height: 1.6;
}
.footer_related dt,
.footer_related dt a,
.footer_related dd,
.footer_related dd a {
  color: #212121;
}
.footer_related dt a:hover,
.footer_related dd a:hover {
  color: #0055C6;
}
.footer_related dt {
  width: 5%;
  white-space: nowrap;
  font-weight: bold;
  font-size: 0.75rem;
  position: relative;
  padding-right: 1.25rem;
  overflow: hidden;
}
.footer_related dt:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.25rem 6.25rem;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  right: -6.25rem;
  z-index: -2;
  margin-top: -6.25rem;
}
.footer_related dt:after {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.1875rem 6.1875rem;
  border-color: transparent transparent transparent #ffecb3;
  position: absolute;
  top: 50%;
  right: -6.125rem;
  z-index: -1;
  margin-top: -6.1875rem;
}
.footer_related dd {
  width: 95%;
  padding-left: 0.3125rem;
  font-size: 0.75rem;
}
.footer_related dd strong {
  font-weight: bold;
  padding-left: 0.3125rem;
}
.footer_links {
  border-top: solid 0.0625rem #f9d616;
  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.3);
  background-color: #f9d616;
}
.footer_infoLinks {
  text-align: center;
}
.footer_infoLinks li {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 2;
  padding: 0 1em;
}
.footer_infoLinks li,
.footer_infoLinks li a {
  color: #0055C6;
}
.footer_infoLinks li a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.3125rem;
}
.footer_infoLinks + .footer_jobLinks, .footer_infoLinks + .footer_otherLinks {
  margin-top: 2.5rem;
}
.footer_jobLinks, .footer_otherLinks {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 1.25rem;
  padding: 1.25rem 0 0 0;
  border-top: solid 0.0625rem rgba(255, 255, 255, 0.3);
}
.footer_jobLinks:after, .footer_otherLinks:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .footer_jobLinks, * html .footer_otherLinks {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.footer_jobLinks:first-child, .footer_otherLinks:first-child {
  margin-top: 0;
  padding: 0;
  border-top: none;
}
.footer_jobLinks dt, .footer_otherLinks dt {
  float: left;
  width: 12.5rem;
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2;
}
.footer_jobLinks dd, .footer_otherLinks dd {
  overflow: hidden;
  zoom: 1;
  font-size: 0.875rem;
  line-height: 2;
}
.footer_jobLinks dd,
.footer_jobLinks dd a, .footer_otherLinks dd,
.footer_otherLinks dd a {
  color: #212121;
}
.footer_jobLinks dd a, .footer_otherLinks dd a {
  display: inline-block;
  vertical-align: middle;
}
.footer_jobLinks dd a:hover, .footer_otherLinks dd a:hover {
  text-decoration: none;
}
.footer_jobLinks dd a:before, .footer_otherLinks dd a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -1.25rem -8.75rem;
  margin-top: -0.125rem;
  margin-right: 0.3125rem;
}
.footer_jobLinks dd span, .footer_otherLinks dd span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3125rem;
  color: #0055C6;
  font-weight: bold;
}
.footer_jobLinks dd a:hover span, .footer_otherLinks dd a:hover span {
  text-decoration: underline;
}
.footer_copy {
  background-color: #f9b606;
}
.footer_copy address,
.footer_copy span {
  display: block;
  text-align: center;
}
.footer_copy a {
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2;
}
.footer_copy span {
  color: #212121;
  font-size: 0.75rem;
  line-height: 2;
}

.approval50th {
  margin-top: 0.625rem;
}
.approval50th_logo, .approval50th_text {
  text-align: center;
}
.approval50th_logo {
  font-size: 0;
  line-height: 0;
}
.approval50th_logo img {
  height: 1.0625rem;
}
.approval50th_text {
  margin-top: 0.3125rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 2;
}

/* [[////// MODULE /////]] */
/* [[ .btn ]] */
/*[memo]
共通ボタン
デザイン指定は config.scss / @mixin を使って
各要素毎（各scssファイル毎に）指定しています。
↓
それとは別に、どこでもボタンが使えるように common class を用意いしています。
------------------------------------------------*/
/* [[ ┠ .btn / color ]] */
/*----------------------------------------------*/
.btn-default {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
}
.btn-default, .btn-default:link, .btn-default:visited, .btn-default:active, .btn-default:hover {
  color: #212121;
}
.btn-default:hover {
  text-decoration: none;
}
input[type=submit].btn-default,
input[type=button].btn-default {
  border: none;
}

input[type=submit].btn-default,
input[type=button].btn-default {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.btn-tertiary,
.btn-theme {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #f9d616;
}
.btn-tertiary, .btn-tertiary:link, .btn-tertiary:visited, .btn-tertiary:active, .btn-tertiary:hover,
.btn-theme,
.btn-theme:link,
.btn-theme:visited,
.btn-theme:active,
.btn-theme:hover {
  color: #212121;
}
.btn-tertiary:hover,
.btn-theme:hover {
  text-decoration: none;
}
input[type=submit].btn-tertiary, .btn-theme,
input[type=button].btn-tertiary, .btn-theme {
  border: none;
}

.btn-secondary,
.btn-primary,
.btn-conversion {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.btn-secondary, .btn-secondary:link, .btn-secondary:visited, .btn-secondary:active, .btn-secondary:hover,
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:hover,
.btn-conversion,
.btn-conversion:link,
.btn-conversion:visited,
.btn-conversion:active,
.btn-conversion:hover {
  color: #212121;
}
.btn-secondary:hover,
.btn-primary:hover,
.btn-conversion:hover {
  text-decoration: none;
}
input[type=submit].btn-secondary, .btn-primary, .btn-conversion,
input[type=button].btn-secondary, .btn-primary, .btn-conversion {
  border: none;
}

.btn-secondary, .btn-secondary:link, .btn-secondary:visited, .btn-secondary:active, .btn-secondary:hover,
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:hover,
.btn-conversion,
.btn-conversion:link,
.btn-conversion:visited,
.btn-conversion:active,
.btn-conversion:hover {
  color: #ffffff;
}

.btn-attention {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #d62232;
}
.btn-attention, .btn-attention:link, .btn-attention:visited, .btn-attention:active, .btn-attention:hover {
  color: #212121;
}
.btn-attention:hover {
  text-decoration: none;
}
input[type=submit].btn-attention,
input[type=button].btn-attention {
  border: none;
}

.btn-attention, .btn-attention:link, .btn-attention:visited, .btn-attention:active, .btn-attention:hover {
  color: #ffffff;
}

.btn-disabled {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 -0.3125rem 0 rgb(225.25, 225.25, 225.25);
}
.btn-disabled, .btn-disabled:link, .btn-disabled:visited, .btn-disabled:active, .btn-disabled:hover {
  color: #212121;
}
.btn-disabled:hover {
  text-decoration: none;
}
input[type=submit].btn-disabled,
input[type=button].btn-disabled {
  border: none;
}

.btn-disabled, .btn-disabled:link, .btn-disabled:visited, .btn-disabled:active, .btn-disabled:hover {
  color: #6c6c6c;
}

.btn-active {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 0.1875rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.3125rem;
  padding-top: 0.5rem;
}
.btn-active, .btn-active:link, .btn-active:visited, .btn-active:active, .btn-active:hover {
  color: #212121;
}
.btn-active:hover {
  text-decoration: none;
}
input[type=submit].btn-active,
input[type=button].btn-active {
  border: none;
}

.btn-active, .btn-active:link, .btn-active:visited, .btn-active:active, .btn-active:hover {
  color: #6c6c6c;
}

/* [[ ┠ .btn / icon clip ]] */
/*----------------------------------------------*/
.btn-clip.btn-default {
  position: relative;
  z-index: 1;
}
.btn-clip.btn-default:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.btn-clip.btn-default:before {
  bottom: 0.1875rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}

.btn-clip.btn-secondary,
.btn-clip.btn-primary,
.btn-clip.btn-conversion {
  position: relative;
  z-index: 1;
}
.btn-clip.btn-secondary:before,
.btn-clip.btn-primary:before,
.btn-clip.btn-conversion:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.btn-clip.btn-secondary:before,
.btn-clip.btn-primary:before,
.btn-clip.btn-conversion:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -10.5rem -27.125rem;
}

.btn-clip.btn-tertiary,
.btn-clip.btn-theme,
.btn-clip.btn-attention {
  position: relative;
  z-index: 1;
}
.btn-clip.btn-tertiary:before,
.btn-clip.btn-theme:before,
.btn-clip.btn-attention:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}

.btn-clip.btn-disabled {
  position: relative;
  z-index: 1;
}
.btn-clip.btn-disabled:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.btn-clip.btn-disabled:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}

.btn-clip.btn-active {
  position: relative;
  z-index: 1;
}
.btn-clip.btn-active:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.btn-clip.btn-active:before {
  bottom: 0;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}

/* [[ ┠ .btn / icon home ]] */
/*----------------------------------------------*/
.btn-home.btn-default:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -7.0625rem 0rem;
  margin-right: 0.25rem;
}
.btn-home.btn-default:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -5.625rem 0rem;
}

.btn-home.btn-tertiary:before,
.btn-home.btn-secondary:before,
.btn-home.btn-primary:before,
.btn-home.btn-theme:before,
.btn-home.btn-conversion:before,
.btn-home.btn-attention:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -7.0625rem 0rem;
  margin-right: 0.25rem;
}

.btn-home.btn-disabled:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -7.0625rem 0rem;
  margin-right: 0.25rem;
}
.btn-home.btn-disabled:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -8.4375rem 0rem;
}

.btn-home.btn-active:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -7.0625rem 0rem;
  margin-right: 0.25rem;
}
.btn-home.btn-active:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -8.4375rem 0rem;
}

/* [[ ┠ .btn / icon entry ]] */
/*----------------------------------------------*/
.btn-entry.btn-default {
  position: relative;
  z-index: 1;
}
.btn-entry.btn-default:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.btn-entry.btn-default:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -12rem -14.25rem;
}

.btn-entry.btn-tertiary,
.btn-entry.btn-theme,
.btn-entry.btn-attention {
  position: relative;
  z-index: 1;
}
.btn-entry.btn-tertiary:before,
.btn-entry.btn-theme:before,
.btn-entry.btn-attention:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}

.btn-entry.btn-secondary,
.btn-entry.btn-primary,
.btn-entry.btn-conversion {
  position: relative;
  z-index: 1;
}
.btn-entry.btn-secondary:before,
.btn-entry.btn-primary:before,
.btn-entry.btn-conversion:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.btn-entry.btn-secondary:before,
.btn-entry.btn-primary:before,
.btn-entry.btn-conversion:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -9rem -20.25rem;
}

.btn-entry.btn-disabled {
  position: relative;
  z-index: 1;
}
.btn-entry.btn-disabled:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.btn-entry.btn-disabled:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -12rem -14.25rem;
}

.btn-entry.btn-active {
  position: relative;
  z-index: 1;
}
.btn-entry.btn-active:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.btn-entry.btn-active:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -12rem -14.25rem;
}

/* [[ ┠ .btn / flat ]] */
/*----------------------------------------------*/
/*[memo]
フラットボタン指定

フラットボタンのどこでも使える common class 指定は...
↓
.btn-flat.btn-xxx
↑
と指定されるため...
（.btn-xxx = @mixin embossButtonXXX()が指定されいます）
@mixin embossButtonXXX() の指定を一度リセットしています。
*/
.btn-flat {
  width: auto;
  min-height: inherit;
  background: none;
  padding: 0;
  border: none;
  box-shadow: none;
}

.btn-flat.btn-default {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #e6e6e6;
}
.btn-flat.btn-default:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.btn-flat.btn-default, .btn-flat.btn-default:link, .btn-flat.btn-default:visited, .btn-flat.btn-default:active, .btn-flat.btn-default:hover {
  color: #212121;
}
.btn-flat.btn-default:hover {
  text-decoration: none;
}
input[type=submit].btn-flat.btn-default,
input[type=button].btn-flat.btn-default {
  border: none;
}

.btn-flat.btn-tertiary,
.btn-flat.btn-theme {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #f9d616;
}
.btn-flat.btn-tertiary:after,
.btn-flat.btn-theme:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.btn-flat.btn-tertiary, .btn-flat.btn-tertiary:link, .btn-flat.btn-tertiary:visited, .btn-flat.btn-tertiary:active, .btn-flat.btn-tertiary:hover,
.btn-flat.btn-theme,
.btn-flat.btn-theme:link,
.btn-flat.btn-theme:visited,
.btn-flat.btn-theme:active,
.btn-flat.btn-theme:hover {
  color: #212121;
}
.btn-flat.btn-tertiary:hover,
.btn-flat.btn-theme:hover {
  text-decoration: none;
}
input[type=submit].btn-flat.btn-tertiary, .btn-flat.btn-theme,
input[type=button].btn-flat.btn-tertiary, .btn-flat.btn-theme {
  border: none;
}

.btn-flat.btn-secondary,
.btn-flat.btn-primary,
.btn-flat.btn-conversion {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #3c4faf;
}
.btn-flat.btn-secondary:after,
.btn-flat.btn-primary:after,
.btn-flat.btn-conversion:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.btn-flat.btn-secondary, .btn-flat.btn-secondary:link, .btn-flat.btn-secondary:visited, .btn-flat.btn-secondary:active, .btn-flat.btn-secondary:hover,
.btn-flat.btn-primary,
.btn-flat.btn-primary:link,
.btn-flat.btn-primary:visited,
.btn-flat.btn-primary:active,
.btn-flat.btn-primary:hover,
.btn-flat.btn-conversion,
.btn-flat.btn-conversion:link,
.btn-flat.btn-conversion:visited,
.btn-flat.btn-conversion:active,
.btn-flat.btn-conversion:hover {
  color: #212121;
}
.btn-flat.btn-secondary:hover,
.btn-flat.btn-primary:hover,
.btn-flat.btn-conversion:hover {
  text-decoration: none;
}
input[type=submit].btn-flat.btn-secondary, .btn-flat.btn-primary, .btn-flat.btn-conversion,
input[type=button].btn-flat.btn-secondary, .btn-flat.btn-primary, .btn-flat.btn-conversion {
  border: none;
}

.btn-flat.btn-secondary, .btn-flat.btn-secondary:link, .btn-flat.btn-secondary:visited, .btn-flat.btn-secondary:active, .btn-flat.btn-secondary:hover,
.btn-flat.btn-primary,
.btn-flat.btn-primary:link,
.btn-flat.btn-primary:visited,
.btn-flat.btn-primary:active,
.btn-flat.btn-primary:hover,
.btn-flat.btn-conversion,
.btn-flat.btn-conversion:link,
.btn-flat.btn-conversion:visited,
.btn-flat.btn-conversion:active,
.btn-flat.btn-conversion:hover {
  color: #ffffff;
}
.btn-flat.btn-secondary:after,
.btn-flat.btn-primary:after,
.btn-flat.btn-conversion:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -2.5rem -3.75rem;
}

.btn-flat.btn-attention {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #d62232;
}
.btn-flat.btn-attention:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.btn-flat.btn-attention, .btn-flat.btn-attention:link, .btn-flat.btn-attention:visited, .btn-flat.btn-attention:active, .btn-flat.btn-attention:hover {
  color: #212121;
}
.btn-flat.btn-attention:hover {
  text-decoration: none;
}
input[type=submit].btn-flat.btn-attention,
input[type=button].btn-flat.btn-attention {
  border: none;
}

.btn-flat.btn-attention, .btn-flat.btn-attention:link, .btn-flat.btn-attention:visited, .btn-flat.btn-attention:active, .btn-flat.btn-attention:hover {
  color: #ffffff;
}
.btn-flat.btn-attention:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -2.5rem -3.75rem;
}

.btn-flat.btn-disabled {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #eee;
}
.btn-flat.btn-disabled:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.btn-flat.btn-disabled, .btn-flat.btn-disabled:link, .btn-flat.btn-disabled:visited, .btn-flat.btn-disabled:active, .btn-flat.btn-disabled:hover {
  color: #212121;
}
.btn-flat.btn-disabled:hover {
  text-decoration: none;
}
input[type=submit].btn-flat.btn-disabled,
input[type=button].btn-flat.btn-disabled {
  border: none;
}

.btn-flat.btn-disabled, .btn-flat.btn-disabled:link, .btn-flat.btn-disabled:visited, .btn-flat.btn-disabled:active, .btn-flat.btn-disabled:hover {
  color: #6c6c6c;
}
.btn-flat.btn-disabled:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -3.75rem;
}

.btn-flat.btn-active {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #eee;
  box-shadow: inset 0 0.125rem 0 rgba(0, 0, 0, 0.2);
  padding-top: 0.4375rem;
}
.btn-flat.btn-active:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.btn-flat.btn-active, .btn-flat.btn-active:link, .btn-flat.btn-active:visited, .btn-flat.btn-active:active, .btn-flat.btn-active:hover {
  color: #212121;
}
.btn-flat.btn-active:hover {
  text-decoration: none;
}
input[type=submit].btn-flat.btn-active,
input[type=button].btn-flat.btn-active {
  border: none;
}

.btn-flat.btn-active, .btn-flat.btn-active:link, .btn-flat.btn-active:visited, .btn-flat.btn-active:active, .btn-flat.btn-active:hover {
  color: #6c6c6c;
}
.btn-flat.btn-active:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -3.75rem;
}

/* [[ ┠ .header_tools > .btn ]] */
/*----------------------------------------------*/
/*[memo]
_layout.scss → _module.scss の順でコンパイルされるため
ここで指定変更（継承変更）します。
※_layout.scssで変更しても_module.scssで元に戻されるため

※スマホ版のみ使用
------------------------------------------------*/
/* [[ ┗ .ui-myclip ]] */
/*----------------------------------------------*/
.ui-myclip:after {
  content: "する";
}
.ui-myclip.on:after {
  content: "済み";
}

/* [[ .breadcrumbs ]] */
/*[memo] パンくずナビ */
.breadcrumbs_inner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 61.875rem;
  margin: 0 auto;
}
.breadcrumbs_item {
  display: inline-block;
  padding: 1.25rem 0;
  font-size: 0.75rem;
  line-height: 1.3;
}
.breadcrumbs_item strong {
  color: #212121;
  font-weight: bold;
}
.breadcrumbs_item a {
  color: #212121;
}
.breadcrumbs_item a:hover {
  color: #0055C6;
  text-decoration: underline;
}
.breadcrumbs_item + .breadcrumbs_item:before {
  content: ">";
  display: inline-block;
  color: #3c4faf;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.breadcrumbs_icon {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  margin-top: -0.1875rem;
}
.breadcrumbs_icon-home img {
  width: 20.625rem;
  margin-left: -5.625rem;
}
.breadcrumbs_item:only-child .breadcrumbs_icon-home {
  margin-right: 0.3125rem;
}

/* [[ .heading ]] */
/*[memo]
コンテンツタイトルや大ブロックで使用するタイトル処理（大見出し処理）
デザイン共通指定は config.scss / @mixin heading() で指定しています。
↓
それとは別に、どこでもボタンが使えるように common class を用意いしています。
------------------------------------------------*/
.heading {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1.25rem;
  /*[memo]
  heading
  ┠ heading_title
  ┃ ┠ heading_notes
  ┃ ┗ 文字列文字列文字列文字列
  ┗ heading_notes
  */
  display: table;
  width: 100%;
}
.heading_title {
  display: table-cell;
  vertical-align: middle;
  width: 90%;
}
.heading_lead {
  display: block;
  margin-bottom: 0.3125rem;
  font-weight: bold;
  font-size: 0.875rem;
}
.heading_notes {
  display: table-cell;
  vertical-align: middle;
  width: 10%;
  white-space: nowrap;
}
.heading_notes-term {
  color: #d62232;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.3;
}
.notice:first-child + .heading {
  margin-top: 2.5rem;
}

/* [[ .headline ]] */
/*[memo]
中項見出し処理です。
デザイン共通指定は config.scss / @mixin headline() で指定しています。
↓
それとは別に、どこでもボタンが使えるように common class を用意いしています。

中項用見出しは、前後の要素の強弱・デザインにより色が違ったり（※）、
PC・スマホで色が違ったりするため、単体（class指定）で使用できるようになっていますが、
@mixinとして使用しています。

※例「.headline-primary = 緑、PC版では緑だけど、SP版では青で使いたい」など
------------------------------------------------*/
/* [[ ┠ .headline-color ]] */
/*----------------------------------------------*/
.headline {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.headline.headline-faint {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f4f5fa;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.headline.headline-light {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.headline.headline-accent {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #3c4faf;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
}
.headline.headline-attention {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #d62232;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
}
/* [[ ┠ .headline-flip ]] */
/*----------------------------------------------*/
.headline-flip {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.headline-flip:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.headline-flip:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

.headline-flip.headline-faint {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f4f5fa;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.headline-flip.headline-faint:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f4f5fa;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.headline-flip.headline-faint:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(251.0125, 251.375, 253.1875);
  border-bottom: solid 1.125rem rgb(226.46875, 229.0625, 242.03125);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

.headline-flip.headline-light {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.headline-flip.headline-light:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #ffecb3;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.headline-flip.headline-light:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(255, 248.75, 230);
  border-bottom: solid 1.125rem rgb(255, 229.625, 153.5);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

.headline-flip.headline-accent {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #3c4faf;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.headline-flip.headline-accent:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #3c4faf;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.headline-flip.headline-accent:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(145.1595744681, 157.085106383, 217.3404255319);
  border-bottom: solid 1.125rem rgb(53.4893617021, 70.4276595745, 156.0106382979);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

.headline-flip.headline-attention {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #d62232;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.headline-flip.headline-attention:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #d62232;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.headline-flip.headline-attention:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(236.560483871, 138.939516129, 147.6169354839);
  border-bottom: solid 1.125rem rgb(191.9959677419, 30.5040322581, 44.8588709677);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

/* [[ ┠ .headline-tab ]] */
/*----------------------------------------------*/
.headline-tab {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.headline-tab:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #f9d616;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.headline-tab.headline-faint {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f4f5fa;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.headline-tab.headline-faint:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #f4f5fa;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.headline-tab.headline-light {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.headline-tab.headline-light:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #ffecb3;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.headline-tab.headline-accent {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #3c4faf;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.headline-tab.headline-accent:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #3c4faf;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.headline-tab.headline-attention {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #d62232;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.headline-tab.headline-attention:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #d62232;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
/* [[ ┗ .headline-small ]] */
/*----------------------------------------------*/
.headline-small {
  line-height: 1.875rem;
}

/* [[ .imageTitle ]] */
.imageTitle {
  font-size: 0;
  line-height: 0;
  text-align: center;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.imageTitle img {
  width: 100%;
}

/* [[ .jobIcon ]] */
/*[memo] 雇用形態アイコン */
.jobIcon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1875rem;
  width: 1rem;
  line-height: 1rem;
  overflow: hidden;
  background-color: #cccccc;
  border-radius: 0.1875rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.6875rem;
  text-align: center;
}
.jobIcon-a {
  background-color: #ff6600;
}
.jobIcon-b {
  background-color: #ff6600;
}
.jobIcon-c {
  background-color: #99cc00;
}
.jobIcon-d {
  background-color: #0066cc;
}
.jobIcon-e {
  background-color: #0066cc;
}
.jobIcon-f {
  background-color: #0066cc;
}
.jobIcon-g {
  background-color: #990099;
}
.jobIcon-h {
  background-color: #990099;
}
.jobIcon-i {
  background-color: #ff6600;
}
.jobIcon-j {
  background-color: #009900;
}
.jobIcon-k {
  background-color: #009900;
}
.jobIcon-l {
  background-color: #009900;
}
.jobIcon-m {
  background-color: #009900;
}
.jobIcon-n {
  background-color: #009900;
}
.jobIcon-o {
  background-color: #009900;
}

/* [[ .mapLink ]] */
/*[memo] マップリンクアイコン */
.mapLink {
  display: inline-block;
}
.mapLink:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: 0rem -22.5rem;
  margin-top: -0.1875rem;
  margin-right: 0.1875rem;
}

/* [[ .pagination ]] */
.pagination {
  position: relative;
  z-index: 1;
  display: table;
  margin: 1.875rem auto 0 auto;
  padding: 0 2.1875rem;
  font-size: 0.875rem;
  /* [[ ┠ blank next or back ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item-first / &_item-last ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_item-back / &_item-next ]] */
  /*----------------------------------------------*/
}
.pagination:before, .pagination:after {
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
}
.pagination:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -1.875rem -2.8125rem;
  left: 0;
}
.pagination:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -1.875rem 0rem;
  right: 0;
}
.pagination_item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3125rem;
}
.pagination_item-back, .pagination_item-next, .pagination_item-first, .pagination_item:first-child, .pagination_item-back:first-child + .pagination_item {
  margin-left: 0;
}
.pagination_item a, .pagination_item-act {
  width: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
}
.pagination_item a {
  display: inline-block;
  vertical-align: middle;
  background-color: #f9d616;
}
.pagination_item a,
.pagination_item a:visited,
.pagination_item a:active {
  color: #212121;
}
.pagination_item a:hover {
  text-decoration: none;
}
.pagination_item-act {
  color: #ffffff;
  font-weight: bold;
  background-color: #3c4faf;
}
.pagination_item-first:after, .pagination_item-last:before {
  content: "…";
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 1.875rem;
  line-height: 1.875rem;
}
.pagination_item-first:after {
  margin-left: 0.3125rem;
}
.pagination_item-last:before {
  margin-right: 0.3125rem;
}
.pagination_item-back, .pagination_item-next {
  position: absolute;
  top: 0;
  z-index: 2;
}
.pagination_item-back a, .pagination_item-next a {
  display: block;
  line-height: 0;
  background: none;
  /* reset */
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
}
.pagination_item-back img, .pagination_item-next img {
  display: block;
  width: 41.25rem;
  -webkit-tap-highlight-color: transparent;
}
.pagination_item-back {
  left: 0;
}
.pagination_item-back img {
  margin-top: -2.8125rem;
}
.pagination_item-next {
  right: 0;
}

/* [[////// COMPONENT /////]] */
/* [[ .contentsIndex ]] */
/*[memo]
「サイトマップ」「（もっと見るの）職種検索」などで使用しているリスト要素

3カラム・2カラムともにPGがループで回せるように
3個ずつ（2個ずつ）ul などを区切らなくても良い仕様にいています。
------------------------------------------------*/
.contentsIndex {
  margin-top: 2.5rem;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_list ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┠ dl.&_list > &_related ]] */
  /*----------------------------------------------*/
  /*[memo]
  dl.contentsIndex_list は、dt と dd が親子関係で表示する
  インデントタイプのリストです。

  表示例）
  札幌市【dt】
  	中央区　札幌駅エリア　大通エリア　ススキのエリア ...【dd】


  先に指定した &_list と &_item 指定を継承しています。


  dd（display inline-block）が複数行になっても
  インデント幅で左揃えになるように指定しています。
  ↑
  dlで padding-left = インデント幅を指定したため、
  dt側でインデント幅分、マイナスmarginを指定しています。
  ↓
  PC版・スマホ版で表示デザインが変わるので、別々に指定しています。
  ↓
  ------------------------------------------------*/
  /*
  ↑
  親 dl に指定した padding-left 値分...
  dt にマイナスmarginを指定しています。
  ↓
  */
  /* [[ ┠ &_list-columnX > &_item ]] */
  /*----------------------------------------------*/
  /*[memo] PC版のみの指定
  ------------------------------------------------*/
}
.contentsIndex_title {
  margin-top: 0.625rem;
}
.contentsIndex_title:first-child {
  margin-top: 0;
}
.contentsIndex_title-primary {
  background-color: #f9d616;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.contentsIndex_title-primary,
.contentsIndex_title-primary a {
  color: #212121;
}
.contentsIndex_title-secondary {
  background-color: #ffecb3;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.contentsIndex_title-secondary,
.contentsIndex_title-secondary a {
  color: #212121;
}
.contentsIndex_title-tertiary {
  background-color: #f4f5fa;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.contentsIndex_title-tertiary,
.contentsIndex_title-tertiary a {
  color: #212121;
}
.contentsIndex_title a {
  display: block;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding-left: 2.5rem;
  padding-right: 0.625rem;
  position: relative;
  z-index: 1;
}
.contentsIndex_title a:before {
  top: 50%;
  left: 0.625rem;
  margin-top: -0.625rem;
}
.contentsIndex_title-primary a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -25rem;
}
.contentsIndex_title-secondary a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
}
.contentsIndex_title-tertiary a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
}
.contentsIndex_list {
  border-top: dotted 0.0625rem #ccc;
}
.contentsIndex_list:first-child, .contentsIndex_title + .contentsIndex_list {
  border-top: none;
}
.contentsIndex_item {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
  font-size: 0.875rem;
}
.contentsIndex_item:first-child {
  border-top: none;
}
.contentsIndex_item-none, .contentsIndex_item a {
  padding-left: 2.5rem;
}
.contentsIndex_item a {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.contentsIndex_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
  top: 0.125rem;
  left: 0.625rem;
}
.contentsIndex_item-none {
  color: #6c6c6c;
  position: relative;
  z-index: 1;
}
.contentsIndex_item-none:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -1.875rem -25rem;
  top: 0.75rem;
  left: 0.625rem;
}
.contentsIndex_related {
  font-size: 0.75rem;
}
.contentsIndex_related-none {
  color: #6c6c6c;
}
.contentsIndex dl.contentsIndex_list {
  padding-left: 2.5rem;
}
.contentsIndex dt.contentsIndex_item {
  margin-left: -2.5rem;
}
.contentsIndex_related {
  display: inline-block;
  padding-right: 1.25rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
}
.contentsIndex_list-column2, .contentsIndex_list-column3 {
  border-top: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.contentsIndex_list-column2 .contentsIndex_item, .contentsIndex_list-column3 .contentsIndex_item {
  border-top: none;
  box-sizing: border-box;
}
.contentsIndex_list-column2 .contentsIndex_item {
  width: 50%;
}
.contentsIndex_list-column3 .contentsIndex_item {
  width: 33.3%;
}
.contentsIndex_list-column3 .contentsIndex_item:nth-child(3n) {
  width: 33.4%;
}
.contentsIndex_list-column2 .contentsIndex_item:nth-child(odd), .contentsIndex_list-column3 .contentsIndex_item:nth-child(3n+1) {
  position: relative;
}
.contentsIndex_list-column2 .contentsIndex_item:nth-child(odd):after, .contentsIndex_list-column3 .contentsIndex_item:nth-child(3n+1):after {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  border-top: dotted 0.0625rem #ccc;
  width: 100%;
}
.contentsIndex_list-column2 .contentsIndex_item:nth-child(odd):after {
  width: 200%;
}
.contentsIndex_list-column3 .contentsIndex_item:nth-child(3n+1):after {
  width: 300%;
}
.contentsIndex_list-column2:first-child .contentsIndex_item:first-child:after, .contentsIndex_list-column2:first-child .contentsIndex_item:first-child + .contentsIndex_item:after, .contentsIndex_title + .contentsIndex_list-column2 .contentsIndex_item:first-child:after, .contentsIndex_title + .contentsIndex_list-column2 .contentsIndex_item:first-child + .contentsIndex_item:after {
  content: none;
}
.contentsIndex_list-column3:first-child .contentsIndex_item:first-child:after, .contentsIndex_list-column3:first-child .contentsIndex_item:nth-child(2):after, .contentsIndex_list-column3:first-child .contentsIndex_item:nth-child(3):after, .contentsIndex_title + .contentsIndex_list-column3 .contentsIndex_item:first-child:after, .contentsIndex_title + .contentsIndex_list-column3 .contentsIndex_item:nth-child(2):after, .contentsIndex_title + .contentsIndex_list-column3 .contentsIndex_item:nth-child(3):after {
  content: none;
}

/* [[ .extraJob ]] */
/*[memo]
「関連求人」を囲む要素

.extraJob の Modifier 使用箇所によってデザインを変える仕様です。
.extraJob-default = デフォルト
.extraJob-articleDetail = 読み物 記事詳細
.extraJob-home = トップページ用
------------------------------------------------*/
.extraJob {
  /*[memo]
  Modifier 使用箇所によってデザインを変える仕様
  &-default = デフォルト
  &-articleDetail = 読み物 記事詳細
  &-home = トップページ用（現在未使用）
  */
  margin-top: 2.5rem;
  /* [[ ┠ &_heading ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_body ]] */
  /*----------------------------------------------*/
}
.extraJob:first-child {
  margin-top: 0;
}
.extraJob_heading {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.extraJob_title, .extraJob_more {
  display: table-cell;
  vertical-align: middle;
}
.extraJob_title {
  width: 95%;
}
.extraJob_more {
  width: 5%;
  text-align: right;
  white-space: nowrap;
}
.extraJob_more .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  min-height: 2.1875rem;
  font-size: 0.75rem;
  flex-wrap: nowrap;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}
.extraJob_more .btn, .extraJob_more .btn:link, .extraJob_more .btn:visited, .extraJob_more .btn:active, .extraJob_more .btn:hover {
  color: #212121;
}
.extraJob_more .btn:hover {
  text-decoration: none;
}
input[type=submit].extraJob_more .btn,
input[type=button].extraJob_more .btn {
  border: none;
}

input[type=submit].extraJob_more .btn,
input[type=button].extraJob_more .btn {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.extraJob_more .btn:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  margin-left: 0.3125rem;
}
/* [[ .featuredJob ]] */
/*[memo] 求人特集 */
.featuredJob {
  /*[memo]
  &-default で使用箇所によってデザインを変える仕様です。
  &-home = トップページ用class = 現在未使用
  */
  margin-top: 2.5rem;
}
.featuredJob:first-child {
  margin-top: 0;
}
.featuredJob_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.featuredJob-home .featuredJob_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -27rem -4.5rem;
  margin-top: -0.1875rem;
  margin-right: 0.375rem;
}
.featuredJob_list {
  counter-reset: number;
}
.featuredJob_item {
  position: relative;
  padding: 1.25rem 0 1.25rem 1.875rem;
  border-top: dotted 0.0625rem #ccc;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.featuredJob_item:first-child {
  border-top: none;
}
.featuredJob_item:before {
  counter-increment: number;
  content: counter(number);
  display: block;
  width: 1.25rem;
  line-height: 1.25rem;
  color: #212121;
  font-weight: bold;
  font-size: 0.625rem;
  text-align: center;
  background-color: #f9d616;
  border-radius: 6.25rem;
  position: absolute;
  top: 1.25rem;
  left: 0;
}
.featuredJob_item-typeArea {
  position: relative;
  z-index: 1;
}
.featuredJob_item-typeArea:before {
  font-size: 0;
  line-height: 0;
  background: none;
  border-radius: 0;
  content: none;
  /* reset */
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -27rem -20.25rem;
  top: 1.125rem;
  left: 0;
}
.featuredJob_item a {
  display: inline-block;
}
.featuredJob_headline, .featuredJob_update {
  display: inline-block;
  vertical-align: middle;
  width: 9.625rem;
  color: #212121;
}
a:hover .featuredJob_headline, a:hover .featuredJob_update {
  text-decoration: none;
}

/* [[ .jobCard ]] */
/*[memo]
求人一覧用のjobCard
デザイン上「フリーワードとの一致」を
カードデザインの外に出したくて以下のような構成にしています。
.jobCard
┠ .jobCardWordHit ..... フリーワードとの一致
┗ .jobCardData ........ 実際のjobCard

Modifier
&-article = 記事詳細画面 最下部「この企業の掲載求人」
&-clip = マイクリップ一覧
&-clipConf = マイクリップ削除確認画面
&-expire = 終了求人
&-extraJob = 求人詳細・Sパック「この企業が募集している〜」
&-endJob = 終了求人「この企業の最新の求人」
&-PR = 求人一覧1ページ目に表示するPR求人（商品タイプ6以上の求人対象）
------------------------------------------------*/
.jobCard {
  margin-top: 1.25rem;
}
.pageIntro + .jobCard {
  margin-top: 1.875rem;
}

/* [[ ┠ .jobCardWordHit ]] */
/*----------------------------------------------*/
/*[memo]
フリーワードとの一致
デザイン上「フリーワードとの一致」を
カードデザインの外に出したくて以下のような構成にしています。
.jobCard
┠ .jobCardWordHit ..... フリーワードとの一致
┗ .jobCardData ........ 実際のjobCard
------------------------------------------------*/
.jobCardWordHit {
  margin-bottom: 0.625rem;
  padding: 1.25rem;
  font-size: 0.75rem;
  background-color: #f9f3e6;
  border-radius: 0.1875rem;
  position: relative;
}
.jobCardWordHit:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.625rem 0.375rem;
  border-color: #f9f3e6 transparent transparent transparent;
  position: absolute;
  bottom: -1.25rem;
  left: 2.1875rem;
}
.jobCardWordHit_title, .jobCardWordHit_detail {
  display: inline;
}
.jobCardWordHit_title {
  color: #3c4faf;
  font-weight: bold;
  margin-right: 0.3125rem;
}
.jobCardWordHit_title:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  margin-top: -0.1875rem;
  margin-left: 0.3125rem;
}
.jobCardWordHit_detail strong {
  font-weight: bold;
}

/* [[ ┠ .jobCardData ]] */
/*----------------------------------------------*/
/*[memo]
求人一覧用のjobCard
デザイン上「フリーワードとの一致」を
カードデザインの外に出したくて以下のような構成にしています。
.jobCard
┠ .jobCardWordHit ..... フリーワードとの一致
┗ .jobCardData ........ 実際のjobCard
------------------------------------------------*/
.jobCardData {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
}
.jobCardData_toolBer {
  /*[memo]
  クリップ一覧 / この求人情報を選択・Web応募一括送信OK・掲載終了
  */
  border-bottom: solid 0.0625rem #ccc;
  padding: 1.25rem 1.875rem;
  position: relative;
}
.jobCardData_header {
  /*! CREARFIX */
  zoom: 1;
  padding: 1.875rem 1.875rem 0 1.875rem;
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(320px, 100%) auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "image message message" "image title nav";
}
.jobCardData_header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobCardData_header {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobCard-clipConf .jobCardData_header {
  padding-bottom: 1.875rem;
}
.jobCardData_body {
  padding: 1.25rem 1.875rem 1.875rem 1.875rem;
}
.jobCard-PR .jobCardData {
  border: solid 0.0625rem #f9d616;
  box-sizing: border-box;
}
.jobCard-PR .jobCardData:before {
  content: "[PR]";
  display: block;
  background-color: #f9d616;
  padding: 0.3125rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-align: right;
}
.jobCard-PR .jobCardData_toolBer, .jobCard-PR .jobCardData_header, .jobCard-PR .jobCardData_body {
  padding-left: 1.8125rem;
  padding-right: 1.8125rem;
}

/* [[ ┠ .jobCardSelect ]] */
/*----------------------------------------------*/
/*[memo]
クリップ一覧 / この求人情報を選択
.jobCardData_toolBer内で使用
------------------------------------------------*/
.jobCardSelect input[type=checkbox] {
  display: none;
}
.jobCardSelect label {
  font-weight: bold;
  font-size: 0.875rem;
  cursor: pointer;
}
.jobCardSelect input[type=checkbox] + label:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -3rem -20.25rem;
  margin-top: -0.25rem;
  margin-right: 0.25rem;
}
.jobCardSelect input[type=checkbox]:checked + label {
  color: #d62232;
}
.jobCardSelect input[type=checkbox]:checked + label:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -4.5rem -20.25rem;
}

/* [[ ┠ .jobCardStatus ]] */
/*----------------------------------------------*/
/*[memo]
クリップ一覧 /「Web応募一括送信OK」「掲載終了」マーク
.jobCardData_toolBer内で使用
↓
div.jobCardStatus.jobCardStatus-setEntry.entryInfo
↑
Web応募一括送信OKかどうかはjsで判断され
class .entryInfo が付いているタグ内に下記ソースが出力されます。
<p>Web応募一括送信OK</p>

「Web応募一括送信OK」「掲載終了」はModifierで処理しています。
↓
Web応募一括送信OK = jobCardStatus-setEntry
掲載終了 = jobCardStatus-expire

------------------------------------------------*/
.jobCardStatus {
  width: 9.6875rem;
  position: absolute;
  top: 50%;
  right: 1.875rem;
  transform: translateY(-50%);
}
.jobCardStatus-setEntry p, .jobCardStatus-expire {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: center;
  border-radius: 6.25rem;
}
.jobCardStatus-setEntry p {
  background-color: #3c4faf;
}
.jobCardStatus-expire {
  background-color: #d62232;
}

/* [[ ┠ .jobCardLabel ]] */
/*----------------------------------------------*/
/*[memo]
アピールラベル
例）「編集部おすすめ」「もうすぐ締切」
------------------------------------------------*/
.jobCardLabel {
  position: absolute;
  top: 0.3125rem;
  left: -0.3125rem;
  z-index: 10;
  background: #d62232;
  width: 8.125rem;
  height: 1.875rem;
  filter: drop-shadow(0 0.0625rem 0.25rem rgba(0, 0, 0, 0.2));
  /*[memo]
  box-shadow ではリボン装飾のbefore・afterに影が付かなかったので
  filter drop-shadow で指定しました。
  ↑
  でも filter drop-shadow はIE11で使えない指定です。
  IE11では影なしとなります。
  */
  color: #ffffff;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.jobCardLabel:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.1875rem;
  border-color: rgb(125.9838709677, 20.0161290323, 29.435483871) rgb(125.9838709677, 20.0161290323, 29.435483871) transparent transparent;
  position: absolute;
  bottom: -0.375rem;
  left: 0;
}
.jobCardLabel:after {
  font-size: 0;
  line-height: 0;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.9375rem 0.375rem;
  border-color: #d62232 transparent #d62232 #d62232;
  position: absolute;
  top: 0;
  right: -0.375rem;
}

/* [[ ┠ .jobCardImage ]] */
/*----------------------------------------------*/
.jobCardImage {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  grid-area: image;
  width: 9.375rem;
  margin-right: 1.25rem;
}
.jobCardImage:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: block;
  padding-top: 75%;
}
.jobCardImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/* [[ ┠ .jobCardMessage ]] */
/*----------------------------------------------*/
.jobCardMessage {
  grid-area: message;
  border-top: solid 0.0625rem #ccc;
  border-bottom: solid 0.0625rem #ccc;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.jobCardMessage br {
  display: none;
}

/* [[ ┠ .jobCardTitle ]] */
/*----------------------------------------------*/
/*[memo]
企業名・募集職種
------------------------------------------------*/
.jobCardTitle {
  grid-area: title;
  align-self: start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.jobCardMessage + .jobCardTitle, .jobCardLabel + .jobCardTitle {
  margin-top: 0.625rem;
}
.jobCardTitle_employer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.6;
  width: 100%;
}
.jobCardTitle_jobType:not(.jobCardTitleJobType) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
  width: 100%;
}
.jobCard-expire .jobCardTitle_employer, .jobCard-expire .jobCardTitle_jobType {
  color: #6c6c6c;
}
.jobCard-expire .jobCardTitle_jobType .jobIcon {
  background-color: #6c6c6c;
}

.jobCardTitleJobType {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*
  ↑
  IE11では効かない命令です。
  IE11対応のため max-height = 2行分の高さを指定して
  はみ出る文字は overflow hidden で対応しています。
  ※ max-height なのでIE11以外のブラウザにも害はありません。
  ↑
  ただし！box-sizing: border-box;など高さに影響のでる指定は不可
  ↓
  */
  max-height: 3.2rem;
}
.jobCardTitleJobType br {
  display: none;
}
.jobCardTitleJobType_jobIcon.jobIcon {
  /*[memo]
  safari 16.4 × @include lineClamp（2行省略処理）
  レンダリング時に高さが取れず、&（職種名要素）が消えてしまう（height 0 になる）

  &（職種名要素）内の雇用形態アイコンの display inline-block を
  inline に変更したら解消しました。
  先にブロック要素（inline-block）読み込まれるため高さの算出ができないのが原因かと思われます。
  */
  display: inline;
  padding: 0.15625rem;
}
.jobCardTitleJobType_name {
  display: inline;
}
.jobCardTitleJobType_copy {
  display: inline;
}
.jobCardTitleJobType_copy:before {
  content: "【";
}
.jobCardTitleJobType_copy:after {
  content: "】";
}

/* [[ ┠ .jobCardNav ]] */
/*----------------------------------------------*/
/*[memo]
.jobCardFunction
.jobCardTerm
を内包する要素
------------------------------------------------*/
.jobCardNav {
  grid-area: nav;
  align-self: start;
  margin-left: 0.625rem;
  position: relative;
}
.jobCardMessage ~ .jobCardNav, .jobCardLabel ~ .jobCardNav {
  margin-top: 0.625rem;
}

/* [[ ┠ .jobCardFunction ]] */
/*----------------------------------------------*/
/*[memo]
クリップ・詳細を見るボタンなど
------------------------------------------------*/
.jobCardFunction {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625rem;
}
.jobCardFunction_item {
  width: 9.375rem;
}
.jobCardFunction_item-clip b {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  position: relative;
  z-index: 1;
}
.jobCardFunction_item-clip b, .jobCardFunction_item-clip b:link, .jobCardFunction_item-clip b:visited, .jobCardFunction_item-clip b:active, .jobCardFunction_item-clip b:hover {
  color: #212121;
}
.jobCardFunction_item-clip b:hover {
  text-decoration: none;
}
input[type=submit].jobCardFunction_item-clip b,
input[type=button].jobCardFunction_item-clip b {
  border: none;
}

input[type=submit].jobCardFunction_item-clip b,
input[type=button].jobCardFunction_item-clip b {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.jobCardFunction_item-clip b:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jobCardFunction_item-clip b:before {
  bottom: 0.1875rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jobCardFunction_item-clip b.ui-myclip.on {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 0.1875rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.3125rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 1;
}
.jobCardFunction_item-clip b.ui-myclip.on, .jobCardFunction_item-clip b.ui-myclip.on:link, .jobCardFunction_item-clip b.ui-myclip.on:visited, .jobCardFunction_item-clip b.ui-myclip.on:active, .jobCardFunction_item-clip b.ui-myclip.on:hover {
  color: #212121;
}
.jobCardFunction_item-clip b.ui-myclip.on:hover {
  text-decoration: none;
}
input[type=submit].jobCardFunction_item-clip b.ui-myclip.on,
input[type=button].jobCardFunction_item-clip b.ui-myclip.on {
  border: none;
}

.jobCardFunction_item-clip b.ui-myclip.on, .jobCardFunction_item-clip b.ui-myclip.on:link, .jobCardFunction_item-clip b.ui-myclip.on:visited, .jobCardFunction_item-clip b.ui-myclip.on:active, .jobCardFunction_item-clip b.ui-myclip.on:hover {
  color: #6c6c6c;
}
.jobCardFunction_item-clip b.ui-myclip.on:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jobCardFunction_item-clip b.ui-myclip.on:before {
  bottom: 0;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jobCardFunction_item-entry a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  position: relative;
  z-index: 1;
}
.jobCardFunction_item-entry a, .jobCardFunction_item-entry a:link, .jobCardFunction_item-entry a:visited, .jobCardFunction_item-entry a:active, .jobCardFunction_item-entry a:hover {
  color: #212121;
}
.jobCardFunction_item-entry a:hover {
  text-decoration: none;
}
input[type=submit].jobCardFunction_item-entry a,
input[type=button].jobCardFunction_item-entry a {
  border: none;
}

.jobCardFunction_item-entry a, .jobCardFunction_item-entry a:link, .jobCardFunction_item-entry a:visited, .jobCardFunction_item-entry a:active, .jobCardFunction_item-entry a:hover {
  color: #ffffff;
}
.jobCardFunction_item-entry a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.jobCardFunction_item-entry a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -9rem -20.25rem;
}
.jobCardFunction_item-more a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.jobCardFunction_item-more a, .jobCardFunction_item-more a:link, .jobCardFunction_item-more a:visited, .jobCardFunction_item-more a:active, .jobCardFunction_item-more a:hover {
  color: #212121;
}
.jobCardFunction_item-more a:hover {
  text-decoration: none;
}
input[type=submit].jobCardFunction_item-more a,
input[type=button].jobCardFunction_item-more a {
  border: none;
}

.jobCardFunction_item-more a, .jobCardFunction_item-more a:link, .jobCardFunction_item-more a:visited, .jobCardFunction_item-more a:active, .jobCardFunction_item-more a:hover {
  color: #ffffff;
}
.jobCard-expire .jobCardFunction_item a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 -0.3125rem 0 rgb(225.25, 225.25, 225.25);
}
.jobCard-expire .jobCardFunction_item a, .jobCard-expire .jobCardFunction_item a:link, .jobCard-expire .jobCardFunction_item a:visited, .jobCard-expire .jobCardFunction_item a:active, .jobCard-expire .jobCardFunction_item a:hover {
  color: #212121;
}
.jobCard-expire .jobCardFunction_item a:hover {
  text-decoration: none;
}
input[type=submit].jobCard-expire .jobCardFunction_item a,
input[type=button].jobCard-expire .jobCardFunction_item a {
  border: none;
}

.jobCard-expire .jobCardFunction_item a, .jobCard-expire .jobCardFunction_item a:link, .jobCard-expire .jobCardFunction_item a:visited, .jobCard-expire .jobCardFunction_item a:active, .jobCard-expire .jobCardFunction_item a:hover {
  color: #6c6c6c;
}

/* [[ ┠ .jobCardTerm ]] */
/*----------------------------------------------*/
/*[memo]
掲載期間
------------------------------------------------*/
.jobCardTerm {
  color: #6c6c6c;
  font-size: 0.625rem;
  /*[memo]
  positionを指定しないと、
  .jobCardData_header の高さに影響が出るため
  （.jobCardData_header の高さは & を無視して欲しくて）
  positionで指定しています。
  */
  line-height: 1.25rem;
  position: absolute;
  bottom: -1.25rem;
  right: 0;
  white-space: nowrap;
}
.jobCard-expire .jobCardTerm {
  color: #6c6c6c;
}

/* [[ ┠ .jobCardAside ]] */
/*----------------------------------------------*/
/*[memo]
イベント告知など（旧仕様のバナー表示含む）

旧仕様の .jobCard_aside もこので指定しています。
↑
当初は「バイトデビュー応援隊」などのバナー画像のみ表示させる仕様だったが
「イベント参加マーク」が増え .jobCard_aside では指定が難しくなり
新しいclass .jobCardAside にて対応しています。
↓
.jobCardAside
┠ &_item-event
┠ &_item-sotsubaito
┗ &_item-banner
↑
※「バイトデビュー応援隊」などの出力ソースが
.jobCardAside に変わったら...
旧仕様の .jobCard_aside の指定は破棄してください。
------------------------------------------------*/
.jobCard_aside,
.jobCardAside {
  margin-top: 1.25rem;
}
.jobCard_aside:first-child,
.jobCardAside:first-child {
  margin-top: 0;
}
.jobCard_aside_item + .jobCard_aside_item,
.jobCard_aside_item + .jobCardAside_item,
.jobCardAside_item + .jobCard_aside_item,
.jobCardAside_item + .jobCardAside_item {
  margin-top: 0.625rem;
}
.jobCard_aside_item,
.jobCardAside_item {
  padding: 0.625rem 0.625rem 0.625rem 10.625rem;
  border: solid 0.0625rem #f9d616;
  font-size: 0.875rem;
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #212121;
  font-weight: bold;
  position: relative;
}
.jobCard-small .jobCard_aside_item,
.jobCard-small .jobCardAside_item {
  padding-left: 6.25rem;
  font-size: 0.75rem;
}
.jobCard_aside_item:before,
.jobCardAside_item:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  background-color: #f9d616;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 9.3125rem;
  position: absolute;
  top: 0;
  left: 0;
}
.jobCard-small .jobCard_aside_item:before,
.jobCard-small .jobCardAside_item:before {
  width: 5.5625rem;
}
.jobCard_aside_item-company,
.jobCardAside_item-company {
  border-color: #9c0;
}
.jobCard_aside_item-company:before,
.jobCardAside_item-company:before {
  background-image: url(https://image.haj.co.jp/arukita/banner/company_joblist_pc.png);
}
.jobCard_aside_item-jobUseful,
.jobCardAside_item-jobUseful {
  border-color: #f60;
}
.jobCard_aside_item-jobUseful:before,
.jobCardAside_item-jobUseful:before {
  background-image: url(https://image.haj.co.jp/arukita/banner/jobuseful_joblist_pc.png);
}
.jobCard_aside_item-event:before,
.jobCardAside_item-event:before {
  background-image: url(https://image.haj.co.jp/arukita/banner/event_join_joblist_pc.png);
}
.jobCard_aside_item-sotsubaito:before,
.jobCardAside_item-sotsubaito:before {
  background-image: url(https://image.haj.co.jp/arukita/banner/sotsubaito_joblist_pc.png);
}
.jobCard_aside-banner, .jobCard_aside_item-banner,
.jobCardAside-banner,
.jobCardAside_item-banner {
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  min-height: initial;
  /*[ IE 11 hack ]
  max-width initial が効かないため
  */
}
.jobCard_aside-banner:before, .jobCard_aside_item-banner:before,
.jobCardAside-banner:before,
.jobCardAside_item-banner:before {
  content: none;
}
.jobCard_aside-banner _:-ms-input-placeholder, :root .jobCard_aside-banner, .jobCard_aside_item-banner _:-ms-input-placeholder, :root .jobCard_aside_item-banner,
.jobCardAside-banner _:-ms-input-placeholder,
:root .jobCardAside-banner,
.jobCardAside_item-banner _:-ms-input-placeholder,
:root .jobCardAside_item-banner {
  min-height: auto;
}
.jobCard_aside-banner a, .jobCard_aside_item-banner a,
.jobCardAside-banner a,
.jobCardAside_item-banner a {
  font-size: 0;
  line-height: 0;
  display: block;
}
.jobCard_aside-banner img, .jobCard_aside_item-banner img,
.jobCardAside-banner img,
.jobCardAside_item-banner img {
  max-width: 100%;
}

/* [[ ┠ .jobCardSummary ]] */
/*----------------------------------------------*/
.jobCardSummary {
  margin-top: 1.25rem;
  border: solid 0.0625rem #ccc;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.jobCardSummary:first-child {
  margin-top: 0;
}

/* [[ ┠ .jobCardSummaryItem ]] */
/*----------------------------------------------*/
/*[memo]
Modifier
&-area = エリア・駅
&-pay  = 給与 / 報酬
&-time = 時間 / 活動時間 / 勤務
------------------------------------------------*/
.jobCardSummaryItem {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  font-size: 0.875rem;
  line-height: 1.6;
  width: 33.3%;
}
.jobCardSummaryItem:first-child {
  width: 33.4%;
}
.jobCardSummaryItem + .jobCardSummaryItem {
  border-left: solid 0.0625rem #ccc;
}
.jobCardSummaryItem:nth-child(2):last-child {
  width: 50%;
}
.jobCardSummaryItem:only-child {
  width: 100%;
}
.jobCardSummaryItem_title, .jobCardSummaryItem_detail, .jobCardSummaryItem_preview {
  padding: 0.625rem;
}
.jobCardSummaryItem_title {
  width: 6.25rem;
  border-right: solid 0.0625rem #ccc;
  color: #212121;
  text-align: center;
  background-color: #f4f5fa;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.jobCardSummaryItem_detail, .jobCardSummaryItem_preview {
  width: calc(100% - 6.25rem - 1.25rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.jobCardSummaryItem-area .jobCardSummaryItem_detail {
  font-weight: bold;
}
.jobCardSummaryItem-area .jobCardSummaryItem_detail p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobCardSummaryItem-pay .jobCardSummaryItem_detail p, .jobCardSummaryItem-time .jobCardSummaryItem_detail p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*
  ↑
  IE11では効かない命令です。
  IE11対応のため max-height = 2行分の高さを指定して
  はみ出る文字は overflow hidden で対応しています。
  ※ max-height なのでIE11以外のブラウザにも害はありません。
  ↑
  ただし！box-sizing: border-box;など高さに影響のでる指定は不可
  ↓
  */
  max-height: 2.8rem;
}
.jobCardSummaryItem-pay .jobCardSummaryItem_detail p br, .jobCardSummaryItem-time .jobCardSummaryItem_detail p br {
  display: none;
}
.jobCard-expire .jobCardSummaryItem_title, .jobCard-expire .jobCardSummaryItem_detail {
  color: #6c6c6c;
}
.jobCard-expire .jobCardSummaryItem_title {
  background-color: #eee;
}

/* [[ ┗ .jobCardTag ]] */
/*----------------------------------------------*/
/*[memo]
.jobCard内で使用するメリットアイコン
------------------------------------------------*/
.jobCardTag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 1.25rem;
}
.jobCardTag_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 1.25rem;
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 0.625rem;
  text-align: center;
  background-color: #e6e6e6;
  box-sizing: border-box;
}
.jobCardTag_item,
.jobCardTag_item a {
  color: #212121;
}
.jobCardTag_item a {
  display: block;
}
.jobCardTag_item a:hover {
  text-decoration: none;
}
.jobCardTag_item + .jobCardTag_item {
  border-left: solid 0.0625rem #ffffff;
}
.jobCardTag_item:nth-child(5n+1) {
  border-left: none;
}
.jobCardTag_item:nth-child(n+6) {
  border-top: solid 0.0625rem #ffffff;
}

/* [[ .jobCardMini ]] */
/*[memo]
レコメンド系の求人カード
------------------------------------------------*/
.jobCardMini {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  /*[memo]
  PC版は、親.jobCardMiniはカードが横に並ぶデザインです。
  &_bodyのheightがまちまちになっても、カードの高さは揃うデザインとなります。
  ↑
  &_bodyのheightがまちまちになっても
  &_footer（ボタン.jobCardMiniFunction）が揃うように指定しています。
  ↓
  */
  position: relative;
  box-sizing: border-box;
  padding-bottom: 4.6875rem;
}
.recommendJob_set .jobCardMini {
  width: 18.125rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  /*[memo]
  スライダーjsを使用
  ↓
  親 .recommendJob_set で overflow hidden が指定され
  box-shadowが消えてしますので
  左右に margin を付けています。
  （上下のbox-shadow分の空きは .recommendJob_set で指定しています）
  ↓
  width = js で算出
  margin を js用のclass = .ui-slider-content に指定しないと
  width値計算時 加味されないので
  marginの指定は .recommendJob_set側でも指定しています。
  */
}
.jdetOherJobPR .jobCardMini, .recommendJobV2_body .jobCardMini {
  width: 19.75rem;
  margin-top: 1.25rem;
  margin-left: 1.25rem;
}
.jdetOherJobPR .jobCardMini:nth-child(3n+1), .recommendJobV2_body .jobCardMini:nth-child(3n+1) {
  margin-left: 0;
}
.jobCardMini_header {
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.jobCardMini_body {
  padding: 0.625rem 1.25rem 0 1.25rem;
}
.jobCardMini_footer {
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
  width: calc(100% - 2.5rem);
}

/* [[ ┠ .jobCardMiniTitle ]] */
/*----------------------------------------------*/
/*[memo]
企業名・募集職種
------------------------------------------------*/
.jobCardMiniTitle_employer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.6;
}
.jobCardMiniTitle_jobType {
  display: block;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
}
.jobCardMiniTitle_jobType:not(.jobCardMiniTitleJobType) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobCardMiniTitle_jobType.jobCardMiniTitleJobType {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*
  ↑
  IE11では効かない命令です。
  IE11対応のため max-height = 2行分の高さを指定して
  はみ出る文字は overflow hidden で対応しています。
  ※ max-height なのでIE11以外のブラウザにも害はありません。
  ↑
  ただし！box-sizing: border-box;など高さに影響のでる指定は不可
  ↓
  */
  max-height: 3.2rem;
}
.jobCardMiniTitle_jobType.jobCardMiniTitleJobType br {
  display: none;
}
.jobCardMiniTitle_jobType .jobIcon, .jobCardMiniTitleJobType_jobIcon.jobIcon {
  /*[memo]
  safari 16.4 × @include lineClamp（2行省略処理）
  レンダリング時に高さが取れず、&（職種名要素）が消えてしまう（height 0 になる）

  &（職種名要素）内の雇用形態アイコンの display inline-block を
  inline に変更したら解消しました。
  先にブロック要素（inline-block）読み込まれるため高さの算出ができないのが原因かと思われます。
  */
  display: inline;
  padding: 0.15625rem;
}
.jobCardMiniTitleJobType_text {
  display: inline;
}
.jobCardMiniTitleJobType_copy {
  display: inline;
}
.jobCardMiniTitleJobType_copy:before {
  content: "【";
}
.jobCardMiniTitleJobType_copy:after {
  content: "】";
}

/* [[ ┠ .jobCardMiniProperty ]] */
/*----------------------------------------------*/
/*[memo]
中野さんレコメンドの検索条件を表示させる要素
------------------------------------------------*/
.jobCardMiniProperty {
  border-top: solid 0.0625rem #ccc;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.jobCardMiniProperty:first-child {
  margin-top: 0;
}
.jobCardMiniProperty_item {
  white-space: nowrap;
  margin-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 2;
}
.jobCardMiniProperty_item-match {
  color: #3c4faf;
  font-weight: bold;
}
.jobCardMiniProperty_item-match:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.75rem;
  height: 0.75rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -1.5rem -18.75rem;
  margin-top: -0.1875rem;
  margin-left: 0.1875rem;
}

/* [[ ┠ .jobCardMiniImage ]] */
/*----------------------------------------------*/
/*[memo]
アスペクト比4：3の中で画像の長辺に合わせ縮小するよう指定しています。
------------------------------------------------*/
.jobCardMiniImage {
  margin-top: 0.625rem;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.jobCardMiniImage:first-child {
  margin-top: 0;
}
.jobCardMiniImage:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: block;
  padding-top: 75%;
}
.jobCardMiniImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.jobCardMiniImage:after {
  content: "NO PHOTO";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #ddd;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* [[ ┠ .jobCardMiniSummary ]] */
/*----------------------------------------------*/
.jobCardMiniSummary {
  border: solid 0.0625rem #ccc;
  margin-top: 0.625rem;
}
.jobCardMiniSummary:first-child {
  margin-top: 0;
}

/* [[ ┠ .jobCardMiniSummaryItem ]] */
/*----------------------------------------------*/
/*[memo]
Modifier
&-area = エリア・駅
&-timeCase = 時間 / 活動時間 / 勤務
------------------------------------------------*/
.jobCardMiniSummaryItem {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  font-size: 0.75rem;
  line-height: 1.6;
}
.jobCardMiniSummaryItem + .jobCardMiniSummaryItem {
  border-top: solid 0.0625rem #ccc;
}
.jobCardMiniSummaryItem_title, .jobCardMiniSummaryItem_detail {
  padding: 0.625rem;
  box-sizing: border-box;
}
.jobCardMiniSummaryItem_title {
  width: 5rem;
  color: #212121;
  background-color: #f4f5fa;
  text-align: right;
}
.jobCardMiniSummaryItem_detail {
  width: calc(100% - 5rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobCardMiniSummaryItem_detail p {
  display: inline;
}
.jobCardMiniSummaryItem_detail P + P {
  margin-left: 0.5em;
}
.jobCardMiniSummaryItem-area .jobCardMiniSummaryItem_detail {
  font-weight: bold;
}

/* [[ ┗ .jobCardMiniFunction ]] */
/*----------------------------------------------*/
/*[memo]
クリップ・詳細を見るボタンなど
------------------------------------------------*/
.jobCardMiniFunction {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625rem;
}
.jobCardMiniFunction_item {
  width: calc(50% - 0.3125rem);
}
.jobCardMiniFunction_item:only-child {
  width: 100%;
}
.jobCardMiniFunction_item-clip b {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  position: relative;
  z-index: 1;
}
.jobCardMiniFunction_item-clip b, .jobCardMiniFunction_item-clip b:link, .jobCardMiniFunction_item-clip b:visited, .jobCardMiniFunction_item-clip b:active, .jobCardMiniFunction_item-clip b:hover {
  color: #212121;
}
.jobCardMiniFunction_item-clip b:hover {
  text-decoration: none;
}
input[type=submit].jobCardMiniFunction_item-clip b,
input[type=button].jobCardMiniFunction_item-clip b {
  border: none;
}

input[type=submit].jobCardMiniFunction_item-clip b,
input[type=button].jobCardMiniFunction_item-clip b {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.jobCardMiniFunction_item-clip b:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jobCardMiniFunction_item-clip b:before {
  bottom: 0.1875rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jobCardMiniFunction_item-clip b.ui-myclip.on {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 0.1875rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.3125rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 1;
}
.jobCardMiniFunction_item-clip b.ui-myclip.on, .jobCardMiniFunction_item-clip b.ui-myclip.on:link, .jobCardMiniFunction_item-clip b.ui-myclip.on:visited, .jobCardMiniFunction_item-clip b.ui-myclip.on:active, .jobCardMiniFunction_item-clip b.ui-myclip.on:hover {
  color: #212121;
}
.jobCardMiniFunction_item-clip b.ui-myclip.on:hover {
  text-decoration: none;
}
input[type=submit].jobCardMiniFunction_item-clip b.ui-myclip.on,
input[type=button].jobCardMiniFunction_item-clip b.ui-myclip.on {
  border: none;
}

.jobCardMiniFunction_item-clip b.ui-myclip.on, .jobCardMiniFunction_item-clip b.ui-myclip.on:link, .jobCardMiniFunction_item-clip b.ui-myclip.on:visited, .jobCardMiniFunction_item-clip b.ui-myclip.on:active, .jobCardMiniFunction_item-clip b.ui-myclip.on:hover {
  color: #6c6c6c;
}
.jobCardMiniFunction_item-clip b.ui-myclip.on:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jobCardMiniFunction_item-clip b.ui-myclip.on:before {
  bottom: 0;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jobCardMiniFunction_item-more a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.jobCardMiniFunction_item-more a, .jobCardMiniFunction_item-more a:link, .jobCardMiniFunction_item-more a:visited, .jobCardMiniFunction_item-more a:active, .jobCardMiniFunction_item-more a:hover {
  color: #212121;
}
.jobCardMiniFunction_item-more a:hover {
  text-decoration: none;
}
input[type=submit].jobCardMiniFunction_item-more a,
input[type=button].jobCardMiniFunction_item-more a {
  border: none;
}

.jobCardMiniFunction_item-more a, .jobCardMiniFunction_item-more a:link, .jobCardMiniFunction_item-more a:visited, .jobCardMiniFunction_item-more a:active, .jobCardMiniFunction_item-more a:hover {
  color: #ffffff;
}

/* [[ .jobCard.jobCard-small ]] */
/*[memo]
トリモチ用の求人カード
1データ化後、.jobCardMini のソースを使いたかったが
富士通（トリモチ提供企業）にソースを直してもらうことを省くため
旧ソース（.jobCard.jobCard-small）を残すことにしました。

※ .jobCard の指定を継承しています。
------------------------------------------------*/
.jobCard {
  /* [[ ┠ &_header ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_body ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_nav ]] */
  /*----------------------------------------------*/
}
.jobCard-small {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  width: 19.75rem;
  margin-top: 1.25rem;
  margin-left: 1.25rem;
}
.jobCard-small:nth-child(3n+1) {
  margin-left: 0;
}
.jobCard-small .jobCard_unit {
  padding: 1.25rem;
}
.jobCard-small .jobCard_employer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.6;
}
.jobCard-small .jobCard_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
}
.jobCard-small .jobCard_title a:hover {
  text-decoration: none;
}
.jobCard-small .jobCard_title a:hover .jobCard_name {
  text-decoration: underline;
}
.jobCard-small .jobCard_body {
  margin-top: 0.625rem;
}
.jobCard-small .jobSellingPoint {
  margin-top: 0.625rem;
}
.jobCard-small .jobSellingPoint:first-child {
  margin-top: 0;
}
.jobCard-small .jobSellingPoint_image {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.jobCard-small .jobSellingPoint_image:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: block;
  padding-top: 75%;
}
.jobCard-small .jobSellingPoint_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.jobCard-small .jobSellingPoint_image:after {
  content: "NO PHOTO";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #ddd;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.jobCard-small .jobSummary {
  width: 100%;
  table-layout: fixed;
  border: solid 0.0625rem #ccc;
  box-sizing: border-box;
  margin-top: 0.625rem;
}
.jobCard-small .jobSummary:first-child {
  margin-top: 0;
}
.jobCard-small .jobSummary tr + tr th, .jobCard-small .jobSummary tr + tr td {
  border-top: solid 0.0625rem #ccc;
}
.jobCard-small .jobSummary th, .jobCard-small .jobSummary td {
  padding: 0.625rem;
  box-sizing: border-box;
  font-size: 0.75rem;
  line-height: 1.6;
}
.jobCard-small .jobSummary th {
  width: 5rem;
  color: #6c6c6c;
  font-weight: normal;
  background-color: #f4f5fa;
  text-align: right;
  white-space: nowrap;
}
.jobCard-small .jobSummary td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobCard-small .jobSummary td p {
  display: inline;
}
.jobCard-small .jobSummary td P + P {
  margin-left: 0.5em;
}
.jobCard-small tr.jobSummary_area td {
  font-weight: bold;
}
.jobCard-small .jobCard_nav {
  margin-top: 0.625rem;
}
.jobCard-small .jobCard_nav .btnSet {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625rem;
}
.jobCard-small .jobCard_nav .btnSet_item {
  width: calc(50% - 0.3125rem);
}
.jobCard-small .jobCard_nav .btnSet_item:only-child {
  width: 100%;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  position: relative;
  z-index: 1;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b, .jobCard-small .jobCard_nav .btnSet_item-clip b:link, .jobCard-small .jobCard_nav .btnSet_item-clip b:visited, .jobCard-small .jobCard_nav .btnSet_item-clip b:active, .jobCard-small .jobCard_nav .btnSet_item-clip b:hover {
  color: #212121;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b:hover {
  text-decoration: none;
}
input[type=submit].jobCard-small .jobCard_nav .btnSet_item-clip b,
input[type=button].jobCard-small .jobCard_nav .btnSet_item-clip b {
  border: none;
}

input[type=submit].jobCard-small .jobCard_nav .btnSet_item-clip b,
input[type=button].jobCard-small .jobCard_nav .btnSet_item-clip b {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.jobCard-small .jobCard_nav .btnSet_item-clip b:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b:before {
  bottom: 0.1875rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 0.1875rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.3125rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 1;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:link, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:visited, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:active, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:hover {
  color: #212121;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:hover {
  text-decoration: none;
}
input[type=submit].jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on,
input[type=button].jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on {
  border: none;
}

.jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:link, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:visited, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:active, .jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:hover {
  color: #6c6c6c;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jobCard-small .jobCard_nav .btnSet_item-clip b.ui-myclip.on:before {
  bottom: 0;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jobCard-small .jobCard_nav .btnSet_item-more a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.jobCard-small .jobCard_nav .btnSet_item-more a, .jobCard-small .jobCard_nav .btnSet_item-more a:link, .jobCard-small .jobCard_nav .btnSet_item-more a:visited, .jobCard-small .jobCard_nav .btnSet_item-more a:active, .jobCard-small .jobCard_nav .btnSet_item-more a:hover {
  color: #212121;
}
.jobCard-small .jobCard_nav .btnSet_item-more a:hover {
  text-decoration: none;
}
input[type=submit].jobCard-small .jobCard_nav .btnSet_item-more a,
input[type=button].jobCard-small .jobCard_nav .btnSet_item-more a {
  border: none;
}

.jobCard-small .jobCard_nav .btnSet_item-more a, .jobCard-small .jobCard_nav .btnSet_item-more a:link, .jobCard-small .jobCard_nav .btnSet_item-more a:visited, .jobCard-small .jobCard_nav .btnSet_item-more a:active, .jobCard-small .jobCard_nav .btnSet_item-more a:hover {
  color: #ffffff;
}

/* [[ .notice ]] */
/*[memo]
「例）検索結果0件」などで使用する通知・警告要素
下記3タイプ用意しています。
.notice
.notice-attention
.notice-caution
------------------------------------------------*/
.notice {
  border: solid 0.0625rem #ccc;
  background-color: #ffffff;
  border-radius: 0.3125rem;
  margin-top: 2.5rem;
  padding: 1.8125rem;
}
.notice:first-child {
  margin-top: 0;
}
.heading + .notice {
  margin-top: 1.25rem;
}
.notice-attention, .notice-caution {
  border: solid 0.3125rem #d62232;
}
.notice-caution {
  /*! CREARFIX */
  zoom: 1;
}
.notice-caution:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .notice-caution {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.notice-caution:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 4.375rem;
  height: 4.375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 57.75rem auto;
  background-position: 0rem -81.375rem;
  float: left;
  margin-right: 0.625rem;
}
.notice_text {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
  overflow: hidden;
  zoom: 1;
}
.notice_text:first-child {
  margin-top: 0;
}
.notice_text-center {
  text-align: center;
}
.notice_text-notes {
  margin-top: 0.625rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}
.notice-attention .notice_text, .notice-caution .notice_text {
  color: #d62232;
}
.notice_nav {
  margin-top: 1.25rem;
  text-align: center;
  clear: bottom;
}
.notice_nav:first-child {
  margin-top: 0;
}
.notice_nav li {
  display: inline-block;
  vertical-align: top;
  width: 15rem;
}
.notice_nav li + li {
  margin-left: 0.625rem;
}

/* [[ .pageIntro ]] */
/*[memo] ページ最上部で使うイントロ要素 */
.pageIntro {
  margin-top: 1.875rem;
}
.pageIntro_lead {
  margin-top: 0.625rem;
  font-size: 0.875rem;
}
.pageIntro_lead:first-child {
  margin-top: 0;
}
.pageIntro_lead strong {
  color: #d62232;
  font-weight: bold;
}
.pageIntro_lead-alert {
  color: #ec1100;
}
.pageIntro_lead-notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}

/* [[ .pageClosing ]] */
/*[memo]
ページ最下部で使う締め要素。
クリップの「※クリップした求人は60日間保存され、その後は自動削除されます。」や
最下部にボタンを表示するときに使います。
------------------------------------------------*/
.pageClosing {
  margin-top: 1.875rem;
}
.pageClosing_lead {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  text-align: center;
}
.pageClosing_lead:first-child {
  margin-top: 0;
}
.pageClosing_lead-alert {
  color: #ec1100;
}
.pageClosing_lead-notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}
.pageClosing_nav {
  margin-top: 1.25rem;
  text-align: center;
}
.pageClosing_nav:first-child {
  margin-top: 0;
}
.pageClosing_nav li {
  display: inline-block;
  width: 15rem;
}
.pageClosing_nav li + li {
  margin-left: 0.625rem;
}

/* [[ .pageStatus ]] */
/*[memo]
求人一覧で表示する「検索結果654件 1〜30件を表示中」要素
------------------------------------------------*/
.pageStatus {
  margin-top: 1.875rem;
}
.pageStatus:first-child {
  margin-top: 0;
}
.pageStatus_text, .pageStatus_notes {
  display: inline-block;
  vertical-align: middle;
}
.pageStatus_text {
  margin-right: 0.3125rem;
  font-weight: bold;
  font-size: 1rem;
}
.pageStatus_text strong {
  color: #d62232;
}
.pageStatus_notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}

/* [[ .lpPageStatus ]] */
/*[memo]
※※ Web販促用の特集ページで利用 ※※
「ただいまの掲載求人数 XX件 X月X日(曜日)更新」要素
------------------------------------------------*/
.lpPageStatus_text, .lpPageStatus_notes {
  display: inline-block;
  vertical-align: middle;
}
.lpPageStatus_text {
  margin-right: 0.3125rem;
  font-weight: bold;
  font-size: 1rem;
}
.lpPageStatus_text strong {
  color: #d62232;
}
.lpPageStatus_notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}

/* [[ .lpSearchNav ]] */
/*[memo]
※※ Web販促用の特集ページで利用 ※※
求人一覧で表示する「検索結果654件 1〜30件を表示中」要素
------------------------------------------------*/
.lpSearchNav {
  flex-grow: 2;
  text-align: right;
  font-size: 0.875rem;
}
.lpSearchNav a {
  display: block;
  position: relative;
  z-index: 1;
  padding-right: 1.875rem;
}
.lpSearchNav a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -5.625rem -25rem;
  top: 50%;
  right: 0;
  margin-top: -0.625rem;
}

/* [[ .lpSearchContents ]] */
/*[memo]
※※ Web販促用の特集ページで利用 ※※
検索条件要素
------------------------------------------------*/
.lpSearchContents {
  margin-top: 1.25rem;
}
.lpSearchContents_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.lpSearchContents_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.lpSearchContents_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.lpSearchContents_links {
  margin-top: 0.625rem;
}
.lpSearchContents_timeCaseLinks {
  display: flex;
  justify-content: center;
  gap: 1px;
  margin-top: 1.25rem;
}
.lpSearchContents_timeCaseLink {
  flex-direction: column;
  gap: 0.3125rem;
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  width: 250px;
  font-size: 1rem;
}
.lpSearchContents_timeCaseLink, .lpSearchContents_timeCaseLink:link, .lpSearchContents_timeCaseLink:visited, .lpSearchContents_timeCaseLink:active, .lpSearchContents_timeCaseLink:hover {
  color: #212121;
}
.lpSearchContents_timeCaseLink:hover {
  text-decoration: none;
}
input[type=submit].lpSearchContents_timeCaseLink,
input[type=button].lpSearchContents_timeCaseLink {
  border: none;
}

.lpSearchContents_timeCaseLink, .lpSearchContents_timeCaseLink:link, .lpSearchContents_timeCaseLink:visited, .lpSearchContents_timeCaseLink:active, .lpSearchContents_timeCaseLink:hover {
  color: #ffffff;
}
.lpSearchContents_timeCaseLink span {
  font-size: 0.75rem;
}
.lpSearchContents_link-spot {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.lpSearchContents_link-choutanki {
  border-radius: 0;
}
.lpSearchContents_link-tanki {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.lpSearchContents .contentsIndex_list {
  padding-left: 2.5rem;
  border: none;
}
.lpSearchContents .contentsIndex_item {
  margin-left: -2.5rem;
}
.lpSearchContents_caseLinks {
  display: flex;
  justify-content: center;
  gap: 1px;
  margin-top: 1.25rem;
}
.lpSearchContents_caseItem {
  flex: 1;
  text-align: center;
  background-color: #e6e6e6;
}
.lpSearchContents_caseItem:first-child {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.lpSearchContents_caseItem:last-child {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.lpSearchContents_caseItem a {
  position: relative;
  height: 85px;
  cursor: pointer;
  display: block;
  padding-top: 3.4375rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
}
.lpSearchContents_caseItem a:before {
  display: block;
  top: 0.625rem;
  left: 50%;
  margin-left: -1.25rem;
}
.lpSearchContents_caseItem-kokouseiok a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 55rem auto;
  background-position: -30rem -67.5rem;
}
.lpSearchContents_caseItem-koutuhi01 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 55rem auto;
  background-position: -30rem -63.75rem;
}
.lpSearchContents_caseItem-mikeikenok a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 55rem auto;
  background-position: -30rem -30rem;
}
.lpSearchContents_caseItem-kurumaok a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 55rem auto;
  background-position: -30rem -22.5rem;
}
.lpSearchContents_caseItem-shinya a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 55rem auto;
  background-position: -30rem -71.25rem;
}
.lpSearchContents_caseItem-withfriendok a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 55rem auto;
  background-position: -30rem -52.5rem;
}

/* [[ .popularSearch ]] */
/*[memo]
求人一覧最下部に入るSEO用「人気のエリア・駅」リンク
------------------------------------------------*/
.popularSearch {
  margin-top: 1.875rem;
}
.popularSearch + .popularSearch {
  margin-top: 2.5rem;
}
.popularSearch:first-child {
  margin-top: 0;
}
.popularSearch_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.popularSearch_list {
  /*! CREARFIX */
  zoom: 1;
}
.popularSearch_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .popularSearch_list {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.popularSearch_item {
  float: left;
  width: 25%;
  margin-top: 0.625rem;
  font-size: 0.875rem;
}
.popularSearch_item a {
  display: inline-block;
}
.popularSearch_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -3.75rem;
  margin-top: -0.25rem;
  margin-right: 0.1875rem;
}

/* [[ .recommendJob ]] */
/*[memo]
中野さん仕様のレコメンド
modifier = &-default を用意して
デザインバリエーションが増えてもいいようにしています。
------------------------------------------------*/
.recommendJob {
  /*[memo]
  &-default で使用箇所によってデザインを変える仕様です。
  例：&-home = トップページ用class
  */
  position: relative;
  margin-top: 2.5rem;
  /*
  &-default {
  	//未指定 = デザインバリーションなし
  }
  */
  /* [[ ┠ &_title]] */
  /*----------------------------------------------*/
  /*
  &_title-default {
  	//未指定 = デザインバリーションなし
  }
  */
  /* [[ ┠ &_body]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_set]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_control]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_nav]] */
  /*----------------------------------------------*/
}
.recommendJob:first-child {
  margin-top: 0;
}
.recommendJob_help {
  position: absolute;
  top: 0.75rem;
  right: 0;
}
.recommendJob_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.recommendJob_body {
  position: relative;
  width: 100%;
}
.recommendJob_set {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 58.125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem 0;
  /*
  ↑
  子要素 .jobCardMini の box-shadow を表示させるための padding を指定。
  （左右のbox-shadow分の空きは子要素 .jobCardMini で指定しています）
  ↓
  マイナスmarginでpadding-bottom 相殺
  ↓
  */
  margin-bottom: -1.25rem;
  /*[memo]
  子要素 .jobCardMini 指定
  ↓
  width = js で算出
  margin を js用のclass = .ui-slider-content に指定しないと
  width値計算時 加味されないので
  .jobCardMini側ではなく、ここで指定しています。
  */
}
.recommendJob_set .ui-slider-content {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.recommendJob_control {
  /* 未指定 */
}
.recommendJob_back, .recommendJob_next {
  position: absolute;
  top: 50%;
  margin-top: -0.9375rem;
}
.recommendJob_back b, .recommendJob_next b {
  display: block;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
  cursor: pointer;
}
.recommendJob_back img, .recommendJob_next img {
  display: block;
  width: 41.25rem;
}
.recommendJob_back {
  left: 0;
}
.recommendJob_back img {
  margin-top: -2.8125rem;
}
.recommendJob_next {
  right: 0;
}
.recommendJob_nav {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
}
.recommendJob_nav li {
  display: inline-block;
  margin: 0 0.3125rem;
  color: #6c6c6c;
  cursor: pointer;
}
.recommendJob_nav li.active {
  color: #3c4faf;
}

/* [[ ┗ .recommendJobHelp]] */
/*----------------------------------------------*/
.recommendJobHelp {
  position: relative;
}
.recommendJobHelp_switch {
  position: relative;
  z-index: 20;
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  white-space: nowrap;
  cursor: pointer;
}
.recommendJobHelp_switch:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 4.375rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: 0rem -34.6875rem;
  margin-left: 0.3125rem;
}
.recommendJobHelp_caption {
  display: none;
  position: absolute;
  bottom: 2.5rem;
  right: 0;
  z-index: 10;
  width: 21.25rem;
  padding: 1.25rem;
  background-color: #0055C6;
  border-radius: 0.3125rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.recommendJobHelp_caption:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 0.5rem;
  border-color: #0055C6 transparent transparent transparent;
  position: absolute;
  bottom: -2rem;
  right: 1.6875rem;
}
.recommendJobHelp_text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.6;
}
.recommendJobHelp_text-notes {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
.recommendJobHelp_close {
  display: none;
}

/* [[ .recommendJobV2 ]] */
/*[memo]
とりもち（京セラ）仕様のレコメンド
先方で用意された .torimochi-widget 内で展開します。
↓
.torimochi-widget
┗ .recommendJobV2
------------------------------------------------*/
.recommendJobV2 {
  margin-top: 2.5rem;
  /* [[ ┠ &_title]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_body]] */
  /*----------------------------------------------*/
}
.recommendJobV2_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.recommendJobV2_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

/* [[ .relatedSiteAd ]] */
/*[memo]
求人一覧最下部に入るアルキタ族（学生バイト・60歳からの仕事）への誘導ブロック要素
------------------------------------------------*/
.relatedSiteAd {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  border-top: dotted 0.0625rem #ccc;
  box-sizing: border-box;
}
.relatedSiteAd:first-child, .searchSummary + .relatedSiteAd {
  padding-top: 0;
  border-top: none;
}
.relatedSiteAd_logo, .relatedSiteAd_lead {
  display: table-cell;
  vertical-align: middle;
}
.relatedSiteAd_logo {
  font-size: 0;
  line-height: 0;
  width: 5.9375rem;
  height: 1.875rem;
  text-align: center;
}
.relatedSiteAd_logo img {
  max-width: 100%;
  max-height: 100%;
}
.relatedSiteAd_lead {
  padding-left: 1.875rem;
  color: #6c6c6c;
  font-size: 0.875rem;
  line-height: 1.3;
}

/* [[ .searchFilter ]] */
/*[memo] 求人一覧 上部「絞り込み」要素 */
.searchFilter {
  border-top: solid 0.0625rem #f9d616;
  margin-top: 1.875rem;
  /*! CREARFIX */
  zoom: 1;
}
.searchNotes .searchFilter {
  margin-top: 0.625rem;
}
.searchFilter:first-child {
  margin-top: 0;
}
.searchFilter:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .searchFilter {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.searchFilter_title, .searchFilter_body {
  float: left;
  line-height: 2.1875rem;
}
.searchFilter_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: 0.75rem;
  margin-right: 1.25rem;
}
.searchFilter_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #f9d616;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.searchFilter_title span:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  margin-left: 0.3125rem;
}
.searchFilter_item {
  display: inline-block;
  margin-left: 0.625rem;
  font-weight: bold;
  font-size: 0.875rem;
}
.searchFilter_item a {
  display: inline-block;
}
.searchFilter_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: 0rem -20.25rem;
  margin-top: -0.25rem;
  margin-right: 0.25rem;
}
.searchFilter_item a:visited,
.searchFilter_item a:active {
  color: #0055C6;
}
.searchFilter_item-act a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -1.5rem -20.25rem;
}
.searchFilter_item-act a, .searchFilter_item-act a:visited, .searchFilter_item-act a:active {
  color: #d62232;
}

/* [[ .searchFunction ]] */
/*[memo] 再検索画面 最下部ボタン */
.searchFunction {
  padding-top: 2.5rem;
}
.searchFunction .btnSet {
  text-align: center;
}
.searchFunction .btnSet_item {
  display: inline-block;
}
.searchFunction .btnSet_item + .btnSet_item {
  margin-left: 0.625rem;
}
.searchFunction .btnSet_item.btnSet_item-reset {
  width: 7.5rem;
}
.searchFunction .btnSet_item.btnSet_item-search {
  width: 15rem;
}
.searchFunction .btnSet_item .btn-reset {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
}
.searchFunction .btnSet_item .btn-reset, .searchFunction .btnSet_item .btn-reset:link, .searchFunction .btnSet_item .btn-reset:visited, .searchFunction .btnSet_item .btn-reset:active, .searchFunction .btnSet_item .btn-reset:hover {
  color: #212121;
}
.searchFunction .btnSet_item .btn-reset:hover {
  text-decoration: none;
}
input[type=submit].searchFunction .btnSet_item .btn-reset,
input[type=button].searchFunction .btnSet_item .btn-reset {
  border: none;
}

input[type=submit].searchFunction .btnSet_item .btn-reset,
input[type=button].searchFunction .btnSet_item .btn-reset {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.searchFunction .btnSet_item .btn-search {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.searchFunction .btnSet_item .btn-search, .searchFunction .btnSet_item .btn-search:link, .searchFunction .btnSet_item .btn-search:visited, .searchFunction .btnSet_item .btn-search:active, .searchFunction .btnSet_item .btn-search:hover {
  color: #212121;
}
.searchFunction .btnSet_item .btn-search:hover {
  text-decoration: none;
}
input[type=submit].searchFunction .btnSet_item .btn-search,
input[type=button].searchFunction .btnSet_item .btn-search {
  border: none;
}

.searchFunction .btnSet_item .btn-search, .searchFunction .btnSet_item .btn-search:link, .searchFunction .btnSet_item .btn-search:visited, .searchFunction .btnSet_item .btn-search:active, .searchFunction .btnSet_item .btn-search:hover {
  color: #ffffff;
}

/*[memo] 再検索画面 フローティングボタン */
.searchFunction.searchFunction-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 1.25rem;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
}
.searchFunction.searchFunction-fixed .btnSet {
  text-align: center;
}
.searchFunction.searchFunction-fixed .btnSet_item {
  display: inline-block;
}
.searchFunction.searchFunction-fixed .btnSet_item + .btnSet_item {
  margin-left: 0.625rem;
}
.searchFunction.searchFunction-fixed .btnSet_item.btnSet_item-reset {
  width: 7.5rem;
}
.searchFunction.searchFunction-fixed .btnSet_item.btnSet_item-search {
  width: 15rem;
}
.searchFunction.searchFunction-fixed .btnSet_item .btn-reset {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
}
.searchFunction.searchFunction-fixed .btnSet_item .btn-reset, .searchFunction.searchFunction-fixed .btnSet_item .btn-reset:link, .searchFunction.searchFunction-fixed .btnSet_item .btn-reset:visited, .searchFunction.searchFunction-fixed .btnSet_item .btn-reset:active, .searchFunction.searchFunction-fixed .btnSet_item .btn-reset:hover {
  color: #212121;
}
.searchFunction.searchFunction-fixed .btnSet_item .btn-reset:hover {
  text-decoration: none;
}
input[type=submit].searchFunction.searchFunction-fixed .btnSet_item .btn-reset,
input[type=button].searchFunction.searchFunction-fixed .btnSet_item .btn-reset {
  border: none;
}

input[type=submit].searchFunction.searchFunction-fixed .btnSet_item .btn-reset,
input[type=button].searchFunction.searchFunction-fixed .btnSet_item .btn-reset {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.searchFunction.searchFunction-fixed .btnSet_item .btn-search {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.searchFunction.searchFunction-fixed .btnSet_item .btn-search, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:link, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:visited, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:active, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:hover {
  color: #212121;
}
.searchFunction.searchFunction-fixed .btnSet_item .btn-search:hover {
  text-decoration: none;
}
input[type=submit].searchFunction.searchFunction-fixed .btnSet_item .btn-search,
input[type=button].searchFunction.searchFunction-fixed .btnSet_item .btn-search {
  border: none;
}

.searchFunction.searchFunction-fixed .btnSet_item .btn-search, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:link, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:visited, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:active, .searchFunction.searchFunction-fixed .btnSet_item .btn-search:hover {
  color: #ffffff;
}

/* [[ .searchNotes ]] */
/*[memo]
ページ件数・検索フィルター要素
.pageStatus & .searchFilter をセットにする（内包する）要素です。
※.pageStatus / .searchFilter は単体使用も可です。
------------------------------------------------*/
.searchNotes {
  margin-top: 1.875rem;
}

/* [[ .lpSearchNotes ]] */
/*[memo]
※※ Web販促用の特集ページで利用 ※※
ページ件数要素
.lpPageStatus & .lpSearchNav をセットにする（内包する）要素です。
※.lpPageStatus / .lpSearchNav は単体使用も可です。
------------------------------------------------*/
.lpSearchNotes {
  display: flex;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
}

/* [[ .searchPreference ]] */
/*[memo]
求人一覧 最上部にある、選択した検索項目を表示する要素
スマホ版のみ「検索条件を再設定する」ボタンを内包しています。

PC版・スマホ版どちらも再検索画面に遷移する仕様になていますが、
PC版はリニューアルプランを見据えているため、
PC版とスマホ版でが若干ソース（表示させる構成要素）が違います。

▼PC版
・PC版は「例）勤務地」欄に「勤務地を変更する」ボタンがあります。
・再検索画面に遷移する際、リンク（ページ移動）+ ページ内アンカー仕様
・選ばれていない検索項目（tr・th・td）も「例文」を入れて表示させます。

▼スマホ版
・「現在選択中の項目」tableの下に「検索条件を再設定する」ボタンを表示
・一括検索的な仕様
・選ばれていない検索項目は非表示にします。
------------------------------------------------*/
.searchPreference {
  margin-top: 1.875rem;
}
.searchPreference_detail {
  background-color: rgb(250.280334728, 222.7489539749, 71.719665272);
  background-image: url("https://image.haj.co.jp/arukita/base/stripe.png?update=201807020600");
  background-position: left top;
  background-repeat: repeat;
  background-size: 1.25rem auto;
  position: relative;
  z-index: 1;
  border: solid 0.625rem transparent;
}
.searchPreference_detail:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.searchPreference_reset {
  margin-top: 1.875rem;
}
.searchPreference_reset .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  width: 23.75rem;
  margin: 0 auto;
}
.searchPreference_reset .btn, .searchPreference_reset .btn:link, .searchPreference_reset .btn:visited, .searchPreference_reset .btn:active, .searchPreference_reset .btn:hover {
  color: #212121;
}
.searchPreference_reset .btn:hover {
  text-decoration: none;
}
input[type=submit].searchPreference_reset .btn,
input[type=button].searchPreference_reset .btn {
  border: none;
}

.searchPreference_reset .btn, .searchPreference_reset .btn:link, .searchPreference_reset .btn:visited, .searchPreference_reset .btn:active, .searchPreference_reset .btn:hover {
  color: #ffffff;
}

/* [[ ┗ .searchStatus ]] */
/*----------------------------------------------*/
.searchStatus {
  width: 100%;
  table-layout: fixed;
}
.searchStatus_set {
  /* 未指定 */
}
.searchStatus_category {
  width: 8.75rem;
  vertical-align: middle;
  padding: 0.625rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.5rem;
  background-color: #f9d616;
  box-sizing: border-box;
}
.searchStatus_set:nth-child(even) .searchStatus_category {
  background-color: rgb(214.4769874477, 182.2594142259, 5.5230125523);
}
.searchStatus_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  font-size: 0.875rem;
}
.searchStatus_set:nth-child(even) .searchStatus_item {
  background-color: #f4f5fa;
}
.searchStatus_value, .searchStatus_reset {
  padding: 0.625rem;
}
.searchStatus_reset {
  padding-right: 0;
  /* reset */
  width: 4.375rem;
}
.searchStatus_reset .btn {
  padding-top: 0;
  line-height: 1.5rem;
  font-weight: bold;
  font-size: 0.75rem;
}
.searchStatus_reset .btn-add,
.searchStatus_reset .btn-change {
  padding-right: 0.9375rem;
}
.searchStatus_reset .btn-add:after,
.searchStatus_reset .btn-change:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.searchStatus_value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 4.375rem);
  line-height: 1.5rem;
}
.searchStatus_value span + span {
  margin-left: 0.3125rem;
}
.searchStatus_value span + span:before {
  content: ",";
  margin-right: 0.3125rem;
}
.searchStatus_value-placeholder {
  color: #6c6c6c;
}
.searchStatus_set .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -3.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.625rem;
}
.searchStatus_set-jobType .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -5.625rem;
}
.searchStatus_set-area .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -7.5rem;
}
.searchStatus_set-station .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -9.375rem;
}
.searchStatus_set-timeCase .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -11.25rem;
}
.searchStatus_set-employment .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -13.125rem;
}
.searchStatus_set-options .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -15rem;
}
.searchStatus_set-freeWord .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem 0rem;
}
.searchStatus_set-featured .searchStatus_category:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -24.375rem -3.75rem;
}

/* [[ .searchSummary ]] */
/*[memo]
求人一覧最下部に入るSEO用の検索項目概要説明文要素
例）札幌市中央区の特徴
------------------------------------------------*/
.searchSummary {
  border: solid 0.0625rem #ccc;
  border-radius: 0.3125rem;
  margin-top: 1.875rem;
  padding: 1.8125rem;
}
.searchSummary_title {
  color: #212121;
  font-weight: bold;
  font-size: 0.75rem;
}
.searchSummary_detail {
  margin-top: 0.3125rem;
  color: #212121;
  font-size: 0.75rem;
}

/* [[ module ]] */
.hajArticleHeader-category, .hajArticleHeader-subCategory {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.hajArticleHeader-category .hajArticleHeader_lead, .hajArticleHeader-subCategory .hajArticleHeader_lead {
  color: #212121;
  font-size: 0.875rem;
}
.hajArticleHeader-category .hajArticleHeader_title, .hajArticleHeader-subCategory .hajArticleHeader_title {
  color: #212121;
  font-size: 1.25rem;
}

.hajArticleHeader .hajArticleHeaderName {
  font-size: 1.25rem;
}

.hajArticlePagination {
  margin-top: 2.5rem;
}

.hajArticlePagination_item {
  font-size: 0.875rem;
}
.hajArticlePagination_item a, .hajArticlePagination_item-none {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.hajArticlePagination_item-prev a {
  background-image: none;
  position: relative;
  z-index: 1;
}
.hajArticlePagination_item-prev a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -5rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hajArticlePagination_item-next a {
  background-image: none;
  position: relative;
  z-index: 1;
}
.hajArticlePagination_item-next a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.hajArticlePagination_item-none.hajArticlePagination_item-prev {
  color: #6c6c6c;
  font-weight: normal;
  background-image: none;
  position: relative;
  z-index: 1;
}
.hajArticlePagination_item-none.hajArticlePagination_item-prev:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -5rem -5rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.hajArticlePagination_item-none.hajArticlePagination_item-next {
  color: #6c6c6c;
  font-weight: normal;
  background-image: none;
  position: relative;
  z-index: 1;
}
.hajArticlePagination_item-none.hajArticlePagination_item-next:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -5rem -3.75rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* [[ .hajArticle-category ]] */
.hajArticleSubCategory {
  padding: 1.875rem;
  border-radius: 0.3125rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 1.25rem;
}
.hajArticleSubCategory_header {
  padding-right: 1.875rem;
}
.hajArticleSubCategory_body {
  padding-left: 1.875rem;
  border-left-width: 0.0625rem;
}

.hajArticleSubCategoryTitle {
  font-size: 1rem;
  padding-left: 1.5625rem;
  background-size: 1.25rem auto;
}

.hajArticleSubCategoryLead {
  margin-top: 0.625rem;
  font-size: 0.875rem;
}

.hajArticleSubCategoryLinks {
  margin-top: 0.625rem;
}
.hajArticleSubCategoryLinks a {
  background-color: #e6e6e6;
  background-image: none;
  position: relative;
  z-index: 1;
  width: 11.25rem;
  height: 1.875rem;
  padding: 0.3125rem 1.5625rem 0.3125rem 0.625rem;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
}
.hajArticleSubCategoryLinks a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}

.hajArticleSubCategoryLinks a,
.hajArticleSubCategoryLinks a:active,
.hajArticleSubCategoryLinks a:hover,
.hajArticleSubCategoryLinks a:visited {
  color: #212121;
}

.hajArticleSubCategoryList_title {
  font-size: 0.875rem;
}
.hajArticleSubCategoryList_item {
  margin-top: 0.625rem;
}
.hajArticleSubCategoryList_item a {
  background-image: none;
  padding-left: 0;
  font-size: 0.875rem;
}
.hajArticleSubCategoryList_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -3.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.3125rem;
}

/* [[ .hajArticle-subcategory ]] */
.hajArticleCard {
  padding: 1.25rem;
  border-radius: 0.3125rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  width: calc(50% - 0.625rem);
  margin-top: 1.25rem;
}
.hajArticleCard:nth-child(2n+1) {
  margin-left: 1.25rem;
}
.hajArticleCard_lead {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top-width: 0.0625rem;
  font-size: 0.875rem;
  max-height: 2.625rem;
}

.hajArticleCardImage {
  width: 3.75rem;
}

.hajArticleCardTitle {
  font-size: 1rem;
  max-height: 3rem;
}

.hajArticleCardImage + .hajArticleCardTitle {
  width: calc(100% - 3.75rem - 0.625rem);
}

.hajArticleCardUpdate {
  margin-top: 0.3125rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}

.hajArticleCardImage ~ .hajArticleCardUpdate {
  width: calc(100% - 3.75rem - 0.625rem);
}

/* [[ .hajArticle-detail ]] */
.hajArticle-detail .hajArticle_main {
  width: 43.75rem;
}
.hajArticle-detail .hajArticle_sub {
  width: 15.625rem;
}

.hajArticleHeader-detailTypeText .hajArticleHeader_title, .hajArticleHeader-detailTypeImage .hajArticleHeader_title {
  color: #212121;
}
.hajArticleHeader-detailTypeText {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.hajArticleHeader-detailTypeText .hajArticleHeaderCategory {
  font-size: 0.875rem;
}
.hajArticleHeader-detailTypeText .hajArticleHeaderName {
  margin-top: 0.3125rem;
}
.hajArticleHeader-detailTypeImage {
  padding-bottom: 1.25rem;
  border-bottom: solid 0.0625rem #ccc;
}
.hajArticleHeader-detailTypeImage .hajArticleHeaderName {
  margin-top: 0.625rem;
}
.hajArticleHeader-detailTypeImage .hajArticleHeader_update, .hajArticleHeader-detailTypeText .hajArticleHeader_update {
  margin-top: 0.625rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}

.hajArticleSection {
  margin-top: 2.5rem;
}
.hajArticleSection_title {
  color: #3c4faf;
  font-size: 1.125rem;
}
.hajArticleSection_title + .hajArticleSection_body {
  margin-top: 1.25rem;
}
.hajArticleSection-links {
  padding: 1.25rem;
  border-width: 0.0625rem;
  border-radius: 0.3125rem;
}
.hajArticleSection-info {
  padding: 1.25rem;
  border-width: 0.0625rem;
  border-radius: 0.3125rem;
}
.hajArticleSection-info .hajArticleSection_body {
  border-width: 0.0625rem;
  padding-top: 1.25rem;
}

.hajArticleSectionImage {
  margin-top: 1.25rem;
}
.hajArticleSectionImage_text {
  margin-top: 0.3125rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}

.hajArticleSection-photoLeft .hajArticleSectionImage,
.hajArticleSection-photoRight .hajArticleSectionImage {
  width: 15rem;
}

.hajArticleSection-cutLeft .hajArticleSectionImage {
  width: 15rem;
  margin-right: 1.25rem;
  margin-bottom: 0.625rem;
}

.hajArticleSection-cutRight .hajArticleSectionImage {
  width: 15rem;
  margin-left: 1.25rem;
  margin-bottom: 0.625rem;
}

.hajArticleSection-info .hajArticleSectionImage {
  width: 15rem;
  margin-right: 1.25rem;
}

.hajArticleSectionZoom:before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 0.75rem auto;
}

.hajArticleSectionFlow .hajArticleSectionZoom {
  width: 11.25rem;
}

.hajArticleSectionText {
  font-size: 1rem;
}
.hajArticleSectionText + .hajArticleSectionText {
  margin-top: 1.25rem;
}
.hajArticleSectionText-notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}

.hajArticleSection-photoTop .hajArticleSectionImage + .hajArticleSectionText {
  margin-top: 1.25rem;
}

.hajArticleSection-photoLeft .hajArticleSectionImage + .hajArticleSectionText,
.hajArticleSection-photoRight .hajArticleSectionImage + .hajArticleSectionText {
  width: calc(100% - 15rem - 1.25rem);
}

.hajArticleSection-info .hajArticleSectionImage ~ .hajArticleSectionText {
  width: calc(100% - 15rem - 1.25rem);
}

.hajArticleSection-info .hajArticleSectionText + .hajArticleSectionText {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top-width: 0.0625rem;
}

.hajArticleSectionGallery_item {
  width: 13.75rem;
  border-width: 0.0625rem;
  border-radius: 0.3125rem;
  margin-top: 1.25rem;
  margin-left: 1.25rem;
}

.hajArticleSectionGalleryText {
  padding: 0.625rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}

.hajArticleSectionFlow_item {
  padding: 1.25rem;
  border-width: 0.0625rem;
  border-radius: 0.3125rem;
}

.hajArticleSectionFlowText {
  font-size: 1rem;
}

.hajArticleSectionFlowImage + .hajArticleSectionFlowText,
.hajArticleSectionZoom + .hajArticleSectionFlowText {
  margin-left: 1.25rem;
}

.hajArticleSectionFlowImage {
  width: 11.25rem;
}

.hajArticleSectionLinks {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.hajArticleSectionLinks_item {
  margin-top: 1.25rem;
}
.hajArticleSectionLinks_item-text {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  width: calc(100% - 2.5rem);
  font-size: 1rem;
}
.hajArticleSectionLinks_item-button {
  width: 19.9375rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.hajArticleSectionLinks_item-button a {
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  background-color: #3c4faf;
  border-radius: 0.3125rem;
  min-height: 3.125rem;
  padding: 0.625rem 0.625rem 0.875rem 0.625rem;
  font-size: 1rem;
}

.hajArticleSection .youtube {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.hajArticleRelatedJob_header {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
}
.hajArticleRelatedJob .hajArticleRelatedJobTitle {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  width: calc(100% - 1.25rem - 6.25rem);
  color: #212121;
  font-size: 1.125rem;
}
.hajArticleRelatedJob .hajArticleRelatedJobMore {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  width: 6.25rem;
}
.hajArticleRelatedJob .hajArticleRelatedJobMore a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  min-height: 2.1875rem;
  font-size: 0.75rem;
  flex-wrap: nowrap;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}
.hajArticleRelatedJob .hajArticleRelatedJobMore a, .hajArticleRelatedJob .hajArticleRelatedJobMore a:link, .hajArticleRelatedJob .hajArticleRelatedJobMore a:visited, .hajArticleRelatedJob .hajArticleRelatedJobMore a:active, .hajArticleRelatedJob .hajArticleRelatedJobMore a:hover {
  color: #212121;
}
.hajArticleRelatedJob .hajArticleRelatedJobMore a:hover {
  text-decoration: none;
}
input[type=submit].hajArticleRelatedJob .hajArticleRelatedJobMore a,
input[type=button].hajArticleRelatedJob .hajArticleRelatedJobMore a {
  border: none;
}

input[type=submit].hajArticleRelatedJob .hajArticleRelatedJobMore a,
input[type=button].hajArticleRelatedJob .hajArticleRelatedJobMore a {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.hajArticleRelatedJob .hajArticleRelatedJobMore a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  margin-left: 0.3125rem;
}

.hajArticleEntries_header {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  display: block;
}
.hajArticleEntries_header:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.hajArticleEntries_header:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.hajArticleEntries_item {
  margin-top: 0.625rem;
  border-width: 0.0625rem;
  padding: 1.25rem;
}
.hajArticleEntries_item-active {
  background-color: #f9d616;
  background-size: 1.25rem auto;
}
.hajArticleEntries_item-active:before {
  width: calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
  top: 0.625rem;
  left: 0.625rem;
}
.hajArticleEntries_more {
  margin-top: 0.625rem;
}
.hajArticleEntries_more a {
  background-color: #e6e6e6;
  background-image: none;
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
.hajArticleEntries_more a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}

.hajArticleEntries_more a,
.hajArticleEntries_more a:active,
.hajArticleEntries_more a:hover,
.hajArticleEntries_more a:visited {
  color: #212121;
}

.hajArticleEntriesSubCategory {
  font-size: 0.875rem;
}

.hajArticleEntriesTitle {
  font-size: 0.875rem;
}

.hajArticleEntriesHeadline_title {
  font-size: 0.875rem;
}
.hajArticleEntriesHeadline_update {
  margin-top: 0.3125rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}

.hajArticleEntriesLead {
  margin-top: 0.625rem;
  border-top-width: 0.0625rem;
  padding-top: 0.625rem;
  font-size: 0.75rem;
}

/*--------------------
旧指定指定を活かすとずっと使われるので、
オプション装飾なし = 全部各サイトのテーマカラーにします。
*/
.hajArticleSection .textDesignA,
.hajArticleSection .textDesignB,
.hajArticleSection .textDesignC,
.hajArticleSection .textDesignD,
.hajArticleSection .textDesignE,
.hajArticleSection .textDesignG {
  color: #3c4faf;
}

/* [[ ============================================ ]] */
/*[summary]
以下、HAJ全求人サイト読み物共通化（三階層化）前の旧指定。
プログラム実装後、不要になったら削除してください
*/
/* [[ .articleCategoryCard ]] */
/*[memo]
読み物カテゴリページ（サブカテゴリ一覧ページ）の各サブカテゴリ毎のカード
------------------------------------------------*/
.articleCategoryCard {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 1.25rem;
  padding: 1.875rem;
  box-sizing: border-box;
  position: relative;
  /*! CREARFIX */
  zoom: 1;
  /* [[ ┠ &_heading]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_title]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_lead]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_more]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_body]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_list]] */
  /*----------------------------------------------*/
}
.articleCategoryCard:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.875rem;
  left: 50%;
  width: 0;
  height: calc(100% - 3.75rem);
  border-left: dotted 0.0625rem #ccc;
}
.articleCategoryCard:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .articleCategoryCard {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.articleCategoryCard_heading, .articleCategoryCard_body {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.articleCategoryCard_heading {
  padding-right: 1.875rem;
}
.articleCategoryCard_title {
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
}
.articleCategoryCard_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -18.75rem -1.875rem;
  margin-top: -0.125rem;
  margin-right: 0.3125rem;
}
.articleCategoryCard_lead {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.articleCategoryCard_more {
  margin-top: 0.625rem;
}
.articleCategoryCard_more .btn {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #e6e6e6;
  width: 11.25rem;
  padding-left: 0.625rem;
}
.articleCategoryCard_more .btn:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.articleCategoryCard_more .btn, .articleCategoryCard_more .btn:link, .articleCategoryCard_more .btn:visited, .articleCategoryCard_more .btn:active, .articleCategoryCard_more .btn:hover {
  color: #212121;
}
.articleCategoryCard_more .btn:hover {
  text-decoration: none;
}
input[type=submit].articleCategoryCard_more .btn,
input[type=button].articleCategoryCard_more .btn {
  border: none;
}

.articleCategoryCard_body {
  padding-left: 1.875rem;
}
.articleCategoryCard_list {
  /* 未指定 */
}
.articleCategoryCard_headline {
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
}
.articleCategoryCard_item {
  margin-top: 0.3125rem;
}
.articleCategoryCard_item a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  font-size: 0.875rem;
  line-height: 1.3;
}
.articleCategoryCard_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -3.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.3125rem;
}

/* [[ .articleDetailCard ]] */
/*[memo]
読み物サブカテページ（記事一覧ページ）の各記事毎のカード
------------------------------------------------*/
.articleDetailCardSet {
  display: table;
  border-collapse: separate;
  border-spacing: 1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: -1.25rem;
}

.articleDetailCard {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  display: table-cell;
  vertical-align: top;
  width: 27.8125rem;
  padding: 1.25rem;
  /* [[ ┠ &_links]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_thumbnail]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_name / &_update]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_lead]] */
  /*----------------------------------------------*/
}
.articleDetailCard_links {
  /*! CREARFIX */
  zoom: 1;
  display: block;
}
.articleDetailCard_links:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .articleDetailCard_links {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.articleDetailCard_links:hover {
  text-decoration: none;
}
.articleDetailCard_thumbnail {
  display: block;
  float: left;
  width: 3.75rem;
  margin-right: 0.625rem;
}
.articleDetailCard_thumbnail img {
  width: 100%;
}
.articleDetailCard_name, .articleDetailCard_update {
  display: block;
  overflow: hidden;
  zoom: 1;
}
.articleDetailCard_name {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*
  ↑
  IE11では効かない命令です。
  IE11対応のため max-height = 2行分の高さを指定して
  はみ出る文字は overflow hidden で対応しています。
  ※ max-height なのでIE11以外のブラウザにも害はありません。
  ↑
  ただし！box-sizing: border-box;など高さに影響のでる指定は不可
  ↓
  */
  max-height: 2.8rem;
}
.articleDetailCard_name br {
  display: none;
}
.articleDetailCard_links:hover .articleDetailCard_name {
  text-decoration: underline;
}
.articleDetailCard_update {
  margin-top: 0.625rem;
  color: #6c6c6c;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.3;
}
.articleDetailCard_lead {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
}
.articleDetailCard_lead p {
  font-size: 0.75rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*
  ↑
  IE11では効かない命令です。
  IE11対応のため max-height = 2行分の高さを指定して
  はみ出る文字は overflow hidden で対応しています。
  ※ max-height なのでIE11以外のブラウザにも害はありません。
  ↑
  ただし！box-sizing: border-box;など高さに影響のでる指定は不可
  ↓
  */
  max-height: 2.4rem;
}
.articleDetailCard_lead p br {
  display: none;
}

/* [[ .articlePagination ]] */
/*[memo]
読み物記事一覧ページ・記事詳細で使用するページネーション
------------------------------------------------*/
.articlePagination {
  margin-top: 2.5rem;
  text-align: center;
}
.articlePagination_item {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 1.25rem;
  color: #dddddd;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1;
}
.articlePagination_item a {
  display: block;
}
.articlePagination_item-none, .articlePagination_item a {
  position: relative;
  z-index: 1;
}
.articlePagination_item-none:before, .articlePagination_item a:before {
  top: 50%;
  margin-top: -0.3125rem;
}
.articlePagination_item-next {
  border-left: solid 0.0625rem #ccc;
}
.articlePagination_item-back a {
  margin-left: -1.25rem;
  padding-left: 1.25rem;
}
.articlePagination_item-back a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -5rem;
  left: 0;
}
.articlePagination_item-next a {
  margin-right: -1.25rem;
  padding-right: 1.25rem;
}
.articlePagination_item-next a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -3.75rem;
  right: 0;
}
.articlePagination_item-back.articlePagination_item-none:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -5rem -5rem;
  left: 0;
}
.articlePagination_item-next.articlePagination_item-none:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -5rem -3.75rem;
  right: 0;
}

/* [[ .articleDetailTitle ]] */
/*[memo] 記事詳細の記事タイトル */
.articleDetailTitle {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

/* [[ .articleList ]] */
/*[memo]
記事詳細（PC版でいう右カラムの）アーカイブ記事リスト
記事詳細で掲載する最新5件の記事リスト
------------------------------------------------*/
.articleList {
  /* [[ ┠ &_title]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_links]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_title / &_update]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_lead]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_more]] */
  /*----------------------------------------------*/
}
.articleList_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
  line-height: 1.6;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.articleList_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.articleList_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.articleList_item {
  margin-top: 0.625rem;
  padding: 1.1875rem;
  border: solid 0.0625rem #ccc;
  background-color: #ffffff;
}
.articleList_item-active {
  border: none;
  padding: 0.625rem;
  /* reset */
  background-color: #f9d616;
  background-image: url("https://image.haj.co.jp/arukita/base/stripe.png?update=201807020600");
  background-position: left top;
  background-repeat: repeat;
  background-size: 1.25rem auto;
  position: relative;
  z-index: 1;
  border: solid 0.625rem transparent;
}
.articleList_item-active:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.articleList_links {
  display: block;
}
.articleList_links:hover {
  text-decoration: none;
}
.articleList_name, .articleList_update {
  display: block;
}
.articleList_name {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.6;
}
.articleList_links:hover .articleList_name {
  text-decoration: underline;
}
.articleList_update {
  margin-top: 0.625rem;
  color: #6c6c6c;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.3;
}
.articleList_lead {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
  font-size: 0.75rem;
  line-height: 1.6;
}
.articleList_more {
  margin-top: 0.625rem;
}
.articleList_more a {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #e6e6e6;
}
.articleList_more a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.articleList_more a, .articleList_more a:link, .articleList_more a:visited, .articleList_more a:active, .articleList_more a:hover {
  color: #212121;
}
.articleList_more a:hover {
  text-decoration: none;
}
input[type=submit].articleList_more a,
input[type=button].articleList_more a {
  border: none;
}

/* [[ www.haj.co.jp / xx_publish.css ]] */
/*[memo]
www.haj.co.jp 内にある読み物共通CSSの打ち消し命令
------------------------------------------------*/
#publishContainer .headline {
  display: block;
  min-height: initial;
  padding: 0;
  line-height: normal;
  background: none;
}

body.detail #updateBar {
  display: none;
}

body.detail #publishContainer .publishTitle-typeTxt {
  padding-top: 0;
  border-top: none;
  padding-bottom: 1.25rem;
}

/* [[ .clientSection ]] */
/*[memo]
段落ブロック要素 + 「見出し」「文章」などの基本フォーマット要素
------------------------------------------------*/
.clientSection {
  margin-top: 2.5rem;
  /* [[ ┠ &_title-default ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_title-box ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_text ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_definition ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_links ]] */
  /*----------------------------------------------*/
}
.heading + .clientSection, .pageIntro + .clientSection {
  margin-top: 1.875rem;
}
.clientSection-box {
  padding: 1.875rem;
  border: solid 0.0625rem #ccc;
  border-radius: 0.1875rem;
}
.clientSection_title-default {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.clientSection_title-default:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.clientSection_title-default:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.clientSection_title-box {
  margin-top: -0.625rem;
  padding-bottom: 1.25rem;
  color: #212121;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.3;
  border-bottom: solid 0.125rem #f9d616;
}
.clientSection_title-box span {
  margin-left: 0.1875rem;
  font-size: 0.75rem;
}
.clientSection_text {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.clientSection_text:first-child {
  margin-top: 0;
}
.clientSection_text strong {
  font-weight: bold;
}
.clientSection_text-notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}
.clientSection_definition {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.clientSection_definition:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.clientSection_definition dt {
  color: #3c4faf;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
}
.clientSection_definition dd {
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
}
.clientSection_links {
  display: table;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.clientSection_links:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  margin-top: -0.25rem;
  margin-right: 0.1875rem;
}

/* [[ .clientGuide ]] */
/*[memo]
担当エイリア・営業所案内
.clientGuide-box内で使用しています。
------------------------------------------------*/
.clientGuide {
  margin-top: 1.25rem;
}
.clientGuide_headline {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
  display: block;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.clientGuide_headline:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #ffecb3;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.clientGuide_headline:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(255, 248.75, 230);
  border-bottom: solid 1.125rem rgb(255, 229.625, 153.5);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.clientGuide_headline span {
  display: block;
  font-size: 0.625rem;
  margin-bottom: 0.3125rem;
  font-weight: normal;
}
.clientGuide_detail {
  margin-top: 0.625rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
}
.clientGuide_detail strong {
  display: block;
  color: #3c4faf;
  font-weight: bold;
}

/* [[ .clipFunction ]] */
/*[memo]
最下部ボタン
クリップ一覧画面と削除確認画面、両方に対応しています。
------------------------------------------------*/
.clipFunction {
  margin-top: 1.875rem;
  padding: 0.625rem;
  background-color: #f4f5fa;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.clipFunction_operate {
  width: 11.875rem;
}
.clipFunction_operate .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
}
.clipFunction_operate .btn, .clipFunction_operate .btn:link, .clipFunction_operate .btn:visited, .clipFunction_operate .btn:active, .clipFunction_operate .btn:hover {
  color: #212121;
}
.clipFunction_operate .btn:hover {
  text-decoration: none;
}
input[type=submit].clipFunction_operate .btn,
input[type=button].clipFunction_operate .btn {
  border: none;
}

input[type=submit].clipFunction_operate .btn,
input[type=button].clipFunction_operate .btn {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.clipFunction_order {
  width: 35.625rem;
}
.clipFunction_order .btnSet {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.clipFunction_order .btnSet_item {
  width: 33.3%;
}
.clipFunction_order .btnSet_item:first-child {
  width: 33.4%;
}
.clipFunction_order .btnSet_item + .btnSet_item {
  padding-left: 0.0625rem;
  box-sizing: border-box;
}
.clipFunction_order .btnSet_item .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #f9d616;
  border-radius: 0;
}
.clipFunction_order .btnSet_item .btn, .clipFunction_order .btnSet_item .btn:link, .clipFunction_order .btnSet_item .btn:visited, .clipFunction_order .btnSet_item .btn:active, .clipFunction_order .btnSet_item .btn:hover {
  color: #212121;
}
.clipFunction_order .btnSet_item .btn:hover {
  text-decoration: none;
}
input[type=submit].clipFunction_order .btnSet_item .btn,
input[type=button].clipFunction_order .btnSet_item .btn {
  border: none;
}

.clipFunction_order .btnSet_item:first-child .btn {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.clipFunction_order .btnSet_item:last-child .btn {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.clipFunction_batchEntry {
  width: 11.875rem;
}
.clipFunction_batchEntry .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.clipFunction_batchEntry .btn, .clipFunction_batchEntry .btn:link, .clipFunction_batchEntry .btn:visited, .clipFunction_batchEntry .btn:active, .clipFunction_batchEntry .btn:hover {
  color: #212121;
}
.clipFunction_batchEntry .btn:hover {
  text-decoration: none;
}
input[type=submit].clipFunction_batchEntry .btn,
input[type=button].clipFunction_batchEntry .btn {
  border: none;
}

.clipFunction_batchEntry .btn, .clipFunction_batchEntry .btn:link, .clipFunction_batchEntry .btn:visited, .clipFunction_batchEntry .btn:active, .clipFunction_batchEntry .btn:hover {
  color: #ffffff;
}
.clipFunction_lead {
  width: 36.25rem;
  color: #212121;
  font-weight: bold;
}
.clipFunction_execute {
  width: 24.375rem;
}
.clipFunction_execute .btnSet {
  /*! CREARFIX */
  zoom: 1;
}
.clipFunction_execute .btnSet:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .clipFunction_execute .btnSet {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.clipFunction_execute .btnSet_item {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.clipFunction_execute .btnSet_item:first-child {
  padding-right: 0.15625rem;
}
.clipFunction_execute .btnSet_item:last-child {
  padding-left: 0.15625rem;
}
.clipFunction_execute .btn-return {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
}
.clipFunction_execute .btn-return, .clipFunction_execute .btn-return:link, .clipFunction_execute .btn-return:visited, .clipFunction_execute .btn-return:active, .clipFunction_execute .btn-return:hover {
  color: #212121;
}
.clipFunction_execute .btn-return:hover {
  text-decoration: none;
}
input[type=submit].clipFunction_execute .btn-return,
input[type=button].clipFunction_execute .btn-return {
  border: none;
}

input[type=submit].clipFunction_execute .btn-return,
input[type=button].clipFunction_execute .btn-return {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.clipFunction_execute .btn-delete {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #d62232;
}
.clipFunction_execute .btn-delete, .clipFunction_execute .btn-delete:link, .clipFunction_execute .btn-delete:visited, .clipFunction_execute .btn-delete:active, .clipFunction_execute .btn-delete:hover {
  color: #212121;
}
.clipFunction_execute .btn-delete:hover {
  text-decoration: none;
}
input[type=submit].clipFunction_execute .btn-delete,
input[type=button].clipFunction_execute .btn-delete {
  border: none;
}

.clipFunction_execute .btn-delete, .clipFunction_execute .btn-delete:link, .clipFunction_execute .btn-delete:visited, .clipFunction_execute .btn-delete:active, .clipFunction_execute .btn-delete:hover {
  color: #ffffff;
}
.clipFunction_order, .clipFunction_batchEntry {
  margin-left: 0.625rem;
}
.clipFunction_lead {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  box-sizing: border-box;
}

/* [[ Mixin / companyLP_pointIcon ]] */
/* [[ .colpHeader ]] */
.colpHeader {
  padding: 1.875rem;
  background-color: #f9f3e6;
}
.colpHeader_inner {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  padding: 1.875rem;
}

/* [[ ┠ .colpSummary ]] */
/*----------------------------------------------*/
.colpSummary {
  /*! CREARFIX */
  zoom: 1;
}
.colpSummary:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .colpSummary {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.colpSummary_img {
  font-size: 0;
  line-height: 0;
  float: left;
  width: 26.5625rem;
}
.colpSummary_img img {
  width: 100%;
}
.colpSummary_text {
  float: right;
  width: 26.5625rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
}

/* [[ ┗ .colpNav ]] */
/*----------------------------------------------*/
.colpNav {
  margin-top: 1.25rem;
  border-top: solid 0.0625rem #ccc;
  border-bottom: solid 0.0625rem #ccc;
}
.colpNav_item {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.colpNav_item + .colpNav_item {
  border-top: dotted 0.0625rem #ccc;
}
.colpNav_item a {
  display: table-cell;
  vertical-align: middle;
  height: 3.125rem;
  padding-left: 4.0625rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  position: relative;
}
.colpNav_item a:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.colpNav_item-point01 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: 0rem 0rem;
}
.colpNav_item-point02 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -4.375rem 0rem;
}
.colpNav_item-point03 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -8.75rem 0rem;
}
.colpNav_item-point04 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -13.125rem 0rem;
}
.colpNav_item-point05 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -17.5rem 0rem;
}
.colpNav_item-point06 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -21.875rem 0rem;
}
.colpNav_item-point07 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -26.25rem 0rem;
}
.colpNav_item-point08 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -30.625rem 0rem;
}
.colpNav_item-point09 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -35rem 0rem;
}
.colpNav_item-point10 a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -39.375rem 0rem;
}

/* [[ .colpBody ]] */
.colpBody {
  margin-top: 2.5rem;
}

/* [[ .colpSection ]] */
.colpSection {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: solid 0.0625rem #ccc;
  /* [[ ┠ &_primary || &_secondary ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_tertiary ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_theme ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_block ]] */
  /*----------------------------------------------*/
  /*[memo]
  下記を内包 = Analytics 解析用に囲むタグ
  &_headline
  &_text
  ------------------------------------------------*/
  /* [[ ┠ &_headline ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_text ]] */
  /*----------------------------------------------*/
}
.colpSection:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .colpSection {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.colpSection:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.colpSection_primary {
  float: left;
  width: 30.3125rem;
}
.colpSection_secondary {
  float: right;
  width: 30.3125rem;
}
.colpSection_tertiary {
  /*! CREARFIX */
  zoom: 1;
  clear: both;
  padding-top: 1.25rem;
}
.colpSection_tertiary:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .colpSection_tertiary {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.colpSection_tertiary:first-child {
  padding-top: 0;
}
.colpSection_theme {
  padding: 0.625rem;
  background-color: #f9d616;
}
.colpSection_theme span {
  display: table-cell;
  vertical-align: middle;
  height: 3.125rem;
  padding-left: 4.0625rem;
  color: #212121;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.3;
  background-color: #f9d616;
  position: relative;
}
.colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: 0rem -4.0625rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.colpSection-point01 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: 0rem -4.0625rem;
}
.colpSection-point02 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -4.375rem -4.0625rem;
}
.colpSection-point03 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -8.75rem -4.0625rem;
}
.colpSection-point04 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -13.125rem -4.0625rem;
}
.colpSection-point05 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -17.5rem -4.0625rem;
}
.colpSection-point06 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -21.875rem -4.0625rem;
}
.colpSection-point07 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -26.25rem -4.0625rem;
}
.colpSection-point08 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -30.625rem -4.0625rem;
}
.colpSection-point09 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -35rem -4.0625rem;
}
.colpSection-point10 .colpSection_theme span:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  ポイント画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 3.4375rem;
  height: 3.125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/company_lp/common/point.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: auto 7.1875rem;
  background-position: -39.375rem -4.0625rem;
}
.colpSection_block {
  margin-top: 1.25rem;
}
.colpSection_block:first-child {
  margin-top: 0;
}
.colpSection_headline {
  margin-top: 1.25rem;
  color: #3c4faf;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
}
.colpSection_headline:first-child {
  margin-top: 0;
}
.colpSection_text {
  margin-top: 1.25rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
}
.colpSection_text:first-child {
  margin-top: 0;
}

/* [[ ┠ .colpCut ]] */
/*----------------------------------------------*/
/*[memo]
.colpSection 内で使う大写真要素
------------------------------------------------*/
.colpCut {
  font-size: 0;
  line-height: 0;
  margin-top: 1.25rem;
}
.colpCut:first-child {
  margin-top: 0;
}
.colpCut img {
  width: 100%;
}

/* [[ ┗ .colpAlbum ]] */
/*----------------------------------------------*/
/*[memo]
.colpSection 内で使う小写真要素
------------------------------------------------*/
.colpAlbum {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 1.25rem;
}
.colpAlbum:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .colpAlbum {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.colpAlbum:first-child {
  margin-top: 0;
}
.colpAlbum_item {
  float: left;
  margin-left: 1.25rem;
  width: calc((100% - 1.25rem) / 2);
}
.colpAlbum_item:first-child {
  margin-left: 0;
}
.colpAlbum_img {
  width: 100%;
}
.colpAlbum_headline {
  margin-top: 0.625rem;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.colpAlbum_caption {
  margin-top: 0.625rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.3;
}

.colpSection_tertiary .colpAlbum {
  margin-top: 0;
  /* reset */
  float: left;
  width: 30.3125rem;
}
.colpSection_tertiary .colpAlbum:nth-of-type(2) {
  float: right;
}

/* [[ .featureHeading ]] */
/*[memo] 求人特集 タイトル */
.featureHeading {
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_headline ]] */
  /*----------------------------------------------*/
  /* [[ ┠ .imageTitle ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_lead ]] */
  /*----------------------------------------------*/
}
.featureHeading_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1.25rem;
}
.featureHeading_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -22.5rem -4.5rem;
  margin-top: -0.25rem;
  margin-right: 0.375rem;
}
.featureHeading_headline {
  margin-top: 1.25rem;
  color: #3c4faf;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.3;
}
.featureHeading_catch {
  display: block;
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
}
.featureHeading .imageTitle {
  border-radius: 0;
}
.featureHeading_lead {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
}

/* [[ .featureBanner ]] */
/*[memo] 3ブロック・2ブロック特集で使用する横幅MAXのバナー */
.featureBanner {
  margin-top: 1.25rem;
}
.featureBanner a {
  font-size: 0;
  line-height: 0;
  display: block;
  text-align: center;
}
.featureBanner img {
  width: 100%;
}

/* [[ .featureBox3 ]] */
/*[memo] 求人特集 ボックス3タイプ */
.featureBox3 {
  display: table;
  border-collapse: separate;
  border-spacing: 1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: -1.25rem;
  /* [[ ┠ &_unit ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_image ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_subCatch ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_mainCatch ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_links ]] */
  /*----------------------------------------------*/
}
.featureBox3_unit {
  border: solid 0.3125rem #f9d616;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
  width: 19.8125rem;
  padding: 1.25rem;
  word-break: break-all;
}
.featureBox3_unit:first-child {
  width: 19.75rem;
}
.featureBox3:nth-child(odd) .featureBox3_unit:nth-child(even), .featureBox3:nth-child(even) .featureBox3_unit:nth-child(odd) {
  border-color: #f9b606;
  background-color: rgb(255, 251.3, 240.2);
}
.featureBox3_image {
  font-size: 0;
  line-height: 0;
  width: 11.25rem;
  margin: 0 auto;
}
.featureBox3_image img {
  width: 100%;
}
.featureBox3_subCatch {
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
}
.featureBox3_image + .featureBox3_subCatch {
  margin-top: 0.625rem;
}
.featureBox3_mainCatch {
  color: #3c4faf;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
}
.featureBox3_mainCatch span.keyword,
.featureBox3_mainCatch strong {
  color: #d62232;
  font-weight: bold;
}
.featureBox3_image + .featureBox3_mainCatch {
  margin-top: 0.625rem;
  font-weight: bold;
}
.featureBox3_links {
  width: 9.375rem;
  margin: 0.625rem auto 0 auto;
}
.featureBox3_links .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.featureBox3_links .btn, .featureBox3_links .btn:link, .featureBox3_links .btn:visited, .featureBox3_links .btn:active, .featureBox3_links .btn:hover {
  color: #212121;
}
.featureBox3_links .btn:hover {
  text-decoration: none;
}
input[type=submit].featureBox3_links .btn,
input[type=button].featureBox3_links .btn {
  border: none;
}

.featureBox3_links .btn, .featureBox3_links .btn:link, .featureBox3_links .btn:visited, .featureBox3_links .btn:active, .featureBox3_links .btn:hover {
  color: #ffffff;
}

/* [[ .featureBox2 ]] */
/*[memo] 求人特集 ボックス2タイプ */
.featureBox2 {
  display: table;
  border-collapse: separate;
  border-spacing: 1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: -1.25rem;
  /* [[ ┠ &_unit ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_image ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_subCatch ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_mainCatch ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_lead ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_links ]] */
  /*----------------------------------------------*/
}
.featureBox2_unit {
  /*! CREARFIX */
  zoom: 1;
  display: table-cell;
  vertical-align: top;
  width: 30.3125rem;
  padding: 1.25rem;
  border: solid 0.3125rem #f9d616;
  box-sizing: border-box;
  word-break: break-all;
}
.featureBox2_unit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .featureBox2_unit {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.featureBox2_image {
  font-size: 0;
  line-height: 0;
  float: right;
  width: 11.25rem;
  margin-left: 0.625rem;
  margin-bottom: 0.625rem;
}
.featureBox2_image img {
  width: 100%;
}
.featureBox2_subCatch {
  overflow: hidden;
  zoom: 1;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
}
.featureBox2_mainCatch {
  overflow: hidden;
  zoom: 1;
  color: #3c4faf;
  font-weight: bold;
  font-size: 1.125rem;
  /*[memo]
  管理画面で入力されるタグです。
  全求人サイト共通のタグが入力されるのでBEMではありません。
  strong は旧仕様のタグです。
  今は span.keyword を使っています。
  */
}
.featureBox2_mainCatch span.keyword,
.featureBox2_mainCatch strong {
  color: #d62232;
  font-weight: bold;
}
.featureBox2_lead {
  clear: both;
  margin-top: 0.625rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}
.featureBox2_lead span.keyword,
.featureBox2_lead strong {
  color: #d62232;
  font-weight: bold;
}
.featureBox2_links {
  clear: both;
  width: 9.375rem;
  margin-top: 0.625rem;
}
.featureBox2_links .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.featureBox2_links .btn, .featureBox2_links .btn:link, .featureBox2_links .btn:visited, .featureBox2_links .btn:active, .featureBox2_links .btn:hover {
  color: #212121;
}
.featureBox2_links .btn:hover {
  text-decoration: none;
}
input[type=submit].featureBox2_links .btn,
input[type=button].featureBox2_links .btn {
  border: none;
}

.featureBox2_links .btn, .featureBox2_links .btn:link, .featureBox2_links .btn:visited, .featureBox2_links .btn:active, .featureBox2_links .btn:hover {
  color: #ffffff;
}

/* [[ .guideSection ]] */
/*[memo]
段落ブロック要素 + 「見出し」「文章」などの基本フォーマット要素
------------------------------------------------*/
.guideSection {
  margin-top: 2.5rem;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_layout ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_headline ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_text ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_links ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_table ]] */
  /*----------------------------------------------*/
}
.heading + .guideSection, .pageIntro + .guideSection {
  margin-top: 1.875rem;
}
.guideSection_title {
  margin-top: 2.5rem;
}
.guideSection_title + .guideSection_title {
  margin-top: 1.25rem;
}
.guideSection_title:first-child {
  margin-top: 0;
}
.guideSection_title-primary {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.guideSection_title-primary:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.guideSection_title-primary:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.guideSection_title-secondary {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.guideSection_title-secondary:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #ffecb3;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.guideSection_title-secondary:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(255, 248.75, 230);
  border-bottom: solid 1.125rem rgb(255, 229.625, 153.5);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.guideSection_title-tertiary {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f4f5fa;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.guideSection_title-tertiary:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f4f5fa;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.guideSection_title-tertiary:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(251.0125, 251.375, 253.1875);
  border-bottom: solid 1.125rem rgb(226.46875, 229.0625, 242.03125);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.guideSection_layout {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 1.25rem;
}
.guideSection_layout:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .guideSection_layout {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.guideSection_layout:first-child {
  margin-top: 0;
}
.guideSection_mainColumn {
  font-size: 0;
  line-height: 0;
  float: left;
  margin-right: 1.25rem;
}
.guideSection_mainColumn img {
  width: 100%;
}
.guideSection_mainColumn-screenImage {
  width: 15rem;
  border: solid 0.0625rem #ccc;
}
.guideSection_mainColumn-QRcode {
  width: 5rem;
}
.guideSection_subColumn {
  overflow: hidden;
  zoom: 1;
}
.guideSection_headline {
  margin-top: 1.25rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
}
.guideSection_headline:first-child {
  margin-top: 0;
}
.guideSection_text {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.guideSection_text:first-child {
  margin-top: 0;
}
.guideSection_text-notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}
.guideSection_links {
  display: table;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.guideSection_links:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -3.75rem;
  margin-top: -0.25rem;
  margin-right: 0.1875rem;
}
.guideSection_links-outside:before {
  display: none;
}
.guideSection_links-outside:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: 0rem -25.3125rem;
  margin-top: -0.1875rem;
  margin-left: 0.1875rem;
}
.guideSection_table {
  width: 100%;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.guideSection_table:first-child {
  margin-top: 0;
}
.guideSection_table th,
.guideSection_table td {
  vertical-align: top;
  padding: 1.25rem 0;
  border: dotted 0.0625rem #ccc;
  border-left: none;
  border-right: none;
  box-sizing: border-box;
}
.guideSection_table th {
  font-weight: bold;
}
.guideSection_table td {
  padding-left: 0.625rem;
}
.guideSection_table-column2 th, .guideSection_table-column2 td {
  width: 50%;
}

/* [[ .guideJobIcon ]] */
/*[memo]  職種アイコン説明 */
.guideJobIcon {
  /*! CREARFIX */
  zoom: 1;
  font-size: 0;
}
.guideJobIcon:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .guideJobIcon {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.guideJobIcon_item {
  padding: 1.25rem 0;
  font-size: 0.875rem;
  border-top: dotted 0.0625rem #ccc;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.guideSection_title + .guideJobIcon .guideJobIcon_item:first-child, .guideSection_title + .guideJobIcon .guideJobIcon_item:nth-of-type(2) {
  border-top: none;
}
.guideJobIcon_item-colspan {
  display: block;
  width: 100%;
}
.guideJobIcon_notes {
  margin-top: 0.3125rem;
  color: #6c6c6c;
  font-size: 0.75rem;
}

/* [[ .guideJobSpec ]] */
/*[memo] メリットアイコン説明 */
.guideJobSpec_item {
  padding: 1.25rem 0 1.25rem 2.5rem;
  border-top: dotted 0.0625rem #ccc;
  font-size: 0.875rem;
  position: relative;
  z-index: 1;
}
.guideJobSpec_item:before {
  top: 50%;
  left: 0;
  margin-top: -12.5px;
}
.guideSection_title + .guideJobSpec .guideJobSpec_item:first-child {
  border-top: none;
}
.guideJobSpec_tag {
  display: inline-block;
  vertical-align: middle;
  width: 5.625rem;
  margin-right: 0.625rem;
  font-weight: bold;
  font-size: 0.625rem;
  text-align: center;
  background-color: #e6e6e6;
}
.guideJobSpec_tag, .guideJobSpec_tag:visited, .guideJobSpec_tag:active {
  color: #212121;
}
.guideJobSpec_tag:hover {
  text-decoration: none;
}
.guideJobSpec_item-webEntry:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem 0rem;
}
.guideJobSpec_item-short:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -2.25rem;
}
.guideJobSpec_item-several:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -4.5rem;
}
.guideJobSpec_item-opening:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -6.75rem;
}
.guideJobSpec_item-holiday:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -11.25rem;
}
.guideJobSpec_item-station:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -15.75rem;
}
.guideJobSpec_item-car:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -13.5rem;
}
.guideJobSpec_item-meal:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -29.25rem;
}
.guideJobSpec_item-with:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -31.5rem;
}
.guideJobSpec_item-casual:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -33.75rem;
}
.guideJobSpec_item-uninitiated:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -18rem;
}
.guideJobSpec_item-noResume:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -36rem;
}
.guideJobSpec_item-weekend:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -9rem;
}
.guideJobSpec_item-weekendWork:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -24.75rem;
}
.guideJobSpec_item-10to15:before, .guideJobSpec_item-9to16:before, .guideJobSpec_item-9to18:before, .guideJobSpec_item-4more:before, .guideJobSpec_item-4under:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -20.25rem;
}
.guideJobSpec_item-3d1w:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -22.5rem;
}

/* [[ .guideNav ]] */
.guideNav_list {
  /* 未指定 */
}
.guideNav_item {
  padding: 0.625rem;
  font-weight: bold;
  font-size: 0.75rem;
  border: solid 0.0625rem #ccc;
  background-color: #ffffff;
}
.guideNav_item + .guideNav_item {
  margin-top: 0.625rem;
}
.guideNav_item a {
  display: block;
  position: relative;
  z-index: 1;
  padding-right: 1.25rem;
}
.guideNav_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -5rem -3.75rem;
  top: 50%;
  right: 0;
  margin-top: -0.3125rem;
}

/* [[ .lastUpdate ]] */
.lastUpdate_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.lastUpdate_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.lastUpdate_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.lastUpdate_body {
  margin-top: 1.25rem;
  padding: 1.25rem 0.625rem;
  border: solid 0.3125rem #d62232;
}
.lastUpdate_value, .lastUpdate_log {
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.lastUpdate_value {
  color: #d62232;
  font-size: 1.25rem;
}
.lastUpdate_log {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
}
.lastUpdate_notes {
  margin-bottom: -1.25rem;
  margin-top: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
  color: #6c6c6c;
  font-size: 0.625rem;
  line-height: 1.3;
}

/* [[ .siteNotice ]] */
/*[memo]
新着情報
PC版 = .siteInfo内で使用
SP版 = トップページ最上部にて単独で使用
------------------------------------------------*/
.siteNotice {
  margin-top: 1.25rem;
}
.siteNotice_title {
  display: none;
}
.siteNotice_body {
  border: solid 0.3125rem #d62232;
  margin-top: 1.25rem;
  padding: 1.25rem;
}
.siteNotice_unit + .siteNotice_unit {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.siteNotice_update {
  color: #6c6c6c;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.3;
}
.siteNotice_headline {
  margin-top: 0.625rem;
  color: #d62232;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
}
.siteNotice_headline:first-child {
  margin-top: 0;
}
.siteNotice_detail {
  margin-top: 0.625rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
}
.siteNotice_detail:first-child {
  margin-top: 0;
}

/* [[ .sitePromotion ]] */
/*[memo]
イチオシコンテンツ
例）アルキタ = 求人特集
例）60歳からの仕事 = 読み物画像リンクスライダー
※学生バイトは未使用です。
------------------------------------------------*/
.sitePromotion {
  border: solid 0.3125rem #3c4faf;
  margin-bottom: 2.5rem;
  background: url("https://image.haj.co.jp/arukita/home/site_promotion.png?update=201807020600") no-repeat right top;
  background-size: auto 100%;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_update ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_set ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
}
.sitePromotion_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #3c4faf;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  min-height: initial;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  margin: -0.3125rem 0 0 -0.3125rem;
}
.sitePromotion_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #3c4faf;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.sitePromotion_update {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.625rem;
  padding: 0.1875rem 0.625rem;
  color: #ffffff;
  font-size: 0.75rem;
  background-color: #000;
  border-radius: 6.25rem;
}
.sitePromotion_set {
  display: inline-block;
  max-width: 31.25rem;
  padding: 1.25rem;
  box-sizing: border-box;
  background-color: #ffffff;
}
.sitePromotion_item + .sitePromotion_item {
  margin-top: 1.25rem;
}
.sitePromotion_lead, .sitePromotion_headline {
  display: block;
  font-weight: bold;
  line-height: 1.3;
}
.sitePromotion_lead {
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
}
.sitePromotion_headline {
  font-size: 1.25rem;
}

/* [[ .homeSearch ]] */
.homeSearch_heading {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.homeSearch_heading:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.homeSearch_heading:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.homeSearch_title {
  /* 未指定 */
}

/* [[ .homeFindSearch ]] */
/*[memo] 一括検索*/
.homeFindSearch {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 1.25rem;
  padding: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.homeFindSearch_title {
  width: 10.625rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 2.8125rem;
}
.homeFindSearch_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -22.5rem -25.625rem;
  margin-top: -0.1875rem;
  margin-right: 0.625rem;
}
.homeFindSearch_body {
  width: calc(100% - 10.625rem);
}
.homeFindSearch .btn-findSearch {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  padding: 0;
  padding-bottom: 0.3125rem;
  font-size: 1rem;
  line-height: 2.5rem;
}
.homeFindSearch .btn-findSearch, .homeFindSearch .btn-findSearch:link, .homeFindSearch .btn-findSearch:visited, .homeFindSearch .btn-findSearch:active, .homeFindSearch .btn-findSearch:hover {
  color: #212121;
}
.homeFindSearch .btn-findSearch:hover {
  text-decoration: none;
}
input[type=submit].homeFindSearch .btn-findSearch,
input[type=button].homeFindSearch .btn-findSearch {
  border: none;
}

.homeFindSearch .btn-findSearch, .homeFindSearch .btn-findSearch:link, .homeFindSearch .btn-findSearch:visited, .homeFindSearch .btn-findSearch:active, .homeFindSearch .btn-findSearch:hover {
  color: #ffffff;
}
.homeFindSearch .btn-findSearch span {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.3125rem;
  font-size: 0.75rem;
}
.homeFindSearch .btn-findSearch:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 3.125rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 45.8125rem auto;
  background-position: -16.6875rem -23.9375rem;
  vertical-align: top;
  margin-left: 0.4375rem;
  margin-top: 0.1875rem;
}

/* [[ .homeCategorySearch ]] */
/*[memo]
検索項目
タブ切換（toggle仕様）
※検索項目毎に背景色を「縞々」指定してます。

homeCategorySearch
┗ &_set
　 ┠ &_title（タブ）
　 ┗ &_contents
　 　 ┃
　 　 ┠【ul】&_list ..... PC版 &_list-column2 / &_list-column3
　 　 ┃ ┃
　 　 ┃ ┠【li】&_item / a
　 　 ┃ ┃ ┠ &_itemName（見出し）
　 　 ┃ ┃ ┗ &_itemNote（補足文）
　 　 ┃ ┃
　 　 ┃ ┗【li】&_item.&_item-wrap ..... 検索項目リスト 入れ子 wrapper
　 　 ┃ 　 ┠【h4】&_item.&_item-wrapTitle / a ..... 上記と同じ内容を内包
　 　 ┃ 　 ┗【ul】&_list ..... 上記と同じ内容を内包
　 　 ┃ 　
　 　 ┗ &_addon
　 　 　 ┗ &_more（もっと詳しく）
------------------------------------------------*/
.homeCategorySearch {
  margin-top: 1.25rem;
  position: relative;
  padding-top: 5.9375rem;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_contents ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_list / &_setWrapper ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_list = 検索項目リスト要素の指定。
  &_setWrapper = 上記 検索項目リスト = &_list を内包する wrapper 要素

  homeCategorySearch
  ┗ &_set
  　 ┠ &_title（タブ）
  　 ┗ &_contents
  　 　 ┃
  　 　 ┠【ul】&_list
  　 　 ┃ ┃
  　 　 ┃ ┗【li】&_item / a
  　 　 ┃ 　 ┠ &_itemName（見出し）
  　 　 ┃ 　 ┗ &_itemNote（補足文）
  　 　 ┃
  　 　 ┠【div】&_setWrapper ..... 検索項目リスト 入れ子 wrapper
  　 　 ┃ ┃
  　 　 ┃ ┠【h4】&_item.&_item-wrapTitle / a ..... 見出し or 検索項目
  　 　 ┃ ┠【ul】&_list ..... 上記と同じ内容を内包
  　 　 ┃ ┗【ul】&_list ..... 上記と同じ内容を内包
  　 　 ┃ 　
  　 　 ┗ &_addon
  　 　 　 ┗ &_more（もっと詳しく）
  ↑
  【注意】
  &_list / &_setWrapper 毎に背景色を「縞々模様」にするデザイン仕様です。

  --------------------
  ▼modifier
  &_list-column2 = PC版 ulのみ指定 liを2カラムでレイアウト
  &_list-column3 = PC版 ulのみ指定 liを3カラムでレイアウト
  &_list-separateItem = 子要素 &_item 毎に「縞々模様」にする modifier です（※1）
  ↑
  ※ &_list-columnX はPC版のみ反映される modifier です。
  ※スマホ版で付けても何も反映しません。

  --------------------
  ※1）
  modifier &_list-separateItem は &_contents 内で
  &_list が「1つ」しかない使用しない場合を想定した modifier です。
  ↑
  例）
  1番目の li = 背景なし
  2番目の li = 背景色あり
  3番目の li = 背景なし
  ↑
  基本は &_list / &_setWrapper 毎に「縞々模様」なので、
  &_list-separateItem が 複数ある &_list 間に混ざり込むと...
  上記「？番目のli」の指定が来るってしまうため...
  ↓
  &_contents 内で &_list が「1つ」しかない場合のみ = 使用を限定しています。

  ------------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_item = 検索項目要素の指定。

  homeCategorySearch
  ┗ &_set
  　 ┠ &_title（タブ）
  　 ┗ &_contents
  　 　 ┃
  　 　 ┠【ul】&_list
  　 　 ┃ ┃
  　 　 ┃ ┗【li】&_item / a
  　 　 ┃ 　 ┠ &_itemName（見出し）
  　 　 ┃ 　 ┗ &_itemNote（補足文）
  　 　 ┃
  　 　 ┠【div】&_setWrapper ..... 検索項目リスト 入れ子 wrapper
  　 　 ┃ ┃
  　 　 ┃ ┠【h4】&_item.&_item-wrapTitle / a ..... 見出し or 検索項目
  　 　 ┃ ┠【ul】&_list ..... 上記と同じ内容を内包
  　 　 ┃ ┗【ul】&_list ..... 上記と同じ内容を内包
  　 　 ┃ 　
  　 　 ┗ &_addon
  　 　 　 ┗ &_more（もっと詳しく）
  ↑
  【注意】
  &_list / &_setWrapper 毎に背景色を「縞々模様」にするデザイン仕様です。
  ↑
  が！イレギュラー処理として...
  親要素 が &_list-separateItem の場合
   &_item 毎に「縞々模様」になります（※1）

  --------------------
  ▼modifier
  &_item-none = 求人0件リンクなし
  &_item-line = &_item 内の子要素（&_itemName など）を横並びにする modifier
  &_item-wrapTitle = wrapper 用の見出し or 検索項目

  --------------------
  ※1）
  modifier &_list-separateItem は &_contents 内で
  &_list が「1つ」しかない場合の使用できる modifier です。
  ↑
  例）
  1番目の li = 背景なし
  2番目の li = 背景色あり
  3番目の li = 背景なし
  ↑
  基本は &_list / &_setWrapper 毎に「縞々模様」なので、
  &_list-separateItem が 複数ある &_list 間に混ざり込むと...
  上記「？番目のli」の指定が来るってしまうため...
  ↓
  &_contents 内で &_list が「1つ」しかない場合のみ = 使用を限定しています。

  ------------------------------------------------*/
  /* [[ ┠ &_itemXxxx common ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_item 内子要素の指定

  &_itemName = 検索項目名
  &_itemNumber = 求人件数
  &_itemNotes = 補足
  &_itemExecute = 検索ボタン
  ↑
  共通値のみ指定しています。
  個別しては別途指定しています。
  ↓
  ------------------------------------------------*/
  /* [[ ┠ &_itemName ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_itemName  =「検索項目名」の指定

  ※リンクなしタイプのみの指定をしています。
  ※リンクタイプの指定は別途後述しています。
  ↓
  使用例1）
  「検索項目」「補足説明」表記のみ = リンクなし
  &_item
  ┠ p.&_itemName ...... 検索項目
  ┗ p.&_itemNotes ..... 補足
  ↓
  使用例2）
  「検索項目」「補足説明」を1個のリンクで囲みたい場合に使用
  &_item
  ┗ a
  　 ┠ span.&_itemName ...... 検索項目
  　 ┗ span.&_itemNotes ..... 補足
  ↑
  基本となる形です。
  アルキタ・シニアの「仕事から探す」は
  &_itemNotes 内 小項目にもリンクがある仕様のため
  下記 ※2 も使っています。
  ↓
  使用例3）
  &_item
  ┠ a.&_itemName ...... 検索項目リンク
  ┗ p.&_itemNotes
  　 ┠ a.&_links ...... 小項目リンク
  ------------------------------------------------*/
  /* [[ ┠ &_itemNumber ]] */
  /*----------------------------------------------*/
  /*[memo]
  求人件数
  ------------------------------------------------*/
  /* [[ ┠ &_itemNotes ]] */
  /*----------------------------------------------*/
  /*[memo]
  検索項目名に付随する「補足」要素の指定

  ※リンクなしタイプのみの指定をしています。
  ※リンクタイプの指定は別途後述しています。
  ↓
  使用例1）
  「検索項目」「補足説明」表記のみ = リンクなし
  &_item
  ┠ p.&_itemName ...... 検索項目
  ┗ p.&_itemNotes ..... 補足
  ↓
  使用例2）
  「検索項目」「補足説明」を1個のリンクで囲みたい場合に使用
  &_item
  ┗ a
  　 ┠ span.&_itemName ...... 検索項目
  　 ┗ span.&_itemNotes ..... 補足
  ↑
  基本となる形です。
  アルキタ・シニアの「仕事から探す」は
  &_itemNotes 内 小項目にもリンクがある仕様のため
  下記 ※2 も使っています。
  ↓
  使用例3）
  &_item
  ┠ a.&_itemName ...... 検索項目リンク
  ┗ p.&_itemNotes
  　 ┠ a.&_links ...... 小項目リンク
  ------------------------------------------------*/
  /* [[ ┠ &_itemExecute ]] */
  /*----------------------------------------------*/
  /*[memo]
  検索ボタン
  ------------------------------------------------*/
  /* [[ ┠ &_links ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_itemNotes 内の子要素 = リンク要素の指定

  アルキタ・シニアの「仕事から探す」で
  &_itemNotes 内 小項目リンクに対応するため要素です

  a.&_links = 小項目リンク
  span.&_links.&_links-none = 小項目リンクなし = 0件の場合

  &_item
  ┠ a.&_itemName ...... 検索項目リンク
  ┗ p.&_itemNotes
  　 ┠ &_links ...... 小項目リンク

  ------------------------------------------------*/
  /* [[ ┠ &_item > a ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_item 内の a に付けるアイコン指定...
  ↑
  および...
  ↓
  &_item がリンク要素だった場合の &_item 内の子要素の指定を行っています。


  PC版 = 左アンコンがグレーになります。
  SP版 = 右アイコンがなくなります（※1）

  下記リンクあり2タイプの使用を想定して指定しています。
  ・&_item > a > &_itemName（※1）
  ・&_item > a.&_itemName（※2）


  ※1）
  「検索項目」「補足説明」を1個のリンクで囲みたい場合に使用
  &_item
  ┗ a
  　 ┠ span.&_itemName ...... 検索項目
  　 ┗ span.&_itemNotes ..... 補足
  ↑
  基本となる形です。
  アルキタ・シニアの「仕事から探す」は
  &_itemNotes 内 小項目にもリンクがある仕様のため
  下記 ※2 も使っています。
  ↓
  ※2）
  &_item
  ┠ a.&_itemName ...... 検索項目リンク
  ┗ p.&_itemNotes
  　 ┠ a.&_links ...... 小項目リンク

  ↑
  ちなみに...
  &_item がリンクなしの場合は...
  ↓
  &_item
  ┠ p.&_itemName ...... 検索項目
  ┗ p.&_itemNotes ..... 補足
  ↑
  となります。
  ------------------------------------------------*/
  /*
  ↑
  &_itemName のアイコン（左空きあり）と..
  &_itemNotes とを揃えています。
  ↓
  */
  /* [[ ┠ &_item-none ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_item が求人0件の場合 = リンクなしの場合の指定..
  ↑
  および...
  ↓
  &_item-none 内の子要素の指定を行っています。

  &_item は以下の3タイプがあります...
  ↓
  タイプ1）
  「検索項目」「補足説明」表記のみ = リンクなし
  &_item
  ┠ p.&_itemName ...... 検索項目
  ┗ p.&_itemNotes ..... 補足

  タイプ2）
  「検索項目」「補足説明」を1個のリンクで囲みたい場合に使用
  &_item
  ┗ a
  　 ┠ span.&_itemName ...... 検索項目
  　 ┗ span.&_itemNotes ..... 補足
  ↑
  基本となる形です。
  アルキタ・シニアの「仕事から探す」は
  &_itemNotes 内 小項目にもリンクがある仕様のため
  下記 ※2 も使っています。
  ↓
  タイプ3）
  &_item
  ┠ a.&_itemName ...... 検索項目リンク
  ┗ p.&_itemNotes
  　 ┠ a.&_links ...... 小項目リンク


  ↑
  PGで &_item-none が付くのは（元が）
  リンクタイプ（2と3）の &_item となります。
  ↑
  PC版 = 左アンコンがグレーになります。
  SP版 = 右アイコンがなくなります（※1）
  PC版・SP版 = 文字がグレーになります。

  ※1）
  SP版の右アイコン指定は、aタグに指定しているため...
  （求人0件 = リンクなしの場合 aタグがなくなるので...）
  ↑
  アイコンを調整する指定は実質PC版のみとなります。
  ↓
  ------------------------------------------------*/
  /* [[ ┠ &_addon ]] */
  /*----------------------------------------------*/
  /* [[ ┗ .ui-accordion.open ]] */
  /*----------------------------------------------*/
}
.homeCategorySearch_set {
  /* 未指定 */
}
.homeCategorySearch_title {
  width: 16.7%;
  height: 5.9375rem;
  position: absolute;
  top: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.homeCategorySearch_set:last-child .homeCategorySearch_title {
  width: 16.5%;
}
.homeCategorySearch_set:nth-of-type(1) .homeCategorySearch_title {
  left: 0;
}
.homeCategorySearch_set:nth-of-type(2) .homeCategorySearch_title {
  left: 16.7%;
}
.homeCategorySearch_set:nth-of-type(3) .homeCategorySearch_title {
  left: 33.4%;
}
.homeCategorySearch_set:nth-of-type(4) .homeCategorySearch_title {
  left: 50.1%;
}
.homeCategorySearch_set:nth-of-type(5) .homeCategorySearch_title {
  left: 66.8%;
}
.homeCategorySearch_set:nth-of-type(6) .homeCategorySearch_title {
  left: 83.5%;
}
.homeCategorySearch_title {
  padding-top: 2.8125rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  background-color: #3c4faf;
  z-index: 1;
}
.homeCategorySearch_title span {
  display: block;
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  text-align: center;
}
.homeCategorySearch_title:before {
  top: 0.625rem;
  left: 50%;
  margin-left: -0.9375rem;
}
.homeCategorySearch_title-jobType:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -30.9375rem -8.4375rem;
}
.homeCategorySearch_title-area:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -30.9375rem -11.25rem;
}
.homeCategorySearch_title-station:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -30.9375rem -14.0625rem;
}
.homeCategorySearch_title-timeCase:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -30.9375rem -16.875rem;
}
.homeCategorySearch_title-employment:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -30.9375rem -19.6875rem;
}
.homeCategorySearch_title-options:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -30.9375rem -22.5rem;
}
.homeCategorySearch_set + .homeCategorySearch_set .homeCategorySearch_title {
  border-left: solid 0.0625rem #ffffff;
}
.homeCategorySearch_set:first-child .homeCategorySearch_title {
  border-top-left-radius: 0.1875rem;
}
.homeCategorySearch_set:last-child .homeCategorySearch_title {
  border-top-right-radius: 0.1875rem;
}
.homeCategorySearch_contents {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  display: none;
}
.homeCategorySearch_list, .homeCategorySearch_setWrapper {
  padding-bottom: 1.25rem;
}
.homeCategorySearch_list:nth-child(even), .homeCategorySearch_setWrapper:nth-child(even) {
  background-color: #f4f5fa;
}
.homeCategorySearch_setWrapper .homeCategorySearch_list {
  padding-bottom: 0;
}
.homeCategorySearch_setWrapper .homeCategorySearch_list:nth-child(even) {
  background-color: transparent;
}
.homeCategorySearch_list-column2, .homeCategorySearch_list-column3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.homeCategorySearch_list.homeCategorySearch_list-separateItem:nth-child(even) {
  /*
  子要素 &_item 毎に「縞々模様」にするため
  背景色をリセットしています。
  */
  background-color: transparent;
}
.homeCategorySearch_contents > .homeCategorySearch_list-separateItem {
  padding-bottom: 0;
  /* reset */
}
.homeCategorySearch_item {
  padding: 1.25rem 1.875rem 0 1.875rem;
  box-sizing: border-box;
}
.homeCategorySearch_setWrapper > .homeCategorySearch_list .homeCategorySearch_item {
  padding-left: 3.4375rem;
}
.homeCategorySearch_list-column2 .homeCategorySearch_item {
  width: 50%;
}
.homeCategorySearch_list-column2 .homeCategorySearch_item:nth-child(odd) {
  padding-right: 0.625rem;
}
.homeCategorySearch_list-column2 .homeCategorySearch_item:nth-child(even) {
  padding-left: 0.625rem;
}
.homeCategorySearch_setWrapper > .homeCategorySearch_list-column2 .homeCategorySearch_item:nth-child(odd) {
  padding-left: 3.4375rem;
}
.homeCategorySearch_setWrapper > .homeCategorySearch_list-column2 .homeCategorySearch_item:nth-child(even) {
  padding-left: 2.1875rem;
}
.homeCategorySearch_list-column3 .homeCategorySearch_item {
  width: 33.3%;
}
.homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n+1) {
  width: 33.4%;
}
.homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n+1) {
  padding-right: 0.625rem;
}
.homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n+2) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n) {
  padding-left: 0.625rem;
}
.homeCategorySearch_setWrapper > .homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n+1) {
  padding-left: 3.4375rem;
}
.homeCategorySearch_setWrapper > .homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n+2) {
  padding-left: 2.1875rem;
}
.homeCategorySearch_setWrapper > .homeCategorySearch_list-column3 .homeCategorySearch_item:nth-child(3n) {
  padding-left: 2.1875rem;
}
.homeCategorySearch_list-separateItem .homeCategorySearch_item {
  padding-bottom: 1.25rem;
  position: relative;
  z-index: 1;
}
.homeCategorySearch_list-separateItem .homeCategorySearch_item:nth-child(even) {
  background-color: #f4f5fa;
}
.homeCategorySearch_list-column2.homeCategorySearch_list-separateItem .homeCategorySearch_item:nth-child(even), .homeCategorySearch_list-column3.homeCategorySearch_list-separateItem .homeCategorySearch_item:nth-child(even) {
  background-color: transparent;
}
.homeCategorySearch_list-column2.homeCategorySearch_list-separateItem .homeCategorySearch_item:nth-child(4n+3):before, .homeCategorySearch_list-column3.homeCategorySearch_list-separateItem .homeCategorySearch_item:nth-child(6n+4):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  height: 100%;
  background-color: #f4f5fa;
  width: 45.625rem;
}
.homeCategorySearch_itemName, .homeCategorySearch_itemNotes, .homeCategorySearch_itemExecute {
  display: block;
}
.homeCategorySearch_itemName + .homeCategorySearch_itemName, .homeCategorySearch_itemName + .homeCategorySearch_itemNotes, .homeCategorySearch_itemName + .homeCategorySearch_itemExecute, .homeCategorySearch_itemNotes + .homeCategorySearch_itemName, .homeCategorySearch_itemNotes + .homeCategorySearch_itemNotes, .homeCategorySearch_itemNotes + .homeCategorySearch_itemExecute, .homeCategorySearch_itemExecute + .homeCategorySearch_itemName, .homeCategorySearch_itemExecute + .homeCategorySearch_itemNotes, .homeCategorySearch_itemExecute + .homeCategorySearch_itemExecute {
  margin-top: 0.3125rem;
}
.homeCategorySearch_itemNotes, .homeCategorySearch_itemExecute {
  margin-top: 0.3125rem;
}
.homeCategorySearch_item-line .homeCategorySearch_itemName, .homeCategorySearch_item-line .homeCategorySearch_itemNotes, .homeCategorySearch_item-line .homeCategorySearch_itemExecute {
  display: inline-block;
  vertical-align: middle;
}
.homeCategorySearch_item-line .homeCategorySearch_itemNotes, .homeCategorySearch_item-line .homeCategorySearch_itemExecute {
  margin-top: 0;
  margin-left: 0.625rem;
}
.homeCategorySearch_itemName {
  font-weight: bold;
  font-size: 0.875rem;
}
.homeCategorySearch_itemNumber {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #6c6c6c;
  font-weight: normal;
  font-size: 0.75rem;
}
.homeCategorySearch_itemNotes {
  color: #6c6c6c;
  font-weight: normal;
  font-size: 0.75rem;
}
.homeCategorySearch_itemNotes span {
  margin-left: 0.625rem;
}
.homeCategorySearch_itemNotes span:first-child {
  margin-left: 0;
}
.homeCategorySearch_itemExecute .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  font-size: 0.75rem;
  width: 4.375rem;
  min-height: 1.5625rem;
}
.homeCategorySearch_itemExecute .btn, .homeCategorySearch_itemExecute .btn:link, .homeCategorySearch_itemExecute .btn:visited, .homeCategorySearch_itemExecute .btn:active, .homeCategorySearch_itemExecute .btn:hover {
  color: #212121;
}
.homeCategorySearch_itemExecute .btn:hover {
  text-decoration: none;
}
input[type=submit].homeCategorySearch_itemExecute .btn,
input[type=button].homeCategorySearch_itemExecute .btn {
  border: none;
}

.homeCategorySearch_itemExecute .btn, .homeCategorySearch_itemExecute .btn:link, .homeCategorySearch_itemExecute .btn:visited, .homeCategorySearch_itemExecute .btn:active, .homeCategorySearch_itemExecute .btn:hover {
  color: #ffffff;
}
.homeCategorySearch_itemNotes .homeCategorySearch_links {
  margin-left: 0;
  /* &_itemNotes > span reset */
  display: inline-block;
  margin-right: 0.625rem;
  color: #212121;
}
.homeCategorySearch_itemNotes a.homeCategorySearch_links:hover {
  color: #0055C6;
  text-decoration: underline;
}
.homeCategorySearch_itemNotes .homeCategorySearch_links-none {
  color: #6c6c6c;
}
.homeCategorySearch_item > a {
  /*
  ↑
  &_item > a > &_itemName
  &_item > a.&_itemName
  を2タイプを指定しています。
  ↓
  */
  display: inline-block;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.homeCategorySearch_item > a > .homeCategorySearch_itemName, .homeCategorySearch_item > a.homeCategorySearch_itemName {
  padding-left: 1.5625rem;
}
.homeCategorySearch_item > a > .homeCategorySearch_itemName:before, .homeCategorySearch_item > a.homeCategorySearch_itemName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
  top: 0.125rem;
  left: 0;
}
.homeCategorySearch_item > a > .homeCategorySearch_itemNotes, .homeCategorySearch_item > a.homeCategorySearch_itemName + .homeCategorySearch_itemNotes {
  padding-left: 1.5625rem;
}
.homeCategorySearch_item > a:hover .homeCategorySearch_itemName, .homeCategorySearch_item > a.homeCategorySearch_itemName:hover {
  text-decoration: underline;
}
.homeCategorySearch_item-none .homeCategorySearch_itemName, .homeCategorySearch_item-none .homeCategorySearch_itemNumber, .homeCategorySearch_item-none .homeCategorySearch_itemNotes, .homeCategorySearch_item-none .homeCategorySearch_itemNotes span, .homeCategorySearch_item-none .homeCategorySearch_itemExecute {
  color: #6c6c6c;
}
.homeCategorySearch_item-none .homeCategorySearch_itemName, .homeCategorySearch_item-none .homeCategorySearch_itemNotes {
  padding-left: 1.5625rem;
}
.homeCategorySearch_item-none .homeCategorySearch_itemName {
  position: relative;
  z-index: 1;
}
.homeCategorySearch_item-none .homeCategorySearch_itemName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -1.875rem -25rem;
  top: 0.125rem;
  left: 0;
}
.homeCategorySearch_addon {
  padding: 1.25rem 1.875rem;
  border-top: solid 0.0625rem rgb(224.4, 224.4, 224.4);
}
.homeCategorySearch_more, .homeCategorySearch_close {
  text-align: right;
}
.homeCategorySearch_more a, .homeCategorySearch_close b {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: right;
}
.homeCategorySearch_more a:after, .homeCategorySearch_close b:after {
  margin-top: -0.1875rem;
  margin-left: 0.1875rem;
  background-color: #f9d616;
  border-radius: 6.25rem;
}
.homeCategorySearch_more a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: 0rem -15.5rem;
}
.homeCategorySearch_close b {
  color: #0055C6;
  cursor: pointer;
}
.homeCategorySearch_close b:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -1.5rem -11rem;
}
.homeCategorySearch_title.ui-accordion-switch.open {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 6.25rem;
  padding-top: 3.125rem;
  top: -0.3125rem;
  color: #212121;
  z-index: 11;
}
.homeCategorySearch_title.ui-accordion-switch.open:after {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 100%;
  height: 0.625rem;
  background-color: #ffffff;
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  z-index: 12;
}
.homeCategorySearch_title-jobType.ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -28.125rem -8.4375rem;
}
.homeCategorySearch_title-area.ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -28.125rem -11.25rem;
}
.homeCategorySearch_title-station.ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -28.125rem -14.0625rem;
}
.homeCategorySearch_title-timeCase.ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -28.125rem -16.875rem;
}
.homeCategorySearch_title-employment.ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -28.125rem -19.6875rem;
}
.homeCategorySearch_title-options.ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -28.125rem -22.5rem;
}
.homeCategorySearch_contents.ui-accordion-item.open {
  display: block;
  position: relative;
  z-index: 10;
}

/* [[ .homeDirectSearch ]] */
/*[memo]
「短期・超短期」などのダイレクト検索
※アルキタはスマホ版のみ使用
※学生バイトはPC版もあり
------------------------------------------------*/
.homeDirectSearch {
  margin: 0.625rem 0.625rem 0 0.625rem;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_set ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_item > span ]] */
  /*----------------------------------------------*/
}
.homeDirectSearch_title {
  color: #212121;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.3;
}
.homeDirectSearch_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -20.5rem;
  margin-top: -0.1875rem;
  margin-right: 0.1875rem;
}
.homeDirectSearch_set {
  display: table;
  width: 100%;
}
.homeDirectSearch_set + .homeDirectSearch_set {
  border-top: solid 0.0625rem #ffffff;
}
.homeDirectSearch_title + .homeDirectSearch_set {
  margin-top: 0.625rem;
}
.homeDirectSearch_item {
  display: table-cell;
  width: 33.3%;
  border-left: solid 0.0625rem #ffffff;
  background-color: #e6e6e6;
}
.homeDirectSearch_item:first-child {
  width: 33.4%;
  border-left: none;
}
.homeDirectSearch_item a {
  display: block;
  padding: 0.625rem 0;
}
.homeDirectSearch_title + .homeDirectSearch_set .homeDirectSearch_item:first-child {
  border-top-left-radius: 0.3125rem;
}
.homeDirectSearch_title + .homeDirectSearch_set .homeDirectSearch_item:last-child {
  border-top-right-radius: 0.3125rem;
}
.homeDirectSearch_set:last-child .homeDirectSearch_item:first-child {
  border-bottom-left-radius: 0.3125rem;
}
.homeDirectSearch_set:last-child .homeDirectSearch_item:last-child {
  border-bottom-right-radius: 0.3125rem;
}
.homeDirectSearch_categoryName, .homeDirectSearch_headline {
  display: block;
  font-weight: bold;
  text-align: center;
}
.homeDirectSearch_categoryName {
  color: #3c4faf;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.homeDirectSearch_categoryName:before {
  margin-top: -0.1875rem;
  margin-right: 0.1875rem;
}
.homeDirectSearch_headline {
  margin-top: 0.3125rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.homeDirectSearch_item-jobType .homeDirectSearch_categoryName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -4.5rem;
}
.homeDirectSearch_item-area .homeDirectSearch_categoryName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -6rem;
}
.homeDirectSearch_item-station .homeDirectSearch_categoryName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -7.5rem;
}
.homeDirectSearch_item-timeCase .homeDirectSearch_categoryName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -9rem;
}
.homeDirectSearch_item-employment .homeDirectSearch_categoryName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -10.5rem;
}
.homeDirectSearch_item-options .homeDirectSearch_categoryName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 22rem auto;
  background-position: -15rem -12rem;
}

/* [[ .homeCategorySearchTimeOther ]] */
/*[memo]
PC版のみ勤務時間から探す下部：その他の指定箇所の指定になります。
/*----------------------------------------------*/
.homeCategorySearchTimeOther {
  box-sizing: border-box;
  margin: 1.25rem 1.875rem;
  padding: 0.625rem;
  border-radius: 0.3125rem;
  background-color: #f4f5fa;
}
.homeCategorySearchTimeOther_title {
  font-weight: bold;
}

.homeCategorySearchTimeOtherList {
  padding-top: 0.625rem;
}
.homeCategorySearchTimeOtherList_item {
  display: flex;
  align-items: center;
  width: 100%;
}
.homeCategorySearchTimeOtherList_detail {
  position: relative;
  width: calc(50% - 4.375rem);
}
.homeCategorySearchTimeOtherList_detail:after {
  pointer-events: none; /*矢印部分をクリックを可能に*/
  position: absolute;
  color: #0055C6;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%); /*▼を上に移動*/
  content: "▼";
  margin: auto 0;
  font-size: 0.625rem;
}
.homeCategorySearchTimeOtherList_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*今回指定する<select>のスタイル */
  width: 100%;
  padding: 0.625rem;
  color: #0055C6;
  font-size: 0.75rem;
  border: none;
  background-color: #ffffff;
}
.homeCategorySearchTimeOtherList_select:focus {
  outline: none;
}
.homeCategorySearchTimeOtherList_text {
  font-size: 0.75rem;
  padding: 0 0.3125rem;
}
.homeCategorySearchTimeOtherList .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  font-size: 0.75rem;
  width: 4.375rem;
  min-height: 1.5625rem;
}
.homeCategorySearchTimeOtherList .btn, .homeCategorySearchTimeOtherList .btn:link, .homeCategorySearchTimeOtherList .btn:visited, .homeCategorySearchTimeOtherList .btn:active, .homeCategorySearchTimeOtherList .btn:hover {
  color: #212121;
}
.homeCategorySearchTimeOtherList .btn:hover {
  text-decoration: none;
}
input[type=submit].homeCategorySearchTimeOtherList .btn,
input[type=button].homeCategorySearchTimeOtherList .btn {
  border: none;
}

.homeCategorySearchTimeOtherList .btn, .homeCategorySearchTimeOtherList .btn:link, .homeCategorySearchTimeOtherList .btn:visited, .homeCategorySearchTimeOtherList .btn:active, .homeCategorySearchTimeOtherList .btn:hover {
  color: #ffffff;
}
/* [[ .homeCategorySearchPay ]] */
/*[memo]
給与のタブ切換（toggle仕様）
※こだわりページ下部にも似たような仕様があります。
------------------------------------------------*/
.homeCategorySearchPay {
  padding-bottom: 1.25rem;
}
.homeCategorySearchPay_title {
  padding: 1.25rem 1.875rem 0 1.875rem;
}
.homeCategorySearchPay_titleName {
  font-weight: bold;
}

.homeCategorySearchPayNav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0.625rem;
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.homeCategorySearchPayNav_item {
  position: relative;
  width: 33.3333333333%;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 0.3125rem 0.625rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.75rem;
  border-radius: 0.3125rem;
  background-color: #3c4faf;
}
.homeCategorySearchPayNav_item-act {
  display: block;
  font-weight: bold;
  background-color: #e6e6e6;
  color: #3c4faf;
}
.homeCategorySearchPayNav_label {
  display: block;
  padding: 0.625rem;
  text-align: center;
  font-size: 0.75rem;
}

.homeCategorySearchPayDetail {
  display: none;
  font-size: 0;
}
.homeCategorySearchPayDetail-show {
  display: block;
}
.homeCategorySearchPayDetail-columnPC2SP1 .homeCategorySearchPayDetail_item {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  padding-left: 3.125rem;
}
.homeCategorySearchPayDetail_item {
  position: relative;
  box-sizing: border-box;
  padding: 1.25rem 1.875rem 0 1.875rem;
}
.homeCategorySearchPayDetail_item > a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.homeCategorySearchPayDetail_item > a > .homeCategorySearchPayDetail_itemName {
  padding-left: 1.5625rem;
}
.homeCategorySearchPayDetail_item > a > .homeCategorySearchPayDetail_itemName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
  top: 0.125rem;
  left: 0;
}
.homeCategorySearchPayDetail_item > a:hover .homeCategorySearchPayDetail_itemName, .homeCategorySearchPayDetail_item > a.homeCategorySearchPayDetail_itemName:hover {
  text-decoration: underline;
}
.homeCategorySearchPayDetail_itemName {
  font-weight: bold;
  font-size: 0.875rem;
}
.homeCategorySearchPayDetail_itemNumber {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #6c6c6c;
  font-weight: normal;
  font-size: 0.75rem;
}
.homeCategorySearchPayDetail_item-disabled > a > .homeCategorySearchPayDetail_itemName, .homeCategorySearchPayDetail_item-disabled > .homeCategorySearchPayDetail_itemName {
  position: relative;
  display: inline-block;
  padding-left: 1.5625rem;
  color: #6c6c6c;
  font-weight: normal;
}
.homeCategorySearchPayDetail_item-disabled > a > .homeCategorySearchPayDetail_itemName:before, .homeCategorySearchPayDetail_item-disabled > .homeCategorySearchPayDetail_itemName:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -1.875rem -25rem;
  top: 0.125rem;
  left: 0;
}
.homeCategorySearchPayDetail_item-disabled .homeCategorySearchPayDetail_itemNumber {
  color: #6c6c6c;
}

/* [[ .homeWordSearch ]] */
/*[memo]
フリーワード検索要素
_page_notfound_pc.scss / .notfWordSearch でもほぼ同じ指定をしています。
※修正するときは _page_notfound_pc.scss も調整してください。
------------------------------------------------*/
.homeWordSearch {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 1.25rem;
  padding: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.homeWordSearch_title {
  width: 10.625rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.homeWordSearch_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -22.5rem 0rem;
  margin-top: -0.1875rem;
  margin-right: 0.625rem;
}
.homeWordSearch_body {
  width: calc(100% - 10.625rem);
}
.homeWordSearch_input, .homeWordSearch_input form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.homeWordSearch_input input[type=text] {
  width: calc(100% - 0.3125rem - 4.375rem);
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  border: none;
  background-color: #f4f5fa;
  border-radius: 0;
  line-height: 1.875rem;
}
.homeWordSearch_input input[type=text]::-moz-placeholder {
  color: #6c6c6c;
}
.homeWordSearch_input input[type=text]::placeholder {
  color: #6c6c6c;
}
.homeWordSearch_input input[type=text]:-moz-placeholder-shown {
  color: #6c6c6c;
}
.homeWordSearch_input input[type=text]:placeholder-shown {
  color: #6c6c6c;
}
.homeWordSearch_input .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  font-size: 0.75rem;
  width: 4.375rem;
  min-height: 1.5625rem;
}
.homeWordSearch_input .btn, .homeWordSearch_input .btn:link, .homeWordSearch_input .btn:visited, .homeWordSearch_input .btn:active, .homeWordSearch_input .btn:hover {
  color: #212121;
}
.homeWordSearch_input .btn:hover {
  text-decoration: none;
}
input[type=submit].homeWordSearch_input .btn,
input[type=button].homeWordSearch_input .btn {
  border: none;
}

.homeWordSearch_input .btn, .homeWordSearch_input .btn:link, .homeWordSearch_input .btn:visited, .homeWordSearch_input .btn:active, .homeWordSearch_input .btn:hover {
  color: #ffffff;
}
.homeWordSearch_popularWord {
  margin-top: 0.625rem;
  font-size: 0.875rem;
}
.homeWordSearch_popularWord strong,
.homeWordSearch_popularWord a {
  display: inline-block;
  margin-right: 0.625rem;
  white-space: nowrap;
}
.homeWordSearch_popularWord strong {
  color: #6c6c6c;
  font-weight: normal;
}

/* [[ .homeCompanySearch ]] */
/*[memo] Sパック */
.homeCompanySearch {
  /*[memo]
  &-default = スライダータイプ
  &-typeStandby = スライダー不可件数タイプ
  &-typeStatic = 1社タイプ
  */
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 1.25rem;
  padding: 1.875rem;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠  &_body ]] */
  /*----------------------------------------------*/
  /* [[ ┠  &_set ]] */
  /*----------------------------------------------*/
  /* [[ ┠  &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┠  &_control ]] */
  /*----------------------------------------------*/
  /* [[ ┠  &_nav ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_links ]] */
  /*----------------------------------------------*/
  /*[memo]
  &-typeStatic = 1社タイプ 使用要素
  ------------------------------------------------*/
  /* [[ ┠ &_thumbnail ]] */
  /*----------------------------------------------*/
  /*[memo]
  &-typeStatic = 1社タイプ 使用要素
  ------------------------------------------------*/
  /* [[ ┗ &_headline & &_lead ]] */
  /*----------------------------------------------*/
  /*[memo]
  &-typeStatic = 1社タイプ 使用要素
  ------------------------------------------------*/
}
.homeCompanySearch_title {
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.homeCompanySearch_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -22.5rem -18.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.625rem;
}
.homeCompanySearch_body {
  position: relative;
  margin-top: 1.25rem;
}
.homeCompanySearch_set {
  /*! CREARFIX */
  zoom: 1;
  width: 37.5rem;
  margin: 0 auto;
}
.homeCompanySearch_set:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .homeCompanySearch_set {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.homeCompanySearch-typeStandby .homeCompanySearch_set {
  margin-left: 0;
  margin-right: 0;
}
.homeCompanySearch_item {
  font-size: 0;
  line-height: 0;
  float: left;
  width: 6.25rem;
}
.homeCompanySearch_item a {
  display: block;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  border: solid 0.0625rem #ccc;
  box-sizing: border-box;
}
.homeCompanySearch_item img {
  width: 100%;
}
.homeCompanySearch-typeStandby .homeCompanySearch_item a {
  margin-left: 0;
  margin-right: 0.625rem;
}
.homeCompanySearch-typeStandby .homeCompanySearch_control, .homeCompanySearch-typeStatic .homeCompanySearch_control {
  display: none;
}
.homeCompanySearch_back, .homeCompanySearch_next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 1.875rem;
  cursor: pointer;
}
.homeCompanySearch_back b, .homeCompanySearch_next b {
  display: block;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
}
.homeCompanySearch_back img, .homeCompanySearch_next img {
  width: 41.25rem;
}
.homeCompanySearch_back {
  left: 0.625rem;
}
.homeCompanySearch_back img {
  margin-top: -2.8125rem;
}
.homeCompanySearch_next {
  right: 0.625rem;
}
.homeCompanySearch-typeStandby .homeCompanySearch_nav, .homeCompanySearch-typeStatic .homeCompanySearch_nav {
  display: none;
}
.homeCompanySearch_nav {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  text-align: center;
}
.homeCompanySearch_nav li {
  display: inline-block;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  color: #6c6c6c;
  cursor: pointer;
}
.homeCompanySearch_nav li.active {
  color: #3c4faf;
}
.homeCompanySearch-default .homeCompanySearch_links {
  display: none;
}
.homeCompanySearch_links {
  margin-top: 1.25rem;
}
.homeCompanySearch_links + .homeCompanySearch_links {
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.homeCompanySearch_links a {
  /*! CREARFIX */
  zoom: 1;
  display: block;
}
.homeCompanySearch_links a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .homeCompanySearch_links a {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.homeCompanySearch_links a:hover {
  text-decoration: none;
}
.homeCompanySearch_thumbnail {
  font-size: 0;
  line-height: 0;
  display: block;
  float: left;
  width: 5.625rem;
  height: 5.625rem;
  margin-right: 0.625rem;
  overflow: hidden;
  border: solid 0.0625rem #ccc;
  box-sizing: border-box;
}
.homeCompanySearch_thumbnail img {
  width: 100%;
}
.homeCompanySearch_headline, .homeCompanySearch_lead {
  display: block;
  overflow: hidden;
  zoom: 1;
}
.homeCompanySearch-typeStatic .homeCompanySearch_headline {
  font-size: 0.875rem;
}
.homeCompanySearch-typeStatic a:hover .homeCompanySearch_headline {
  text-decoration: underline;
}
.homeCompanySearch-typeStatic .homeCompanySearch_lead {
  color: #212121;
  font-size: 0.875rem;
}

/* [[ .homePickup ]] */
/*[memo]
今週のピックアップ求人
------------------------------------------------*/
.homePickup {
  margin-top: 2.5rem;
}
.homePickup:first-child {
  margin-top: 0;
}
.homePickup_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.homePickup_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -27rem -33.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.375rem;
}
.homePickup_body {
  margin-top: 1.25rem;
}

/* [[ ┗ .homePickupSet ]] */
/*----------------------------------------------*/
.homePickupSet {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  position: relative;
  /*! CREARFIX */
  zoom: 1;
  margin-top: 1.25rem;
  padding: 1.25rem 3.4375rem 1.25rem 1.25rem;
}
.homePickupSet:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .homePickupSet {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.homePickupSet:first-child {
  margin-top: 0;
}
.homePickupSet_image {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  float: left;
  width: 9.375rem;
  margin-right: 1.25rem;
}
.homePickupSet_image:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: block;
  padding-top: 75%;
}
.homePickupSet_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.homePickupSet_image + .homePickupSet_title, .homePickupSet_lead + .homePickupSet_title, .homePickupSet_text + .homePickupSet_title {
  overflow: hidden;
  zoom: 1;
  margin-left: 10.625rem;
}
.homePickupSet_title, .homePickupSet_lead {
  color: #0055C6;
}
.homePickupSet:hover .homePickupSet_title, .homePickupSet:hover .homePickupSet_lead {
  text-decoration: underline;
}
.homePickupSet_title {
  font-size: 1rem;
  font-weight: bold;
}
.homePickupSet_lead {
  font-size: 0.75rem;
}
.homePickupSet_text {
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
.homePickupSet_text:first-child {
  margin-top: 0;
}
.homePickupSet_text strong,
.homePickupSet_text .keyword {
  font-weight: bold;
}
.homePickupSet_image + .homePickupSet_text {
  margin-top: 0;
}
.homePickupSet_links {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 200%; /* 100% だとiPhone6 iOS12 で「詳細をみる」が表示したたため200%にしました */
  white-space: nowrap;
  z-index: 1;
}
.homePickupSet_links:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -1.875rem 0rem;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}

/* [[ .homeArticleGuide / .homeHowToGuide ]] */
/*[memo] 読み物（インタビュー・記事 / 仕事・バイトマニュアル）*/
.homeArticleGuide,
.homeHowToGuide {
  margin-top: 2.5rem;
  /* [[ ┠ &_heading ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_body / common ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_body ]] */
  /*----------------------------------------------*/
}
.homeArticleGuide_heading,
.homeHowToGuide_heading {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.homeArticleGuide_title:before,
.homeHowToGuide_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -27rem -24.75rem;
  margin-top: -0.125rem;
  margin-right: 0.375rem;
}
.homeArticleGuide_more .btn,
.homeHowToGuide_more .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  min-height: 2.1875rem;
  font-size: 0.75rem;
  flex-wrap: nowrap;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}
.homeArticleGuide_more .btn, .homeArticleGuide_more .btn:link, .homeArticleGuide_more .btn:visited, .homeArticleGuide_more .btn:active, .homeArticleGuide_more .btn:hover,
.homeHowToGuide_more .btn,
.homeHowToGuide_more .btn:link,
.homeHowToGuide_more .btn:visited,
.homeHowToGuide_more .btn:active,
.homeHowToGuide_more .btn:hover {
  color: #212121;
}
.homeArticleGuide_more .btn:hover,
.homeHowToGuide_more .btn:hover {
  text-decoration: none;
}
input[type=submit].homeArticleGuide_more .btn, .homeHowToGuide_more .btn,
input[type=button].homeArticleGuide_more .btn, .homeHowToGuide_more .btn {
  border: none;
}

input[type=submit].homeArticleGuide_more .btn, .homeHowToGuide_more .btn,
input[type=button].homeArticleGuide_more .btn, .homeHowToGuide_more .btn {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.homeArticleGuide_more .btn:after,
.homeHowToGuide_more .btn:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  margin-left: 0.3125rem;
}
.homeArticleGuide_unit,
.homeHowToGuide_unit {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
}
.homeArticleGuide_headline,
.homeHowToGuide_headline {
  font-weight: bold;
  padding-left: 1.5625rem;
  position: relative;
  z-index: 1;
}
.homeArticleGuide_headline:before,
.homeHowToGuide_headline:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -18.75rem -1.875rem;
  top: 0;
  left: 0;
}
.homeArticleGuide_item,
.homeHowToGuide_item {
  /*! CREARFIX */
  zoom: 1;
  display: block;
  border-top: solid 0.0625rem #ccc;
}
.homeArticleGuide_item:after,
.homeHowToGuide_item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .homeArticleGuide_item,
* html .homeHowToGuide_item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.homeArticleGuide_thumbnail,
.homeHowToGuide_thumbnail {
  font-size: 0;
  line-height: 0;
  display: block;
  float: left;
  margin-right: 0.625rem;
}
.homeArticleGuide_thumbnail img,
.homeHowToGuide_thumbnail img {
  width: 3.75rem;
}
.homeArticleGuide_lead,
.homeHowToGuide_lead {
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0.875rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /*
  ↑
  IE11では効かない命令です。
  IE11対応のため max-height = 2行分の高さを指定して
  はみ出る文字は overflow hidden で対応しています。
  ※ max-height なのでIE11以外のブラウザにも害はありません。
  ↑
  ただし！box-sizing: border-box;など高さに影響のでる指定は不可
  ↓
  */
  max-height: 4.2rem;
}
.homeArticleGuide_lead br,
.homeHowToGuide_lead br {
  display: none;
}
.homeArticleGuide_new,
.homeHowToGuide_new {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3125rem;
  color: #d62232;
  font-weight: bold;
  font-size: 0.625rem;
  white-space: nowrap;
}
.homeArticleGuide_links,
.homeHowToGuide_links {
  border-top: solid 0.0625rem #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
}
.homeArticleGuide_links .btn,
.homeHowToGuide_links .btn {
  width: 100%;
  min-height: 1.875rem;
  cursor: pointer;
  padding: 0.3125rem 1.5625rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  font-size: 0.75rem;
  background-color: #e6e6e6;
  width: 11.25rem;
  padding-left: 0.3125rem;
}
.homeArticleGuide_links .btn:after,
.homeHowToGuide_links .btn:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  top: 50%;
  right: 0.625rem;
  margin-top: -0.3125rem;
}
.homeArticleGuide_links .btn, .homeArticleGuide_links .btn:link, .homeArticleGuide_links .btn:visited, .homeArticleGuide_links .btn:active, .homeArticleGuide_links .btn:hover,
.homeHowToGuide_links .btn,
.homeHowToGuide_links .btn:link,
.homeHowToGuide_links .btn:visited,
.homeHowToGuide_links .btn:active,
.homeHowToGuide_links .btn:hover {
  color: #212121;
}
.homeArticleGuide_links .btn:hover,
.homeHowToGuide_links .btn:hover {
  text-decoration: none;
}
input[type=submit].homeArticleGuide_links .btn, .homeHowToGuide_links .btn,
input[type=button].homeArticleGuide_links .btn, .homeHowToGuide_links .btn {
  border: none;
}

.homeArticleGuide_body,
.homeHowToGuide_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.homeArticleGuide_unit,
.homeHowToGuide_unit {
  width: 22.1875rem;
  margin-top: 1.25rem;
  padding: 1.25rem;
  box-sizing: border-box;
}
.homeArticleGuide_unit:nth-child(2n),
.homeHowToGuide_unit:nth-child(2n) {
  margin-left: 1.25rem;
}
.homeArticleGuide_headline,
.homeHowToGuide_headline {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.homeArticleGuide_item,
.homeHowToGuide_item {
  /*! CREARFIX */
  zoom: 1;
  min-height: 4rem;
  margin-top: 1.25rem;
  padding-top: 0.625rem;
  padding-right: 1.875rem;
  padding-bottom: 0.625rem;
  position: relative;
  z-index: 1;
}
.homeArticleGuide_item:after,
.homeHowToGuide_item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .homeArticleGuide_item,
* html .homeHowToGuide_item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.homeArticleGuide_item:before,
.homeHowToGuide_item:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: -1.875rem 0rem;
  top: 50%;
  right: 0;
  margin-top: -0.9375rem;
}
.homeArticleGuide_item:last-child,
.homeHowToGuide_item:last-child {
  padding-bottom: 0;
}
.homeArticleGuide_links,
.homeHowToGuide_links {
  padding-top: 1.25rem;
}

/* [[ .homeSNSGuide ]] */
.homeSNSGuide {
  margin-top: 2.5rem;
}
.homeSNSGuide_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.homeSNSGuide_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -27rem -27rem;
  margin-top: -0.125rem;
  margin-right: 0.375rem;
}
.homeSNSGuide_item {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.homeSNSGuide_item:first-child {
  padding-top: 0;
  border-top: none;
}
.homeSNSGuide_item a {
  /*! CREARFIX */
  zoom: 1;
  display: inline-block;
}
.homeSNSGuide_item a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .homeSNSGuide_item a {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.homeSNSGuide_item a:hover {
  text-decoration: none;
}
.homeSNSGuide_thumbnail {
  display: block;
  float: left;
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border: solid 0.0625rem #ccc;
  box-sizing: border-box;
}
.homeSNSGuide_thumbnail img {
  display: block;
}
.homeSNSGuide_thumbnail-LINE img {
  width: 41.25rem;
  margin-top: -40.3125rem;
}
.homeSNSGuide_thumbnail-Twitter img {
  width: 41.25rem;
  margin-top: -40.3125rem;
  margin-left: -4.6875rem;
}
.homeSNSGuide_thumbnail-YouTube img {
  width: 41.25rem;
  margin-top: -53.4375rem;
}
.homeSNSGuide_headline, .homeSNSGuide_lead {
  display: block;
  overflow: hidden;
  zoom: 1;
  margin-left: 4.375rem;
}
.homeSNSGuide_headline {
  font-size: 0.875rem;
}
a:hover .homeSNSGuide_headline {
  text-decoration: underline;
}
.homeSNSGuide_lead {
  color: #212121;
  font-size: 0.875rem;
}

/* [[ .siteInfo / .hajInfo ]] */
/*[memo]
サイトからのお知らせ / HAJからのお知らせ

下記要素を内包します。
.siteNotice（新着情報）
.hajEvent
.banner
------------------------------------------------*/
.siteInfo,
.hajInfo {
  margin-top: 2.5rem;
}
.siteInfo_title,
.hajInfo_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.siteInfo_title:before,
.hajInfo_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.siteInfo_title:after,
.hajInfo_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

/* [[ ┗ .banner ]] */
/*----------------------------------------------*/
/*
.contents（.contents_inner）直下でも使用できるようにしています。
*/
.banner {
  margin-top: 1.25rem;
}
.banner a {
  font-size: 0;
  line-height: 0;
  display: block;
}
.banner a img {
  max-width: 100%;
}
.banner p {
  margin-top: 0.3125rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.3;
}

/* [[ .hajEvent ]] */
.hajEvent_banner {
  margin-top: 1.25rem;
}
.hajEvent_banner .hajEvent_headline {
  font-size: 0;
  line-height: 0;
  display: block;
}
.hajEvent_banner .hajEvent_headline img {
  max-width: 100%;
}
.hajEvent_banner .hajEvent_lead {
  display: block;
  margin-top: 0.3125rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.3;
}
.hajEvent_links {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: solid 0.0625rem #ccc;
}
.hajEvent_links:first-child {
  padding-top: 0;
  border-top: none;
}
.hajEvent_links a {
  display: block;
  padding-right: 1.25rem;
  position: relative;
  z-index: 1;
}
.hajEvent_links a:hover {
  text-decoration: none;
}
.hajEvent_links a:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -1.25rem 0rem;
  top: 50%;
  right: 0;
  margin-top: -0.625rem;
}
.hajEvent_links .hajEvent_headline {
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.hajEvent_links a:hover .hajEvent_headline {
  text-decoration: underline;
}
.hajEvent_links .hajEvent_lead {
  display: block;
  margin-top: 0.625rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.3;
}

/* [[ .jdetNav ]] */
/*[memo]
募集要項ページとメッセージページを切り替えるタブ
------------------------------------------------*/
.jdetNav {
  margin-top: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  position: relative;
  z-index: 1;
}
.jdetNav:before {
  content: " ";
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 0.125rem;
  background-color: #f9d616;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* [[ ┗ .jdetNavSet ]] */
/*----------------------------------------------*/
.jdetNavSet {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.jdetNavSet_item {
  width: calc(50% - 0.3125rem);
  height: 4.375rem;
  background-color: #f9d616;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
}
.jdetNavSet_item a {
  display: block;
  width: 100%;
  height: 100%;
}
.jdetNavSet_item a:hover {
  text-decoration: none;
}
.jdetNavSet_item,
.jdetNavSet_item a {
  color: #212121;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.jdetNavSet_item-act {
  border: solid 0.125rem #f9d616;
  border-bottom: none;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* [[ .jdetMainImg ]] */
/*[memo]
求人詳細 メイン画像

画像サイズ制限機能あり
650px × 488px
※スマホは回転（拡大・縮小）があるためjsにて対応
------------------------------------------------*/
.jdetMainImg {
  font-size: 0;
  line-height: 0;
  background-color: #f9d616;
  background-image: url("https://image.haj.co.jp/arukita/base/stripe.png?update=201807020600");
  background-position: left top;
  background-repeat: repeat;
  background-size: 1.25rem auto;
  position: relative;
  z-index: 1;
  border: solid 0.625rem transparent;
  margin-top: 1.875rem;
  padding: 1.25rem;
  text-align: center;
  min-height: 30.5rem;
}
.jdetMainImg:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.jdetMainImg img {
  display: inline-block;
  width: 100%;
  max-width: 40.625rem;
}

/* [[ .jdetLabel ]] */
/*[memo] 募集職種カード */
.jdetLabel {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  display: table;
  width: 100%;
  margin-top: 1.25rem;
  padding: 1.875rem;
  box-sizing: border-box;
}
.jdetLabel_title, .jdetLabel_nav {
  display: table-cell;
  vertical-align: middle;
}
.jdetLabel_title {
  /*[memo]
        max値指定してるがtable-cellのため指定値より伸びます。
        実質max値 = min値
        ※対のtable-cell「&_nav」の幅に合わせて伸びます。

        子要素にて改行省略指定を使用してるため %指定不可
        改行省略指定 @include abridgemen = 親width絶対値必須
        */
  width: 90%;
  max-width: 38.125rem;
}
.jdetLabel_nav {
  padding-left: 0.625rem;
}
.jdetLabel_nav .btnSet {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.625rem;
}
.jdetLabel_nav .btnSet .btnSet_item {
  flex: 1;
  vertical-align: top;
  width: 9.6875rem;
  min-width: 9.6875rem;
}
.jdetLabel .btn-entry {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  position: relative;
  z-index: 1;
}
.jdetLabel .btn-entry, .jdetLabel .btn-entry:link, .jdetLabel .btn-entry:visited, .jdetLabel .btn-entry:active, .jdetLabel .btn-entry:hover {
  color: #212121;
}
.jdetLabel .btn-entry:hover {
  text-decoration: none;
}
input[type=submit].jdetLabel .btn-entry,
input[type=button].jdetLabel .btn-entry {
  border: none;
}

.jdetLabel .btn-entry, .jdetLabel .btn-entry:link, .jdetLabel .btn-entry:visited, .jdetLabel .btn-entry:active, .jdetLabel .btn-entry:hover {
  color: #ffffff;
}
.jdetLabel .btn-entry:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.jdetLabel .btn-entry:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -9rem -20.25rem;
}
.jdetLabel .btn-clip {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  position: relative;
  z-index: 1;
}
.jdetLabel .btn-clip, .jdetLabel .btn-clip:link, .jdetLabel .btn-clip:visited, .jdetLabel .btn-clip:active, .jdetLabel .btn-clip:hover {
  color: #212121;
}
.jdetLabel .btn-clip:hover {
  text-decoration: none;
}
input[type=submit].jdetLabel .btn-clip,
input[type=button].jdetLabel .btn-clip {
  border: none;
}

input[type=submit].jdetLabel .btn-clip,
input[type=button].jdetLabel .btn-clip {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.jdetLabel .btn-clip:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jdetLabel .btn-clip:before {
  bottom: 0.1875rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jdetLabel .btn-clip.ui-myclip.on {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 0.1875rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.3125rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 1;
}
.jdetLabel .btn-clip.ui-myclip.on, .jdetLabel .btn-clip.ui-myclip.on:link, .jdetLabel .btn-clip.ui-myclip.on:visited, .jdetLabel .btn-clip.ui-myclip.on:active, .jdetLabel .btn-clip.ui-myclip.on:hover {
  color: #212121;
}
.jdetLabel .btn-clip.ui-myclip.on:hover {
  text-decoration: none;
}
input[type=submit].jdetLabel .btn-clip.ui-myclip.on,
input[type=button].jdetLabel .btn-clip.ui-myclip.on {
  border: none;
}

.jdetLabel .btn-clip.ui-myclip.on, .jdetLabel .btn-clip.ui-myclip.on:link, .jdetLabel .btn-clip.ui-myclip.on:visited, .jdetLabel .btn-clip.ui-myclip.on:active, .jdetLabel .btn-clip.ui-myclip.on:hover {
  color: #6c6c6c;
}
.jdetLabel .btn-clip.ui-myclip.on:before {
  bottom: 0.3125rem;
  right: 0.0625rem;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.3125rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -17.5rem -13.125rem;
}
.jdetLabel .btn-clip.ui-myclip.on:before {
  bottom: 0;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.625rem;
  height: 2.4375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 38.5rem auto;
  background-position: -14rem -13.125rem;
}
.jdetLabel_employer {
  display: block;
  margin-bottom: 0.3125rem;
  color: #212121;
  font-size: 0.75rem;
  line-height: 1.3;
}
.jdetLabel_name {
  display: block;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
}

.jdetLabelName_text {
  display: inline;
}
.jdetLabelName_copy {
  display: inline;
}
.jdetLabelName_copy:before {
  content: "【";
}
.jdetLabelName_copy:after {
  content: "】";
}

/* [[ .jdetAnchorNav ]] */
/*[memo]
KARTE ABテスト用
------------------------------------------------*/
.jdetAnchorNav {
  margin-top: 1.875rem;
  border-top: solid 0.0625rem #ccc;
  border-bottom: solid 0.0625rem #ccc;
}

/* [[ ┗ .jdetAnchorNavSet ]] */
/*----------------------------------------------*/
.jdetAnchorNavSet {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0.625rem 0;
}
.jdetAnchorNavSet_item {
  flex: 1;
  text-align: center;
}
.jdetAnchorNavSet_item a {
  position: relative;
  display: block;
  padding: 0.3125rem 1.25rem 0.3125rem 0.625rem;
  color: #0055C6;
  cursor: pointer;
  font-size: 0.875rem;
}
.jdetAnchorNavSet_item a:after {
  content: "▼";
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0.3125rem;
  font-size: 0.625rem;
}
.jdetAnchorNavSet_item + .jdetAnchorNavSet_item {
  border-left: dotted 0.0625rem #ccc;
}

/* [[ .jdetMessageImage ]] */
/*[memo]
縦長画像ページ 画像要素
------------------------------------------------*/
.jdetMessageImage {
  font-size: 0;
  line-height: 0;
  margin-top: 1.25rem;
}
.jdetMessageImage img {
  width: 100%;
}

/* [[ .jdetMessageNav ]] */
/*[memo]
縦長画像ページ「この求人の募集要項へ」リンク要素
------------------------------------------------*/
.jdetMessageNav {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.jdetMessageNav_item {
  width: 20rem;
}
.jdetMessageNav_item a {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  min-height: 3.75rem;
  font-size: 1rem;
}
.jdetMessageNav_item a, .jdetMessageNav_item a:link, .jdetMessageNav_item a:visited, .jdetMessageNav_item a:active, .jdetMessageNav_item a:hover {
  color: #212121;
}
.jdetMessageNav_item a:hover {
  text-decoration: none;
}
input[type=submit].jdetMessageNav_item a,
input[type=button].jdetMessageNav_item a {
  border: none;
}

.jdetMessageNav_item a, .jdetMessageNav_item a:link, .jdetMessageNav_item a:visited, .jdetMessageNav_item a:active, .jdetMessageNav_item a:hover {
  color: #ffffff;
}

/* [[ .jdetIntro ]] */
/*[memo] キャッチコピー・リード文 */
.jdetIntro {
  margin-top: 1.25rem;
}
.jdetIntro_catch, .jdetIntro_lead {
  margin-top: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.jdetIntro_catch:first-child, .jdetIntro_lead:first-child {
  margin-top: 0;
}
.jdetIntro_catch {
  color: #3c4faf;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.6;
}
.jdetIntro_lead {
  font-size: 0.875rem;
  line-height: 2;
}

/* [[ .jdetSubImg ]] */
/*[memo] カット写真 */
.jdetSubImg {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 1.25rem;
}
.jdetSubImg:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jdetSubImg {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jdetSubImg_unit {
  /*! CREARFIX */
  zoom: 1;
  float: left;
  width: 30.3125rem;
  background-color: #f9f3e6;
}
.jdetSubImg_unit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jdetSubImg_unit {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jdetSubImg_unit img {
  display: block;
  float: left;
  width: 11.25rem;
}
.jdetSubImg_unit p {
  overflow: hidden;
  zoom: 1;
  padding: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.jdetSubImg_unit + .jdetSubImg_unit {
  margin-left: 1.25rem;
}

/* [[ .jdetAside ]] */
/*[memo] Sパック・バイトデビュー誘導ブロック */
.jdetAside {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 2.5rem;
  padding: 1.875rem;
}
.jdetAside_item {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.jdetAside_item + .jdetAside_item {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.jdetAside_banner {
  display: table-cell;
  vertical-align: top;
  width: 13.75rem;
}
.jdetAside_banner a {
  display: block;
}
.jdetAside_banner img {
  display: block;
  width: 100%;
}
.jdetAside_item-eventJoin .jdetAside_banner img, .jdetAside_item-sotsubaito .jdetAside_banner img {
  background-color: #f9d616;
}
.jdetAside_summary {
  /*[memo]
  下記2タイプのマークアップに対応しています。

  dl.&_summary
  ┠ dt = 見出し
  ┗ dd = リード文

  div.&_summary
  ┠ h3.&_title
  ┗ p.&_lead

  当初は「見出し」+「リード文」のセットが必須だったので
  dl のみでしたが「見出し」のみにも対応することになったので、
  div タイプも増やしました。
  ↓
  Sパック・バイトデビュー = dl.&_summary
  イベント参加マーク = div.&_summary
  ↑
  今後はSパック」も「バイトデビュー」も div タイプにソース改修する予定です。
  ソース改修が終わり dl.&_summary を使わなくなったら
  下記指定から dl 指定を削除してください。
  ↓
  */
  widows: 95%;
  font-size: 0.875rem;
  line-height: 1.6;
  display: table-cell;
  vertical-align: middle;
  padding-left: 1.25rem;
}
.jdetAside_summary dt, .jdetAside_title {
  color: #212121;
  font-weight: bold;
}
.jdetAside_summary dt a, .jdetAside_title a {
  color: #0055C6;
}
.jdetAside_summary dd, .jdetAside_lead {
  margin-top: 0.3125rem;
}

/* [[ .jdetGallery ]] */
/*[memo]
フォトギャラリー

スマホ版では jQuery ライブラリ Magnific Popup を使用
class .jdetGallery で画像拡大を実装しています。
参照：http://dimsemenov.com/plugins/magnific-popup/
------------------------------------------------*/
.mfp-title {
  padding-right: 0 !important;
}

.mfp-counter {
  position: static !important;
}

.jdetGallery {
  margin-top: 2.5rem;
}
.jdetGallery_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetGallery_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetGallery_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetGallery_set {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.jdetGallery_item {
  margin-top: 1.25rem;
  margin-right: 1.25rem;
  width: 19.75rem;
}
.jdetGallery_item:nth-of-type(3n) {
  margin-right: 0;
}
.jdetGallery_image {
  /*[memo]
  縦横サイズ固定（縦なり不可）のためjsでサイズを再指定しています
  */
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 14.8125rem;
  background-color: #f9f3e6;
}
.jdetGallery_image img {
  display: inline-block;
  width: 100%;
}
.jdetGallery_caption {
  margin-top: 0.625rem;
  color: #6c6c6c;
  font-size: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* [[ .jdetArticle ]] */
/*[memo] インタビュー */
.jdetArticle {
  margin-top: 2.5rem;
}
.jdetArticle_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetArticle_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetArticle_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetArticle_body {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "headline image" "text image";
  display: -ms-grid;
  -ms-grid-columns: 1fr auto;
  -ms-grid-rows: auto 1fr;
  /*[memo]
        headline / image / text の空きを本当は...
        column-gap: 20px;
        row-gap: 20px;
        で対応したかったが、（例）imageがない場合もあるので、
        各子要素のmarginで指定しました。
        */
}
.jdetArticle_body + .jdetArticle_body {
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.jdetArticle_headline {
  color: #3c4faf;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  grid-area: headline;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.jdetArticle_cut {
  grid-area: image;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  width: 20rem;
  margin-left: 1.25rem;
}
.jdetArticle_image {
  display: block;
  background-color: #f9f3e6;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.jdetArticle_image img {
  display: inline-block;
  max-width: 100%;
  max-height: 15rem;
}
.jdetArticle_caption {
  color: #6c6c6c;
  font-size: 0.75rem;
}
.jdetArticle_image + .jdetArticle_caption {
  margin-top: 0.625rem;
}
.jdetArticle_text {
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  grid-area: text;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  margin-top: 1.25rem;
}

/* [[ .jdetBarometer ]] */
/*[memo]
職場のバロメータ
------------------------------------------------*/
.jdetBarometer {
  margin-top: 2.5rem;
}
.jdetBarometer_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetBarometer_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetBarometer_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetBarometer_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.25rem;
}

/* [[ ┠ .jdetBarometerSet ]] */
/*----------------------------------------------*/
.jdetBarometerSet {
  width: 19.8125rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.jdetBarometerSet:first-child {
  width: 19.75rem;
}
.jdetBarometerSet + .jdetBarometerSet {
  margin-left: 1.25rem;
}
.jdetBarometerSet_text {
  width: calc((100% - 3rem) / 2 - 0.3125rem);
  font-size: 0.875rem;
  line-height: 1.3;
}
.jdetBarometerSet_text-first {
  margin-right: 0.3125rem;
  text-align: right;
}
.jdetBarometerSet_text-last {
  margin-left: 0.3125rem;
  text-align: left;
}

/* [[ ┗ .jdetBarometerValue ]] */
/*----------------------------------------------*/
.jdetBarometerValue {
  width: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jdetBarometerValue_item {
  font-size: 0;
  line-height: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #6c6c6c;
  border: solid 0.25rem #ffffff;
  box-sizing: border-box;
  border-radius: 6.25rem;
}
.jdetBarometerValue_item-cheked {
  background-color: #ffffff;
  border: solid 0.25rem #f9b606;
}

/* [[ .jdetSpec ]] */
/*[memo] メリットアイコン */
/*
aタグが入らないメリットアイコンもあるため、
li または aタグで include できるように
mixin を作成しました。
※
*/
.jdetSpec {
  margin-top: 2.5rem;
}
.jdetSpec_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetSpec_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetSpec_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetSpec_set {
  margin-top: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.jdetSpec_item a {
  display: block;
  text-decoration: underline;
  width: 4.0625rem;
  height: 1.625rem;
  margin-top: 0.625rem;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  color: #212121;
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  padding-top: 1.875rem;
}
.jdetSpec_item a:before {
  top: 0;
  left: 50%;
  margin-left: -0.78125rem;
}
.jdetSpec_item-station, .jdetSpec_item-weekend, .jdetSpec_item-weekendWork, .jdetSpec_item-10to15, .jdetSpec_item-9to16, .jdetSpec_item-9to18, .jdetSpec_item-4more, .jdetSpec_item-4under, .jdetSpec_item-3d1w, .jdetSpec_item-event {
  width: 4.0625rem;
  height: 1.625rem;
  margin-top: 0.625rem;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  color: #212121;
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  padding-top: 1.875rem;
}
.jdetSpec_item-station:before, .jdetSpec_item-weekend:before, .jdetSpec_item-weekendWork:before, .jdetSpec_item-10to15:before, .jdetSpec_item-9to16:before, .jdetSpec_item-9to18:before, .jdetSpec_item-4more:before, .jdetSpec_item-4under:before, .jdetSpec_item-3d1w:before, .jdetSpec_item-event:before {
  top: 0;
  left: 50%;
  margin-left: -0.78125rem;
}
.jdetSpec_item-webEntry a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem 0rem;
}
.jdetSpec_item-short a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -2.25rem;
}
.jdetSpec_item-several a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -4.5rem;
}
.jdetSpec_item-opening a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -6.75rem;
}
.jdetSpec_item-holiday a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -11.25rem;
}
.jdetSpec_item-station:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -15.75rem;
}
.jdetSpec_item-car a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -13.5rem;
}
.jdetSpec_item-meal a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -29.25rem;
}
.jdetSpec_item-with a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -31.5rem;
}
.jdetSpec_item-casual a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -33.75rem;
}
.jdetSpec_item-uninitiated a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -18rem;
}
.jdetSpec_item-noResume a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -36rem;
}
.jdetSpec_item-weekend:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -9rem;
}
.jdetSpec_item-weekendWork:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -24.75rem;
}
.jdetSpec_item-10to15:before, .jdetSpec_item-9to16:before, .jdetSpec_item-9to18:before, .jdetSpec_item-4more:before, .jdetSpec_item-4under:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -20.25rem;
}
.jdetSpec_item-3d1w:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -22.5rem;
}
.jdetSpec_item-event:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -18rem -27rem;
}

/* [[ ┗ .jdetPropertyItem ]] */
/*----------------------------------------------*/
/*[memo]
社内求人プレビューで表示させるコメント要素。
本番環境では表示されない要素です。
------------------------------------------------*/
.jdetSpecNotes {
  margin-top: 0.625rem;
  padding: 0.625rem;
  background-color: #d62232;
  border-radius: 0.3125rem;
  color: #ffffff;
  font-size: 0.625rem;
  display: table;
  position: relative;
}
.jdetSpecNotes:before {
  content: " ";
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-style: solid;
  border-width: 0.375rem;
  border-color: transparent transparent #f00 transparent;
  position: absolute;
  top: -0.75rem;
  left: 1.5rem;
}

/* [[ .jdetProperty ]] */
/*[memo]
職場データ
------------------------------------------------*/
.jdetProperty {
  margin-top: 2.5rem;
}
.jdetProperty_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetProperty_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetProperty_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetProperty_body {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 1.25rem;
}
.jdetProperty_body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jdetProperty_body {
  display: inline-table;
  /*\*/
  display: block; /**/
}

/* [[ ┗ .jdetPropertyItem ]] */
/*----------------------------------------------*/
.jdetPropertyItem {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.jdetPropertyItem + .jdetPropertyItem {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.jdetPropertyItem_title {
  width: 7.5rem;
  padding-right: 0.625rem;
  box-sizing: border-box;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.6;
}
.jdetPropertyItem_detail {
  width: calc(100% - 7.5rem);
  font-size: 0.875rem;
  line-height: 1.6;
}

/* [[ .jdetRecruitment ]] */
/*[memo] 募集要項 */
.jdetRecruitment {
  margin-top: 2.5rem;
}
.notice + .jdetRecruitment {
  margin-top: 0.625rem;
}
.jdetRecruitment_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetRecruitment_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetRecruitment_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetRecruitment_notes, .jdetRecruitment_item {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}
.jdetRecruitment_title + .jdetRecruitment_notes, .jdetRecruitment_title + .jdetRecruitment_item, .jdetRecruitment_notes:first-child, .jdetRecruitment_item:first-child {
  padding-top: 0;
  border-top: none;
}
.jdetRecruitment_notes {
  color: #6c6c6c;
  font-size: 0.75rem;
}
.jdetRecruitment_notes + .jdetRecruitment_notes {
  padding-top: 0;
  margin-top: 0.625rem;
  border-top: none;
}
.jdetRecruitment_item dt {
  padding-left: 1.25rem;
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2;
  position: relative;
}
.jdetRecruitment_item dt:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -16.875rem 0rem;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.jdetRecruitment_item dd {
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.jdetRecruitment_point {
  margin-top: 1.25rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
  background-color: #f9f3e6;
  border-radius: 0.3125rem;
}

/* [[ .jdetComments ]] */
/*[memo] PRポイント */
.jdetComments {
  margin-top: 2.5rem;
}
.jdetComments_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetComments_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetComments_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetComments_text {
  margin-top: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* [[ .jdetApplication ]] */
/*[memo] 応募ブロック */
.jdetApplication {
  margin-top: 2.5rem;
  /*
     ↑
     &_flow = 選考フロー
     &_function = Web応募ボタン
     が必須項目ではないので...
     ↑
     上記要素がないときに、自動で width 調整されるよう
     display table-cell としています。
     ↓
     ただ &_function だけは width を固定（width 調整したくない）ので
     width 指定しています。
     ↓
     */
}
.notice + .jdetApplication {
  margin-top: 0.625rem;
}
.jdetApplication_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.jdetApplication_body {
  background-color: #f9d616;
  background-image: url("https://image.haj.co.jp/arukita/base/stripe.png?update=201807020600");
  background-position: left top;
  background-repeat: repeat;
  background-size: 1.25rem auto;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0.625rem;
}
.jdetApplication_method, .jdetApplication_flow, .jdetApplication_function {
  display: table-cell;
  vertical-align: top;
  padding: 1.25rem;
  box-sizing: border-box;
  background-color: #ffffff;
}
.jdetApplication_function {
  width: 19.75rem;
}
.jdetApplication_headline {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  min-height: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-top: -1.25rem;
  margin-left: -1.25rem;
}
.jdetApplication_headline:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #ffecb3;
  clip-path: polygon(0 0, 60% 0, 0 100%);
  /*参照
  https://coliss.com/articles/build-websites/operation/css/css-triangle-shapes.html
  https://css-generators.com/triangle-shapes/
  */
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.jdetApplication_method p, .jdetApplication_flow p {
  margin-top: 0.625rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.jdetApplication_method p:first-child, .jdetApplication_flow p:first-child {
  margin-top: 0;
}
.jdetApplication_method dl {
  margin-top: 0.625rem;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.6;
}
.jdetApplication_method dl:first-child {
  margin-top: 0;
}
.jdetApplication_method dl dt {
  color: #3c4faf;
  font-weight: bold;
}
.jdetApplication_function ul {
  margin-top: 0.625rem;
}
.jdetApplication_function ul:first-child {
  margin-top: 0;
}
.jdetApplication_function ul li {
  text-align: right;
}
.jdetApplication_function ul li + li {
  margin-top: 0.625rem;
}
.jdetApplication_function ul .btn-entry {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  position: relative;
  z-index: 1;
  flex-direction: column;
  min-height: 3.75rem;
  font-size: 1.125rem;
}
.jdetApplication_function ul .btn-entry, .jdetApplication_function ul .btn-entry:link, .jdetApplication_function ul .btn-entry:visited, .jdetApplication_function ul .btn-entry:active, .jdetApplication_function ul .btn-entry:hover {
  color: #212121;
}
.jdetApplication_function ul .btn-entry:hover {
  text-decoration: none;
}
input[type=submit].jdetApplication_function ul .btn-entry,
input[type=button].jdetApplication_function ul .btn-entry {
  border: none;
}

.jdetApplication_function ul .btn-entry, .jdetApplication_function ul .btn-entry:link, .jdetApplication_function ul .btn-entry:visited, .jdetApplication_function ul .btn-entry:active, .jdetApplication_function ul .btn-entry:hover {
  color: #ffffff;
}
.jdetApplication_function ul .btn-entry:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -15rem -14.25rem;
  top: 50%;
  right: 4%;
  margin-top: -1.1875rem;
}
.jdetApplication_function ul .btn-entry:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -9rem -20.25rem;
}
.jdetApplication_function ul .btn-entry span {
  display: block;
  margin-top: 0.3125rem;
  font-weight: normal;
  font-size: 0.625rem;
  line-height: 0.625rem;
  text-align: center;
}
.jdetApplication_function ul .btn-entry:before {
  right: 8%;
  /* reset */
}
.jdetApplication_function ul .link-help {
  color: #0055C6;
  font-size: 0.75rem;
  margin-left: -0.3125rem;
}
.jdetApplication_function ul .link-help:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  margin-top: -0.1875rem;
  margin-right: 0.3125rem;
}

/* [[ .jdetLocation ]] */
/*[memo] 勤務先マップ */
.jdetLocation {
  margin-top: 2.5rem;
}
.jdetLocation_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetLocation_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetLocation_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetLocation_list {
  margin-top: 1.25rem;
}
.jdetLocation_item + .jdetLocation_item {
  margin-top: 0.625rem;
}
.jdetLocation_name, .jdetLocation_address, .jdetLocation_mapLinks {
  font-size: 0.875rem;
  line-height: 1.6;
}
.jdetLocation_name {
  font-weight: bold;
}
.jdetLocation_address {
  margin-left: 0.3125rem;
}
.jdetLocation_mapLinks {
  margin-left: 0.3125rem;
}

/* [[ .jdetAbout ]] */
/*[memo] 会社データ・掲載期間など */
.jdetAbout {
  /*! CREARFIX */
  zoom: 1;
  margin-top: 2.5rem;
}
.jdetAbout:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jdetAbout {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jdetAbout_unit:first-child {
  float: left;
}
.jdetAbout_unit + .jdetAbout_unit {
  float: right;
}
.jdetAbout_unit {
  width: 30.3125rem;
}
.jdetAbout_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jdetAbout_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jdetAbout_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jdetAbout_text {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.jdetAbout_text-attention {
  font-weight: bold;
}
.jdetAbout_text-notes {
  margin-top: 0.625rem;
  font-size: 0.75rem;
}

/* [[ .jdetOherJobPR ]] */
/*[memo]
商品タイプ5以上の求人を掲載するレコメンド要素
※求人詳細ページのみで使用

子要素として求人カード .jobCardMini × 3 を内包します。
------------------------------------------------*/
.jdetOherJobPR {
  margin-top: 2.5rem;
}
.jdetOherJobPR_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.jdetOherJobPR_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

/* [[ .jobEndLatest ]] */
/*[memo] 終了求人 最新求人一覧 */
.jobEndLatest {
  margin-top: 2.5rem;
  position: relative;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_body ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_more ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_switch ]] */
  /*----------------------------------------------*/
  /*[memo]
  上部の &_body > .jobCard を隠す（被せる）指定
  子要素 .btn に .ui-accordion-switch を指定
  .btn クリック後、親要素 &_switch 毎消すため
  &_more ui-accordion-item の下に入れています。
  ------------------------------------------------*/
  /* [[ ┗ .ui-accordion ]] */
  /*----------------------------------------------*/
}
.jobEndLatest_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jobEndLatest_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jobEndLatest_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.jobEndLatest_body {
  /* 未指定 */
}
.jobEndLatest_more {
  display: none;
}
.jobEndLatest_switch {
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
  background-color: #ffffff;
  position: absolute;
  bottom: -0.625rem;
  z-index: 1000;
  width: calc(100% + 1.25rem);
  left: -0.625rem;
}
.jobEndLatest_switch:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: -1.1875rem;
  left: 0;
  width: 100%;
  height: 1.1875rem;
  background: url("https://image.haj.co.jp/arukita/job_end/latest_switch_bg.png?update=201807020600") repeat-x left top;
  background-size: auto 1.1875rem;
}
.jobEndLatest_switch .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  width: 15rem;
  margin: 0 auto;
}
.jobEndLatest_switch .btn, .jobEndLatest_switch .btn:link, .jobEndLatest_switch .btn:visited, .jobEndLatest_switch .btn:active, .jobEndLatest_switch .btn:hover {
  color: #212121;
}
.jobEndLatest_switch .btn:hover {
  text-decoration: none;
}
input[type=submit].jobEndLatest_switch .btn,
input[type=button].jobEndLatest_switch .btn {
  border: none;
}

input[type=submit].jobEndLatest_switch .btn,
input[type=button].jobEndLatest_switch .btn {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.jobEndLatest_more.ui-accordion-item.open {
  display: block;
}
.jobEndLatest_more.ui-accordion-item.open + .jobEndLatest_switch {
  display: none;
}

/* [[ .jobEndNav ]] */
/*
---
name: 関連検索項目リンク
category:
  - project/jobEnd
  - project/jobEnd/jobEndNav
tag: component
---

.jobEndRecord と .jobEndGuidance を内包

```html
<div class="jobEndNav">
	<h2 class="jobEndNav_title">この求人情報と同じ条件で別の求人情報を探す</h2>

	<br /><br />
	.jobEndRecord<br />
	<br />
	.jobEndGuidance<br />
	<br /><br />

</div><!-- .jobEndNav -->
```
*/
.jobEndNav {
  margin-top: 2.5rem;
  /* [[ ┗ &_title ]] */
  /*----------------------------------------------*/
}
.jobEndNav_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.jobEndNav_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.jobEndNav_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

/* [[ .jobEndRecord ]] */
/*[memo] 関連検索項目リンク */
.jobEndRecord {
  margin-top: 0.625rem;
  /* [[ ┠ &_headline ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_list ]] */
  /*----------------------------------------------*/
}
.jobEndRecord_headline {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ffecb3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
}
.jobEndRecord_list {
  border-top: dotted 0.0625rem #ccc;
}
.jobEndRecord_list:first-child, .jobEndRecord_headline + .jobEndRecord_list {
  border-top: none;
}
.jobEndRecord ul.jobEndRecord_list {
  /*! CREARFIX */
  zoom: 1;
}
.jobEndRecord ul.jobEndRecord_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobEndRecord ul.jobEndRecord_list {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobEndRecord dl.jobEndRecord_list {
  padding-bottom: 0.625rem;
}
.jobEndRecord_item {
  font-size: 0.875rem;
  line-height: 2;
}
.jobEndRecord_item a {
  display: inline-block;
  padding-left: 1.5625rem;
  position: relative;
  z-index: 1;
}
.jobEndRecord_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
  top: 50%;
  left: 0;
  margin-top: -0.625rem;
}
.jobEndRecord dt.jobEndRecord_item {
  padding: 0.625rem 0.625rem 0 0.625rem;
}
.jobEndRecord li.jobEndRecord_item {
  float: left;
  width: 33.3%;
  padding: 0.625rem;
  box-sizing: border-box;
}
.jobEndRecord li.jobEndRecord_item:nth-child(3n) {
  width: 33.4%;
}
.jobEndRecord li.jobEndRecord_item:nth-child(3n+1) {
  position: relative;
}
.jobEndRecord li.jobEndRecord_item:nth-child(3n+1):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  border-top: dotted 0.0625rem #ccc;
  width: 300%;
}
.jobEndRecord li.jobEndRecord_item:first-child:before {
  display: none;
}
.jobEndRecord_links {
  display: inline-block;
  margin-left: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.3;
}
.jobEndRecord_links:nth-of-type(1) {
  margin-left: 2.1875rem;
}

/* [[ .jobEndGuidance ]] */
/*[memo]
アルキタ ホームへの誘導ブロック
.jobEndNav 内で展開
------------------------------------------------*/
.jobEndGuidance {
  margin-top: 0.625rem;
  padding: 1.875rem;
  border: solid 0.0625rem #ccc;
  background-color: #ffffff;
  border-radius: 0.3125rem;
  /* [[ ┠ &_nav ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_description ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_subject ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_lead ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_links ]] */
  /*----------------------------------------------*/
}
.jobEndGuidance_nav {
  /* 未指定 */
}
.jobEndGuidance_description {
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  border-top: dotted 0.0625rem #ccc;
}
.jobEndGuidance_description:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.jobEndGuidance_subject {
  color: #3c4faf;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.6;
}
.jobEndGuidance_lead {
  color: #212121;
}
.jobEndGuidance_nav .jobEndGuidance_lead {
  font-size: 0.875rem;
  line-height: 2;
  text-align: center;
}
.jobEndGuidance_description .jobEndGuidance_lead {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 2;
}
.jobEndGuidance_links {
  width: 15rem;
  margin-top: 0.625rem;
  margin-left: auto;
  margin-right: auto;
}
.jobEndGuidance_links .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.jobEndGuidance_links .btn, .jobEndGuidance_links .btn:link, .jobEndGuidance_links .btn:visited, .jobEndGuidance_links .btn:active, .jobEndGuidance_links .btn:hover {
  color: #212121;
}
.jobEndGuidance_links .btn:hover {
  text-decoration: none;
}
input[type=submit].jobEndGuidance_links .btn,
input[type=button].jobEndGuidance_links .btn {
  border: none;
}

.jobEndGuidance_links .btn, .jobEndGuidance_links .btn:link, .jobEndGuidance_links .btn:visited, .jobEndGuidance_links .btn:active, .jobEndGuidance_links .btn:hover {
  color: #ffffff;
}
.jobEndGuidance_links .btn:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.9375rem;
  height: 0.9375rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 20.625rem auto;
  background-position: -7.0625rem 0rem;
  margin-right: 0.25rem;
}

/* [[ .jobListInfo ]] */
/*[memo]
求人一覧最下部に入るお知らせ要素
2021.05.17 介護の検索結果でアンケートフォームへ誘導するため実装
------------------------------------------------*/
.jobListInfo {
  border: solid 0.0625rem #ccc;
  border-radius: 0.3125rem;
  margin-top: 1.875rem;
  padding: 1.8125rem;
  position: relative;
}
.pagination + .jobListInfo {
  margin-top: 3.75rem;
}
.jobListInfo_title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #3c4faf;
  font-weight: bold;
  font-size: 0.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background-color: #ffffff;
}
.jobListInfo_text + .jobListInfo_text {
  margin-top: 1.25rem;
}
.jobListInfo_text {
  font-size: 0.875rem;
}

/* [[ .notfIndex ]] */
/*[memo] 回遊用リンクリスト */
.notfIndex {
  margin-top: 2.5rem;
  /* [[ ┠ &_list ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
}
.notfIndex_list {
  /*! CREARFIX */
  zoom: 1;
  border-bottom: dotted 0.0625rem #ccc;
}
.notfIndex_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .notfIndex_list {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.notfIndex:last-child .notfIndex_list {
  border-bottom: none;
}
.notfIndex_item {
  float: left;
  width: 33.3%;
  font-size: 0.875rem;
  line-height: 2;
}
.notfIndex_item:nth-child(3n) {
  width: 33.4%;
}
.notfIndex_item:nth-child(3n+1) {
  position: relative;
}
.notfIndex_item:nth-child(3n+1):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  height: 0;
  border-top: dotted 0.0625rem #ccc;
}
.notfIndex_item a {
  display: inline-block;
  padding: 0.625rem 0 0.625rem 1.875rem;
  position: relative;
  z-index: 1;
}
.notfIndex_item a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
  top: 0;
  left: 0;
  margin-top: 0.9375rem;
}

/* [[ .notfWordSearch ]] */
/*[memo]
フリーワード検索要素
_page_home_pc.scss / .homeWordSearch のデザインとほぼ同じ。
※修正するときは _page_home_pc.scss も調整してください。
------------------------------------------------*/
.notfWordSearch {
  margin-top: 1.875rem;
}
.notfWordSearch_title {
  float: left;
  width: 11.25rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.notfWordSearch_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -22.5rem 0rem;
  margin-top: -0.1875rem;
  margin-right: 0.625rem;
}
.notfWordSearch_body {
  overflow: hidden;
  zoom: 1;
}
.notfWordSearch_input, .notfWordSearch_input form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.notfWordSearch_input input[type=text] {
  width: 25rem;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  border: none;
  background-color: #f4f5fa;
  border-radius: 0;
  line-height: 1.875rem;
}
.notfWordSearch_input input[type=text]::-moz-placeholder {
  color: #6c6c6c;
}
.notfWordSearch_input input[type=text]::placeholder {
  color: #6c6c6c;
}
.notfWordSearch_input input[type=text]:-moz-placeholder-shown {
  color: #6c6c6c;
}
.notfWordSearch_input input[type=text]:placeholder-shown {
  color: #6c6c6c;
}
.notfWordSearch_input .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  font-size: 0.75rem;
  min-height: 1.5625rem;
  width: 4.375rem;
  margin-left: 0.3125rem;
}
.notfWordSearch_input .btn, .notfWordSearch_input .btn:link, .notfWordSearch_input .btn:visited, .notfWordSearch_input .btn:active, .notfWordSearch_input .btn:hover {
  color: #212121;
}
.notfWordSearch_input .btn:hover {
  text-decoration: none;
}
input[type=submit].notfWordSearch_input .btn,
input[type=button].notfWordSearch_input .btn {
  border: none;
}

.notfWordSearch_input .btn, .notfWordSearch_input .btn:link, .notfWordSearch_input .btn:visited, .notfWordSearch_input .btn:active, .notfWordSearch_input .btn:hover {
  color: #ffffff;
}
.notfWordSearch_popularWord {
  margin-top: 0.625rem;
  font-size: 0.875rem;
}
.notfWordSearch_popularWord strong,
.notfWordSearch_popularWord a {
  display: inline-block;
  margin-right: 0.625rem;
  white-space: nowrap;
}
.notfWordSearch_popularWord strong {
  color: #6c6c6c;
  font-weight: normal;
}

/* [[ .calcYear ]] */
/*[memo]
ポップアップ：卒業年算
------------------------------------------------*/
/* [[ ┠ .calcYearHeader]] */
/*----------------------------------------------*/
.calcYearHeader_wrap {
  max-width: 61.875rem;
  margin: 0 auto;
  padding: 0.9375rem 0;
}
.calcYearHeader_wrap img {
  display: block;
  width: 9.375rem;
  margin: 0 auto;
}

/* [[ ┠ .calcYearContents ]] */
/*----------------------------------------------*/
.calcYearContents {
  max-width: 61.875rem;
  margin: 0 auto;
  padding: 0 0.625rem 2.5rem 0.625rem;
}

.calcYearContentsHeader_title {
  padding: 0.625rem 0;
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  font-size: 1.25rem;
}

.calcYearContentsData {
  margin-top: 1.25rem;
  padding: 0.3125rem;
  background: #f9d616;
}
.calcYearContentsData_title {
  line-height: 2.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  background-color: #f9d616;
}

.calcYearError {
  padding: 0 0.625rem 0.625rem 0.625rem;
  background: #ffffff;
}
.calcYearError_item {
  padding: 0.625rem 0;
  color: #ec1100;
  font-size: 0.875rem;
  border-bottom: dotted 0.0625rem #ccc;
}

.calcYearInput {
  padding: 0 0.625rem;
  background: #ffffff;
}
.calcYearInput_text {
  padding: 0.625rem 0;
  border-bottom: dotted 0.0625rem #ccc;
  text-align: center;
}
.calcYearInput_text input,
.calcYearInput_text span {
  vertical-align: middle;
  margin: 0 0.3125rem 0 0;
  font-size: 1rem;
}
.calcYearInput_note {
  padding: 0.625rem 0;
  font-size: 0.75rem;
  text-align: center;
}

.calcYearContentsFooter {
  padding-top: 1.25rem;
  text-align: center;
}
.calcYearContentsFooter .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
  max-width: 15rem;
  margin: 0 auto;
}
.calcYearContentsFooter .btn, .calcYearContentsFooter .btn:link, .calcYearContentsFooter .btn:visited, .calcYearContentsFooter .btn:active, .calcYearContentsFooter .btn:hover {
  color: #212121;
}
.calcYearContentsFooter .btn:hover {
  text-decoration: none;
}
input[type=submit].calcYearContentsFooter .btn,
input[type=button].calcYearContentsFooter .btn {
  border: none;
}

.calcYearContentsFooter .btn, .calcYearContentsFooter .btn:link, .calcYearContentsFooter .btn:visited, .calcYearContentsFooter .btn:active, .calcYearContentsFooter .btn:hover {
  color: #ffffff;
}

.calcYearResult {
  padding: 0 0.625rem;
  background: #ffffff;
}
.calcYearResult_item {
  padding: 0.625rem 0;
  border-top: dotted 0.0625rem #ccc;
  font-size: 0.875rem;
}
.calcYearResult_item:first-of-type {
  border-top: none;
}
.calcYearResult_education {
  display: inline-block;
  width: 5em;
}
/* [[ ┗ .calcYearFooter ]] */
/*----------------------------------------------*/
.calcYearFooter {
  margin-top: 2.5rem;
}
.calcYearFooter_winClose {
  line-height: 1.6;
  text-align: center;
  background-color: #ffecb3;
}
.calcYearFooter_winCloseInner {
  max-width: 61.875rem;
  margin: 0 auto;
  padding: 0.625rem 0;
  text-align: right;
}
.calcYearFooter_winCloseInner a {
  display: inline-block;
  color: #212121;
  font-weight: bold;
}
.calcYearFooter_copy {
  padding: 2.5rem 0;
  background-color: #f9b606;
}
.calcYearFooter_copy address {
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
.calcYearFooter_copy address a {
  color: #212121;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2;
}
.calcYearFooter_copy address span {
  display: block;
  text-align: center;
  color: #212121;
  font-size: 0.75rem;
  line-height: 2;
}

/*[構造memo]

▼最小コンポーネント：チェックボックス or ラジオボタン
.searchIndexItem
┠ &_check
┗ &_label

.searchIndexItem-primary ..... インデント = 0
.searchIndexItem-secondary ..... インデント = 1
.searchIndexItem-tertiary ..... インデント = 2 + 少々デザイン差あり

▼最小コンポーネント：select（プルダウン）
.searchIndexSelect
┗ select


▼通常
.searchIndex
┃
┠ &_title ..... 黄色帯タイトル
┃
┠ &_section
┃ ┃
┃ ┠ &_title ..... 黒太文字タイトル
┃ ┃
┃ ┠ .searchIndexItem
┃ ┠ .searchIndexItem
┃
┠ &_section.&_section-column2
┃ ┃
┃ ┠ &_title ..... 黒太文字タイトル
┃ ┃
┃ ┠ .searchIndexItem
┃ ┠ .searchIndexItem


▼アコーディオン
.searchIndex
┃
┠ &_title ..... 黄色帯タイトル
┃
┠ .searchIndexAccordion
┃ ┃
┃ ┠ &_title.ui-accordion-switch
┃ ┠ &_body.ui-accordion-item


▼ラジオボタン + プルダウン
.searchIndex
┃
┠ &_title ..... 黄色帯タイトル
┃
┠ &_section
┃ ┃
┃ ┠ .searchIndexItem
┃ ┃ ┠ &_check
┃ ┃ ┠ &_label
┃ ┃ ┃
┃ ┃ ┠ .searchIndexItemOption
┃ ┃ ┃ ┠ &_item
┃ ┃ ┃ ┃ ┠ .searchIndexSelect
┃ ┃ ┃ ┃ ┗ &_text
┃ ┃ ┃ ┗ &_item

▼タブ切り替え
.searchIndex
┃
┠ &_title ..... 黄色帯タイトル
┃
┠ &_section
┃ ┃
┃ ┠ .searchIndexTab
┃ ┃ ┠ .searchIndexTabNav
┃ ┃ ┃ ┗ &_item
┃ ┃ ┃
┃ ┃ ┠ .searchIndexTabDetail
┃ ┃ ┃ ┗ .searchIndexSelect ..... プルダウン
------------------------------------------------*



 */
/* [[ .guideSection ]] */
/*
再検索・一括検索内で使える変数
------------------------------------------------*/
/* [[ color ]] */
/* [[ module config ]] */
/* [[ component ]] */
.searchIndexGroup {
  margin-top: 0.625rem;
}
.searchIndexGroup input:checked + label, .searchIndexGroup select:checked {
  opacity: 1;
  cursor: pointer;
}
.searchIndexGroup-disabled input + label, .searchIndexGroup-disabled select {
  opacity: 0.5;
  cursor: not-allowed;
}

.searchIndexItem {
  position: relative;
  margin-top: 0.625rem;
}
.searchIndexItem:first-of-type {
  margin-top: 0;
}
.searchIndexItem input[type=checkbox],
.searchIndexItem input[type=radio] {
  display: none;
}
input[type=checkbox] + .searchIndexItem_label {
  cursor: pointer;
  font-weight: bold;
  color: #0055C6;
  background-color: #f4f5fa;
}
input[type=checkbox] + .searchIndexItem_label:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: 0rem -20.25rem;
  top: 0;
  bottom: 0;
  left: 0.625rem;
  margin: auto 0;
}
input[type=checkbox]:checked + .searchIndexItem_label {
  cursor: pointer;
  font-weight: bold;
  color: #212121;
  background-color: #ffe083;
}
input[type=checkbox]:checked + .searchIndexItem_label:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -1.5rem -20.25rem;
  top: 0;
  bottom: 0;
  left: 0.625rem;
  margin: auto 0;
}
input[type=radio] + .searchIndexItem_label {
  cursor: pointer;
  font-weight: bold;
  color: #0055C6;
  background-color: #f4f5fa;
  border-radius: 0.3125rem;
}
input[type=radio] + .searchIndexItem_label:before {
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translateY(-50%);
  border: solid 0.25rem #f4f5fa;
  border-radius: 6.25rem;
  background-color: #ffffff;
}
input[type=radio]:checked + .searchIndexItem_label {
  cursor: pointer;
  font-weight: bold;
  color: #212121;
  background-color: #ffe083;
}
input[type=radio]:checked + .searchIndexItem_label:before {
  border: solid 0.25rem #f4f5fa;
  background-color: #d62232;
}
.searchIndexItem_label {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.625rem 0.625rem 2.25rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #0055C6;
  border-radius: 0.3125rem;
  background-color: #f4f5fa;
}
.searchIndexItem_number {
  display: contents;
  color: #212121;
  font-weight: normal;
  font-size: 0.75rem;
}
.searchIndexItem-disabled .searchIndexItem_label {
  color: #6c6c6c;
  font-weight: normal;
}
.searchIndexItem-disabled .searchIndexItem_number {
  color: #6c6c6c;
}
.searchIndexItem-secondary label.searchIndexItem_label {
  padding-left: 4.125rem;
}
.searchIndexItem-secondary input[type=checkbox] + label.searchIndexItem_label:before {
  left: 2.5rem;
}
.searchIndexItem-secondary input[type=checkbox]:checked + label.searchIndexItem_label:before {
  left: 2.5rem;
}
.searchIndexItem-secondary-disabled .searchIndexItem_label {
  color: #6c6c6c;
  font-weight: normal;
}
.searchIndexItem-secondary-disabled .searchIndexItem_number {
  color: #6c6c6c;
}
.searchIndexItem-tertiary + .searchIndexItem-tertiary {
  padding-top: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
}
.searchIndexItem-tertiary label.searchIndexItem_label {
  padding: 0.3125rem 0.3125rem 0.3125rem 4.125rem;
  border-radius: 0;
}
.searchIndexItem-tertiary input[type=checkbox] + label.searchIndexItem_label {
  font-weight: normal;
  background-color: #ffffff;
}
.searchIndexItem-tertiary input[type=checkbox] + label.searchIndexItem_label:before {
  left: 2.5rem;
}
.searchIndexItem-tertiary input[type=checkbox]:checked + label.searchIndexItem_label {
  border-radius: 0.3125rem;
  font-weight: normal;
  background-color: #fff3cd;
}
.searchIndexItem-tertiary input[type=checkbox]:checked + label.searchIndexItem_label:before {
  left: 2.5rem;
}
.searchIndexItem-tertiary-disabled .searchIndexItem_label {
  color: #6c6c6c;
  font-weight: normal;
  background-color: #ffffff;
}
.searchIndexItem-tertiary-disabled .searchIndexItem_number {
  color: #6c6c6c;
}

.searchIndex_title + .searchIndexItem {
  padding-top: 0.625rem;
}

.searchIndexAccordion_body > .searchIndexItem:first-of-type {
  padding-top: 0.625rem;
}

.searchIndexSelect {
  margin-top: 0.625rem;
  position: relative;
}
.searchIndexSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0;
  padding: 0.625rem;
  color: #0055C6;
  font-size: 0.75rem;
  border: none;
  background-color: #f4f5fa;
}
.searchIndexSelect select:focus {
  outline: none;
}
.searchIndexSelect:after {
  pointer-events: none;
  position: absolute;
  color: #0055C6;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  content: "▼";
  margin: auto 0;
  font-size: 0.625rem;
}

/* [[ chapter / section ]] */
/*[memo]
再検索・一括検索などの基本フォーマット要素
------------------------------------------------*/
.searchIndex_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
  display: block;
  min-height: initial;
  padding: 0.625rem;
  margin-top: 1.875rem;
}
.searchIndex_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.searchIndex_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}
.searchIndex_section {
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  border-top: dotted 0.0625rem #ccc;
}
.searchIndex_section .searchIndex_title {
  position: static;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #212121;
}
.searchIndex_section .searchIndex_title:before {
  display: none;
}
.searchIndex_section .searchIndex_title:after {
  display: none;
}
.searchIndex_section-column2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625rem;
}
.searchIndex_section-column2 .searchIndex_title {
  width: 100%;
}
.searchIndex_section-column2 .searchIndexItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(50% - 0.3125rem);
  margin-top: 0;
}
.searchIndex:first-of-type .searchIndex_section:first-of-type {
  border: none;
  margin-top: 0;
  padding-top: 2.5rem;
}
.searchIndex .searchIndex_title + .searchIndex_section:first-of-type {
  border: none;
  margin-top: 0;
  padding-top: 1.25rem;
}
.searchIndex .searchIndexAccordion {
  padding-top: 0.625rem;
}
.searchIndex .searchIndexAccordion_title {
  cursor: pointer;
  box-sizing: border-box;
  content: "　";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.625rem 0.625rem 2.5rem;
  font-weight: bold;
  background-color: #f4f5fa;
  border-radius: 0.3125rem;
  z-index: 100;
}
.searchIndex .searchIndexAccordion_title:before {
  content: "　";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  margin: auto 0;
  z-index: 10;
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -10rem;
}
.searchIndex .searchIndexAccordion_title + .searchIndexItem_check, .searchIndex .searchIndexAccordion_title + .searchIndexItem_check + .searchIndexItem_label {
  z-index: 0;
}
.searchIndex .searchIndexAccordion_notes {
  display: block;
  font-size: 0.75rem;
  font-weight: normal;
  color: #212121;
}
.searchIndex .searchIndexAccordion_number {
  font-size: 0.75rem;
  font-weight: normal;
  color: #212121;
}
.searchIndex .searchIndexAccordion .ui-accordion-switch.open:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -11.875rem;
}
.searchIndex .searchIndexAccordion .ui-accordion-switch.open + .searchIndexItem_label {
  color: #212121;
  background-color: #ffe083;
}
.searchIndex .searchIndexAccordion .ui-accordion-switch.close:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -10rem;
}
.searchIndex .searchIndexAccordion .ui-accordion-item {
  display: none;
}
.searchIndex .searchIndexAccordion .ui-accordion-item.open {
  display: block !important;
}
.searchIndex .searchIndexAccordion-disabled .searchIndexAccordion_title {
  font-weight: normal;
  color: #6c6c6c;
}
.searchIndex .searchIndexAccordion-disabled .searchIndexAccordion_notes {
  font-weight: normal;
  color: #6c6c6c;
}
.searchIndex .searchIndexAccordion-disabled .searchIndexAccordion_number {
  color: #6c6c6c;
}
.searchIndex .searchIndexAccordion-disabled .searchIndexAccordion_title:before,
.searchIndex .searchIndexAccordion-disabled .ui-accordion-switch.close:before {
  background-position: -5.625rem -10rem;
}
.searchIndex .searchIndexAccordion-disabled .ui-accordion-switch.open:before {
  background-position: -5.625rem -11.875rem;
}
.searchIndex .searchIndexAccordion-disabled input[type=checkbox] + .searchIndexItem_label {
  color: #6c6c6c;
  font-weight: normal;
}
.searchIndex .searchIndexAccordion-disabled input[type=checkbox]:checked + .searchIndexItem_label {
  color: #6c6c6c;
  font-weight: normal;
  background-color: #ffffff;
}
.searchIndex .searchIndexAccordion-disabled input[type=checkbox]:checked + .searchIndexItem_label:before {
  background-position: 0 -20.25rem;
}
.searchIndex .searchIndexAccordion-disabled .searchIndexItem_number {
  color: #6c6c6c;
  font-weight: normal;
}

.searchIndexItemOption {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.625rem 0.625rem 0.625rem 4.125rem;
  border-radius: 0.3125rem;
  background-color: #f4f5fa;
}
.searchIndexItemOption_item {
  width: calc(50% - 0.15625rem);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
}
.searchIndexItemOption_item .searchIndexSelect {
  flex-grow: 1;
  margin-top: 0;
}
.searchIndexItemOption_item .searchIndexSelect:after {
  color: #6c6c6c;
}
.searchIndexItemOption_item .searchIndexSelect select {
  color: #6c6c6c;
  background-color: #ffffff;
}
.searchIndexItemOption_text {
  display: block;
  font-size: 0.75rem;
  color: #212121;
  white-space: nowrap;
}

input[type=radio]:checked + .searchIndexItem_label + form > .searchIndexItemOption,
input[type=radio]:checked + .searchIndexItem_label ~ .searchIndexItemOption {
  background-color: #ffe083;
}
input[type=radio]:checked + .searchIndexItem_label + form > .searchIndexItemOption .searchIndexItemOption_item .searchIndexSelect:after,
input[type=radio]:checked + .searchIndexItem_label ~ .searchIndexItemOption .searchIndexItemOption_item .searchIndexSelect:after {
  color: #0055C6;
}
input[type=radio]:checked + .searchIndexItem_label + form > .searchIndexItemOption .searchIndexItemOption_item .searchIndexSelect select,
input[type=radio]:checked + .searchIndexItem_label ~ .searchIndexItemOption .searchIndexItemOption_item .searchIndexSelect select {
  color: #0055C6;
}
input[type=radio]:checked + .searchIndexItem_label + form > .searchIndexItemOption .searchIndexItemOption_name,
input[type=radio]:checked + .searchIndexItem_label ~ .searchIndexItemOption .searchIndexItemOption_name {
  color: #0055C6;
}

.searchIndexTab {
  margin-top: 1.25rem;
}
.searchIndex_section .searchIndexTab {
  margin-top: 0.625rem;
}

.searchIndexTabNav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625rem;
  padding-top: 0.625rem;
}
.searchIndexTabNav_item {
  width: 33.3333333333%;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.625rem 0.625rem 0.625rem 2.25rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #0055C6;
  border-radius: 0.3125rem;
  background-color: #f4f5fa;
}
.searchIndexTabNav_item:before {
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translateY(-50%);
  border: solid 0.25rem #f4f5fa;
  border-radius: 6.25rem;
  background-color: #ffffff;
}
.searchIndexTabNav_item-act {
  font-weight: bold;
  color: #212121;
  background-color: #ffe083;
}
.searchIndexTabNav_item-act:before {
  border: solid 0.25rem #f4f5fa;
  background-color: #d62232;
}

.searchIndexTabDetail {
  display: none;
}
.searchIndexTabDetail-show {
  display: block;
}

/* [[ .batchSearchと.FreeWordSearch ]] */
/*[memo]
一括検索ページ内の上部検索一覧部分
※フリーワードは、プログラム側かの要望で外に出しました。
※フリーワード箇所は、同じような指定がフリーワードページにもあります。
------------------------------------------------*/
.batchSearch,
.freeWordSearch {
  table-layout: fixed;
  width: 100%;
}
.batchSearch_set,
.freeWordSearch_set {
  z-index: 1;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border-bottom: dotted 0.0625rem #ccc;
  padding: 0.9375rem 0;
}
.batchSearch_category,
.freeWordSearch_category {
  box-sizing: border-box;
  min-width: 6.875rem;
  margin-right: 0.625rem;
  font-size: 0.875rem;
}
.batchSearch_value,
.freeWordSearch_value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5rem;
  margin-left: 5rem;
  padding: 0.3125rem 0.625rem 0.3125rem 1.875rem;
  color: #212121;
  font-size: 0.875rem;
  border-radius: 0.3125rem;
  background-color: #ffecb3;
  position: relative;
  z-index: 1;
}
.batchSearch_value:before,
.freeWordSearch_value:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.75rem;
  height: 0.75rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 16.5rem auto;
  background-position: -1.125rem -8.25rem;
  top: 50%;
  left: 0.625rem;
  transform: translateY(-50%);
  background-color: #3c4faf;
  border: solid 0.125rem #3c4faf;
  border-radius: 6.25rem;
}
.batchSearch_value:visited,
.freeWordSearch_value:visited {
  color: #212121;
}
.batchSearch_value:hover,
.freeWordSearch_value:hover {
  text-decoration: none;
}
.batchSearch_value span + span,
.freeWordSearch_value span + span {
  margin-left: 0.3125rem;
}
.batchSearch_value span + span:before,
.freeWordSearch_value span + span:before {
  content: ",";
  margin-right: 0.3125rem;
}
.batchSearch_value-placeholder,
.freeWordSearch_value-placeholder {
  overflow: initial;
  cursor: auto;
  padding-left: 0;
  color: #6c6c6c;
  border-radius: 0;
  background: none;
}
.batchSearch_value-placeholder:before,
.freeWordSearch_value-placeholder:before {
  display: none;
}
.batchSearch_value-fw,
.freeWordSearch_value-fw {
  font-size: 0.875rem;
  border-radius: 0;
  border: solid 0.125rem #ffe083;
  background-color: #ffecb3;
}

.batchSearch_item {
  width: calc(100% - 7.5rem);
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75rem;
}
.batchSearch_reset {
  position: absolute;
  left: 0;
  width: 5rem;
}
.batchSearch_reset .btn-add,
.batchSearch_reset .btn-change {
  position: relative;
  z-index: 1;
  padding-right: 0.9375rem;
}
.batchSearch_reset .btn-add:after,
.batchSearch_reset .btn-change:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -3.75rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.batchSearch_reset .btn {
  padding-top: 0;
  line-height: 1.5rem;
  font-weight: bold;
}

.freeWordSearch_item {
  width: 100%;
}
.freeWordSearch_set {
  border-bottom: none;
}

.freeWordSearchCheck {
  position: relative;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text] {
  position: relative;
  width: 100%;
  padding: 0.3125rem;
  border: none;
  background-color: #f4f5fa;
  border-radius: 0;
  line-height: 1.375rem;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text]::-moz-placeholder {
  color: #6c6c6c;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text]::placeholder {
  color: #6c6c6c;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text]:focus,
.freeWordSearchCheck input.haveValue[type=text] {
  padding: 0.3125rem 0.625rem 0.3125rem 1.875rem;
  outline: solid 0.125rem #ffe083;
  outline-offset: -0.125rem;
  background-color: #fff3cd;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text]:-webkit-autofill {
  padding-left: 1.875rem;
  box-shadow: 0 0 0 62.4375rem #fff3cd inset;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text]:focus::-moz-placeholder {
  font-size: 0;
}
.freeWordSearchCheck input.freeWordSearchCheck_text[type=text]:focus::placeholder {
  font-size: 0;
}
.freeWordSearchCheck .btnReset {
  color: black;
  text-decoration: none;
  font-family: sans-serif; /* 書体もリセットしています。不要であれば削除を */
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* iOSタップ時の挙動を調整 */
}
.freeWordSearchCheck .btn {
  display: block;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0;
  background-color: #00AAFF;
  background-image: url(https://image.haj.co.jp/arukita/base/sprite.png);
  background-repeat: no-repeat;
  background-size: 15rem;
  background-position: -0.9375rem -7.375rem;
  border-radius: 1.75rem;
}
.freeWordSearchCheck .noneValue {
  display: none;
}

/* [[ .searchIndexFreeWord ]] */
/*[memo]
検索条件：フリーワードページ内の指定
------------------------------------------------*/
.searchIndexFreeWordCheck {
  position: relative;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text] {
  position: relative;
  width: 100%;
  padding: 0.3125rem;
  border: none;
  background-color: #f4f5fa;
  border-radius: 0;
  line-height: 1.375rem;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text]::-moz-placeholder {
  color: #aaa;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text]::placeholder {
  color: #aaa;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text]:focus,
.searchIndexFreeWordCheck input.haveValue[type=text] {
  padding: 0.3125rem 0.625rem 0.3125rem 1.8125rem;
  outline: solid 0.125rem #ffe083;
  outline-offset: -0.125rem;
  background-color: #fff3cd;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text]:-webkit-autofill {
  padding-left: 1.875rem;
  box-shadow: 0 0 0 62.4375rem #fff3cd inset;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text]:focus::-moz-placeholder {
  font-size: 0;
}
.searchIndexFreeWordCheck input.searchIndexFreeWordCheck_text[type=text]:focus::placeholder {
  font-size: 0;
}
.searchIndexFreeWordCheck .btnReset {
  color: black;
  text-decoration: none;
  font-family: sans-serif; /* 書体もリセットしています。不要であれば削除を */
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* iOSタップ時の挙動を調整 */
}
.searchIndexFreeWordCheck .btn {
  display: block;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0;
  background-color: #00AAFF;
  background-image: url(https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600);
  background-repeat: no-repeat;
  background-size: 15rem;
  background-position: -0.9375rem -7.375rem;
  border-radius: 1.75rem;
}
.searchIndexFreeWordCheck .noneValue {
  display: none;
}

.searchIndexFreeWordItem {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 0.625rem;
}
.searchIndexFreeWordItem_title {
  min-width: 6.25rem;
  margin-right: 0.625rem;
  font-size: 0.75rem;
  color: #212121;
}
.searchIndexFreeWordItem_popularWord a {
  display: inline-block;
  margin-right: 0.625rem;
  white-space: nowrap;
}

/* [[ .searchBtn ]] */
/*[memo] 検索結果一覧・一括検索 最下部固定ボタン */
.searchBtn {
  padding-top: 2.5rem;
}
.searchBtn .btnSet {
  text-align: center;
}
.searchBtn .btnSet_item {
  display: inline-block;
}
.searchBtn .btnSet_item + .btnSet_item {
  margin-left: 0.625rem;
}
.searchBtn .btnSet_item.btnSet_item-reset {
  width: 7.5rem;
}
.searchBtn .btnSet_item.btnSet_item-search {
  width: 15rem;
}
.searchBtn .btnSet_item .btn-reset {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
}
.searchBtn .btnSet_item .btn-reset, .searchBtn .btnSet_item .btn-reset:link, .searchBtn .btnSet_item .btn-reset:visited, .searchBtn .btnSet_item .btn-reset:active, .searchBtn .btnSet_item .btn-reset:hover {
  color: #212121;
}
.searchBtn .btnSet_item .btn-reset:hover {
  text-decoration: none;
}
input[type=submit].searchBtn .btnSet_item .btn-reset,
input[type=button].searchBtn .btnSet_item .btn-reset {
  border: none;
}

input[type=submit].searchBtn .btnSet_item .btn-reset,
input[type=button].searchBtn .btnSet_item .btn-reset {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.searchBtn .btnSet_item .btn-search {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #3c4faf;
}
.searchBtn .btnSet_item .btn-search, .searchBtn .btnSet_item .btn-search:link, .searchBtn .btnSet_item .btn-search:visited, .searchBtn .btnSet_item .btn-search:active, .searchBtn .btnSet_item .btn-search:hover {
  color: #212121;
}
.searchBtn .btnSet_item .btn-search:hover {
  text-decoration: none;
}
input[type=submit].searchBtn .btnSet_item .btn-search,
input[type=button].searchBtn .btnSet_item .btn-search {
  border: none;
}

.searchBtn .btnSet_item .btn-search, .searchBtn .btnSet_item .btn-search:link, .searchBtn .btnSet_item .btn-search:visited, .searchBtn .btnSet_item .btn-search:active, .searchBtn .btnSet_item .btn-search:hover {
  color: #ffffff;
}

/* [[ .Floating menu ]] */
@keyframes appear {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.floatingHide {
  display: none;
  opacity: 0;
}

.floatingHide.visible {
  display: block;
  opacity: 1;
  animation: appear 0.3s ease-in 0s forwards;
}

/* [[ .areaMoreSearch ]] */
.areaMoreSearch {
  margin-top: 2.5rem;
  /* [[ ┠ &-title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_unit ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_headline ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_switch ]] */
  /*----------------------------------------------*/
  /*[memo]
  &_links の上に &_switch を重ねる仕様です。

  &_switch = ui-accordion 開閉スイッチ
  &_links  = 検索項目リンク

  &_switch がない項目あります。
  &_switch が無くなることで
  下地の &_links のリンク面積が見える（増える）仕様です。
  ------------------------------------------------*/
  /* [[ ┠ &_links ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_more ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_list ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_close ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_number ]] */
  /*----------------------------------------------*/
}
.areaMoreSearch_title {
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  margin-top: 0.625rem;
}
.areaMoreSearch_title:first-child {
  margin-top: 0;
}
.areaMoreSearch_title a {
  color: #212121;
}
.areaMoreSearch_title a {
  display: block;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding-left: 2.5rem;
  padding-right: 0.625rem;
  position: relative;
  z-index: 1;
}
.areaMoreSearch_title a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -3.75rem -25rem;
  top: 50%;
  left: 0.625rem;
  margin-top: -0.625rem;
}
.areaMoreSearch_unit {
  position: relative;
  border-top: solid 0.0625rem #ccc;
}
.areaMoreSearch_title + .areaMoreSearch_unit {
  border-top: none;
}
.areaMoreSearch_headline {
  position: relative;
}
.areaMoreSearch_switch {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  cursor: pointer;
  width: 2.5rem;
  background-color: #ffffff;
}
.areaMoreSearch_switch b {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  margin-top: -0.625rem;
}
.areaMoreSearch_switch img {
  width: 27.5rem;
  margin-top: -10rem;
  margin-left: -3.75rem;
}
.areaMoreSearch_switch.ui-accordion-switch.open img {
  margin-top: -11.875rem;
}
.areaMoreSearch_links {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.5rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.6;
}
.areaMoreSearch_links-none {
  color: #6c6c6c;
  font-weight: normal;
  padding-left: 2.5rem;
  position: relative;
  z-index: 1;
}
.areaMoreSearch_links-none:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -1.875rem -25rem;
  top: 50%;
  left: 0.625rem;
  margin-top: -0.625rem;
}
.areaMoreSearch_links a {
  display: block;
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
  margin-left: -2.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.5rem;
  position: relative;
  z-index: 1;
}
.areaMoreSearch_links a:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: 0rem -25rem;
  top: 50%;
  left: 0.625rem;
  margin-top: -0.625rem;
}
.areaMoreSearch_more.ui-accordion-item.close {
  display: none;
}
.areaMoreSearch_list {
  /*! CREARFIX */
  zoom: 1;
  margin-left: 2.5rem;
  margin-bottom: 0.625rem;
}
.areaMoreSearch_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .areaMoreSearch_list {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.areaMoreSearch_item {
  font-size: 0.875rem;
  line-height: 1.6;
  float: left;
  width: 25%;
  margin-top: 0.625rem;
}
.areaMoreSearch_item:nth-of-type(1), .areaMoreSearch_item:nth-of-type(2), .areaMoreSearch_item:nth-of-type(3), .areaMoreSearch_item:nth-of-type(4) {
  margin-top: 0;
}
.areaMoreSearch_item-none {
  color: #6c6c6c;
}
.areaMoreSearch_close {
  margin-top: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-top: dotted 0.0625rem #ccc;
  text-align: right;
}
.areaMoreSearch_close b {
  display: inline-block;
  color: #6c6c6c;
  font-size: 0.75rem;
  line-height: 1.6;
  cursor: pointer;
}
.areaMoreSearch_close b:after {
  content: "▲";
}
.areaMoreSearch_number {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #212121;
  font-weight: normal;
  font-size: 0.75rem;
}
.areaMoreSearch_title .areaMoreSearch_number {
  color: #212121;
}
.areaMoreSearch_links-none .areaMoreSearch_number, .areaMoreSearch_item-none .areaMoreSearch_number {
  color: #6c6c6c;
}

/* [[ .searchHistory / トップ用レコメンド（閲覧履歴）枠 ]] */
/* [[  └ カードのスタイルは _module_~ を踏襲 ]] */
.searchHistory {
  margin-top: 1.875rem;
}
.searchHistory_heading {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.searchHistory_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 33rem auto;
  background-position: -27rem -36rem;
  margin-top: -0.125rem;
  margin-right: 0.375rem;
}
.searchHistory_more .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  min-height: 2.1875rem;
  font-size: 0.75rem;
  flex-wrap: nowrap;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}
.searchHistory_more .btn, .searchHistory_more .btn:link, .searchHistory_more .btn:visited, .searchHistory_more .btn:active, .searchHistory_more .btn:hover {
  color: #212121;
}
.searchHistory_more .btn:hover {
  text-decoration: none;
}
input[type=submit].searchHistory_more .btn,
input[type=button].searchHistory_more .btn {
  border: none;
}

input[type=submit].searchHistory_more .btn,
input[type=button].searchHistory_more .btn {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.searchHistory_more .btn:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  margin-left: 0.3125rem;
}

/* [[ HOME .searchHistory / トップ & body#searchHistory .searchHistory / 履歴一覧 & body#relatedJob / この求人を見た人が見ている他の求人枠 & body#similarJob / この求人に応募した人が見ている他の求人：共通処理 ]] */
/* [[  └ カードのスタイルは _module_~ を踏襲 ]] */
.relatedJob_title,
.similarJob_title {
  margin-top: 2.5rem;
  min-height: 2.5rem;
  padding: 0.3125rem 0.625rem;
  background-color: #f9d616;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #212121;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: none;
  overflow: hidden;
  padding-right: 1.75rem;
}
.relatedJob_title:before,
.similarJob_title:before {
  font-size: 0;
  line-height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 125rem;
  height: 25rem;
  background-color: #f9d616;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.125rem, 0);
}
.relatedJob_title:after,
.similarJob_title:after {
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1.125rem rgb(252.2008368201, 235.8723849372, 146.2991631799);
  border-bottom: solid 1.125rem rgb(239.3368200837, 203.3849372385, 6.1631799163);
  transform-origin: 100% 100%;
  transform: skew(-45deg, 0) translate(-1.0625rem, 0);
}

.searchHistoryItem,
.relatedJobItem,
.similarJobItem {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  padding: 1.875rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.25rem;
}

.searchHistoryItem .jobCardMessage,
.relatedJobItem .jobCardMessage,
.similarJobItem .jobCardMessage,
.recommendListItem .jobCardMessage {
  padding-top: 0;
  padding-bottom: 0.625rem;
  border: none;
  line-height: 1.3;
}

.searchHistoryItem .jobCardTitle,
.relatedJobItem .jobCardTitle,
.similarJobItem .jobCardTitle,
.recommendListItem .jobCardTitle {
  margin-right: 7.5rem;
}

.searchHistoryItem .jobCardMessage + .jobCardTitle,
.relatedJobItem .jobCardMessage + .jobCardTitle,
.similarJobItem .jobCardMessage + .jobCardTitle,
.recommendListItem .jobCardMessage + .jobCardTitle {
  margin-top: 0;
}

.searchHistoryItem .jobCardNav,
.relatedJobItem .jobCardNav,
.similarJobItem .jobCardNav,
.recommendListItem .jobCardNav {
  margin-top: 0;
}

.searchHistoryItem .jobCardFunction,
.relatedJobItem .jobCardFunction,
.similarJobItem .jobCardFunction,
.recommendListItem .jobCardFunction {
  position: absolute;
  bottom: 0.3125rem;
  right: 0;
}

.searchHistoryItem .jobCardFunction_item-more,
.relatedJobItem .jobCardFunction_item-more,
.similarJobItem .jobCardFunction_item-more,
.recommendListItem .jobCardFunction_item-more {
  width: auto;
}

.searchHistoryItem .jobCardFunction_item-more a,
.relatedJobItem .jobCardFunction_item-more a,
.similarJobItem .jobCardFunction_item-more a,
.recommendListItem .jobCardFunction_item-more a {
  min-height: 2.1875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.75rem;
}

/* [[ body#searchHistory / 最近見た求人一覧（閲覧履歴）枠 ]] */
/* [[ body#relatedJob / この求人を見た人が見ている他の求人枠 ]] */
/* [[ body#similarJob / この求人に検索条件が似ている求人枠 ]] */
/* [[  └ カードのスタイルは _module_~ を踏襲 ]] */
body#searchHistory .pageClosing,
body#relatedJob .pageClosing,
body#similarJob .pageClosing {
  margin-top: 1.25rem;
}
body#searchHistory .pageClosing_lead,
body#relatedJob .pageClosing_lead,
body#similarJob .pageClosing_lead {
  text-align: left;
}

/* [[ .recommendList / 一覧画面用レコメンド枠 ]] */
/* [[  └ カードのスタイルは _module_~ を踏襲 ]] */
.recommendList {
  background-color: #ffffff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  margin-top: 2.5rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-bottom: 1.875rem;
}
.recommendList_title {
  padding-top: 1.875rem;
}
.recommendList_title:before {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -22.5rem -25.625rem;
  margin-top: -0.1875rem;
  margin-right: 0.625rem;
}

.recommendListItem {
  margin-top: 1.25rem;
}
.recommendListItem + .recommendListItem {
  padding-top: 1.25rem;
  border-top: dotted 0.0625rem #ccc;
}

/* [[ .recommendDetail / 詳細画面用レコメンド枠 ]] */
/* [[  └ カードのスタイルは _module_~ を踏襲 ]] */
.recommendDetail {
  position: relative;
  margin-top: 2.5rem;
  /* [[ ┠ &_control]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_nav]] */
  /*----------------------------------------------*/
}
.recommendDetail_title {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
}
.recommendDetail_heading {
  border-top: solid 0.3125rem #f9d616;
  border-bottom: solid 0.0625rem #f9d616;
  color: #212121;
  font-weight: bold;
  line-height: 1.3;
  /*--------------------
  バリエーション
  $media = pc
  $media = sp
  $type = default
  $type = small
  */
  padding: 0.625rem 0;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.25rem;
  box-sizing: border-box;
}
.recommendDetail_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.recommendDetail-verticalStack .jobCardMini {
  width: 19.75rem;
  margin-top: 1.25rem;
  margin-left: 1.25rem;
}
.recommendDetail-verticalStack .jobCardMini:nth-child(3n+1) {
  margin-left: 0;
}
.recommendDetail_set {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 58.125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem 0;
  margin-bottom: -1.25rem;
}
.recommendDetail_set .jobCardMini {
  width: 18.125rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding-bottom: 0;
}
.recommendDetail_set .jobCardMini_body {
  height: 288px;
  box-sizing: border-box;
}
.recommendDetail_set .jobCardMini_footer {
  position: static;
  margin: 0.625rem 1.25rem;
}
.recommendDetail_set .ui-slider-content {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.recommendDetail_control {
  /* 未指定 */
}
.recommendDetail_back, .recommendDetail_next {
  position: absolute;
  top: 50%;
  margin-top: -0.9375rem;
}
.recommendDetail_back b, .recommendDetail_next b {
  display: block;
  width: 0.9375rem;
  height: 1.875rem;
  overflow: hidden;
  cursor: pointer;
}
.recommendDetail_back img, .recommendDetail_next img {
  display: block;
  width: 41.25rem;
}
.recommendDetail_back {
  left: 0;
}
.recommendDetail_back img {
  margin-top: -2.8125rem;
}
.recommendDetail_next {
  right: 0;
}
.recommendDetail_nav {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
}
.recommendDetail_nav li {
  display: inline-block;
  margin: 0 0.3125rem;
  color: #6c6c6c;
  cursor: pointer;
}
.recommendDetail_nav li.active {
  color: #3c4faf;
}

/* [[ ┗ .recommendDetailHelp]] */
/*----------------------------------------------*/
.recommendDetailHelp {
  position: relative;
}
.recommendDetailHelp_switch {
  position: relative;
  z-index: 20;
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  white-space: nowrap;
  cursor: pointer;
}
.recommendDetailHelp_switch:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 4.375rem;
  height: 1.5rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 41.25rem auto;
  background-position: 0rem -34.6875rem;
  margin-left: 0.3125rem;
}
.recommendDetailHelp_caption {
  display: none;
  position: absolute;
  bottom: 2.5rem;
  right: 0;
  z-index: 10;
  width: 21.25rem;
  padding: 1.25rem;
  background-color: #0055C6;
  border-radius: 0.3125rem;
  box-shadow: 0 0.0625rem 0.4375rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.recommendDetailHelp_caption:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 0.5rem;
  border-color: #0055C6 transparent transparent transparent;
  position: absolute;
  bottom: -2rem;
  right: 1.6875rem;
}
.recommendDetailHelp_text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.6;
}
.recommendDetailHelp_text-notes {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
.recommendDetailHelp_close {
  display: none;
}

.recommendDetailHeading_title, .recommendDetailHeading_more {
  display: table-cell;
  vertical-align: middle;
}
.recommendDetailHeading_title {
  width: 95%;
}
.recommendDetailHeading_more {
  text-align: right;
  white-space: nowrap;
}
.recommendDetailHeading_more .btn {
  width: 100%;
  min-height: 2.8125rem;
  cursor: pointer;
  box-shadow: inset 0 -0.3125rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.3125rem 0.3125rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.25rem 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 0.5625rem;
  min-height: 2.1875rem;
  font-size: 0.75rem;
  flex-wrap: nowrap;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}
.recommendDetailHeading_more .btn, .recommendDetailHeading_more .btn:link, .recommendDetailHeading_more .btn:visited, .recommendDetailHeading_more .btn:active, .recommendDetailHeading_more .btn:hover {
  color: #212121;
}
.recommendDetailHeading_more .btn:hover {
  text-decoration: none;
}
input[type=submit].recommendDetailHeading_more .btn,
input[type=button].recommendDetailHeading_more .btn {
  border: none;
}

input[type=submit].recommendDetailHeading_more .btn,
input[type=button].recommendDetailHeading_more .btn {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}

.recommendDetailHeading_more .btn:after {
  /*
  2024年6月アクセシビリティ対応 px → rem
  スプライト画像（px）の縮小値を算出するため【引数はpx値で取得】
  まずはpx値で算出して、その後cssセレクタ設定時にrem値に変換
  */
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
  background-image: url("https://image.haj.co.jp/arukita/base/sprite.png?update=201807020600");
  background-repeat: no-repeat;
  background-size: 27.5rem auto;
  background-position: -6.25rem -6.25rem;
  margin-left: 0.3125rem;
}
/*# sourceMappingURL=style_pc.css.map */