@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
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;
  font-feature-settings: "palt";
}

body {
  font-size: 14px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

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;
}

/* [[ site version ]] */
/*[memo]
画像パスなど年度更新の値を一元管理しています。
------------------------------------------------*/
/* [[ rem 変換 ]] */
/*[memo]
計算するときなどに使えて便利です。
------------------------------------------------*/
/* [[ border radius ]] */
/*[memo]
border radius 共通値
------------------------------------------------*/
/* [[ color ]] */
/* [[ font size ]] */
/* [[ margin ]] */
/* [[ Mixin / not text ]] */
/*[memo]
ブロック要素内に画像のみの場合のline-heightを無効かする指定
------------------------------------------------*/
/* [[ Mixin / clear fix ]] */
/* [[ Mixin / maxWidth ]] */
/*[memo]
PC版 max width 指定
SP版 共通左右空き指定
------------------------------------------------*/
/* [[ Mixin / button ]] */
/*[memo]
ボタンの共通指定

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

※height はどの箇所で使っても共通指定 = 固定
※width は各箇所にて指定

バリエーションは...
・サイズ × 2種 = M・S
・カラー
の掛け合わせ仕様です。
------------------------------------------------*/
/*
↑
上記 @mixin button を元に...
各カラー・サイズバリエーションを指定しています。
↑
バリエーションは...
・サイズ × 2種 = M・S
・カラー
の掛け合わせ仕様です。
↓
各箇所で指定（使用）する場合は、下記を @include してください。
↓
*/
/* [[ ┠ buttonDefault = 白 ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonLow = グレー ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonPrimary = 青薄め ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonPrimary = 青 ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonTheme = 青 ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonTheme = 緑 ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonConversion = オレンジ ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonDisabled = リンク無効ボタン ]] */
/*----------------------------------------------*/
/*[memo]
例）バリデート処理などで使用する押せないボタン
------------------------------------------------*/
/* [[ ┠ キープ / オン・オフ ]] */
/*----------------------------------------------*/
/*[memo]
例）バリデート処理などで使用する押せないボタン
------------------------------------------------*/
/*--------------------
その他バリエーション指定
（上記各カラーバリエーションとの掛け合わせ指定）
↓
・サイズS 指定
・逆エンボス 指定
・%extend_button-default = 白ボタン padding調整
↓
@extend の掛け合わせ指定を実現するには
この指定しか上手くいかなかった...
↓
*/
/* [[ ┠ button-sizeS = サイズ S ]] */
/*----------------------------------------------*/
/* [[ ┗ button-active = 逆エンボス ]] */
/*----------------------------------------------*/
/*[memo]
@mixin buttonDefault() のアクティブ指定
------------------------------------------------*/
/* [[ Mixin / merit icon ]] */
/*[memo]
下記デザイン用の統一共通 mixin 指定
border color / border との padding値は
引数 = 各指定箇所で指定

例）
｜お知らせ（見出し）
｜本文本文本文本文本文本文本文本文本文本文

------------------------------------------------*/
/* [[ Mixin / internshipDuration icon ]] */
/* [[ Mixin / section left border ]] */
/*[memo]
下記デザイン用の統一共通 mixin 指定
border color / border との padding値は
引数 = 各指定箇所で指定

例）
｜お知らせ（見出し）
｜本文本文本文本文本文本文本文本文本文本文

------------------------------------------------*/
/* [[ Mixin / box shadow ]] */
/*[memo] ボックス + シャドー 共通指定 extend */
/* [[ Mixin / map icon ]] */
/* [[ Mixin / text link icon ]] */
/*[memo]
テキストリンクのアイコン
------------------------------------------------*/
/* [[ Mixin / text link icon ]] */
/*[memo]
補足説明テキスト
------------------------------------------------*/
/* [[ Mixin / newline ]] */
/*[memo]
inline要素改行処理
------------------------------------------------*/
/* [[ form ]] */
/*[memo]
各種フォーム系 初期値指定
------------------------------------------------*/

::-moz-placeholder {
  color: #9CA3AF;
  font-size: 14px;
  padding: 2px 0;
  opacity: 1;
}

::placeholder {
  color: #9CA3AF;
  font-size: 14px;
  padding: 2px 0;
  opacity: 1;
}

:-moz-placeholder-shown {
  color: #9CA3AF;
  font-size: 14px;
  padding: 2px 0;
  opacity: 1;
}

:placeholder-shown {
  color: #9CA3AF;
  font-size: 14px;
  padding: 2px 0;
  opacity: 1;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  padding: 8px 12px;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  font-size: 16px;
  background: #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
}

textarea {
  width: 100%;
  resize: vertical;
}

select {
  font-size: 14px;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
  margin-right: 5px;
}

input[type=button],
input[type=submit] {
  cursor: pointer;
  /*
  border: solid 1px #cccccc;
  background: #fff;
  border-radius: 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: -2px;
}

/* [[ background SVG icon ]] */
/* [[┠ svg_icon_ft_link_info ]] */
/*----------------------------------------------*/
/* [[┠ svg_icon_circle_plus ]] */
/*----------------------------------------------*/
/* [[┠ svg_icon_circle_minus ]] */
/*----------------------------------------------*/
/* [[┠ svg_icon_arrow_right ]] */
/*----------------------------------------------*/
/* [[┠ svg_icon_arrow_left ]] */
/*----------------------------------------------*/
/* [[┠ svg_icon_arrow_x ]] */
/*----------------------------------------------*/
/* [[┠ svg_icon_loupe ]] */
/*----------------------------------------------*/
/* [[ html / body / common ]] */
html {
  background: #0097CF;
}

body {
  min-width: 1160px;
  -webkit-text-size-adjust: none;
  color: #1F2937;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #fff;
}

a {
  color: #3D74D3;
  text-decoration: none;
}
a:hover {
  color: #3460C1;
  text-decoration: underline;
}
a:visited, a:active {
  color: #304F9D;
}

/* [[ .header ]] */
/*[memo]
.header > .header_inner
┠ &_banner
┃ ┗ .siteTitle ..... ロゴ
┠ &_navSwitch ..... スマホ用 &_nav 開閉スイッチ
┠ &_changeYear ..... 2021と2022を往来するリンク
┠ &_nav
┃ ┠ .headerLoginNav .....「新規登録」「ログイン」ボタン（未ログイン時のみ表示）
┃ ┠ .globalNav ..... グローバルナビ
┃ ┃ ┗ .globalChildNav
┃ ┗ .utilityNav ..... ログインユーザー名 + ログアウトボタン（ログイン後のみ表示）
┗ .userStatus
↓
▼modifier
.header-simpleType = シンプルタイプ（ロゴのみ）用
↑
の場合...
↓
.header > .header_inner
┗ &_banner
　 ┗ .siteTitle ..... ロゴ

------------------------------------------------*/
.header {
  background-color: #fff;
  position: relative;
  z-index: 1;
  /* [[ ┠ &_banner ]] */
  /*----------------------------------------------*/
  /*[memo]
  ロゴなどを内包する要素
  ------------------------------------------------*/
  /* [[ ┠ &_navSwitch ]] */
  /*----------------------------------------------*/
  /*[memo]
  スマホ版ヘッダーナビ開閉スイッチ
  ------------------------------------------------*/
  /* [[ ┠ &_nav ]] */
  /*----------------------------------------------*/
  /*[memo]
  別途指定の各ナビゲーション要素を内包
  ------------------------------------------------*/
  /* [[ ┠ &_navClose ]] */
  /*----------------------------------------------*/
  /*[memo]
  スマホ版ヘッダーナビ クローズボタン
  ------------------------------------------------*/
}
.header:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  padding: 0.5rem 0;
  bottom: -8px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 40px;
  background: #EFFAFF;
}
.header_inner {
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
body.simpleMode .header, .header-simpleType {
  border-bottom: solid 3px #0097CF;
}
body.simpleMode .header:before, .header-simpleType:before {
  content: none;
}
.header_navSwitch {
  display: none;
}
body.simpleMode .header_navSwitch, .header-simpleType .header_navSwitch {
  display: none;
}
body.simpleMode .header_nav, .header-simpleType .header_nav {
  display: none;
}
.header_navClose {
  display: none;
}

#articleCategory.yearAround .header,
#articleSubCategory.yearAround .header,
#articleDetail.yearAround .header,
#top.yearAround .header,
#notFound.yearAround .header {
  border-bottom: solid 5px #0078A7;
}
#articleCategory.yearAround .header:before,
#articleSubCategory.yearAround .header:before,
#articleDetail.yearAround .header:before,
#top.yearAround .header:before,
#notFound.yearAround .header:before {
  display: none;
}
#articleCategory.yearAround .header_inner,
#articleSubCategory.yearAround .header_inner,
#articleDetail.yearAround .header_inner,
#top.yearAround .header_inner,
#notFound.yearAround .header_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 0;
}

/* [[ ┠ .siteTitle ]] */
/*----------------------------------------------*/
/*[memo]
.header_banner 内要素
ロゴ要素
------------------------------------------------*/
.siteTitle {
  padding: 1.25rem 0;
}
.siteTitle_notes {
  display: block;
  color: #1F2937;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.siteTitle_logo a {
  display: block;
  width: 275px;
}
.siteTitle_logo a:hover {
  opacity: 0.8;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
body.yearAround .siteTitle_logo a {
  width: 214px;
}
.siteTitle_logo img {
  display: block;
  width: auto;
  height: 30px;
}
body.simpleMode .siteTitle, .header-simpleType .siteTitle {
  padding: 0.5rem 0;
}
body.simpleMode .siteTitle_notes, .header-simpleType .siteTitle_notes {
  display: none;
}
body.simpleMode .siteTitle_logo a, .header-simpleType .siteTitle_logo a {
  width: 184px;
}
body.simpleMode .siteTitle_logo a:hover, .header-simpleType .siteTitle_logo a:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
body.simpleMode .siteTitle_logo img, .header-simpleType .siteTitle_logo img {
  height: 20px;
}

#articleCategory.yearAround .siteTitle,
#articleSubCategory.yearAround .siteTitle,
#articleDetail.yearAround .siteTitle,
#top.yearAround .siteTitle,
#notFound.yearAround .siteTitle {
  padding: 0;
}

/* [[ ┠ .headerLoginNav ]] */
/*----------------------------------------------*/
/*[memo]
.header_nav 内要素
「新規登録」「ログイン」ボタン
------------------------------------------------*/
.headerLoginNav {
  position: absolute;
  top: 15px;
  right: 0;
}
.headerLoginNav_item {
  display: inline-block;
  vertical-align: middle;
}
.headerLoginNav_item-signup a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #D24719;
  color: #fff;
}
.headerLoginNav_item-signup a:hover, .headerLoginNav_item-signup a:visited {
  color: #fff;
}
.headerLoginNav_item-login a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #DFECFA;
  color: #1E2B4D;
}
.headerLoginNav_item-login a:hover, .headerLoginNav_item-login a:visited {
  color: #1E2B4D;
}
.headerLoginNav_item {
  width: 140px;
  margin-left: 0.75rem;
}
.headerLoginNav_item-signup a {
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.headerLoginNav_item-login a {
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
}

/* [[ ┠ .changeYear ]] */
/*----------------------------------------------*/
/*[memo]
2021と2022を往来するリンク
------------------------------------------------*/
.changeYear {
  position: absolute;
  top: 60px;
  right: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
}
/* [[ ┠ .globalNav ]] */
/*----------------------------------------------*/
/*[memo]
.header_nav 内要素
グローバルナビ
------------------------------------------------*/
.globalNav {
  display: table;
  width: 100%;
  margin: 0.5rem 0;
}
.globalNav_item {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  height: 40px;
  box-sizing: border-box;
}
.globalNav_item > a, .globalNav_item > b {
  display: block;
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0 0.25rem;
  background-color: #EFFAFF;
  border-radius: 8px;
}
.globalNav_item > a:hover, .globalNav_item > b:hover {
  color: #0078A7;
  background-color: #fff;
  border-radius: 8px;
}
.globalNav_item > b {
  cursor: pointer;
}
.globalNav_item:first-child > a, .globalNav_item:first-child > b {
  margin-left: 0;
}
.globalNav_item:last-child > a, .globalNav_item:last-child > b {
  margin-right: 0;
}
body#jobList .globalNav_item-job > a, body#jobList .globalNav_item-job > b, body#jobDetail .globalNav_item-job > a, body#jobDetail .globalNav_item-job > b, body#search .globalNav_item-job > a, body#search .globalNav_item-job > b, body#joint .globalNav_item-joint > a, body#joint .globalNav_item-joint > b, body#event .globalNav_item-joint > a, body#event .globalNav_item-joint > b, body#shukatsuSupport .globalNav_item-shukatsuSupport > a, body#shukatsuSupport .globalNav_item-shukatsuSupport > b, body#supportContent .globalNav_item-shukatsuSupport > a, body#supportContent .globalNav_item-shukatsuSupport > b, body#mypage .globalNav_item-myPage > a, body#mypage .globalNav_item-myPage > b, body#articleCategory .globalNav_item-column > a, body#articleCategory .globalNav_item-column > b, body#articleSubCategory .globalNav_item-column > a, body#articleSubCategory .globalNav_item-column > b, body#articleDetail .globalNav_item-column > a, body#articleDetail .globalNav_item-column > b, .globalNav_item-act > a, .globalNav_item-act > b {
  color: #0078A7;
  background-color: #fff;
}

/* [[ ┠ .globalChildNav ]] */
/*----------------------------------------------*/
/*[memo]
.header_nav 内要素
グローバルナビ内の子要素リンクリスト
PC版のみアコーディオン仕様
------------------------------------------------*/
.globalChildNav {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  /*
  body#jobList .globalNav_item-job &,//企業情報
  body#jobDetail .globalNav_item-job &,//企業情報
  body#search .globalNav_item-job &,//企業情報
  body#joint .globalNav_item-joint &,//合同企業説明会
  */
}
.globalChildNav:after {
  content: " ";
  position: absolute;
  top: -18px;
  left: 50%;
  right: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.globalChildNav_item + .globalChildNav_item {
  border-top: solid 1px #E5E7EB;
}
.globalChildNav_item a {
  display: block;
  padding: 1rem 2rem 1rem 1rem;
  color: #3D74D3;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/base/hd_mynav_icon.png) no-repeat right 1rem center;
  background-size: auto 20px;
}
.globalChildNav_alert {
  display: table-cell;
  padding: 0 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: #D24719;
  border-radius: 100px;
}

/* [[ ┠ .utilityNav ]] */
/*----------------------------------------------*/
/*[memo]
.header_nav 内要素
「サイトマップ」「お問い合わせ」など
------------------------------------------------*/
.utilityNav {
  zoom: 1;
  position: absolute;
  top: 15px;
  right: 0;
}
.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;
}
.utilityNav_item + .utilityNav_item {
  margin-left: 1.25rem;
}
.utilityNav_item a {
  display: block;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  text-decoration: none;
  padding-left: 15px;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/base/hd_unav_icon.png) no-repeat left center;
  background-size: 12px auto;
}

/* [[ ┗ .userStatus ]] */
/*----------------------------------------------*/
/*[memo]
ログイン後のみ表示する要素
ログインユーザー名 + ログアウトボタン
------------------------------------------------*/
.userStatus {
  position: absolute;
  top: 15px;
  right: 0;
  width: 700px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.userStatus_name {
  display: flex;
  align-items: flex-end;
  vertical-align: middle;
  margin-right: 0.5rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userStatus_name:after {
  content: "さん";
  display: inline-block;
  width: 28px;
  flex-shrink: 0;
  flex-grow: 0;
  vertical-align: middle;
  margin-left: 0.25rem;
  font-weight: normal;
}
.userStatus_logout {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #fff;
  border: solid 1px #9CA3AF;
  box-shadow: inset 0 -1px 0 #9CA3AF;
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 86px;
}
.userStatus_logout, .userStatus_logout:link, .userStatus_logout:visited, .userStatus_logout:active, .userStatus_logout:hover {
  color: #1F2937;
}
input[type=submit].userStatus_logout,
input[type=button].userStatus_logout {
  border: solid 1px #9CA3AF;
}

body.simpleMode .userStatus, .header-simpleType .userStatus {
  display: none;
}

/* [[ .footer ]] */
/*[memo]
.footer > .footer_inner
┠ &_pageTop
┠ &_outline
┃ ┠ .footerDescription ..... ジョブキタ就活とは
┃ ┠ .footerSiteMap ..... 検索項目リンク
┃ ┠ .footerPmark ..... Pマーク
┃ ┗ .footerTekiseiMedia ..... 求人情報提供ガイドライン適合メディア
┠ &_links
┃ ┠ .footerUtilityLinks ..... 「採用担当者様へ」「個人情報保護方針」などサイト内リンク
┃ ┗ .footerHajLinks ..... HAJサイトへのリンク
┗ .footerSignature ..... コピーライト
↓
▼modifier
.footer-simpleType = シンプルタイプ（ロゴのみ）用
↑
の場合...
↓
.footer > .footer_inner
┗ .footerSignature ..... コピーライト

------------------------------------------------*/
.footer {
  /* [[ ┠ &_outline ]] */
  /*----------------------------------------------*/
  /*[memo]
  ジョブキタ新卒とは？・検索リンク・Pマークなど内包
  ------------------------------------------------*/
  /* [[ ┠ &_links ]] */
  /*----------------------------------------------*/
  /*[memo]
  本サイトについて・他求人サイトリンクなど内包
  ------------------------------------------------*/
}
.footer_pageTop {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  z-index: 1000;
  left: 50%;
  margin-left: 520px;
}
.footer_pageTop img {
  width: 100%;
}
.footer_pageTop-translate {
  bottom: 100px;
}
.footer_outline {
  border-top: solid 5px #30D0FF;
  padding: 2.5rem 0;
}
body.simpleMode .footer_outline, .footer-simpleType .footer_outline {
  display: none;
}
.footer_links {
  background-color: #DFF4FF;
  padding: 2.5rem 0;
}
body.simpleMode .footer_links, .footer-simpleType .footer_links {
  display: none;
}

/* [[ ┠ .footerDescription ]] */
/*----------------------------------------------*/
/*[memo]
.footer_outline 内要素
ジョブキタ就活とは
------------------------------------------------*/
.footerDescription {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.footerDescription_title {
  color: #0097CF;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.footerDescription_text {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ ┠ .footerBanner ]] */
/*----------------------------------------------*/
/*[memo]
2020.06.01イベント「就活セミナー・イベント」追加時（公開時）
スライドバナーだけでは導線が弱いので、
フッター部にバナーを追加することになりました。
------------------------------------------------*/
.footerBanner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.footerBanner + .footerBanner {
  margin-top: 1.25rem;
}
.footerBanner a {
  display: block;
}
.footerBanner img {
  display: block;
  width: 100%;
}

/* [[ ┠ .footerSiteMap ]] */
/*----------------------------------------------*/
/*[memo]
.footer_outline 内要素
「業種から探す」「職種から探す」「勤務地から探す」など
サイト内コンテンツへのリンク要素
------------------------------------------------*/
.footerSiteMap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.footerSiteMap_title {
  border-left: solid 5px #0097CF;
  padding-left: 0.5rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.footerSiteMap_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.footerSiteMap_item {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.footerSiteMap_item a {
  text-decoration: none;
}
.footerSiteMap_item a:hover {
  text-decoration: underline;
}
.footerSiteMap_item:after {
  content: "/";
  display: inline-block;
  vertical-align: top;
  margin: 0 0.5rem;
  color: #ddd;
}
.footerSiteMap_item:last-child:after {
  content: none;
}

.footerSiteMapAccordion {
  border-top: 1px dotted #E5E7EB;
}
.footerSiteMapAccordion:first-of-type {
  margin-top: 0.5rem;
}
.footerSiteMapAccordion:last-of-type {
  border-bottom: 1px dotted #E5E7EB;
}
.footerSiteMapAccordion-none .footerSiteMapAccordion_title {
  color: #4B5563;
  font-weight: normal;
  cursor: default;
}
.footerSiteMapAccordion-none .footerSiteMapAccordion_title:after {
  display: none;
}
.footerSiteMapAccordion_title {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #3D74D3;
  cursor: pointer;
}
.footerSiteMapAccordion_title.open:after {
  background-image: url("https://image.haj.co.jp/jobkita/shukatsu/base/footerSearchAccordion_open_icon.png");
  background-size: 16px auto;
}
.footerSiteMapAccordion_title:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: "";
  width: 16px;
  height: 100%;
  background-image: url("https://image.haj.co.jp/jobkita/shukatsu/base/footerSearchAccordion_close_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px auto;
}
.footerSiteMapAccordion_title a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
}
.footerSiteMapAccordion_title a:hover {
  text-decoration: underline;
}
.footerSiteMapAccordion_district {
  font-weight: bold;
}
.footerSiteMapAccordion_notes {
  padding-left: 5px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
}

.footerSiteMapAccordionBody {
  display: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 1px dotted #E5E7EB;
}
.footerSiteMapAccordionBody.close {
  display: none;
}
.footerSiteMapAccordionBody.open {
  display: block;
}
.footerSiteMapAccordionBody_allConditions {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
.footerSiteMapAccordionBody_allConditions a {
  text-decoration: none;
}
.footerSiteMapAccordionBody_allConditions a:hover {
  text-decoration: underline;
}

/* [[ ┠ .footerOfficialBadges ]] */
/*----------------------------------------------*/
/*[memo]
.footer_outline 内要素
公式のバッジを格納
------------------------------------------------*/
.footerOfficialBadges {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex;
  gap: 1.5rem;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
}

/* [[ ┠ .footerPmark ]] */
/*----------------------------------------------*/
/*[memo]
.footer_outline 内要素
Pマーク
------------------------------------------------*/
.footerPmark {
  text-align: center;
}

/* [[ ┠ .footerCertifiedJobMedia ]] */
/*----------------------------------------------*/
/*[memo]
.footer_outline 内要素
優良認定マーク
------------------------------------------------*/
.footerCertifiedJobMedia {
  display: flex;
  width: 375px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.footerCertifiedJobMedia p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
}

/* [[ ┠ .footerUtilityLinks ]] */
/*----------------------------------------------*/
/*[memo]
.footer_links 内要素
「採用担当者様へ」「個人情報保護方針」など
サイト内コンテンツへのリンク要素
------------------------------------------------*/
.footerUtilityLinks {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: -0.5rem;
  /*
  下記の改行時 margin-top 指定があるため
  親の上の空きが大きくなります。
  その分を親にマイナス margin 指定しています。
  */
}
.footerUtilityLinks_item {
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.footerUtilityLinks_item a {
  color: #3460C1;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  padding-left: 16px;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/base/ft_ulinks_icon.png) no-repeat left center;
  background-size: auto 12px;
}
.footerUtilityLinks_item a:hover {
  text-decoration: underline;
}

/* [[ ┠ .footerHajLinks ]] */
/*----------------------------------------------*/
/*[memo]
.footer_links 内要素
「HAJの求人情報サイト」「その他の関連サイト」リンク要素
------------------------------------------------*/
.footerHajLinks {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  zoom: 1;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: solid 1px #30D0FF;
}
.footerHajLinks:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .footerHajLinks {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.footerHajLinks_title {
  float: left;
  width: 200px;
  color: #02658A;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.footerHajLinks_list {
  overflow: hidden;
  zoom: 1;
}
.footerHajLinks_item a {
  color: #1F2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  padding-left: 16px;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/base/ft_hlinks_icon.png) no-repeat left center;
  background-size: auto 12px;
}
.footerHajLinks_item a span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  color: #3460C1;
  font-weight: bold;
}
.footerHajLinks_item a:hover span {
  text-decoration: underline;
}

/* [[ ┗ .footerSignature ]] */
/*----------------------------------------------*/
/*[memo]
コピーライト
------------------------------------------------*/
.footerSignature {
  padding: 2.5rem 0;
  background-color: #02658A;
}
.footerSignature_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  text-align: center;
}
.footerSignature_company {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}
.footerSignature_company, .footerSignature_company:visited, .footerSignature_company:active {
  color: #fff;
}
.footerSignature_company:hover {
  color: #fff;
  text-decoration: underline;
}
.footerSignature_copyright {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
}
body.simpleMode .footerSignature, .footer-simpleType .footerSignature {
  padding: 1.25rem 0;
  background-color: #0097CF;
}

/* [[ #contents ]] */
.contents {
  padding-top: 1.25rem;
  padding-bottom: 4rem;
}
.breadcrumbs + .contents {
  padding-top: 0;
}
body#top .contents {
  padding-top: 0;
}
.contents_inner {
  zoom: 1;
}
.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_inner.hajArticle {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.contentsHeader {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-top: 1.25rem;
}
form > .contentsHeader:first-of-type, .contentsHeader:first-child {
  padding-top: 0;
}

.jobDetailNav + .contentsHeader {
  padding-top: 2.5rem;
}

.contentsFooter {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-top: 2.5rem;
}

/* [ common ] */
/*[memo]
#contents / .contentsHeader / .contentsFooter
で使用する共通指定
------------------------------------------------*/
.contentsHeader > P,
.contentsFooter > P {
  margin-top: 1.25rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}
.contentsHeader > P.notes,
.contentsFooter > P.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.contentsHeader > P.attention,
.contentsFooter > P.attention {
  color: #BD1A14;
}
.contentsHeader > P:first-child,
.contentsFooter > P:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.contentsHeader > P + p,
.contentsFooter > P + p {
  margin-top: 0;
  border-top: none;
}
.contentsHeader .pageStatus + p,
.contentsHeader .toolbar + p,
.contentsHeader .formFlow + p,
.contentsFooter .pageStatus + p,
.contentsFooter .toolbar + p,
.contentsFooter .formFlow + p {
  padding-top: 0;
  border-top: none;
}

.contentsFooter .linkItem {
  margin: 0 auto;
  padding-top: 1.25rem;
}
.contentsFooter .linkItem_links {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}

body#joint.list .contentsHeader p,
body#joint.howto .contentsHeader p {
  margin-top: 0;
  border-top: none;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

body#joint.detail .contentsHeader p,
body#event.detail .contentsHeader p {
  padding-top: 0;
  border-top: none;
}

body#mypage.delete .contentsFooter p,
body#account.delete .contentsFooter p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}

/* [[ .banner ]] */
/*[memo]
共通バナー指定
------------------------------------------------*/
.banner {
  margin-top: 0.5rem;
  width: 220px;
}
.banner a {
  font-size: 0;
  line-height: 0;
  display: block;
}
.banner a img {
  width: 100%;
}
.banner p {
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ ＃bodyScreen ]] */
/*[memo]
jsでのライトボックス展開時、下地に敷くスクリーン要素
------------------------------------------------*/
#bodyScreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

body#mypage.photoUpload #bodyScreen {
  display: none;
}
body#mypage.photoUpload #bodyScreen p {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  color: rgb(178.5, 178.5, 178.5);
  text-align: center;
}
body#mypage.photoUpload #bodyScreen p span {
  display: inline-block;
  margin: 0 2px;
  color: #fff;
  font-weight: bold;
}

/* [[ .contentsList ]] */
/*[memo]
サイトマップや検索リストなどで使用
------------------------------------------------*/
.contentsList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
}
#searchScreen .searchDetail .contentsList {
  margin-top: 0;
  padding-bottom: 1.25rem;
}

/* [[┃┠ .headline ]] */
.contentsList .headline {
  position: relative;
  margin-top: 1.25rem;
  padding: 0.5rem;
  border: solid 1px #0097CF;
  background: #DFF4FF;
  border-radius: 8px;
}
.contentsList .headline:first-child {
  margin-top: 0;
}
.contentsList .headline a {
  text-decoration: none;
}

.contentsList h3.headline {
  border: none;
  background: #f3f3f3;
}

.contentsList .headline + .headline {
  margin-top: 0.5rem;
}

/* [[┃┠ .item ]] */
.contentsList .item {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}
.contentsList .item a {
  text-decoration: none;
}
.contentsList .item:first-child {
  margin-top: 0;
}
.contentsList .headline + .item {
  margin-top: 0;
  border-top: none;
}
#searchScreen .searchDetail .contentsList .item {
  border-top: dotted 1px #E5E7EB;
}
#searchScreen .searchDetail .contentsList .item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.contentsList div.item,
.contentsList ul.item li {
  position: relative;
}
.contentsList ul.item {
  zoom: 1;
}
.contentsList ul.item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .contentsList ul.item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.contentsList ul.item li {
  float: left;
  width: 31%;
  width: calc(33.3% - 6px);
}
.contentsList ul.item li:first-child {
  width: calc(33.4% - 6px);
}
.contentsList ul.item li + li {
  padding-left: 9px;
}
.contentsList ul.item.set {
  /* 排他処理 未指定 */
}
#searchScreen .contentsList .item.searchSet .executeButton_low, #searchScreen .contentsList .item.searchSet .executeButton_done {
  display: block;
  min-height: initial;
  padding: 0;
  background-image: none;
  /* @extend %extend_text_link_icon reset */
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 37px; /* 40px - border-bottom */
}
#searchScreen .contentsList .item.searchSet .executeButton_low:hover .itemName, #searchScreen .contentsList .item.searchSet .executeButton_done:hover .itemName {
  color: #222;
  text-decoration: none;
}
#searchScreen .contentsList .item.searchSet .executeButton_done {
  color: #6B7280;
}
#searchScreen .contentsList .item.searchSet .executeButton_done:hover .itemName {
  color: #6B7280;
}

/* [[┃┠ .xxxx / a / label / inpust ]] */
.contentsList .itemWrap {
  display: block;
}
.contentsList .headline label.itemWrap,
.contentsList .item .itemWrap {
  padding-left: 1.25rem;
}
.contentsList a.itemWrap:hover {
  text-decoration: none;
}
.contentsList .headline a.itemWrap {
  padding-right: 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%230097CF%22%20d%3d%22M2%2e5%2c30A2%2e5%2c2%2e5%2c0%2c0%2c1%2c%2e73%2c25%2e73L11%2e46%2c15%2c%2e73%2c4%2e27A2%2e5%2c2%2e5%2c0%2c0%2c1%2c4%2e27%2e73l12%2e5%2c12%2e5a2%2e5%2c2%2e5%2c0%2c0%2c1%2c0%2c3%2e54L4%2e27%2c29%2e27A2%2e49%2c2%2e49%2c0%2c0%2c1%2c2%2e5%2c30Z%22%2f%3e%0d%0a%09%09%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
.contentsList .item a.itemWrap {
  display: inline-block;
  min-height: 14px;
  padding-left: 1.25rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/base/text_link_icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: left 6px;
}
#searchScreen .searchDetail .contentsList .item a.itemWrap {
  background-position: left 4px;
}
.contentsList .headline input[type=checkbox],
.contentsList .headline input[type=radio],
.contentsList .item input[type=checkbox],
.contentsList .item input[type=radio] {
  position: absolute;
}
.contentsList .headline input[type=checkbox],
.contentsList .headline input[type=radio] {
  top: 1rem;
  left: 0.5rem;
}
.contentsList div.item input[type=checkbox],
.contentsList div.item input[type=radio] {
  top: 0.5rem;
  left: 0;
}
.contentsList .item li input[type=checkbox],
.contentsList .item li input[type=radio] {
  top: 6px;
  left: 0;
}
.contentsList .item li + li input[type=checkbox],
.contentsList .item li + li input[type=radio] {
  top: 6px;
  left: 9px;
}

/* [[┃┠ .xxxx / .itemName ]] */
.contentsList .itemName {
  display: block;
  font-weight: bold;
}
.contentsList .itemName span.itemValue {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.contentsList div.item .itemName,
.contentsList ul.item li .itemName {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.contentsList .headline .itemName {
  color: #02658A;
}

.contentsList .item label.itemWrap .itemName,
.contentsList .item span.itemWrap .itemName {
  color: #222;
}

.contentsList a.itemWrap:hover .itemName {
  text-decoration: underline;
}

/* [[┃┠ .xxxx / .itemNotes ]] */
.contentsList .itemNotes,
.contentsList a.itemWrap .itemNotes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  padding-top: 0.25rem;
  font-weight: normal;
}

/* [[┃┗ .nono / .itemName / .itemNotes ]] */
.contentsList div.item.none .itemName,
.contentsList ul.item li.none .itemName,
.contentsList div.item.none .itemNotes,
.contentsList ul.item li.none .itemNotes {
  color: #ccc;
}

/* [[ .contentsTitle ]] */
/*[memo]
コンテンツ（ページ）タイトル共通指定
------------------------------------------------*/
.contentsHeader .contentsTitle {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.contentsHeader .contentsTitle span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
}
body#joint.detail .contentsHeader .contentsTitle, body#event.detail .contentsHeader .contentsTitle {
  line-height: 1.6;
}

/* [[ .deletAversion / deleteAlert ]] */
/*[memo]
退会画面で使用
------------------------------------------------*/
.deletAversion,
.deleteAlert {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.deletAversion ul,
.deleteAlert ul {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.deletAversion p,
.deletAversion li,
.deleteAlert p,
.deleteAlert li {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}
.deletAversion p:first-child,
.deletAversion ul:first-child li:first-child,
.deleteAlert p:first-child,
.deleteAlert ul:first-child li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.deletAversion p.attention,
.deleteAlert p.attention {
  color: #932E19;
}
.deletAversion p.notes,
.deleteAlert p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.deletAversion span.icon,
.deleteAlert span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  color: #0097CF;
}

.deletAversion {
  padding: 1.25rem;
  border: solid 5px #E5E7EB;
  border-radius: 8px;
}
.deletAversion li a {
  display: inline-block;
  min-height: 14px;
  padding-left: 1.25rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/base/text_link_icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px auto;
}

/* [[ .execute ]] */
/*[memo]
画面遷移 決定ボタン
------------------------------------------------*/
.execute {
  zoom: 1;
  width: 580px;
  margin: 1.25rem auto 0 auto;
}
.execute:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .execute {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.execute:first-child {
  margin-top: 0;
}
.execute li {
  float: right;
  width: 280px;
}
.execute li.executeButton {
  width: 280px;
}
.execute li:last-child {
  float: none;
  margin: 0 auto;
}
.execute li + li:last-child {
  float: right;
  width: 280px;
  margin: 0 1.25rem 0 0;
}
.execute + .notes {
  padding-top: 0;
  border-top: none;
  text-align: center;
}
.execute + .notes .links {
  color: #4B5563;
}

/* [[ .executeButton ]] */
/*[memo]
全ページ共通リンクボタン指定
------------------------------------------------*/
.executeButton:not(.disabled), .executeButton_high, .executeButton_send {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #DFECFA;
  color: #1E2B4D;
}
.executeButton:not(.disabled):hover, .executeButton:not(.disabled):visited, .executeButton_high:hover, .executeButton_high:visited, .executeButton_send:hover, .executeButton_send:visited {
  color: #1E2B4D;
}
.executeButton_low {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #fff;
  border: solid 1px #9CA3AF;
  box-shadow: inset 0 -1px 0 #9CA3AF;
}
.executeButton_low, .executeButton_low:link, .executeButton_low:visited, .executeButton_low:active, .executeButton_low:hover {
  color: #1F2937;
}
input[type=submit].executeButton_low,
input[type=button].executeButton_low {
  border: solid 1px #9CA3AF;
}

.executeButton_lead {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #D24719;
  color: #fff;
}
.executeButton_lead:hover, .executeButton_lead:visited {
  color: #fff;
}
.executeButton_done, .entryFunction .keep.ui-myclip.on .executeButton_low {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #F1F7FD;
  border: solid 1px #D1D5DB;
  box-shadow: inset 0 1px 0 #D1D5DB;
  padding: 0.25rem 0.5rem 0.15rem 0.5rem;
}
.executeButton_done, .executeButton_done:link, .executeButton_done:visited, .executeButton_done:active, .executeButton_done:hover, .entryFunction .keep.ui-myclip.on .executeButton_low, .entryFunction .keep.ui-myclip.on .executeButton_low:link, .entryFunction .keep.ui-myclip.on .executeButton_low:visited, .entryFunction .keep.ui-myclip.on .executeButton_low:active, .entryFunction .keep.ui-myclip.on .executeButton_low:hover {
  color: #1F2937;
}
input[type=submit].executeButton_done, .entryFunction .keep.ui-myclip.on .executeButton_low,
input[type=button].executeButton_done, .entryFunction .keep.ui-myclip.on .executeButton_low {
  border: solid 1px #D1D5DB;
}

.entryFunction .keep.ui-myclip.off .executeButton, .entryFunction .keep.ui-myclip.on .executeButton_low {
  cursor: pointer;
}
.executeButton.disabled, .executeButton.bf-passwordCheck-disabled {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #D1D5DB;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}
.executeButton.disabled, .executeButton.disabled:link, .executeButton.disabled:visited, .executeButton.disabled:active, .executeButton.disabled:hover, .executeButton.bf-passwordCheck-disabled, .executeButton.bf-passwordCheck-disabled:link, .executeButton.bf-passwordCheck-disabled:visited, .executeButton.bf-passwordCheck-disabled:active, .executeButton.bf-passwordCheck-disabled:hover {
  color: #4B5563;
  text-decoration: none;
}

/* [[ .freewordSearch ]] */
/*[memo]
フリーワード検索の入力フォーム + ボタン
------------------------------------------------*/
.freewordSearch {
  display: table;
  width: 100%;
}
.freewordSearch .freewordInput {
  display: table-cell;
}
.freewordSearch .searchButton {
  display: table-cell;
  width: 60px;
}
.freewordSearch input[type=text] {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1;
  background: none;
  border-radius: 0;
  /* reset */
  width: 100%;
  height: 35px;
  padding: 2px 5px 2px 10px;
  border: solid 1px #E5E7EB;
  border-right: none;
  background: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-sizing: border-box;
}
.freewordSearch input[type=submit] {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1;
  background: none;
  border-radius: 0;
  /* reset */
  width: 100%;
  height: 35px;
  border-bottom: solid 2px rgb(0, 113.7971014493, 156);
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #0097CF;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-sizing: border-box;
}

/* [[ .jobdata ]] */
/*[memo]
求人リスト（検索結果一覧）
※トップ・検索結果一覧でも使用するためmoduleにて指定
------------------------------------------------*/
.jobdata {
  margin-top: 1.25rem;
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  overflow: hidden;
}
.contents_inner > .jobdata, .contents_inner > form > .jobdata {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.jobLisStatus + .jobdata {
  margin-top: 2.5rem;
}
.keepListNav + .jobdata {
  margin-top: 2.5rem;
}
.jobdata_sellingpoint {
  padding-bottom: 20px;
}
.jobdata_sellingpoint .jobdata_select {
  border: none;
  display: inline-block;
  float: left;
  padding: 20px 10px;
}

/* [[┠ .jobdata_status ]] */
/*----------------------------------------------*/
.jobdata_status {
  position: relative;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 2rem 0 2rem;
}

/* [[┃┗ .jobdata_property ]] */
.jobdata_property {
  flex-grow: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.5rem;
}
.jobdata_property li {
  padding: 0.125rem 0.75rem;
  border-radius: 100px;
  box-sizing: border-box;
  color: #B93815;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #FDEAD7;
}

/* [[┃┠ .jobdata_select ]] */
/* [[┠ .jobdata_sellingpoint ]] */
/*----------------------------------------------*/
.jobdata_sellingpoint {
  zoom: 1;
  padding: 2rem;
}
.jobdata_sellingpoint:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobdata_sellingpoint {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobdata_sellingpoint:only-child {
  padding-bottom: 2rem;
}
.jobdata_status + .jobdata_sellingpoint {
  padding-top: 1.25rem;
}

/* [[┃┠ .mainPhoto ]] */
.jobdata_sellingpoint .mainPhoto {
  font-size: 0;
  line-height: 0;
  background: #f3f3f3;
  width: 200px;
  float: left;
  margin-right: 1.25rem;
  text-align: center;
}
.jobdata.expire .jobdata_sellingpoint .mainPhoto {
  display: none;
}
.jobdata_sellingpoint .mainPhoto img {
  display: inline-block;
}
.jobdata_sellingpoint .mainPhoto img {
  max-width: 100%;
  max-height: 150px;
}

.relatedLinks {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 1rem;
  background: #fff;
}

/* [[┃┠ .jobdata_account ]] */
.jobdata_account .accountName {
  color: #222;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.jobdata_account .accountName a {
  text-decoration: underline;
}
.jobdata_account .accept + .accountName,
.jobdata_account .new + .accountName {
  padding-top: 0.5rem;
}
.jobdata_account .businessType {
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.mainPhoto + .jobdata_account {
  overflow: hidden;
  zoom: 1;
}
body#mypage.keep .jobdata_account .accountName, .jobdata_select + .jobdata_account .accountName {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.jobdata_select + .jobdata_account {
  margin-left: 25px;
}

/* [[┃┠ .new ]] */
.jobdata_account .new {
  display: inline-block;
  width: 46px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  color: #3D74D3;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #3D74D3;
}

/* [[┃┗ .message ]] */
.jobdata_sellingpoint .message {
  overflow: hidden;
  zoom: 1;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
  color: #222;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.jobdata.expire .jobdata_sellingpoint .message {
  display: none;
}
.jobdata_sellingpoint .message a {
  color: #222;
  text-decoration: none;
}
.jobdata_sellingpoint .message a:hover {
  text-decoration: underline;
}

/* [[┃┗ .relatedLinks ]] */
.relatedLinks {
  font-size: 1rem;
  line-height: 1.5rem;
}

/* [[┠ .jobdata_notes ]] */
/*----------------------------------------------*/
.jobdata_notes {
  padding: 3px 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background: #932E19;
  border-radius: 100px;
  float: right;
  width: 310px;
  box-sizing: border-box;
  margin-top: 0;
  margin-right: 2rem;
  margin-bottom: 1.25rem;
}
.jobdata-3rd .jobdata_notes {
  float: none;
  margin-right: 0;
  margin-left: 2rem;
}
.jobdata-3rd .jobdata_notes:last-child {
  margin-bottom: 1.25rem;
}

/* [[┗ .jobdata_jobtypeList ]] */
/*----------------------------------------------*/
.jobdata_jobtypeList {
  border-top: solid 1px #E5E7EB;
  padding: 2rem;
}
.jobdata.expire .jobdata_notes + .jobdata_jobtypeList {
  clear: both;
  margin-top: 0;
}
.jobdata_jobtypeList .jobItem + .jobItem {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 1px #E5E7EB;
}

.jobdata_jobtypeList .jobItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.jobdata-3rd .jobdata_jobtypeList .jobItem {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: center;
}
.jobdata_jobtypeList .jobItem .jobTitle {
  width: calc(100% - 440px);
  padding-right: 0.5rem;
  box-sizing: border-box;
}
.jobdata_jobtypeList .jobItem .jobTitle a {
  text-decoration: none;
}
.jobdata_jobtypeList .jobItem .jobTitle a:hover {
  text-decoration: underline;
}

/* [[　┠ .jobdata_actionbar ]] */
/*----------------------------------------------*/
.jobdata_actionbar {
  flex-grow: 1;
}
.jobdata-3rd .jobdata_actionbar {
  margin-top: 1.25rem;
}
.jobdata-3rd .jobdata_actionbar:only-child {
  margin-top: 0;
}

.jobdata_actionbar .entryFunction {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.jobdata-3rd .jobdata_actionbar .entryFunction {
  justify-content: center;
  align-items: center;
}
.jobdata_actionbar .entryFunction li {
  width: 33%;
  flex-grow: 1;
}
.jobdata_actionbar .entryFunction li:first-child {
  margin-left: 0;
}
.jobdata_actionbar .entryFunction li.keep a:after, .jobdata_actionbar .entryFunction li.keep.ui-myclip span:after, .jobdata_actionbar .entryFunction li.keep.ui-myclip.on span:after {
  content: " ";
  width: 16px;
  height: 16px;
  margin-left: 0.25rem;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.jobdata_actionbar .entryFunction li.keep a:after, .jobdata_actionbar .entryFunction li.keep.ui-myclip span:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/base/keep_icon.png);
}
.jobdata_actionbar .entryFunction li.keep.ui-myclip.on span:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/base/keep_on_icon.png);
}
body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low {
  border: none;
  padding-left: 0.75rem;
  cursor: pointer;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #fff;
  border: solid 1px #9CA3AF;
  box-shadow: inset 0 -1px 0 #9CA3AF;
}
body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low:link, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low:visited, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low:active, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low:hover {
  color: #1F2937;
}
input[type=submit] body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low,
input[type=button] body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low {
  border: solid 1px #9CA3AF;
}

body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low {
  cursor: pointer;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #F1F7FD;
  border: solid 1px #D1D5DB;
  box-shadow: inset 0 1px 0 #D1D5DB;
  padding: 0.25rem 0.5rem 0.15rem 0.75rem;
}
body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:link, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:visited, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:active, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low:hover {
  color: #1F2937;
}
input[type=submit] body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low,
input[type=button] body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low {
  border: solid 1px #D1D5DB;
}

body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low {
  border: none;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
}
body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#tomakomaifair .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#tomakomaifair .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited {
  color: #fff;
}
body#xxx .jobdata_actionbar .entryFunction li, body#top .jobdata_actionbar .entryFunction li, body#jobList .jobdata_actionbar .entryFunction li, body#articleDetail .jobdata_actionbar .entryFunction li, body#tomakomaifair .jobdata_actionbar .entryFunction li, body#localmatch .jobdata_actionbar .entryFunction li, body#cgCreator .jobdata_actionbar .entryFunction li {
  margin-left: 0;
  width: 170px;
}
body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low {
  cursor: pointer;
}
body#xxx .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low {
  cursor: pointer;
}
body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#tomakomaifair .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low {
  cursor: pointer;
}
body#mypage.keep .jobdata_actionbar .entryFunction li .executeButton, body#mypage.keep .jobdata_actionbar .entryFunction li .executeButton_low, body#mypage.keep .jobdata_actionbar .entryFunction li .executeButton_lead, body#mypage.keep .jobdata_actionbar .entryFunction li.executeButton_done {
  cursor: pointer;
}

/* [[　┗ .jobSummary ]] */
/*----------------------------------------------*/
.jobdata_jobtypeList .jobSummary {
  width: 100%;
  table-layout: fixed;
  margin-top: 1.25rem;
}
.jobdata_jobtypeList .jobSummary th,
.jobdata_jobtypeList .jobSummary td {
  border: solid 1px #ddd;
  padding: 0.5rem 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.jobdata_jobtypeList .jobSummary th {
  width: 120px;
  font-weight: bold;
  text-align: center;
  background-color: #DFF4FF;
}
.jobdata_jobtypeList .jobSummary td {
  overflow-wrap: break-word;
  line-break: strict;
}
.jobdata-3rd .jobdata_jobtypeList .jobSummary {
  margin-top: 0;
}

/* [[ .accept ]] */
/*[memo]
求人一覧、求人詳細内での受付前、クローズ共通部分
------------------------------------------------*/
.accept {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.accept-before {
  display: inline-block;
  min-width: 70px;
  margin-right: 0.5rem;
  text-align: center;
  color: #097C6C;
  border-radius: 4px;
  background: #EFFEF9;
}
.accept-before + .accept_text {
  color: #097C6C;
}
.accept-close {
  display: inline-block;
  min-width: 70px;
  margin-right: 0.5rem;
  text-align: center;
  color: #BD1A14;
  border-radius: 4px;
  background: #FFF1F1;
}
.accept-close + .accept_text {
  color: #BD1A14;
}

.jobmaster .accept {
  margin: 1rem 1.75rem 0 1.75rem;
}

.jobmaster_jobtypeList + .accept {
  margin: 0.5rem 1.5rem 0;
}

/* [[ .jobIcon ]] */
/*[memo]
職種（「正」など）のアイコン指定
------------------------------------------------*/
img.jobIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 3px;
}

/* [[ .jointList ]] */
/*[memo]
合説一覧リスト
------------------------------------------------*/
.jointList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
body#mypage.joint .jointList {
  margin-top: 1.25rem;
}
.jointList .headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.jointList .detail {
  margin-top: 1.25rem;
}
.jointList .detail:first-child {
  margin-top: 0;
}
.jointList .detail > P {
  padding: 0.5rem;
}

/* [[ .memberNav ]] */
/*[memo]
ログイン用・マイメニュー要素
.memberNav = #globalNav内
.memberNav_widget = #contents内
.memberNav_guide = インデックス用途（例：マイページトップ）
------------------------------------------------*/
/* [[┠ mobule ]] */
/*----------------------------------------------*/
/* [[┃┠ .detail > p ]] */
.memberNav .detail p,
.memberNav_widget .detail p,
.memberNav_guide .detail p {
  padding-top: 0.5rem;
}
.memberNav .detail p.notes,
.memberNav_widget .detail p.notes,
.memberNav_guide .detail p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.memberNav .detail p.attention,
.memberNav_widget .detail p.attention,
.memberNav_guide .detail p.attention {
  color: #932E19;
}
.memberNav .detail p.noPlan,
.memberNav_widget .detail p.noPlan,
.memberNav_guide .detail p.noPlan {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┃┠ .memberNav_form ]] */
.memberNav_form {
  padding-top: 0.5rem;
}
.memberNav_form li {
  padding-top: 0.5rem;
}
.memberNav_form li:first-child {
  padding-top: 0;
}
.memberNav_form li.memberID input,
.memberNav_form li.memberPW input {
  width: 100%;
}
.memberNav_form li.memberID input.attention,
.memberNav_form li.memberPW input.attention {
  border-color: #BD1A14;
  background: #FFE2E1;
}

/* [[┃┠ .memberNav_item ]] */
.memberNav_item {
  margin-top: 0.5rem;
}
.memberNav_item:first-child {
  margin-top: 0;
}
.memberNav_item li {
  border-top: solid 1px rgb(243.4130434783, 244.3043478261, 246.0869565217);
}
.memberNav .memberNav_item:first-child li:first-child, .memberNav_guide .memberNav_item:first-child li:first-child {
  border-top: none;
}

.memberNav_item li a {
  display: table;
  width: 85%;
  width: calc(100% - (1.25rem + 0.5rem));
  padding: 0.5rem 1.25rem 0.5rem 0.5rem;
  text-decoration: none;
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23e6e6e6%22%20d%3d%22M2%2e5%2c30A2%2e5%2c2%2e5%2c0%2c0%2c1%2c%2e73%2c25%2e73L11%2e46%2c15%2c%2e73%2c4%2e27A2%2e5%2c2%2e5%2c0%2c0%2c1%2c4%2e27%2e73l12%2e5%2c12%2e5a2%2e5%2c2%2e5%2c0%2c0%2c1%2c0%2c3%2e54L4%2e27%2c29%2e27A2%2e49%2c2%2e49%2c0%2c0%2c1%2c2%2e5%2c30Z%22%2f%3e%0d%0a%09%09%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
.memberNav_guide .memberNav_item li a {
  padding-left: 0;
  width: calc(100% - 1.25rem);
}
.memberNav_item li a .itemName,
.memberNav_item li a .itemStatus {
  display: table-cell;
  vertical-align: middle;
}
.memberNav_item li a .itemName {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.memberNav_item li a .itemStatus {
  color: #222;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: right;
  white-space: nowrap;
  padding-left: 0.25rem;
}
.memberNav_item li a .itemStatus strong {
  padding: 0 2px;
  color: #0097CF;
}
.memberNav_item li a:hover .itemName {
  text-decoration: underline;
}

.memberNav .memberNav_item li.entry a,
#sub .memberNav_widget .memberNav_item li.entry a {
  display: block;
}
.memberNav .memberNav_item li.entry a .itemName,
.memberNav .memberNav_item li.entry a .itemStatus,
#sub .memberNav_widget .memberNav_item li.entry a .itemName,
#sub .memberNav_widget .memberNav_item li.entry a .itemStatus {
  display: block;
}
.memberNav .memberNav_item li.entry a .itemStatus,
#sub .memberNav_widget .memberNav_item li.entry a .itemStatus {
  padding-top: 3px;
  text-align: left;
}

/* [[┃┗ .memberNav_function ]] */
.memberNav_function {
  padding-top: 0.5rem;
}
.memberNav_function:first-child {
  padding-top: 0;
}
.memberNav_item + .memberNav_function {
  border-top: solid 1px rgb(243.4130434783, 244.3043478261, 246.0869565217);
}
.memberNav_function li {
  padding-top: 0.5rem;
}
.memberNav_function li:first-child {
  padding-top: 0;
}
.memberNav_function li.forget a {
  display: inline-block;
  min-height: 14px;
  padding-left: 1.25rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/base/text_link_icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┗ layout / base ]] */
/*----------------------------------------------*/
/* [[　┠ .memberNav ]] */
#header .memberNav {
  position: absolute;
  top: 120px;
  right: 1px;
  z-index: 1000;
  width: 248px;
  padding: 0 0.25rem 0.25rem 0.25rem;
  background: #0097CF;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-sizing: border-box;
}
#header .memberNav, #header .memberNav.close {
  display: none;
}
#header .memberNav.open {
  display: block;
}
body#mypage #header .memberNav {
  background: #02658A;
}
.memberNav .headline {
  color: #4B5563;
}
#header .memberNav .headline {
  padding: 0.5rem;
  display: none;
}
.memberNav .detail {
  background: #fff;
}
#header .memberNav .detail {
  border-radius: 4px;
}
.memberNav .detail p {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.memberNav .memberNav_form {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.memberNav .memberNav_item {
  /* 未指定 */
}
.memberNav .memberNav_function {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* [[　┠ .memberNav_widget ]] */
.memberNav_widget {
  margin-top: 1.25rem;
}
#sub .memberNav_widget {
  margin-top: 0.5rem;
  padding: 0 0.25rem 0.25rem 0.25rem;
  background: #0097CF;
  border-radius: 8px;
}
.memberNav_widget:first-child, #sub .memberNav_widget:first-child {
  margin-top: 0;
}
.memberNav_widget .headline {
  padding: 0.5rem 0 0.5rem 0.5rem;
  border-left: solid 5px #0097CF;
  color: #222;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
#sub .memberNav_widget .headline {
  padding: 0.5rem;
  border-left: none;
  color: #4B5563;
  font-size: 1rem;
  line-height: 1.5rem;
}
.memberNav_widget .detail {
  padding-left: 0.5rem;
  border-left: solid 5px #E5E7EB;
}
#sub .memberNav_widget .detail {
  padding-left: 0;
  border-left: none;
  /* reset */
  padding-bottom: 0.5rem;
  background: #fff;
  border-radius: 4px;
}
.memberNav_widget .detail p:first-child {
  border-top: solid 1px rgb(243.4130434783, 244.3043478261, 246.0869565217);
}
#sub .memberNav_widget .detail p {
  border-top: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#sub .memberNav_widget .memberNav_form {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#main .memberNav_widget .memberNav_item li a {
  width: calc(100% - 1.25rem);
  padding-left: 0;
  background-position: right center;
}
#main .memberNav_widget .memberNav_function li:not(.forget), .contentsInner > .memberNav_widget .memberNav_function li:not(.forget) {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  width: calc(50% - 0.25rem);
}
#main .memberNav_widget .memberNav_function li:not(.forget):nth-child(even), .contentsInner > .memberNav_widget .memberNav_function li:not(.forget):nth-child(even) {
  margin-left: 0.5rem;
}
#main .memberNav_widget .memberNav_function li:not(.forget):first-child + li, .contentsInner > .memberNav_widget .memberNav_function li:not(.forget):first-child + li {
  padding-top: 0;
}
#sub .memberNav_widget .memberNav_function {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* [[　┗ .memberNav_guide ]] */
.memberNavWrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  zoom: 1;
}
.memberNavWrap .memberNav_guide {
  border: solid 2px #0097CF;
  border-radius: 8px;
  overflow: hidden;
}
.memberNavWrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .memberNavWrap {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.memberNavWrap .memberNav_guide {
  float: left;
  width: 490px;
  box-sizing: border-box;
}
.memberNavWrap .memberNav_guide + .memberNav_guide {
  margin-left: 1.25rem;
}
body#account.login .memberNavWrap .memberNav_guide {
  width: 100%;
  min-width: 490px;
}

.memberNav_guide .headline {
  padding: 0.5rem 1rem;
  color: #0078A7;
  background: #EFFAFF;
}
.memberNav_guide .detail {
  padding: 1rem 1.5rem;
}
body#account.login .memberNav_guide .memberNav_form {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.memberNav_guide .memberNav_item {
  /* 未指定 (欄外指定) */
}
body#mypage .memberNav_guide .memberNav_function {
  text-align: right;
}
body#mypage .memberNav_guide .memberNav_function li {
  display: inline-block;
}
body#account.login .memberNav_guide .memberNav_function {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* [[ .pageStatus ]] */
/*[memo]
検索結果件数・ページ数表示要素
------------------------------------------------*/
.pageStatus {
  zoom: 1;
  margin-top: 1.25rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #f3f3f3;
  border-radius: 8px;
}
.pageStatus:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .pageStatus {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.pageStatus .totalValue {
  float: left;
}
.pageStatus .totalValue strong {
  color: #222;
  font-weight: bold;
  margin-left: 5px;
}
.pageStatus .thisValue {
  float: right;
}

/* [[ .pagination ]] */
/*[memo]
ページ送り
------------------------------------------------*/
.pagination {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.pagination:first-child {
  margin-top: 0;
}

.pagination li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.pagination li:first-child, .pagination li.back, .pagination li.back + li, .pagination li.first, .pagination li.first + li, .pagination li.last, .pagination li.next {
  margin-left: 0;
  /* 個別指定のため一度リセット */
}
.pagination li.first {
  margin-right: 5px;
}
.pagination li.last {
  margin-left: 5px;
}
.pagination li.first:after, .pagination li.last:before {
  content: "…";
  display: inline-block;
  color: #4B5563;
  font-size: 0.75rem;
  line-height: 1rem;
}
.pagination li.first:after {
  margin-left: 5px;
}
.pagination li.last:before {
  margin-right: 5px;
}
.pagination li.back {
  margin-right: 17px;
}
.pagination li.next {
  margin-left: 17px;
}
.pagination li.act,
.pagination li a {
  width: 30px;
  line-height: 26px;
  border-radius: 8px;
  box-sizing: border-box;
}
.pagination li.act {
  font-weight: bold;
  color: #fff;
  border: solid 2px #3D74D3;
  background: #3D74D3;
}
.pagination li a {
  display: inline-block;
  vertical-align: middle;
  border: solid 2px #3D74D3;
  color: #3D74D3;
  text-decoration: none;
}
.pagination li a:hover {
  text-decoration: none;
}
.pagination li.back a, .pagination li.next a {
  font-size: 0;
  line-height: 0;
  width: auto;
  border: none;
}
.pagination li.back a img, .pagination li.next a img {
  height: 30px;
}
.pagination li:first-child:not(.back) {
  position: relative;
  margin-left: 35px;
}
.pagination li:first-child:not(.back):before {
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23e6e6e6%22%20d%3d%22M15%2e5%2c30a2%2e5%2c2%2e5%2c0%2c0%2c0%2c1%2e77%2d4%2e27L6%2e54%2c15%2c17%2e27%2c4%2e27A2%2e5%2c2%2e5%2c0%2c1%2c0%2c13%2e73%2e73L1%2e23%2c13%2e23a2%2e5%2c2%2e5%2c0%2c0%2c0%2c0%2c3%2e54l12%2e5%2c12%2e5A2%2e49%2c2%2e49%2c0%2c0%2c0%2c15%2e5%2c30Z%22%2f%3e%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  left: -35px;
  width: 18px;
  height: 30px;
}
.pagination li:last-child:not(.next) {
  position: relative;
  margin-right: 35px;
}
.pagination li:last-child:not(.next):before {
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23e6e6e6%22%20d%3d%22M2%2e5%2c30A2%2e5%2c2%2e5%2c0%2c0%2c1%2c%2e73%2c25%2e73L11%2e46%2c15%2c%2e73%2c4%2e27A2%2e5%2c2%2e5%2c0%2c0%2c1%2c4%2e27%2e73l12%2e5%2c12%2e5a2%2e5%2c2%2e5%2c0%2c0%2c1%2c0%2c3%2e54L4%2e27%2c29%2e27A2%2e49%2c2%2e49%2c0%2c0%2c1%2c2%2e5%2c30Z%22%2f%3e%0d%0a%09%09%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  right: -35px;
  width: 18px;
  height: 30px;
}
.pagination li:only-child:not(.back), .pagination li:only-child:not(.next) {
  margin-left: 0;
  margin-right: 0;
}
.pagination li:only-child:not(.back):before, .pagination li:only-child:not(.back):before, .pagination li:only-child:not(.next):before, .pagination li:only-child:not(.next):before {
  display: none;
}

/* [[ #searchScreen ]] */
/*[memo]
PC版 ライトボックス検索画面
外部（検索画面）ページ #contents 内ソースを読み込み表示します。
------------------------------------------------*/
#searchScreen .breadcrumbs {
  display: none;
}
#searchScreen .contentsHeader {
  display: none;
}

#searchScreen {
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 1100;
  width: 1000px;
  margin-left: -500px;
  padding: 1.25rem;
  background: #fff;
  box-sizing: border-box;
}
#searchScreen .headline {
  padding-left: 0.5rem;
  border-left: solid 5px #0097CF;
  color: #222;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
#searchScreen .searchCategory {
  margin-top: 1.25rem;
}
#searchScreen .searchDetail {
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
}
#searchScreen .searchClose {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1100;
  width: 25px;
  height: 25px;
  background: #ccc;
  border-radius: 8px;
}
#searchScreen .searchClose a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2230px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2030%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23fff%22%20d%3d%22M19%2e24%2c15l9%2e88%2d9%2e88A3%2c3%2c0%2c0%2c0%2c24%2e88%2e88L15%2c10%2e76%2c5%2e12%2e88A3%2c3%2c0%2c0%2c0%2c%2e88%2c5%2e12L10%2e76%2c15%2c%2e88%2c24%2e88a3%2c3%2c0%2c1%2c0%2c4%2e24%2c4%2e24L15%2c19%2e24l9%2e88%2c9%2e88a3%2c3%2c0%2c0%2c0%2c4%2e24%2d4%2e24Z%22%2f%3e%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 9px;
}
#searchScreen .searchClose a:hover {
  text-decoration: none;
}

/* [[ .selectSearchItem ]] */
/*[memo]
選択した検索項目 要素
------------------------------------------------*/
.selectSearchItem {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.selectSearchItem dl {
  border-top: solid 1px #E5E7EB;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.selectSearchItem dt {
  color: #02658A;
  font-weight: bold;
}

/* [[┠ pc / .selectSearchItem dl ]] */
/*----------------------------------------------*/
.selectSearchItem {
  /*
  dl:first-child {
  	margin-top: 0;
  }
  dt と dl の間に <form> が入るため下記指定に変えました */
}
.selectSearchItem dl {
  display: table;
  width: 100%;
  padding-top: 0.5rem;
}
.selectSearchItem dl + dl,
.selectSearchItem form dl:first-child {
  margin-top: 0.5rem;
}
.selectSearchItem dt,
.selectSearchItem dd {
  display: table-cell;
}
.selectSearchItem dl.searchItem dt,
.selectSearchItem dl.searchItem dd {
  vertical-align: middle;
}
.selectSearchItem dl.filterItem dt,
.selectSearchItem dl.filterItem dd {
  vertical-align: top;
}
.selectSearchItem dt {
  width: 205px; /* 220px */
  color: #02658A;
  font-weight: bold;
}
.selectSearchItem dd.reset {
  width: 100px;
  padding-left: 10px;
}

/* [[┠ dd.detail span ]] */
/*----------------------------------------------*/
.selectSearchItem dd.detail span {
  display: inline;
}
.selectSearchItem dd.detail span.category {
  color: #4B5563;
}
.selectSearchItem dd.detail span.itemName {
  color: #222;
  font-weight: bold;
}
.selectSearchItem dd.detail span.itemName:before {
  content: "「";
  color: #4B5563;
  font-weight: normal;
}
.selectSearchItem dd.detail span.itemName:after {
  content: "」";
  color: #4B5563;
  font-weight: normal;
}

/* [[┠ dd.detail li ]] */
/*----------------------------------------------*/
.selectSearchItem dd.detail li {
  display: inline-block;
  padding-right: 20px;
  color: #4B5563;
}
.selectSearchItem dd.detail li label,
.selectSearchItem dd.detail li input {
  vertical-align: middle;
}
.selectSearchItem dd.detail li input {
  margin-right: 5px;
}
.selectSearchItem dd.detail li input:checked + label {
  color: #222;
}

/* [[┗ dd.reset > element ]] */
/*----------------------------------------------*/
.selectSearchItem dd.reset .executeButton,
.selectSearchItem dd.reset .executeButton_low,
.selectSearchItem dd.reset .executeButton_high,
.selectSearchItem dd.reset .executeButton_lead,
.selectSearchItem dd.reset .executeButton_send,
.selectSearchItem dd.reset .executeButton_done,
.selectSearchItem dd.reset .executeButton.disabled {
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
}

/* [[ .toMap ]] */
/*[memo]
google map へのリンク
------------------------------------------------*/
.toMap {
  display: inline-block;
  font-weight: bold;
  margin-left: 0.5rem;
}
.toMap:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-top: -3px;
  margin-right: 0.25rem;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/base/maplink_icon.png) no-repeat left center;
  background-size: 12px auto;
}

/* [[ .toolbar ]] */
/*[memo]
.execute（決定ボタン）より下位
キープ（クリップ）や写真アップロードの操作系ボタンで使用
------------------------------------------------*/
.toolbar {
  margin-top: 1.25rem;
  border: solid 1px rgb(230.25, 230.25, 230.25);
  background: #f3f3f3;
  border-radius: 8px;
  zoom: 1;
  padding: 0.25rem 0;
}
.toolbar:first-child {
  margin-top: 0;
}
.pagination + .toolbar {
  margin-top: 2.5rem;
}
.toolbar p {
  color: #222;
  font-weight: bold;
}
.toolbar .item {
  /* 未指定 */
}
.toolbar ul.item li,
.toolbar ul.assist li {
  display: inline-block;
  vertical-align: top;
}
.toolbar ul.assist,
.toolbar ul.assist li {
  line-height: 1;
}
.toolbar ul.assist li + li {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: solid 1px #E5E7EB;
}
.toolbar ul.assist a,
.toolbar ul.assist a:visited,
.toolbar ul.assist a:active {
  color: #3D74D3;
  text-decoration: none;
}
.toolbar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .toolbar {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.toolbar .item {
  float: right;
  margin-right: 0.25rem;
}
.toolbar p,
.toolbar .assist {
  float: left;
  margin-top: 11px;
  margin-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}

.toolbar ul.item li a,
.toolbar ul.item li input[type=submit],
.toolbar ul.item li input[type=button] {
  border-radius: 0;
}
.toolbar ul.item li + li a.executeButton_low,
.toolbar ul.item li + li input[type=submit].executeButton_low,
.toolbar ul.item li + li input[type=button].executeButton_low {
  border-left: none;
}
.toolbar ul.item li:first-child a,
.toolbar ul.item li:first-child input[type=submit],
.toolbar ul.item li:first-child input[type=button] {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.toolbar ul.item li:last-child a,
.toolbar ul.item li:last-child input[type=submit],
.toolbar ul.item li:last-child input[type=button] {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.toolbar .executeButton,
.toolbar .executeButton_low,
.toolbar .executeButton_high,
.toolbar .executeButton_lead,
.toolbar .executeButton_send,
.toolbar .executeButton_done,
.toolbar .executeButton.disabled,
.toolbar input[type=button].executeButton,
.toolbar input[type=button].executeButton_low,
.toolbar input[type=button].executeButton_high,
.toolbar input[type=button].executeButton_lead,
.toolbar input[type=button].executeButton_send,
.toolbar input[type=button].executeButton_done,
.toolbar input[type=button].executeButton.disabled,
.toolbar input[type=submit].executeButton,
.toolbar input[type=submit].executeButton_low,
.toolbar input[type=submit].executeButton_high,
.toolbar input[type=submit].executeButton_lead,
.toolbar input[type=submit].executeButton_send,
.toolbar input[type=submit].executeButton_done,
.toolbar input[type=submit].executeButton.disabled {
  min-width: 280px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body#mypage.photoUpload .toolbar {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
body#mypage.photoUpload .toolbar .item.photoTools_upload {
  /* input type file 対応 */
  position: relative;
  overflow: hidden;
}
body#mypage.photoUpload .toolbar .item.photoTools_upload input {
  cursor: pointer;
  font-size: 40px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  top: -10px;
  right: 0;
  width: 100%;
}
body#mypage.photoUpload .toolbar .item.photoTools_upload {
  float: left;
  margin-right: 0;
  margin-left: 0.25rem;
}
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton,
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton_low,
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton_high,
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton_lead,
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton_send,
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton_done,
body#mypage.photoUpload .toolbar .item.photoTools_upload.executeButton.disabled,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton_low,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton_high,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton_lead,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton_send,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton_done,
body#mypage.photoUpload .toolbar input[type=button].item.photoTools_upload.executeButton.disabled,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton_low,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton_high,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton_lead,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton_send,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton_done,
body#mypage.photoUpload .toolbar input[type=submit].item.photoTools_upload.executeButton.disabled {
  width: 120px;
  min-width: 120px;
}
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomIn .executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=button].executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomIn input[type=submit].executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomOut .executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=button].executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomOut input[type=submit].executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomReset .executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=button].executeButton.disabled,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton_low,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton_high,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton_lead,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton_send,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton_done,
body#mypage.photoUpload .toolbar .photoTools_zoomReset input[type=submit].executeButton.disabled {
  width: 120px;
  min-width: 120px;
}

/* [[ .userForm ]] */
/*[memo]
ID・パスワード入力および登録フォーム
.userForm / .userForm_box 使用
------------------------------------------------*/
.userForm_box, .userForm .userForm_detail {
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
}

.userForm_detail td > span.tools:first-child, .userForm_detail table p,
.userForm_detail table .item, .userForm_box .userForm_detail {
  padding-left: 0.5rem;
  border-left: solid 3px rgb(243.4130434783, 244.3043478261, 246.0869565217);
}

.userForm_detail table tr.required th:after, .userForm_box.required .userForm_header:after {
  content: "必須";
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  background: #932E19;
  border-radius: 8px;
}

.userForm {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}

/* [[┠ .userForm ]] */
/*----------------------------------------------*/
.userForm .userForm_header {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.userForm .userForm_detail {
  margin-top: 0.5rem;
}
.userForm .userForm_detail p + p.item:before {
  content: "";
  display: block;
  margin-bottom: 0.5rem;
  border-bottom: dotted 1px #E5E7EB;
}
.userForm .userForm_header {
  /* 未指定 */
}
.userForm .userForm_detail {
  padding: 1rem;
}

/* [[┠ .userForm_box ]] */
/*----------------------------------------------*/
.userForm_box {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: table;
  padding: 1rem;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.userForm_box .userForm_header {
  /* 未指定 */
}
.userForm_box .userForm_detail {
  /* 未指定 */
}
.userForm_box .userForm_header {
  display: table-cell;
  vertical-align: top;
  width: 205px;
}
.userForm_box .userForm_detail {
  display: table-cell;
  vertical-align: top;
}
.userForm_box.attention .userForm_detail {
  border-left-color: #BD1A14;
}
.userForm_box.required .userForm_header {
  position: relative;
}
.userForm_box.required .userForm_header:after {
  position: absolute;
  top: 0;
  right: 0.5rem;
}
.userForm_box.required.attention .userForm_header:after {
  background-color: #BD1A14;
}

/* [[┠ .userForm_header > element ]] */
/*----------------------------------------------*/
/*[memo]
.userForm_header内要素の指定
------------------------------------------------*/
.userForm .userForm_header .headline {
  color: #0078A7;
}
.userForm .userForm_header p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userForm_box .userForm_header {
  color: #222;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userForm_box.attention .userForm_header .headline {
  color: #BD1A14;
}

/* [[┗  .userForm_detail > element ]] */
/*----------------------------------------------*/
/*[memo]
.userForm_detail内要素の指定
------------------------------------------------*/
.userForm_detail table p,
.userForm_detail table .item {
  /*[memo]
  未入力 = .item空タグの場合、
  border-left（%extend_userForm_leftline）を活かすため
  min-heightを指定しています。
  */
  min-height: 1.6em;
}

.userForm_detail table tr.attention p .item,
.userForm_detail table tr.attention .item {
  border-left-color: #BD1A14;
}
.userForm_detail table tr.attention p label,
.userForm_detail table tr.attention label {
  color: #BD1A14;
}

.userForm_detail .userPhoto ~ p,
.userForm_detail .userPhoto ~ .item,
.userForm_detail .userPhoto ~ div.tools {
  overflow: hidden;
  zoom: 1;
}

/* [[　┠ p / .item ]] */
.userForm_detail p,
.userForm_detail .item {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: dotted 1px #E5E7EB;
}
.userForm_detail p:first-child,
.userForm_detail .item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.userForm_detail .item {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userForm_detail .item .disabled label {
  color: #d6d6d6;
}
.userForm_detail .item .disabled:after {
  content: "受付を締め切りました。";
  margin-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
}
.userForm_detail .item .tools.disabled:after, .userForm_detail .item .tools .disabled:after {
  content: none;
}
.userForm_detail p + p,
.userForm_detail .item + .item,
.userForm_detail .item + p,
.userForm_detail table p,
.userForm_detail table .item {
  margin-top: 0;
  padding-top: 0.5rem;
  border-top: none;
}
.userForm_detail p.light,
.userForm_detail .item.light {
  color: #4B5563;
}
.userForm_detail p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userForm_detail p.attention {
  color: #932E19;
}
.userForm_detail .userPhoto:first-child + P,
.userForm_detail .userPhoto:first-child + .item {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.userForm_detail .dividerLine:before {
  content: "";
  display: block;
  margin-bottom: 0.5rem;
  border-bottom: dotted 1px #E5E7EB;
}

/* [[　┠ .item > li / span / label  ]] */
.userForm_detail ul.item {
  zoom: 1;
}
.userForm_detail ul.item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .userForm_detail ul.item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.userForm_detail ul.item li {
  float: left;
  width: 50%;
  padding-top: 0.25rem;
}
.userForm_detail ul.item li:first-child,
.userForm_detail ul.item li:first-child + li {
  padding-top: 0;
}
.userForm_detail ul.item li.disabled {
  color: #d6d6d6;
}
.userForm_detail ul.item.itemList .itemList {
  padding-top: 0;
  border-top: none;
  /* reset */
  margin-left: 1.25rem;
}
.userForm_detail ul.item.itemList li {
  float: none;
  width: 100%;
}
.userForm_detail ul.item.itemList li,
.userForm_detail ul.item.itemList li:first-child + li {
  padding-top: 0.5rem;
}
.userForm_detail ul.item.itemList li:first-child {
  padding-top: 0;
}

.itemList li + li {
  margin-top: 0.25rem;
}

.userForm_detail ul.item.item-column1 li {
  width: 100%;
}

.item-column2 .itemSet .tools {
  margin-top: -3px;
}

.userForm_detail .item li label {
  margin-right: 0;
}
.userForm_detail .item label {
  padding-left: 1.25rem;
}
.userForm_detail .item label + input[type=text] {
  margin-left: 0.5rem;
}
.userForm_detail .item span,
.userForm_detail .item label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.userForm_detail .item span.notes,
.userForm_detail .item label.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-size: 11px;
  /*[memo]
  スマホ対応（PCも同じ対応）
  新規登録 / 希望企業情報 / 希望勤務地
  「江別市・北広島市・岩見沢市・千歳市など」が長すぎて
  input の下に落っこちたので font-size 小さくしています
  */
}
.userForm_detail .item span.attention, .userForm_detail .item span.attention .notes,
.userForm_detail .item label.attention,
.userForm_detail .item label.attention .notes {
  color: #BD1A14;
}
input[type=checkbox] + .userForm_detail .item span, input[type=radio] + .userForm_detail .item span,
input[type=checkbox] + .userForm_detail .item label,
input[type=radio] + .userForm_detail .item label {
  vertical-align: top;
}
.userForm_detail .item input[type=checkbox],
.userForm_detail .item input[type=radio] {
  vertical-align: top;
  margin-top: 5px;
  position: absolute;
}
.userForm_detail .item span.line {
  margin-right: 0;
}
.userForm_detail .item span.newline {
  display: block;
}
.userForm_detail .item span.bf-passwordCheck-notice {
  display: block;
  padding-top: 0.25rem;
  color: #BD1A14;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userForm_detail .item.item-column2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* [[　┠ input / select  ]] */
.userForm_detail input, .userForm_detail input[type=text], .userForm_detail input[type=email], .userForm_detail input[type=password], .userForm_detail input[type=checkbox], .userForm_detail input[type=radio],
.userForm_detail select,
.userForm_detail select[type=text],
.userForm_detail select[type=email],
.userForm_detail select[type=password],
.userForm_detail select[type=checkbox],
.userForm_detail select[type=radio] {
  margin-right: 0.5rem;
}
.userForm_detail input[type=text], .userForm_detail input[type=email], .userForm_detail input[type=password],
.userForm_detail select[type=text],
.userForm_detail select[type=email],
.userForm_detail select[type=password] {
  width: 10em;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
.userForm_detail input[type=text].sizeS, .userForm_detail input[type=email].sizeS, .userForm_detail input[type=password].sizeS,
.userForm_detail select[type=text].sizeS,
.userForm_detail select[type=email].sizeS,
.userForm_detail select[type=password].sizeS {
  width: 4em;
}
.userForm_detail input[type=text].sizeL, .userForm_detail input[type=email].sizeL, .userForm_detail input[type=password].sizeL,
.userForm_detail select[type=text].sizeL,
.userForm_detail select[type=email].sizeL,
.userForm_detail select[type=password].sizeL {
  width: 75%;
}
.userForm_detail input[type=text].sizeXL, .userForm_detail input[type=email].sizeXL, .userForm_detail input[type=password].sizeXL,
.userForm_detail select[type=text].sizeXL,
.userForm_detail select[type=email].sizeXL,
.userForm_detail select[type=password].sizeXL {
  width: 100%;
}
.userForm_detail input[type=text].attention, .userForm_detail input[type=email].attention, .userForm_detail input[type=password].attention, .userForm_detail input[type=text].fv-error, .userForm_detail input[type=email].fv-error, .userForm_detail input[type=password].fv-error,
.userForm_detail select[type=text].attention,
.userForm_detail select[type=email].attention,
.userForm_detail select[type=password].attention,
.userForm_detail select[type=text].fv-error,
.userForm_detail select[type=email].fv-error,
.userForm_detail select[type=password].fv-error {
  border-color: #BD1A14;
  background: #FFE2E1;
}

.userForm_detail select.attention {
  border-color: #BD1A14;
  border-radius: 4px;
  background: #FFE2E1;
}

.userForm_detail textarea.attention, .userForm_detail textarea.fv-error {
  border-color: #BD1A14;
  background: #FFE2E1;
}

/* [[　┠ table ]] */
.userForm_detail table {
  width: 100%;
  margin-top: 1rem;
}
.userForm_detail table:first-child {
  margin-top: -1rem;
}
.userForm_detail table th,
.userForm_detail table td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: dotted 1px #E5E7EB;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.userForm_detail table:first-child tr:first-child th, .userForm_detail table:first-child tr:first-child td {
  border-top: none;
}
.userForm_detail table tr:last-child th,
.userForm_detail table tr:last-child td {
  padding-bottom: 0;
}
.userForm_detail table th {
  width: 205px;
  color: #222;
}
.userForm_detail table tr.required th {
  position: relative;
}
.userForm_detail table tr.required th:after {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.userForm_detail table tr.attention th {
  color: #BD1A14;
}
.userForm_detail table tr.attention th:after {
  background-color: #BD1A14;
}

/* [[　┠ .userPhoto  ]] */
.userForm_detail .userPhoto {
  font-size: 0;
  line-height: 0;
  width: 180px;
  margin-top: 1rem;
  padding: -0.75rem;
  border: solid 1px #E5E7EB;
  background: #fff;
  float: left;
  margin-right: 1.25rem;
}
.userForm_detail .userPhoto:first-child {
  margin-top: 0;
}
.userForm_detail .userPhoto img {
  width: 100%;
}

/* [[　┗ .tools  ]] */
/* div or span で使用 */
.userForm_detail div.tools {
  margin-top: 1rem;
}
.userForm_detail div.tools:first-child {
  margin-top: 0;
}
.userForm_detail td > span.tools:first-child {
  margin-left: 0;
}
.userForm_detail .tools {
  display: inline-block;
  vertical-align: middle;
}
.userForm_detail .tools.disabled, .userForm_detail .tools .disabled {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #D1D5DB;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.userForm_detail .tools.disabled, .userForm_detail .tools.disabled:link, .userForm_detail .tools.disabled:visited, .userForm_detail .tools.disabled:active, .userForm_detail .tools.disabled:hover, .userForm_detail .tools .disabled, .userForm_detail .tools .disabled:link, .userForm_detail .tools .disabled:visited, .userForm_detail .tools .disabled:active, .userForm_detail .tools .disabled:hover {
  color: #4B5563;
  text-decoration: none;
}
.userForm_detail span.tools {
  margin-top: -3px;
  margin-right: 0;
  margin-left: 0.5rem;
}
.userForm_detail span + span.tools,
.userForm_detail label + span.tools,
.userForm_detail input + span.tools {
  margin-left: 0;
  margin-right: 0.5rem;
}
.userForm_detail .userPhoto:first-child + div.tools {
  margin-top: 0;
}
.userForm_detail span.tools .executeButton,
.userForm_detail span.tools .executeButton_low,
.userForm_detail span.tools .executeButton_high,
.userForm_detail span.tools .executeButton_lead,
.userForm_detail span.tools .executeButton_send,
.userForm_detail span.tools .executeButton_done,
.userForm_detail span.tools .executeButton.disabled {
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
}

/* [[ .barometer ]] */
/*[memo]
.barometer_first = 左文言（width %指定）
.barometer_value = バロメータの丸（width px指定）
.barometer_last = 右文言（width %指定）

スマホの場合 左右文言が2行になる恐れあり = middle合わせ必須
display table（+ table-layout fixed）で対応するも
左右文言の width がパーセント指定しかできないため
table-layout fixed（← % + px 混在指定不可）が機能しない。

結果、左右文言は display table（+ table-layout fixed）のままにし、
.barometer_valu を position 指定 + マイナスmargin middle指定することで対応しました。

------------------------------------------------*/
.barometer {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 0.5rem;
}
.barometer:first-child {
  margin-top: 0;
}
.barometer_first, .barometer_last {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.barometer.attention .barometer_first, .barometer.attention .barometer_last {
  color: #BD1A14;
}
.userForm_detail table .barometer_first, .barometer_first {
  padding-left: 0;
  border: none;
  /* reset */
  text-align: right;
  padding-right: 110px;
}
.userForm_detail table .barometer_last, .barometer_last {
  padding-top: 0;
  padding-left: 0;
  border: none;
  /* reset */
  padding-left: 110px;
}
.barometer_value {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -10px;
  margin-left: -100px;
  line-height: 1;
}
.barometer_value:before {
  font-size: 0;
  line-height: 0;
  display: block;
  content: "　";
  width: 100%;
  height: 4px;
  background: #E5E7EB;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  margin-top: -2px;
}
.barometer_item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.25rem;
}
.barometer_item:first-child {
  padding-left: 0;
}
.barometer_item:last-child {
  padding-right: 0;
}
.userForm_detail .item .barometer_item label {
  padding-left: 0;
}
.userForm_detail .item .barometer_item span, .userForm_detail .item .barometer_item label,
.barometer_item label,
.barometer_item span {
  margin-right: 0;
  /* reset */
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: solid 2px #E5E7EB;
  background: #fff;
  border-radius: 100px;
  box-sizing: border-box;
}
.userForm_detail .item .barometer_item input[type=radio],
.barometer_item input[type=radio] {
  margin-top: 0;
  /* reset */
  display: none;
  position: static;
}
.barometer_item span:before,
.barometer_item input[type=radio]:checked + label:before {
  font-size: 0;
  line-height: 0;
  display: block;
  content: "　";
  width: 12px;
  height: 12px;
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  border-radius: 100px;
}
.barometer_item span:before {
  background: #E5E7EB;
}
.userForm_detail .item .barometer_item-checked span, .barometer_item-checked span {
  border-color: #0097CF;
  background: #0097CF;
}
.userForm_detail .item .barometer_item-checked span:before, .barometer_item-checked span:before {
  display: none;
}
.barometer_item input[type=radio]:checked + label:before {
  background: #0097CF;
  background: linear-gradient(to bottom, rgb(0, 169.6014492754, 232.5), rgb(0, 132.3985507246, 181.5));
}
.barometer.attention .barometer_value:before {
  background: #BD1A14;
}
.barometer.attention .barometer_item label {
  border-color: #BD1A14;
  padding-left: 0;
}

/* [[ .breadcrumbs ]] */
/*[memo]
パンくず
------------------------------------------------*/
.breadcrumbs {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.breadcrumbs_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.breadcrumbs_item {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.breadcrumbs_item:last-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumbs_item br {
  display: none;
}
.breadcrumbs_item,
.breadcrumbs_item a,
.breadcrumbs_item a:visited,
.breadcrumbs_item a:active {
  color: #222;
  text-decoration: none;
}
.breadcrumbs_item a:hover {
  color: #3D74D3;
  text-decoration: underline;
}
.breadcrumbs_item strong {
  font-weight: normal;
}
.breadcrumbs_item + .breadcrumbs_item:before {
  content: ">";
  display: inline;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.breadcrumbs_item:last-child a, .breadcrumbs_item:last-child strong {
  font-weight: bold;
}
/* [[ .contentsTitle ]] */
/*[memo]
コンテンツ（ページ）タイトル共通指定
↓
旧指定も .contentsTitle を使っているが...
旧指定は .contentsHeader 内でしか使用しないので
↓
.contentsHeader .contentsTitle で指定しています（旧 module.scss 参照）
↑
新仕様タイプは .contentsTitle で指定しています。
------------------------------------------------*/
.contentsTitle {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.contentsTitle_notes {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ .mypage.event / .mypage.joint ]] */
/*[memo]
マイページ内のイベント（通常・合説）
------------------------------------------------*/
body#mypage.joint .eventData-cancel .eventData_header,
body#mypage.event .eventData-cancel .eventData_header,
body#mypage.joint .eventData-end .eventData_header,
body#mypage.event .eventData-end .eventData_header {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 1fr auto;
}
body#mypage.joint .eventData-cancel .eventState,
body#mypage.event .eventData-cancel .eventState,
body#mypage.joint .eventData-end .eventState,
body#mypage.event .eventData-end .eventState {
  margin-left: 1.25rem;
  font-size: 0;
  text-align: right;
}
body#mypage.joint .eventData-cancel .eventState_item,
body#mypage.event .eventData-cancel .eventState_item,
body#mypage.joint .eventData-end .eventState_item,
body#mypage.event .eventData-end .eventState_item {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 2px 0.5rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
body#mypage.joint .eventData-cancel .eventState_item:last-of-type,
body#mypage.event .eventData-cancel .eventState_item:last-of-type,
body#mypage.joint .eventData-end .eventState_item:last-of-type,
body#mypage.event .eventData-end .eventState_item:last-of-type {
  margin-right: 0;
}

body#mypage.joint .eventData-cancel .eventData_header,
body#mypage.event .eventData-cancel .eventData_header {
  position: relative;
}
body#mypage.joint .eventData-cancel .eventCategory,
body#mypage.event .eventData-cancel .eventCategory {
  color: #4B5563;
}
body#mypage.joint .eventData-cancel .eventName,
body#mypage.event .eventData-cancel .eventName {
  color: #4B5563;
}
body#mypage.joint .eventData-cancel .eventState_item-cancel,
body#mypage.event .eventData-cancel .eventState_item-cancel {
  color: #4B5563;
  border-radius: 4px;
  background: #E5E7EB;
}

body#mypage.joint .eventData-end .eventData_header,
body#mypage.event .eventData-end .eventData_header {
  position: relative;
}
body#mypage.joint .eventData-end .eventCategory,
body#mypage.event .eventData-end .eventCategory {
  color: #4B5563;
}
body#mypage.joint .eventData-end .eventName,
body#mypage.event .eventData-end .eventName {
  color: #4B5563;
}
body#mypage.joint .eventData-end .eventData_header,
body#mypage.event .eventData-end .eventData_header {
  background: #F3F4F6;
}
body#mypage.joint .eventData-end .eventState_item-end,
body#mypage.event .eventData-end .eventState_item-end {
  color: #fff;
  border-radius: 3px;
  background: #932E19;
}

.contentsHeader .entrySubject + p {
  margin-top: 0;
  padding-top: 40px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-top: none;
}

/* [[ .formFlow ]] */
/*[memo]
登録フォーム、画面遷移フロー図
------------------------------------------------*/
.formFlow {
  display: table;
  width: 100%;
  margin-top: 1.25rem;
  overflow: hidden;
  background: rgb(237.9, 237.9, 237.9);
  border-radius: 8px;
}
.formFlow:first-child {
  margin-top: 0;
}
.formFlow li {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}
.formFlow.step3 li {
  width: 33.3%;
}
.formFlow.step3 li:first-child {
  width: 33.4%;
}
.formFlow.step4 li {
  width: 25%;
}

.formFlow li {
  position: relative;
  height: 60px;
  padding: 0 0 0 30px;
  color: #222;
}
.formFlow li:first-child {
  padding-left: 10px;
}
.formFlow li:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: -3px;
  left: 0;
  border-width: 33px 23px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.formFlow li:after {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 30px 20px;
  border-style: solid;
  border-color: transparent transparent transparent rgb(237.9, 237.9, 237.9);
}
.formFlow li:first-child:before, .formFlow li:first-child:after {
  display: none;
}
.formFlow li.act {
  color: #fff;
  background: #0097CF;
}
.formFlow li.act + li:after {
  border-color: transparent transparent transparent #0097CF;
}

.formFlow li span,
.formFlow li strong {
  display: block;
}

.formFlow li span {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* [[ .entrySubject ]] */
/*[memo]
・各種申込時、宛先企業情報・合説情報で使用
・マイページのメッセージ一覧等で使用
------------------------------------------------*/
.entrySubject {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
  border: solid 3px #30D0FF;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
}
.entrySubject .entryStatus {
  background: #DFF4FF;
  padding: 1rem 2rem;
}
.entrySubject .entryAccount {
  padding: 1rem 2rem 0 2rem;
}
.entrySubject .entryAccount:last-child {
  padding-bottom: 1rem;
}
.entrySubject table.entryNotes {
  width: 100%;
  padding: 0.75rem 2rem 0;
  margin-top: 1rem;
}
.entrySubject .actionbar {
  background: #f3f3f3;
  margin-top: 1rem;
  padding: 1rem 2rem;
}
.entrySubject .entryLead {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.75rem 2rem 0 2rem;
}
.entrySubject .entryLead:last-child {
  padding-bottom: 1rem;
}
.entrySubject .entryMore {
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-top: dotted 1px #E5E7EB;
  margin: 1rem 2rem 0 2rem;
  padding-top: 1rem;
}
.entrySubject .entryMore:last-child {
  margin-bottom: 1rem;
}
.entrySubject .entryStatus + .entryMore {
  padding-top: 0;
  border-top: none;
}
.entrySubject .entryNotes + .entryMore {
  margin-top: 0;
}

.entryCancel .entryAccount,
.entryEnd .entryAccount,
.entryClose .entryAccount {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 1fr auto;
}
.entryCancel .eventState,
.entryEnd .eventState,
.entryClose .eventState {
  margin-left: 1.25rem;
  font-size: 0;
  text-align: right;
}
.entryCancel .eventState_item,
.entryEnd .eventState_item,
.entryClose .eventState_item {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 2px 0.5rem;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.entryCancel .eventState_item-cancel,
.entryEnd .eventState_item-cancel,
.entryClose .eventState_item-cancel {
  color: #fff;
  border-radius: 3px;
  background: #999;
}
.entryCancel .eventState_item-end,
.entryEnd .eventState_item-end,
.entryClose .eventState_item-end {
  color: #fff;
  border-radius: 3px;
  background: #932E19;
}
.entryCancel .eventState_item:last-of-type,
.entryEnd .eventState_item:last-of-type,
.entryClose .eventState_item:last-of-type {
  margin-right: 0;
}

.entryEnd .entrySubject {
  border: 3px solid #E5E7EB;
}
.entryClose .entrySubject {
  border: 3px solid #E5E7EB;
}
.entryClose .entrySubject .entryAccount .subject {
  color: #222;
}
.entryClose .entrySubject .entryLead {
  color: #4B5563;
}
/* [[┠ .entryStatus > element ]] */
/*----------------------------------------------*/
.entrySubject .entryStatus {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.entrySubject .entryStatus p {
  display: inline-block;
  vertical-align: middle;
}
.entrySubject .entryStatus p.mark {
  margin-right: 0.5rem;
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 20px;
  text-align: center;
  background: #0078A7;
  border-radius: 8px;
}
/* [[┠ .entryAccount > element ]] */
/*----------------------------------------------*/
.entrySubject .entryAccount .subject,
.entrySubject .entryAccount .businessType,
.entrySubject .entryAccount .jobType {
  margin-top: 0.5rem;
}
.entrySubject .entryAccount .subject:first-child,
.entrySubject .entryAccount .businessType:first-child,
.entrySubject .entryAccount .jobType:first-child {
  margin-top: 0;
}
.entrySubject .entryAccount .subject {
  color: #0078A7;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.entrySubject .entryAccount .businessType {
  margin-top: 0.25rem;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.entrySubject .entryAccount .jobType {
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
  color: #222;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.entrySubject .entryAccount .jobType a {
  text-decoration: none;
}
body#mypage.entryList .entrySubject .entryAccount .jobType {
  font-weight: normal;
}

/* [[┠ .entryNotes > element ]] */
/*----------------------------------------------*/
.entrySubject .entryNotes {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 2rem;
}
.entrySubject .entryNotes tr {
  display: flex;
  gap: 0.5rem;
  margin: 0 2rem;
  padding: 1rem 0;
  border-top: dotted 1px #E5E7EB;
}
.entrySubject .entryNotes th span.newline,
.entrySubject .entryNotes td span.newline {
  display: block;
}
.entrySubject .entryNotes th {
  width: 5em;
  color: #1F2937;
  font-weight: bold;
}

.entrySubject .entryStatus + .entryNotes tr:first-child th,
.entrySubject .entryStatus + .entryNotes tr:first-child td {
  padding-top: 0;
  border-top: none;
}

.entrySubject .entryNotes:last-child tr:last-child th,
.entrySubject .entryNotes:last-child tr:last-child td {
  padding-bottom: 0;
}

/* [[┠ .entryAttention ]] */
/*----------------------------------------------*/
.entrySubject .entryAttention {
  padding: 3px 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background: #932E19;
  border-radius: 100px;
  margin: 1.25rem 1.5rem 0 1.5rem;
}

/* [[┠ .actionbar > element ]] */
/*----------------------------------------------*/
.entrySubject .actionbar {
  zoom: 1;
}
.entrySubject .actionbar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .entrySubject .actionbar {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.entrySubject .actionbar li {
  float: left;
  min-width: 120px;
}
.entrySubject .actionbar li + li {
  margin-left: 1rem;
}
.entrySubject .actionbar li.send {
  float: right;
  margin-left: 0;
}
.entrySubject .actionbar li {
  position: relative;
}
.entrySubject .actionbar li span.notes {
  position: absolute;
  top: -22px;
  left: 50%;
  width: 70px;
  line-height: 16px;
  margin-left: -35px;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background: #932E19;
  border-radius: 100px;
}
.entrySubject .actionbar li span.notes:before {
  content: "　";
  display: block;
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: 100;
  width: 0px;
  height: 0px;
  overflow: hidden;
  margin-left: -4px;
  border-style: solid;
  border-width: 4px;
  border-color: #932E19 transparent transparent transparent;
}

/* [[┗ .entrySubject.reject ]] */
/*----------------------------------------------*/
.entrySubject.reject {
  border: solid 3px rgb(230.25, 230.25, 230.25);
}
.entrySubject.reject .entryStatus {
  background: #f3f3f3;
}
.entrySubject.reject .entryStatus p.record {
  color: #6B7280;
}
.entrySubject.reject .entryStatus p.mark, .entrySubject.reject .entryStatus p.mark.entry {
  background: #374151;
}
.entrySubject.reject .entryAccount .subject, body#mypage.entryList .entrySubject.reject .entryAccount .subject,
.entrySubject.reject .entryAccount .businessType,
.entrySubject.reject .entryAccount .jobType,
.entrySubject.reject .entryAccount .jobType a {
  color: #0078A7;
}
.entrySubject.reject .entryAccount .jobType img {
  opacity: 0.2;
}
.entrySubject.reject .entryNotes,
.entrySubject.reject .entryNotes th,
.entrySubject.reject .entryNotes .toMap {
  color: #6B7280;
}

/* [[ .eventData ]] */
/*[memo]
合説・イベント一覧要素
------------------------------------------------*/
.eventData .eventData_detail {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#joint.detail .eventData, body#event.detail .eventData {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 0.5rem;
}
body#joint.detail .eventData .eventData_detail, body#event.detail .eventData .eventData_detail {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#joint.list .eventData, body#event.list .eventData, body#mypage.joint .eventData {
  margin-top: 1rem;
  border: solid 3px #0097CF;
  border-radius: 8px;
  overflow: hidden;
}
body#joint.list .eventData:first-child, body#event.list .eventData:first-child, body#mypage.joint .eventData:first-child {
  margin-top: 0;
}
body#joint.list .eventData .eventData_header, body#event.list .eventData .eventData_header, body#mypage.joint .eventData .eventData_header {
  background: #EFFAFF;
  padding: 1rem 2rem;
}
body#joint.list .eventData .eventData_detail, body#event.list .eventData .eventData_detail, body#mypage.joint .eventData .eventData_detail {
  background: #fff;
  padding: 1rem 2rem;
}
body#mypage.joint .eventData, body#mypage.event .eventData {
  margin-top: 1.25rem;
  border: solid 3px #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
}
body#mypage.joint .eventData:first-child, body#mypage.event .eventData:first-child {
  margin-top: 0;
}
body#mypage.joint .eventData .eventData_header, body#mypage.event .eventData .eventData_header {
  background: #EFFAFF;
  padding: 1rem 2rem;
}
body#mypage.joint .eventData .eventData_detail, body#mypage.event .eventData .eventData_detail {
  background: #fff;
  padding: 1rem 2rem;
}
.eventData span.newline {
  display: block;
}

/* [[┠ .eventCategory / .eventName ]] */
/*----------------------------------------------*/
.eventData .eventCategory,
.eventData .eventCategory a {
  color: #0078A7;
  text-decoration: none;
}

.eventData .eventName,
.eventData .eventName a {
  color: #1F2937;
}

.eventData .eventCategory {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.eventData .eventName {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#mypage.joint .eventData .eventName, body#mypage.event .eventData .eventName {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.eventData .eventCategory + .eventName {
  padding-top: 0.5rem;
}

body#joint.detail .eventData .eventName,
body#event.detail .eventData .eventName {
  border: solid 3px #0097CF;
  border-radius: 8px;
  color: #0078A7;
  font-weight: bold;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/joint/detail_title_bg.png) no-repeat right center, linear-gradient(to bottom, #EFFAFF, #DFF4FF 70%, #B7ECFF);
  padding: 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* [[┠ .eventHeadline ]] */
/*----------------------------------------------*/
.eventData .eventHeadline {
  margin-bottom: 0.25rem;
  color: #1F2937;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.eventData .eventHeadline.attention {
  color: #932E19;
}

/* [[┠ .eventLead ]] */
/*----------------------------------------------*/
.eventData .eventLead {
  /* 未指定 */
}

/* [[┠ table.eventItem ]] */
/*----------------------------------------------*/
.eventData .eventItem {
  width: 100%;
  margin-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}
.eventData .eventItem:first-child {
  margin-top: 0;
  border-top: none;
}
.eventData .eventItem th,
.eventData .eventItem td {
  padding: 0.5rem 0;
  border-top: dotted 1px #E5E7EB;
  vertical-align: top;
}
.eventData .eventItem:first-child tr:first-child th, .eventData .eventItem:first-child tr:first-child td {
  padding-top: 0;
  border-top: none;
}
.eventData .eventItem tr:last-child th,
.eventData .eventItem tr:last-child td {
  padding-bottom: 0;
}
.eventData .eventItem th {
  width: 120px;
  color: #222;
  font-weight: bold;
}

/* [[┠ .eventMore ]] */
/*----------------------------------------------*/
.eventData .eventMore {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}
.eventData .eventMore:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
body#joint.detail .eventData .eventMore, body#event.detail .eventData .eventMore {
  margin-top: 1.25rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
  padding: 2rem;
}

/* [[┗ .actionbar ]] */
/*----------------------------------------------*/
.eventData .actionbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.eventData .actionbar li {
  width: 120px;
}
.eventData .actionbar li + li {
  margin-left: 0.5rem;
}
.eventData .actionbar li.notes {
  width: auto;
  color: #02658A;
  font-weight: bold;
  font-size: 12px;
}
body#mypage.joint .eventData .actionbar li {
  width: 260px;
}
body#joint.list .eventData .actionbar, body#event.list .eventData .actionbar {
  margin: 0 1.25rem;
  padding: 1.25rem 0;
  border-top: solid 1px #E5E7EB;
  text-align: center;
}
body#joint.list .eventData .actionbar li, body#event.list .eventData .actionbar li {
  width: 260px;
}
body#mypage.joint .eventData .actionbar, body#mypage.event .eventData .actionbar {
  padding: 1.25rem 0;
  border-top: solid 1px #E5E7EB;
  text-align: center;
}
body#mypage.joint .eventData .actionbar li, body#mypage.event .eventData .actionbar li {
  width: 260px;
}

/* [[┗ .linkItem ]] */
/*----------------------------------------------*/
.linkItem {
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.execute + .linkItem {
  padding-top: 1.25rem;
}

/* [[ .caution]] */
/*[memo]
各申し込み時の注意文で共通指定
------------------------------------------------*/
.caution {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 40px;
  padding: 1.25rem 2rem;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 3px;
  background: #eee;
}
.caution .notes {
  display: block;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.caution .links {
  color: #222;
  text-decoration: underline;
}

/* [[ .alertBox ]] */
/*[memo]
0件検索結果やセッションが切れたときなどのエラーアナウンス用
------------------------------------------------*/
.alertBox {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
  padding: 2rem;
  border: solid 2px #BD1A14;
  border-radius: 8px;
  background-color: #fff;
}
.alertBox p {
  margin-top: 0.5rem;
  color: #222;
  font-weight: bold;
}
.alertBox p:first-child {
  margin-top: 0;
}
.alertBox p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
}
.alertBox .actionbar {
  border-top: dotted 1px #E5E7EB;
  margin-top: 1rem;
  padding-top: 1rem;
  text-align: center;
}
.alertBox .actionbar li {
  display: inline-block;
  width: 260px;
  margin: 0 0.5rem;
}
.alertBox .actionbar:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* [[ .contents ]] */
body#about .contents {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
body#about .contents_inner.main {
  width: 700px;
  flex-grow: 0;
  flex-shrink: 0;
}
body#about .contents_inner.sub {
  width: 240px;
  flex-grow: 0;
  flex-shrink: 0;
}
body#about .contentsHeader {
  width: auto;
}

/* [[ .aboutNav ]] */
.aboutNav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.aboutNavItem {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  border: solid 1px #E5E7EB;
}
.aboutNavItem a {
  display: block;
  padding: 1rem 1.25rem 1rem 3rem;
  color: #3D74D3;
  text-decoration: none;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/pc/sitemap/list_icon.png) no-repeat left 1.5rem center;
  background-size: 16px auto;
}
.aboutNavItem a:hover {
  text-decoration: underline;
}

/* [[ .section ]] */
body#about .section {
  margin-top: 2.5rem;
}
body#about .section .headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: auto;
  color: #0097CF;
}
body#about .section .headline-lg {
  margin-top: 1rem;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0078A7;
  font-weight: bold;
  border-radius: 4px;
  background-color: #EFFAFF;
}
body#about .section .headline-lg:first-child {
  margin-top: 0;
}
body#about .section .headline-md {
  margin-top: 1rem;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1F2937;
  font-weight: bold;
  border-radius: 4px;
  background-color: #F9FAFB;
}
body#about .section .headline-md:first-child {
  margin-top: 0;
}
body#about .section .headline-sm {
  margin-top: 1rem;
  color: #222;
  font-weight: bold;
}
body#about .section .headline-sm:first-child {
  margin-top: 0;
}
body#about .section .lead {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  border-left: solid 5px #E5E7EB;
}
body#about .section .lead.attention {
  color: #932E19;
  font-weight: bold;
}
body#about .section .detail {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body#about .section .detail > p {
  line-height: 2;
}
body#about .section .detail .item + .item {
  margin-top: 1.5rem;
}
body#about .section .detail .item .iconSet {
  display: flex;
  align-items: center;
  gap: 1rem;
}
body#about .section .detail .item .iconSet + .iconSet {
  margin-top: 1rem;
}
body#about .section .detail .item .property {
  align-items: flex-start;
}
body#about .section .detail .item .propertyIcon {
  padding: 0.125rem 0.75rem;
  border-radius: 100px;
  box-sizing: border-box;
  color: #B93815;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #FDEAD7;
  width: 180px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-top: 0.125rem;
}
body#about .section .detail .item .accentIcon {
  font-weight: bold;
}
body#about .section .detail .item .accentIcon:before {
  content: "●";
  margin-right: 0.25rem;
  color: #0097CF;
}
body#about .section .detail .item-column2 {
  display: flex;
}
body#about .section .detail .item-column2 span {
  width: 50%;
}
body#about .section .detail .wrap {
  display: flex;
  gap: 1.5rem;
  margin-top: 0.5rem;
}
body#about .section .detail .wrap .text {
  flex-grow: 1;
}
body#about .section .detail .wrap .photo img {
  display: block;
  width: 200px;
  height: auto;
  border: solid 1px #E5E7EB;
}
body#about .section .listItem {
  padding-top: 0.5rem;
}
body#about .section .listItem + .listItem {
  margin-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}

body#about .section .item p {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
body#about .section .item p:first-child {
  padding-top: 0;
}
body#about .section .item p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#about .section .item > p.notes {
  margin-top: 0;
  border-top: none;
}
body#about .section .itemLink {
  display: inline-block;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/pc/sitemap/list_icon.png) no-repeat left top 0.25rem;
  background-size: 16px auto;
  margin-top: 0.5rem;
  padding-left: 1.25rem;
}
body#about .section .item .actionbar {
  margin-top: 0.5rem;
}
body#about .section .item .actionbar li {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  margin-right: 0.5rem;
}

/* [[ body.applicationForm .printWrap ]] */
body#entry.applicationForm .printWrap ~ .printWrap,
body#entry.applicationForm .printWrap > .printWrap_title {
  display: none;
}

@media print {
  html {
    background: none;
  }
  pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
  }
  body#entry.applicationForm {
    min-width: initial;
    width: 172mm !important;
    color: #000;
    font-size: 9px;
    background: none;
  }
  body#entry.applicationForm .header,
  body#entry.applicationForm .footer,
  body#entry.applicationForm #header,
  body#entry.applicationForm #footer,
  body#entry.applicationForm .contentsFooter,
  body#entry.applicationForm .contentsTitle,
  body#entry.applicationForm .contentsHeader {
    display: none;
  }
  body#entry.applicationForm .contents,
  body#entry.applicationForm #contents {
    padding: 0;
  }
  body#entry.applicationForm .contents_inner,
  body#entry.applicationForm .contentsInner {
    width: auto;
    margin: 0;
  }
  body#entry.applicationForm .printWrap,
  body#entry.applicationForm .printWrap ~ .printWrap {
    display: block;
  }
  body#entry.applicationForm .printWrap {
    position: relative;
    padding: 14px;
    border: solid 1px #000;
  }
  body#entry.applicationForm .printWrap + .printWrap {
    margin-top: 40px;
  }
  body#entry.applicationForm .printWrap + .printWrap:before {
    content: "　";
    display: block;
    position: absolute;
    top: -20px;
    left: 0px;
    width: 100%;
    height: 0;
    border-top: dashed 1px #000;
    font-size: 0;
    line-height: 0;
  }
  body#entry.applicationForm .printWrap .printWrap_title {
    display: block;
    font-size: 16px;
    line-height: 1;
  }
  body#entry.applicationForm .userForm,
  body#entry.applicationForm .userForm_box {
    width: auto;
    margin: 10px 0 0 0;
    padding: 5px;
    border: solid 1px #000;
    border-radius: 0;
  }
  body#entry.applicationForm .userForm:first-child, body#entry.applicationForm .userForm.photoStatus:first-child + .userForm, body#entry.applicationForm .userForm.photoStatus:first-child + .userForm_box,
  body#entry.applicationForm .userForm_box:first-child,
  body#entry.applicationForm .userForm_box.photoStatus:first-child + .userForm,
  body#entry.applicationForm .userForm_box.photoStatus:first-child + .userForm_box {
    margin-top: 0;
  }
  body#entry.applicationForm .userForm .userForm_header,
  body#entry.applicationForm .userForm_box .userForm_header {
    display: none;
  }
  body#entry.applicationForm .userForm .userForm_detail,
  body#entry.applicationForm .userForm_box .userForm_detail {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
  }
  body#entry.applicationForm .userForm .userForm_detail table:first-child,
  body#entry.applicationForm .userForm_box .userForm_detail table:first-child {
    margin: 0;
  }
  body#entry.applicationForm .userForm .userForm_detail table,
  body#entry.applicationForm .userForm_box .userForm_detail table {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  body#entry.applicationForm .userForm .userForm_detail tbody,
  body#entry.applicationForm .userForm_box .userForm_detail tbody {
    display: table-row-group;
  }
  body#entry.applicationForm .userForm .userForm_detail tr,
  body#entry.applicationForm .userForm_box .userForm_detail tr {
    display: table-row;
  }
  body#entry.applicationForm .userForm .userForm_detail th,
  body#entry.applicationForm .userForm .userForm_detail td,
  body#entry.applicationForm .userForm_box .userForm_detail th,
  body#entry.applicationForm .userForm_box .userForm_detail td {
    display: table-cell;
    padding: 5px 0;
    border-top: dotted 1px #E5E7EB;
    font-size: 9px;
  }
  body#entry.applicationForm .userForm .userForm_detail table:first-child tr:first-child th,
  body#entry.applicationForm .userForm .userForm_detail table:first-child tr:first-child td,
  body#entry.applicationForm .userForm_box .userForm_detail table:first-child tr:first-child th,
  body#entry.applicationForm .userForm_box .userForm_detail table:first-child tr:first-child td {
    padding-top: 0;
  }
  body#entry.applicationForm .userForm .userForm_detail tr:last-child th,
  body#entry.applicationForm .userForm .userForm_detail tr:last-child td,
  body#entry.applicationForm .userForm_box .userForm_detail tr:last-child th,
  body#entry.applicationForm .userForm_box .userForm_detail tr:last-child td {
    padding-bottom: 0;
  }
  body#entry.applicationForm .userForm .userForm_detail th,
  body#entry.applicationForm .userForm_box .userForm_detail th {
    width: 120px;
    background: none;
    white-space: nowrap;
  }
  body#entry.applicationForm .userForm .userForm_detail td,
  body#entry.applicationForm .userForm_box .userForm_detail td {
    width: 95%;
  }
  body#entry.applicationForm .userForm .userForm_detail table p,
  body#entry.applicationForm .userForm .userForm_detail table .item,
  body#entry.applicationForm .userForm_box .userForm_detail table p,
  body#entry.applicationForm .userForm_box .userForm_detail table .item {
    padding: 0;
    border: none;
  }
  body#entry.applicationForm .userForm table tr.required th:after, body#entry.applicationForm .userForm.required .userForm_header:after,
  body#entry.applicationForm .userForm_box table tr.required th:after,
  body#entry.applicationForm .userForm_box.required .userForm_header:after {
    display: none;
  }
  body#entry.applicationForm .userForm_box.photoStatus .userPhoto ~ div,
  body#entry.applicationForm .userForm_box.photoStatus .userPhoto ~ p {
    display: none;
  }
  body#entry.applicationForm .userForm_box.photoStatus {
    padding: 0;
    border: none;
    /* reset */
    float: left;
  }
  body#entry.applicationForm .userForm_box.photoStatus .userPhoto {
    width: 120px;
    margin: 0;
    border: solid 1px #000;
    background: none;
  }
  body#entry.applicationForm .userForm_box.photoStatus ~ .userForm,
  body#entry.applicationForm .userForm_box.photoStatus ~ .userForm_box {
    overflow: hidden;
    zoom: 1;
    margin-left: 140px;
  }
  body#entry.applicationForm .printWrap.noPhoto .userForm_box.photoStatus {
    display: none;
  }
  body#entry.applicationForm .printWrap.noPhoto .userForm_box.photoStatus ~ .userForm,
  body#entry.applicationForm .printWrap.noPhoto .userForm_box.photoStatus ~ .userForm_box {
    margin-left: 0;
  }
}
/* [[ .contentsGuide ]] */
/*[memo]
参加無料マーク
------------------------------------------------*/
body#event.list .contentsTitle .notes,
body#event .eventList .headline .notes {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.25rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  line-height: 30px;
  background: #0097CF;
  border-radius: 8px;
}

body#event.list .contentsHeader p {
  margin-top: 0;
  border-top: none;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

body#event.list .contentsHeader .contentsGuide {
  display: inline-block;
  margin-top: 0.5rem;
}
body#event.list .contentsHeader .contentsGuide li {
  display: inline-block;
  padding: 0 0.5rem;
  border-left: solid 1px #E5E7EB;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}
body#event.list .contentsHeader .contentsGuide li:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-right: 0.25rem;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/base/text_link_icon.png) no-repeat left center;
  background-size: 14px auto;
  transform: rotate(90deg);
}
body#event.list .contentsHeader .contentsGuide li:last-child {
  border-right: solid 1px #E5E7EB;
}

/* [[ .eventList ]] */
body#event.list .eventList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
body#event.list .eventList .headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
body#event.list .eventList .detail {
  margin-top: 1.25rem;
}
body#event.list .eventList .detail:first-child {
  margin-top: 0;
}

body#mypage.event .eventList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}

body#event.list .eventList .detail > p.alert,
body#mypage.event .eventList .detail > p.alert {
  margin-top: 1.25rem;
  padding: 1.25rem;
  background: #f3f3f3;
  border-radius: 8px;
}
body#event.list .eventList .detail > p.alert:first-child,
body#mypage.event .eventList .detail > p.alert:first-child {
  margin-top: 0;
}

/* [[ body#event.detail ]] */
/* [[ layout ]] */
body#jobDetail #jobDetail_sub {
  margin-top: 1.25rem;
}

/* [[ module ]] */
/* [[┠ .jobmaster ]] */
/*----------------------------------------------*/
body#jobDetail .jobmasterTitle {
  width: 1000px;
  margin: 3rem auto 0;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0078A7;
  font-weight: bold;
  background: #EFFAFF;
  border-radius: 4px;
}
body#jobDetail .jobmasterTitle span {
  display: block;
  padding: 0.5rem 1.5rem;
}

body#jobDetail .jobmaster {
  border: solid 3px #30D0FF;
  border-radius: 4px;
  overflow: hidden;
}

body#jobDetail .contents_inner > .jobmaster {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.5rem;
}

/* [[┃┠ .jobmaster_account ]] */
body#jobDetail .jobmaster_account {
  margin: 1rem 1.5rem 0;
}
body#jobDetail .jobmaster_account .accountName {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1F2937;
  font-weight: bold;
}
body#jobDetail .jobmaster_account .businessType {
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┃┠ .jobmaster_property ]] */
body#jobDetail .jobmaster_property {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.5rem;
  margin: 0 1.5rem;
}

body#jobDetail .jobmaster_property li {
  padding: 0.125rem 0.75rem;
  border-radius: 100px;
  box-sizing: border-box;
  color: #B93815;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #FDEAD7;
}

/* [[┃┠ .jobmaster_jobtypeList ]] */
body#jobDetail .jobmaster_jobtypeList li {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
}
body#jobDetail .jobmaster_jobtypeList li.act {
  padding: 1rem 1.5rem 0;
}
body#jobDetail .jobmaster_jobtypeList li a {
  position: relative;
  color: #3D74D3;
  text-decoration: none;
}
body#jobDetail .jobmaster_jobtypeList li a:hover {
  color: #3460C1;
  text-decoration: underline;
}

/* [[┃┠ .jobmaster_actionbar ]] */
body#jobDetail .jobmaster_actionbar {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 1rem 1.5rem;
}
body#jobDetail .jobmaster_actionbar ul.entryFunction {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

body#jobDetail .jobmaster_property + .jobmaster_actionbar,
body#jobDetail .jobmaster_account + .jobmaster_actionbar {
  margin-top: 1rem;
}

body#jobDetail .accept + .jobmaster_actionbar {
  border-top: none;
}

body#jobDetail .jobmaster_actionbar li {
  flex: 1;
}
body#jobDetail .jobmaster_actionbar li.keep a:after, body#jobDetail .jobmaster_actionbar li.keep.ui-myclip span:after, body#jobDetail .jobmaster_actionbar li.keep.ui-myclip.on span:after {
  content: " ";
  width: 16px;
  height: 16px;
  margin-left: 0.25rem;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
body#jobDetail .jobmaster_actionbar li.keep a:after, body#jobDetail .jobmaster_actionbar li.keep.ui-myclip span:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/base/keep_icon.png);
}
body#jobDetail .jobmaster_actionbar li.keep.ui-myclip.on span:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/base/keep_on_icon.png);
}
body#jobDetail .jobmaster_actionbar li.visit.executeButton_done:before {
  display: none;
}

body#jobDetail .jobmaster_actionbar .notes.expired {
  padding: 3px 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background: #932E19;
}

body#jobDetail .jobmaster_actionbar {
  position: relative;
}

body#jobDetail .jobmaster_actionbar .notes.visit {
  border-top: solid 1px #0097CF;
  color: #222;
  font-weight: bold;
  text-align: center;
  background: #f6f3e8;
  padding: 1.25rem 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
}
body#jobDetail .jobmaster_actionbar .notes.visit:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: -16px;
  left: 50%;
  z-index: 10;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #0097CF transparent;
}
body#jobDetail .jobmaster_actionbar .notes.visit:after {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: -12px;
  left: 50%;
  z-index: 11;
  width: 0;
  height: 0;
  margin-left: -6px;
  border-style: solid;
  border-width: 6px;
  border-color: transparent transparent #f6f3e8 transparent;
}

/* [[┃┗ .jobmasterLeadLinks ]] */
/*[memo]
企業情報ページ・ピンポイントレポの最下部にある
採用情報 or インターンシップページに誘導するリンクブロック。
似たような要素で .jobmaster_jobtypeList があるが、
リード文がないのともう少し強調したいので別途指定を用意しました。
*/
.jobmasterLeadLinks {
  margin: 1rem 0;
}
.jobmasterLeadLinks_lead {
  color: #1F2937;
  font-size: 1rem;
  line-height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.jobmasterLeadLinks_lead strong {
  font-weight: bold;
}
.jobmasterLeadLinks_item {
  display: block;
}
.jobmasterLeadLinks-onlyLink {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_lead {
  width: 620px;
  margin-right: 1.25rem;
}
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #0078A7;
  color: #fff;
  width: 300px;
}
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item:hover, .jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item:visited {
  color: #fff;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_item {
  text-decoration: none;
  margin-top: 1rem;
  border-top: solid 1px #E5E7EB;
  padding: 1rem 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_jobType, .jobmasterLeadLinks-list .jobmasterLeadLinks_link {
  display: block;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_jobType {
  width: 620px;
  font-weight: bold;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_item:hover .jobmasterLeadLinks_jobType {
  text-decoration: underline;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_link {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
  width: 300px;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_link:hover, .jobmasterLeadLinks-list .jobmasterLeadLinks_link:visited {
  color: #fff;
}

/* [[┃┠ .jobmaster_otherJobList ]] */
.jobmaster_otherJobList {
  padding: 1rem 1.5rem;
  background-color: #F9FAFB;
}
.jobmaster_otherJobListTitle {
  font-weight: bold;
}
.jobmaster_otherJobList .jobmaster_jobtypeList li {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 1px #E5E7EB;
}
.jobmaster_otherJobList .jobmaster_jobtypeList li:first-child {
  padding-top: 0;
  border-top: none;
}

/* [[┠ .sellingpoint ]] */
/*----------------------------------------------*/
body#jobDetail .sellingpoint {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
}

/* [[┃┠ .mainPhoto ]] */
body#jobDetail .sellingpoint .mainPhoto {
  font-size: 0;
  line-height: 0;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: solid 1px #E5E7EB;
  text-align: center;
}
body#jobDetail .sellingpoint .mainPhoto:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
body#jobDetail .sellingpoint .mainPhoto img {
  display: inline-block;
  max-width: 650px;
  max-height: 488px;
}

/* [[┃┠ .message ]] */
body#jobDetail .sellingpoint .message {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: solid 1px #E5E7EB;
  color: #0097CF;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
body#jobDetail .sellingpoint .message:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* [[┃┠ .lead ]] */
body#jobDetail .sellingpoint .lead {
  margin-top: 1.25rem;
}

/* [[┃┗ .cut ]] */
body#jobDetail .sellingpoint .cut {
  zoom: 1;
  padding-top: 1.25rem;
}
body#jobDetail .sellingpoint .cut:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html body#jobDetail .sellingpoint .cut {
  display: inline-table;
  /*\*/
  display: block; /**/
}

body#jobDetail .sellingpoint .cut .item {
  padding: 0.5rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  box-sizing: border-box;
  float: left;
  width: 495px;
  box-sizing: border-box;
}
body#jobDetail .sellingpoint .cut .item + .item {
  float: right;
}
body#jobDetail .sellingpoint .cut .item .photo {
  font-size: 0;
  line-height: 0;
  width: 180px;
  float: left;
  margin-right: 0.5rem;
}
body#jobDetail .sellingpoint .cut .item .photo img {
  width: 100%;
  height: auto;
}
body#jobDetail .sellingpoint .cut .item p {
  color: #1F2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow: hidden;
  zoom: 1;
}

/* [[┠ .library ]] */
/*----------------------------------------------*/
body#jobDetail .library {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
}

body#jobDetail .library {
  padding: 0.5rem 0;
  background: #f3f3f3;
  border-radius: 8px;
}
body#jobDetail .library .inner {
  display: table;
  border-collapse: separate;
  border-spacing: 0.5rem 0;
  margin-top: 0.5rem;
}
body#jobDetail .library .inner:first-child {
  margin-top: 0;
}

body#jobDetail .library .item {
  display: table-cell;
  width: 320px;
  padding: 0.5rem;
  background: #fff;
  box-sizing: border-box;
}
body#jobDetail .library .item .photo {
  font-size: 0;
  line-height: 0;
  width: 180px;
  margin: 0 auto;
  text-align: center;
  background: #f3f3f3;
}
body#jobDetail .library .item .photo img {
  display: inline-block;
  max-width: 100%;
  max-height: 135px;
}
body#jobDetail .library .item p {
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┠ .additionalInfo ]] */
/*----------------------------------------------*/
.additionalInfo {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
}
.additionalInfo_title {
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0078A7;
  font-weight: bold;
  background: #EFFAFF;
  border-radius: 4px;
}
.additionalInfo_detail {
  margin-top: 1.5rem;
}
.additionalInfo_detail p {
  margin-top: 0.5rem;
}
.additionalInfo_detail p:first-child {
  margin-top: 0;
}
.additionalInfo_detail p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┠ .additionalMovie ]] */
/*----------------------------------------------*/
.additionalMovie {
  margin-top: 1.5rem;
  text-align: center;
}
.additionalMovie_wrapper {
  width: 400px;
  margin: 0 auto;
}
.additionalMovie_inner {
  position: relative;
  padding-top: 56.25%;
}
.additionalMovie_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.additionalMovie_text {
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
}

/* [[┠ .jobSection ]] */
/*----------------------------------------------*/
body#jobDetail .jobSection {
  margin-top: 3rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#jobDetail .jobSection .headline {
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0078A7;
  font-weight: bold;
  background: #EFFAFF;
  border-radius: 4px;
}
body#jobDetail .jobSection > dd {
  margin-top: 1.5rem;
  overflow-wrap: break-word;
  line-break: strict;
}
body#jobDetail .jobSection#jobPRpoint.box dd.detail {
  background: #DFF4FF;
}
body#jobDetail .jobSection dd.notes {
  margin-top: 0.5rem;
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body#jobDetail #jointInfo.jobSection {
  border: solid 2px #B93815;
  background: #FEF6EE;
  border-radius: 4px;
}
body#jobDetail #jointInfo.jobSection a,
body#jobDetail #jointInfo.jobSection span,
body#jobDetail #jointInfo.jobSection strong {
  display: block;
  line-height: 1.3;
}
body#jobDetail #jointInfo.jobSection a {
  padding: 1rem 2rem 1rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #B93815;
  font-weight: bold;
  text-decoration: none;
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23B93815%22%20d%3d%22M2%2e5%2c30A2%2e5%2c2%2e5%2c0%2c0%2c1%2c%2e73%2c25%2e73L11%2e46%2c15%2c%2e73%2c4%2e27A2%2e5%2c2%2e5%2c0%2c0%2c1%2c4%2e27%2e73l12%2e5%2c12%2e5a2%2e5%2c2%2e5%2c0%2c0%2c1%2c0%2c3%2e54L4%2e27%2c29%2e27A2%2e49%2c2%2e49%2c0%2c0%2c1%2c2%2e5%2c30Z%22%2f%3e%0d%0a%09%09%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  position: relative;
}
body#jobDetail #jointInfo.jobSection a:after {
  content: "開催概要を見る";
  display: block;
  padding: 0.25rem 1rem;
  color: #fff;
  background: #B93815;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
}
body#jobDetail #jointInfo.jobSection a:hover span,
body#jobDetail #jointInfo.jobSection a:hover strong {
  text-decoration: underline;
}
body#jobDetail #jointInfo.jobSection strong {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

body#jobDetail .jobSection table {
  margin-top: 1.5rem;
  width: 100%;
  table-layout: fixed;
}
body#jobDetail .jobSection table th,
body#jobDetail .jobSection table td {
  padding: 0.5rem 1rem;
  border: solid 1px #E5E7EB;
  box-sizing: border-box;
}
body#jobDetail .jobSection table th {
  width: 200px;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1F2937;
  font-weight: bold;
  text-align: center;
  background: #F3F4F6;
}
body#jobDetail .jobSection table td {
  width: 800px;
  overflow-wrap: break-word;
  line-break: strict;
}

body#jobDetail #mapLink.jobSection .headline span {
  margin-left: 0.25rem;
}
body#jobDetail #mapLink.jobSection dd.detail {
  overflow: auto;
  max-height: 280px;
  margin-top: 1.5rem;
  padding: 0;
}
body#jobDetail #mapLink.jobSection dd.detail dl {
  padding: 0.5rem;
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1F2937;
  background-color: #F9FAFB;
}
body#jobDetail #mapLink.jobSection dd.detail dl:first-child {
  margin-top: 0;
}
body#jobDetail #mapLink.jobSection dd.detail dt {
  font-weight: bold;
}
body#jobDetail #mapLink.jobSection dd.detail dd {
  margin-top: 0.25rem;
}

/* [[ .jobDetailHeader ]] */
.jobDetailHeader {
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_body ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_businessType ]] */
  /*----------------------------------------------*/
}
.jobDetailHeader_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.jobDetailHeader_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.jobDetailHeader_body {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.jobDetailHeader_businessType {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ ┗ .jobDetailHeaderTags ]] */
/*----------------------------------------------*/
.jobDetailHeaderTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.5rem;
}
.jobDetailHeaderTags_item {
  padding: 0.125rem 0.75rem;
  border-radius: 100px;
  box-sizing: border-box;
  color: #B93815;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #FDEAD7;
}

/* [[ .jobDetailNav ]] */
/*[memo]
企業情報・募集要項などのタブメニュー
------------------------------------------------*/
.jobDetailNav {
  margin-top: 3rem;
  border-bottom: solid 3px #0078A7;
  /* [[ ┠ &_set ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item-act ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item-disabled ]] */
  /*----------------------------------------------*/
}
.jobDetailNav_set {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-bottom: -3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.jobDetailNav_item {
  width: 324px;
  box-sizing: border-box;
  height: 60px;
  background-color: #0078A7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.jobDetailNav_item + .jobDetailNav_item {
  margin-left: 14px;
}
.jobDetailNav_item, .jobDetailNav_item > a {
  color: #fff;
  text-decoration: none;
}
.jobDetailNav_item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
}
.jobDetailNav_item span {
  display: block;
}
.jobDetailNav_item span + span:before {
  content: "・";
}
.jobDetailNav_item-act {
  border: solid 3px #0078A7;
  border-bottom: none;
  background-color: #fff;
}
.jobDetailNav_item-act > a {
  color: #0078A7;
}
.jobDetailNav_item-disabled {
  background-color: #eee;
  height: 57px;
  color: #d6d6d6;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* [[ .jobDetailRecruitment ]] */
/*[memo]
旧ソース .jobDetail_main  と .jobDetail_sub を囲む要素
PC版では新仕様より、画面センター合わせを各要素毎に指定することになったので
旧ソース .jobDetail_main  と .jobDetail_sub を囲む要素を追加しました。

SP版では画面センター合わせ不要だけど、
同一ソースにする + 上の空きを付けるために使用しています。
------------------------------------------------*/
.jobDetailRecruitment {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}

/* [[ .jobInterviewIntro ]] */
/*[memo]
求人詳細インタビューページのイントロ要素
------------------------------------------------*/
.jobInterviewIntro {
  margin-top: 2.5rem;
}
.jobInterviewIntro_inner {
  zoom: 1;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.jobInterviewIntro_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobInterviewIntro_inner {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobInterviewIntro_img {
  font-size: 0;
  line-height: 0;
}
.jobInterviewIntro_img img {
  width: 100%;
}
.jobInterviewIntro_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0;
  color: #0097CF;
  float: left;
  width: 320px;
  margin-top: 2.5rem;
  box-sizing: border-box;
}
.jobInterviewIntro_text {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 340px;
  margin-top: 2.5rem;
}

/* [[ .jobInterviewSection ]] */
/*[memo]
求人詳細インタビューページの段落要素
------------------------------------------------*/
.jobInterviewSection_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  border-top: solid 1px #E5E7EB;
  zoom: 1;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}
.jobInterviewSection_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobInterviewSection_inner {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobInterviewSection_img {
  font-size: 0;
  line-height: 0;
  float: left;
  width: 320px;
  margin-right: 1.25rem;
}
.jobInterviewSection_img img {
  width: 100%;
  height: auto;
}
.jobInterviewSection_text {
  overflow: hidden;
  zoom: 1;
}

/* [[ .jobLisPreference ]] */
/*[memo]
選択した検索項目要素
------------------------------------------------*/
.jobLisPreference {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 1.25rem;
  zoom: 1;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_detail]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_set / &_category / &_item]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_reset ]] */
  /*----------------------------------------------*/
}
.jobLisPreference:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobLisPreference {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobLisPreference_title {
  color: #0078A7;
  font-weight: bold;
  float: left;
  width: 220px;
  font-size: 1rem;
  line-height: 1.5rem;
}
.jobLisPreference_detail {
  float: left;
  width: 480px;
}
.jobLisPreference_set {
  font-size: 1rem;
  line-height: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jobLisPreference_set + .jobLisPreference_set {
  margin-top: 0.25rem;
}
.jobLisPreference_category, .jobLisPreference_item {
  display: inline;
}
.jobLisPreference_category {
  font-weight: bold;
}
.jobLisPreference_category:after {
  content: "-";
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.jobLisPreference_item + .jobLisPreference_item:before {
  content: "・";
}
.jobLisPreference_reset {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
  float: right;
  width: 250px;
}
.jobLisPreference_reset:hover, .jobLisPreference_reset:visited {
  color: #fff;
}

/* [[ .jobLisStatus ]] */
/*[memo]
検索結果件数 要素
------------------------------------------------*/
.jobLisStatus {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  zoom: 1;
  margin-top: 2.5rem;
  background-color: #f3f3f3;
  border-radius: 8px;
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.jobLisStatus:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .jobLisStatus {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.jobLisStatus_results {
  float: left;
}
.jobLisStatus_results strong {
  margin-left: 0.25rem;
}
.jobLisStatus_toolbar {
  display: flex;
}
.jobLisStatus_toolbar a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.jobLisStatus_toolbar a + a {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #E5E7EB;
}
.jobLisStatus_notes, .jobLisStatus_toolbar {
  float: right;
}

/* [[ .headline > .notes ]] */
/*[memo]
参加無料マーク
------------------------------------------------*/
body#joint .contentsTitle .notes,
body#joint .jointList .headline .notes {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.25rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  line-height: 30px;
  background: #0097CF;
  border-radius: 8px;
}

body#joint .contentsTitle .notes {
  margin-top: -4px;
}

/* [[ .howto ]] */
/*[memo]
漫画バナー
------------------------------------------------*/
body#joint .howto {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
}
body#joint .howto a {
  display: table;
  width: 100%;
  padding-right: 2.5rem;
  text-decoration: none;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23ddd%22%20d%3d%22M2%2e5%2c30A2%2e5%2c2%2e5%2c0%2c0%2c1%2c%2e73%2c25%2e73L11%2e46%2c15%2c%2e73%2c4%2e27A2%2e5%2c2%2e5%2c0%2c0%2c1%2c4%2e27%2e73l12%2e5%2c12%2e5a2%2e5%2c2%2e5%2c0%2c0%2c1%2c0%2c3%2e54L4%2e27%2c29%2e27A2%2e49%2c2%2e49%2c0%2c0%2c1%2c2%2e5%2c30Z%22%2f%3e%0d%0a%09%09%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
body#joint .howto a img {
  display: table-cell;
  vertical-align: middle;
  width: 270px;
}
body#joint .howto a span {
  display: table-cell;
  vertical-align: middle;
  width: 99%;
  padding-left: 0.5rem;
  color: #0097CF;
  font-weight: bold;
}

/* [[ .howto .contentsHeader ]] */
body#joint.howto .contentsHeader .contentsMeritWrap {
  margin-top: 1.25rem;
  padding: 0.25rem;
  background: #0097CF;
}

body#joint.howto .contentsHeader .contentsMerit {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 8px;
  background: #fff;
}
body#joint.howto .contentsHeader .contentsMerit li {
  padding: 0.5rem 0;
  border-top: dotted 1px #d3d3d3;
  font-weight: bold;
}
body#joint.howto .contentsHeader .contentsMerit li:before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
  margin: 0 0.25rem 0 0;
  background: url("https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/joint/check.png") no-repeat left center;
  background-size: 15px 15px;
}
body#joint.howto .contentsHeader .contentsMerit li:first-of-type {
  border-top: none;
}

/* [[ .jobList ]] */
/*[memo]
参加企業一覧
------------------------------------------------*/
body#joint.detail .jobList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
body#joint.detail .jobList .jobList_header {
  padding-left: 1.5rem;
  border-left: solid 5px #0097CF;
}
body#joint.detail .jobList .jobList_header .headline {
  color: #222;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  background: transparent;
  border-radius: 0;
}
body#joint.detail .jobList .jobList_header p {
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#joint.detail .jobList .headline {
  margin-top: 2rem;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0078A7;
  font-weight: bold;
  background: #EFFAFF;
  border-radius: 4px;
}

/* [[ .howto_container ]] */
/*[memo]
漫画詳細ページ要素
------------------------------------------------*/
body#joint.howto .howto_container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
body#joint.howto .howto_container .headline {
  padding: 0.5rem;
  color: #fff;
  background: #0097CF;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#joint.howto .howto_container > p,
body#joint.howto .howto_container .section,
body#joint.howto .howto_container .qaSection {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 1px #E5E7EB;
}
body#joint.howto .howto_container > p:first-child,
body#joint.howto .howto_container .section:first-child,
body#joint.howto .howto_container .qaSection:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
body#joint.howto .howto_container > p + p,
body#joint.howto .howto_container .headline + p,
body#joint.howto .howto_container .headline + .section,
body#joint.howto .howto_container .headline + .qaSection {
  margin-top: 0;
  border: none;
}
body#joint.howto .howto_container p.notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#joint.howto .howto_container .section {
  zoom: 1;
}
body#joint.howto .howto_container .section .picture {
  font-size: 0;
  line-height: 0;
}
body#joint.howto .howto_container .section .picture img {
  width: 100%;
}
body#joint.howto .howto_container .section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html body#joint.howto .howto_container .section {
  display: inline-table;
  /*\*/
  display: block; /**/
}
body#joint.howto .howto_container .section .picture {
  float: left;
  width: 280px;
  margin-right: 1.25rem;
}
body#joint.howto .howto_container .section p + p {
  padding-top: 0.5rem;
}
body#joint.howto .howto_container .qaSection dt,
body#joint.howto .howto_container .qaSection dd {
  position: relative;
  padding-left: 25px;
}
body#joint.howto .howto_container .qaSection dt:before,
body#joint.howto .howto_container .qaSection dd:before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  line-height: 20px;
  margin-right: 0.25rem;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  border-radius: 100px;
}
body#joint.howto .howto_container .qaSection dt:before {
  content: "Q";
  background: rgb(0.5428571429, 27.4142857143, 37.4571428571);
}
body#joint.howto .howto_container .qaSection dd:before {
  content: "A";
  background: #0097CF;
}
body#joint.howto .howto_container .qaSection dt {
  color: #222;
  font-weight: bold;
}
body#joint.howto .howto_container .qaSection dd {
  margin-top: 0.5rem;
}
body#joint.howto .howto_container .present {
  padding: 0.5rem;
  color: #02658A;
  background: #DFF4FF;
  border-radius: 8px;
  border-top: none;
}

body#joint.howto #howto_container03.howto_container > p,
body#joint.howto #howto_container03.howto_container .section,
body#joint.howto #howto_container03.howto_container .qaSection {
  margin-top: 1.25rem;
  padding-top: 0;
  border: none;
}
body#joint.howto #howto_container03.howto_container .section .picture {
  float: none;
  width: auto;
  margin-right: 0;
}
body#joint.howto #howto_container03.howto_container .section p {
  padding-top: 0.5rem;
}

/*[memo]
サーバーメンテナンス等で使用する画面のCSS指定です。
PC・SP共通CSS指定です。
↓
レスポンシブで指定しています。
↓
「style_pc.css」「style_sp.css」両方同じCSSがコンパイルされています。
↓
イレギュラー指定につき各CSSの上書きしてもここで行っています。
*/
/* [[ body ]] */
@media screen and (max-width: 1100px) {
  body#maintenance {
    width: 100%;
    min-width: initial;
    /* reset */
  }
}

/* [[ #header ]] */
@media screen and (max-width: 960px) {
  body#maintenance #header {
    width: 100%;
    /* reset */
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 960px) {
  body#maintenance .headerInner {
    width: 100%;
    /* reset */
  }
}

body#maintenance .siteTitle a {
  margin: 0 auto;
}

/* [[ #contents ]] */
body#maintenance #contents {
  padding-top: 2.5rem;
  /* reset */
}
@media screen and (max-width: 960px) {
  body#maintenance #contents {
    width: 100%;
    /* reset */
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 960px) {
  body#maintenance .contentsInner {
    width: 100%;
    /* reset */
  }
}

/* [[ .alertBox ]] */
body#maintenance .alertBox {
  margin-top: 0;
  /* reset */
}
@media screen and (max-width: 960px) {
  body#maintenance .alertBox {
    padding: 0.5rem;
  }
}

@media screen and (max-width: 600px) {
  body#maintenance .alertBox .actionbar {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    /* reset */
  }
}

@media screen and (max-width: 600px) {
  body#maintenance .alertBox .actionbar li {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    /* reset */
  }
}

@media screen and (max-width: 600px) {
  body#maintenance .alertBox .actionbar li + li {
    margin-top: 0.5rem;
  }
}

/* [[ #contents ]] */
@media screen and (max-width: 1100px) {
  body#maintenance .footer_pageTop {
    left: auto;
    width: auto;
    height: auto;
    margin-left: 0;
    /* reset */
    right: 10px;
  }
}

/* [[ body.home #information ]] */
/*[memo]
マイページトップ：会員用お知らせ
------------------------------------------------*/
body#mypage.home #information {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
}
body#mypage.home #information > .headline {
  padding: 0.5rem 0 0.5rem 0.5rem;
  border-left: solid 5px #02658A;
  color: #02658A;
  line-height: 1;
}
body#mypage.home #information .detail {
  padding-left: 0.5rem;
  border-left: solid 5px #E5E7EB;
}

body#mypage.home #information .detail dl {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}
body#mypage.home #information .detail dl:first-child {
  margin-top: 0;
}
body#mypage.home #information .detail dl dt {
  color: #222;
  font-weight: bold;
}
body#mypage.home #information .detail dl dt.update {
  font-size: 0.75rem;
  line-height: 1rem;
}
body#mypage.home #information .detail dl dt.headline {
  /* 未指定 */
}
body#mypage.home #information .detail dl dd {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ .messageList ]] */
/*[memo]
特定企業とのメッセージ一覧
------------------------------------------------*/
body#mypage .messageList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
}

/* [[ .messageData ]] */
/*[memo]
メッセージ一覧では .messageList 内で、
メッセージ詳細・送信画面では単体で使用
------------------------------------------------*/
body#mypage .messageData {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1.25rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  padding: 1rem 2rem;
}

body#mypage .messageList .messageData {
  margin-top: 0;
  border: none;
  border-radius: 0;
  /* reset */
  border-top: solid 1px #E5E7EB;
}
body#mypage .messageList .messageData:first-child {
  border-top: none;
}

/* [[┠ .status ]] */
/*----------------------------------------------*/
body#mypage .messageData .status {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body#mypage .messageData .status p {
  display: inline-block;
  vertical-align: middle;
}
body#mypage .messageData .status p.mark {
  width: 50px;
  margin-right: 0.25rem;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 18px;
  text-align: center;
  background: #0097CF;
  border-radius: 8px;
}
body#mypage .messageData .status p.mark.unread {
  background: #932E19;
}
body#mypage .messageData .status p.mark.to {
  color: #02658A;
  background: #fff;
  border: solid 2px #0097CF;
  box-sizing: border-box;
  line-height: 14px;
}

/* [[┠ .subject ]] */
/*----------------------------------------------*/
body#mypage .messageData .subject {
  padding-top: 0.5rem;
  color: #222;
}
body#mypage .messageData .subject:first-child {
  padding-top: 0;
}

body#mypage .messageList .messageData .subject {
  padding-top: 0.5rem;
}
body#mypage .messageList .messageData .subject:first-child {
  padding-top: 0;
}

/* [[┠ .detail ]] */
/*----------------------------------------------*/
body#mypage .messageData .detail {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: dotted 1px #E5E7EB;
}

body#mypage .messageList .messageData .detail {
  margin-top: 0;
  padding-top: 0.5rem;
  border-top: none;
  /* reset */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┠ .quotation ]] */
/*----------------------------------------------*/
body#mypage .messageData .quotation {
  margin-top: 1.25rem;
  padding-left: 0.5rem;
  border-left: solid 3px #0078A7;
  color: #0078A7;
}

/* [[┠ span.notes ]] */
/*----------------------------------------------*/
body#mypage .messageData span.notes {
  display: block;
  margin-top: 0.25rem;
  color: #4B5563;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[┠ input / textarea ]] */
/*----------------------------------------------*/
body#mypage .messageData input,
body#mypage .messageData textarea {
  width: 100%;
  box-sizing: border-box;
}

body#mypage .messageData .attention input,
body#mypage .messageData .attention textarea {
  border-color: #BD1A14;
  background: #FFE2E1;
}

/* [[┗ .more ]] */
/*----------------------------------------------*/
body#mypage .messageData .more {
  width: 90px;
  padding-top: 0.5rem;
}
body#mypage .messageData .more .executeButton,
body#mypage .messageData .more .executeButton_low,
body#mypage .messageData .more .executeButton_high,
body#mypage .messageData .more .executeButton_lead,
body#mypage .messageData .more .executeButton_send,
body#mypage .messageData .more .executeButton_done,
body#mypage .messageData .more .executeButton.disabled {
  min-height: 30px;
  font-size: 0.75rem;
  line-height: 1rem;
}

/* [[ body.photoUpload .photoTools ]] */
/*[memo]
マイページトップ：会員用お知らせ
------------------------------------------------*/
body#mypage.photoUpload .photoToolsWrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  zoom: 1;
  margin-top: 1.25rem;
}
body#mypage.photoUpload .photoToolsWrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html body#mypage.photoUpload .photoToolsWrap {
  display: inline-table;
  /*\*/
  display: block; /**/
}
body#mypage.photoUpload .photoToolsWrap .photoTools {
  overflow: hidden;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
}
body#mypage.photoUpload .photoToolsWrap #photoTrimming.photoTools {
  float: left;
  width: 680px;
}
body#mypage.photoUpload .photoToolsWrap #photoPreview.photoTools {
  float: right;
  width: 300px;
}

body#mypage.photoUpload .photoTools .headline {
  padding: 0.5rem;
  color: #222;
  font-weight: normal;
  border-bottom: solid 1px #E5E7EB;
}
body#mypage.photoUpload .photoTools .detail {
  height: 400px;
  background: #f2f2f2 url(https://image.haj.co.jp/jobkita/shukatsu/2026/old/common/mypage/no_photo.png) no-repeat center top;
  background-size: auto 100%;
}
body#mypage.photoUpload .photoTools .detail .cropArea,
body#mypage.photoUpload .photoTools .detail .preview {
  font-size: 0;
  line-height: 0;
  height: 400px;
  overflow: hidden;
  text-align: center;
}
body#mypage.photoUpload .photoTools .detail .cropArea img {
  max-height: 400px;
}
body#mypage.photoUpload .photoTools .detail .preview img {
  width: 100%;
}

/* [[ .keepListNav ]] */
/*[memo]
マイページ / キープ一覧 タブ
------------------------------------------------*/
.keepListNav {
  margin-top: 2.5rem;
  border-bottom: solid 3px #0097CF;
}

/* [[ ┠ .keepListNavSet ]] */
/*----------------------------------------------*/
.keepListNavSet {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-bottom: -3px;
  /*[memo]
  4年生用 = エントリー等受付企業 = 左
  3年生用 = インターンシップ等受付企業 = 右
  ↑
  どちらかのタブ（ &_item ）がなくなっても
  左・右レウアイとを固定するため
  ↓
  ・&_item を position で指定
  ・タブの親（ &_set ）の高さを指定
  ↓
  */
  position: relative;
  height: 60px;
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /* [[ ┠ &_item-act ]] */
  /*----------------------------------------------*/
}
.keepListNavSet_item {
  width: calc(50% - 10px);
  height: 60px;
  background-color: #0097CF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.keepListNavSet_item-4th {
  position: absolute;
  top: 0;
  left: 0;
}
.keepListNavSet_item-3rd {
  position: absolute;
  top: 0;
  right: 0;
}
.keepListNavSet_item a {
  font-weight: bold;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  display: flex;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.keepListNavSet_item-act {
  border: solid 3px #0097CF;
  border-bottom: none;
  background-color: #fff;
  box-sizing: border-box;
}
.keepListNavSet_item-act a {
  color: #0097CF;
}

/* [[ .updateInfo ]] */
/*[memo]
マイページ / プロフィール編集 登録情報を更新
------------------------------------------------*/
.updateInfo {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 40px;
}
.updateInfo_inner {
  padding: 1.25rem;
  background: #DFF4FF;
}
.updateInfo_text {
  padding-top: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
}

.updateInfoItem {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
.updateInfoItem input[type=checkbox],
.updateInfoItem input[type=radio] {
  vertical-align: top;
  margin-top: 5px;
  margin-right: 10px;
  position: absolute;
}
.updateInfoItem label {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

.jobdata_select {
  flex-shrink: 0;
  margin-top: -0.75rem;
  padding: 0.75rem;
  color: #3D74D3;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 8px;
  background-color: #F1F7FD;
}
.jobdata_select input {
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.jobdata_select input[type=checkbox]:checked + label {
  color: #304F9D;
  font-weight: bold;
}
.jobdata_select input[type=checkbox],
.jobdata_select input[type=radio] {
  vertical-align: top;
  margin-top: 0.25rem;
  margin-right: 0.5rem;
}

.jobdata_jointInfo {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  border-top: solid 1px #E5E7EB;
}

.jointInfo_title {
  flex-grow: 0;
  flex-shrink: 0;
  color: #1F2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
.jointInfo_link {
  padding-right: calc(1rem + 10px);
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%233D74D3%22%20d%3d%22M2%2e5%2c30A2%2e5%2c2%2e5%2c0%2c0%2c1%2c%2e73%2c25%2e73L11%2e46%2c15%2c%2e73%2c4%2e27A2%2e5%2c2%2e5%2c0%2c0%2c1%2c4%2e27%2e73l12%2e5%2c12%2e5a2%2e5%2c2%2e5%2c0%2c0%2c1%2c0%2c3%2e54L4%2e27%2c29%2e27A2%2e49%2c2%2e49%2c0%2c0%2c1%2c2%2e5%2c30Z%22%2f%3e%0d%0a%09%09%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 10px auto;
}
.jointInfo_status {
  margin-right: 0.5rem;
  color: #1F2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.jointInfo_status:hover {
  text-decoration: none;
}
.jointInfo_status:before {
  content: "✓";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 18px;
  text-align: center;
  border-radius: 100px;
  background-color: #D24719;
}

/* [[ .siteMapCategory ]] */
.siteMapCategory {
  margin-top: 1.25rem;
  /* [[ ┠ &_title ]] */
  /*----------------------------------------------*/
  /* [[ ┗ &_title a ]] */
  /*----------------------------------------------*/
  /*[memo]
  リンク・アイコン指定
  ------------------------------------------------*/
}
.siteMapCategory + .siteMapCategory {
  margin-top: 2.5rem;
}
.siteMapCategory_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.siteMapCategory_title {
  padding: 0.5rem 1.5rem;
  color: #0078A7;
  font-weight: bold;
  border-radius: 4px;
  background-color: #EFFAFF;
  font-size: 1rem;
  line-height: 1.5rem;
}
.siteMapCategory_title + .siteMapCategory_title {
  margin-top: 0.5rem;
}
.siteMapList + .siteMapCategory_title {
  margin-top: 1.25rem;
}
.siteMapCategory_title-secondary {
  color: #1F2937;
  background-color: #F9FAFB;
}
.siteMapCategory_title a {
  display: block;
  margin: -0.5rem -1.5rem;
  padding: 0.5rem 1.5rem 0.5rem 3rem;
  color: #0078A7;
  text-decoration: none;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/pc/sitemap/list_icon.png) no-repeat left 1.5rem center;
  background-size: 16px auto;
}
.siteMapCategory_title a:hover {
  text-decoration: underline;
}
.siteMapCategory_title-secondary a {
  color: #1F2937;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/pc/sitemap/list_icon.png) no-repeat left 1.5rem center;
  background-size: 16px auto;
}

/* [[ Mixin / siteMapList column ]] */
/*[memo]
後で指定している .siteMapList 用の
@mixin 指定（共通のカラム指定）
↑
PC・SPでカラムの指定が違います。
↓
例）
業種 = PC 3カラム / SP カラムなし
勤務地 = PC 4カラム / SP 3カラム
↑
.siteMapList の Modifier 毎に
@mixin を使ってカラムし指定する仕様です。
*/
/* [[ ┠ siteMapListColumn ]] */
/*----------------------------------------------*/
/*[memo]
.siteMapList-XXX のカラム共通指定
------------------------------------------------*/
/* [[ ┠ siteMapListColumnBorder ]] */
/*----------------------------------------------*/
/*[memo]
下記 @mixin siteMapListColumnItem で使用する
疑似 border 共通指定 @mixin
------------------------------------------------*/
/* [[ ┗ siteMapListColumnItem ]] */
/*----------------------------------------------*/
/*[memo]
.siteMapList-XXX &_item のカラム共通指定
引数にてカラムタイプを変えています。
------------------------------------------------*/
/* [[ .siteMapList ]] */
.siteMapList {
  margin-top: 1.25rem;
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /*[memo]
  PC カラムなし or SP 指定
  ------------------------------------------------*/
  /* [[ ┗ &-xxxx Modifier ]] */
  /*----------------------------------------------*/
  /*[memo]
  カラム・個別指定
  ------------------------------------------------*/
}
.siteMapList + .siteMapList {
  border-top: dotted 1px #E5E7EB;
  padding-top: 1.25rem;
}
.siteMapList_item {
  font-size: 1rem;
  line-height: 1.5rem;
}
.siteMapList_item + .siteMapList_item {
  border-top: dotted 1px #E5E7EB;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
.siteMapList_item a {
  display: inline-block;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/pc/sitemap/list_icon.png) no-repeat left 1.5rem top 0.25rem;
  background-size: 16px auto;
  padding-left: 3rem;
  padding-right: 1.5rem;
  text-decoration: none;
}
.siteMapList_item a:hover {
  text-decoration: underline;
}
.siteMapList-base {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-base .siteMapList_item {
  width: calc(33.3% - 0.825rem);
}
.siteMapList-base .siteMapList_item:nth-child(3n) {
  width: calc(33.4% - 0.85rem);
}
.siteMapList-base .siteMapList_item:nth-child(3n+1) {
  margin-left: 0;
}
.siteMapList-base .siteMapList_item:nth-child(n+4) {
  padding-top: 2.5rem;
}
.siteMapList-base .siteMapList_item:nth-child(3n+1):not(:first-child) {
  position: relative;
}
.siteMapList-base .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-base .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.siteMapList-base .siteMapList_item, .siteMapList-base .siteMapList_item + .siteMapList-base .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-business {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-business .siteMapList_item {
  width: calc(33.3% - 0.825rem);
}
.siteMapList-business .siteMapList_item:nth-child(3n) {
  width: calc(33.4% - 0.85rem);
}
.siteMapList-business .siteMapList_item:nth-child(3n+1) {
  margin-left: 0;
}
.siteMapList-business .siteMapList_item:nth-child(n+4) {
  padding-top: 2.5rem;
}
.siteMapList-business .siteMapList_item:nth-child(3n+1):not(:first-child) {
  position: relative;
}
.siteMapList-business .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-business .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.siteMapList-business .siteMapList_item, .siteMapList-business .siteMapList_item + .siteMapList-business .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-jobType {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-jobType .siteMapList_item {
  width: calc(33.3% - 0.825rem);
}
.siteMapList-jobType .siteMapList_item:nth-child(3n) {
  width: calc(33.4% - 0.85rem);
}
.siteMapList-jobType .siteMapList_item:nth-child(3n+1) {
  margin-left: 0;
}
.siteMapList-jobType .siteMapList_item:nth-child(n+4) {
  padding-top: 2.5rem;
}
.siteMapList-jobType .siteMapList_item:nth-child(3n+1):not(:first-child) {
  position: relative;
}
.siteMapList-jobType .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-jobType .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.siteMapList-jobType .siteMapList_item, .siteMapList-jobType .siteMapList_item + .siteMapList-jobType .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-area .siteMapList_item {
  width: calc((100% - 3.75rem) / 4);
}
.siteMapList-area .siteMapList_item:nth-child(4n+1) {
  margin-left: 0;
}
.siteMapList-area .siteMapList_item:nth-child(n+5) {
  padding-top: 2.5rem;
}
.siteMapList-area .siteMapList_item:nth-child(4n+1):not(:first-child) {
  position: relative;
}
.siteMapList-area .siteMapList_item:nth-child(4n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-area .siteMapList_item:nth-child(4n+1):not(:first-child):before {
  width: calc(400% + 3.75rem);
}
.siteMapList-area .siteMapList_item, .siteMapList-area .siteMapList_item + .siteMapList-area .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-options .siteMapList_item {
  width: calc(33.3% - 0.825rem);
}
.siteMapList-options .siteMapList_item:nth-child(3n) {
  width: calc(33.4% - 0.85rem);
}
.siteMapList-options .siteMapList_item:nth-child(3n+1) {
  margin-left: 0;
}
.siteMapList-options .siteMapList_item:nth-child(n+4) {
  padding-top: 2.5rem;
}
.siteMapList-options .siteMapList_item:nth-child(3n+1):not(:first-child) {
  position: relative;
}
.siteMapList-options .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-options .siteMapList_item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.siteMapList-options .siteMapList_item, .siteMapList-options .siteMapList_item + .siteMapList-options .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-property {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-property .siteMapList_item {
  width: calc((100% - 1.25rem) / 2);
}
.siteMapList-property .siteMapList_item:nth-child(2n+1) {
  margin-left: 0;
}
.siteMapList-property .siteMapList_item:nth-child(n+3) {
  padding-top: 2.5rem;
}
.siteMapList-property .siteMapList_item:nth-child(2n+1):not(:first-child) {
  position: relative;
}
.siteMapList-property .siteMapList_item:nth-child(2n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-property .siteMapList_item:nth-child(2n+1):not(:first-child):before {
  width: calc(200% + 1.25rem);
}
.siteMapList-property .siteMapList_item, .siteMapList-property .siteMapList_item + .siteMapList-property .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-support {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-support .siteMapList_item {
  width: calc((100% - 1.25rem) / 2);
}
.siteMapList-support .siteMapList_item:nth-child(2n+1) {
  margin-left: 0;
}
.siteMapList-support .siteMapList_item:nth-child(n+3) {
  padding-top: 2.5rem;
}
.siteMapList-support .siteMapList_item:nth-child(2n+1):not(:first-child) {
  position: relative;
}
.siteMapList-support .siteMapList_item:nth-child(2n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-support .siteMapList_item:nth-child(2n+1):not(:first-child):before {
  width: calc(200% + 1.25rem);
}
.siteMapList-support .siteMapList_item, .siteMapList-support .siteMapList_item + .siteMapList-support .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}
.siteMapList-myPage {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.siteMapList-myPage .siteMapList_item {
  width: calc((100% - 1.25rem) / 2);
}
.siteMapList-myPage .siteMapList_item:nth-child(2n+1) {
  margin-left: 0;
}
.siteMapList-myPage .siteMapList_item:nth-child(n+3) {
  padding-top: 2.5rem;
}
.siteMapList-myPage .siteMapList_item:nth-child(2n+1):not(:first-child) {
  position: relative;
}
.siteMapList-myPage .siteMapList_item:nth-child(2n+1):not(:first-child):before {
  font-size: 0;
  line-height: 0;
  content: "　";
  position: absolute;
  top: 1.25rem;
  left: 0;
  height: 0;
  border-top: dotted 1px #E5E7EB;
  width: 100%;
}
.siteMapList-myPage .siteMapList_item:nth-child(2n+1):not(:first-child):before {
  width: calc(200% + 1.25rem);
}
.siteMapList-myPage .siteMapList_item, .siteMapList-myPage .siteMapList_item + .siteMapList-myPage .siteMapList_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 1.25rem;
}

/* [[ .siteMapAccordion ]] */
/*[memo]
アコーディオンを追加
現在は、勤務地で使用中
*/
.siteMapAccordion {
  margin-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E5E7EB;
}
.siteMapAccordion:last-of-type {
  border-bottom: none;
}
.siteMapAccordion_title {
  display: flex;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-right: 2rem;
  padding-left: 1.5rem;
  color: #3D74D3;
}
.siteMapAccordion_title:after {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto 0;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("https://image.haj.co.jp/jobkita/shukatsu/2024/common/base/accordion_close_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 18px 18px;
}
.siteMapAccordion_district {
  flex: none;
}
.siteMapAccordion_title.open:after {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto 0;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("https://image.haj.co.jp/jobkita/shukatsu/2024/common/base/accordion_open_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 18px 18px;
}
.siteMapAccordion_notes {
  padding-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
}
.siteMapAccordion-none .siteMapAccordion_title {
  cursor: default;
  color: #ccc;
}
.siteMapAccordion-none .siteMapAccordion_title:after {
  display: none;
}

.siteMapAccordionBody {
  display: none;
  font-size: 1rem;
  line-height: 1.5rem;
}
.siteMapAccordionBody.close {
  display: none;
}
.siteMapAccordionBody.open {
  display: block;
}
.siteMapAccordionBody_allConditions {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 1px dotted #E5E7EB;
  border-bottom: 1px dotted #E5E7EB;
}
.siteMapAccordionBody_allConditions a {
  display: inline-block;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2024/pc/sitemap/list_icon.png) no-repeat left 1.5rem center;
  background-size: 16px auto;
  padding-left: 3rem;
  text-decoration: none;
}

/* [[ config ]] */
/* [[ body ]] */
body#teaser {
  margin-top: 5px;
  padding-top: 2.5rem;
}
@media screen and (max-width: 720px) {
  body#teaser {
    padding-top: 1.25rem;
  }
}

/* [[ teaser_header ]] */
#teaser_header {
  width: 700px;
  margin: 0 auto;
  padding: 2.5rem;
  border: solid 5px #eee;
}
@media screen and (max-width: 820px) {
  #teaser_header {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 720px) {
  #teaser_header {
    width: auto;
    margin: 0 0.5rem;
    padding: 1.25rem;
  }
}
@media screen and (max-width: 440px) {
  #teaser_header {
    padding: 0.5rem;
  }
}
#teaser_header h1,
#teaser_header h2,
#teaser_header p {
  text-align: center;
}
#teaser_header h1 span,
#teaser_header h1 img {
  display: block;
}
#teaser_header h1 span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
#teaser_header h1 img {
  margin: 0.25rem auto 0 auto;
  height: 40px;
}
@media screen and (max-width: 440px) {
  #teaser_header h1 img {
    height: 26px;
  }
}
#teaser_header h2 {
  padding-top: 1.25rem;
  color: #222;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
}
#teaser_header p {
  padding-top: 1.25rem;
}

/* [[ teaser_contents ]] */
#teaser_contents {
  width: 700px;
  margin: 0 auto;
  padding: 2.5rem 0;
}
@media screen and (max-width: 720px) {
  #teaser_contents {
    width: auto;
    padding: 2.5rem 0.5rem 2.5rem 0.5rem;
  }
}

#teaser_contents .teaser_chapter {
  margin-top: 2.5rem;
}
#teaser_contents .teaser_chapter:first-child {
  margin-top: 0;
}
#teaser_contents .teaser_chapter h3 {
  padding-left: 5px;
  border-left: solid 5px #0097CF;
  color: #222;
}
#teaser_contents .teaser_chapter p,
#teaser_contents .teaser_chapter ul {
  padding-top: 0.5rem;
}
#teaser_contents .teaser_chapter p.notes {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#teaser_contents .teaser_chapter p:first-child,
#teaser_contents .teaser_chapter ul:first-child {
  padding-top: 0;
}
#teaser_contents .teaser_chapter ul {
  border-bottom: solid 1px #E5E7EB;
}
#teaser_contents .teaser_chapter li {
  padding: 0.5rem 0;
  border-top: solid 1px #E5E7EB;
}
#teaser_contents .teaser_chapter li:before {
  content: "●";
  margin-right: 3px;
  color: #0097CF;
}
#teaser_contents .teaser_chapter.attention, #teaser_contents .teaser_chapter.joint {
  padding: 0.5rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  box-sizing: border-box;
}
#teaser_contents .teaser_chapter.attention {
  padding: 0.5rem;
  color: #0097CF;
  font-weight: bold;
}
#teaser_contents .teaser_chapter.attention p {
  text-align: center;
}
#teaser_contents .teaser_chapter.joint {
  padding: 1.25rem;
}
#teaser_contents .teaser_chapter.joint h3 {
  padding-left: 0;
  border-left: none;
  color: #0097CF;
}
#teaser_contents .teaser_chapter.joint table {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
  border-bottom: dotted 1px #E5E7EB;
}
#teaser_contents .teaser_chapter.joint th, #teaser_contents .teaser_chapter.joint td {
  padding: 0.5rem 0;
  border-top: dotted 1px #E5E7EB;
}
#teaser_contents .teaser_chapter.joint th {
  width: 6em;
}
@media screen and (max-width: 440px) {
  #teaser_contents .teaser_chapter.joint th {
    width: 4em;
  }
}
#teaser_contents .teaser_chapter.joint td strong {
  display: block;
  padding-top: 5px;
}
#teaser_contents .teaser_chapter.joint td strong:first-child {
  padding-top: 0;
}
#teaser_contents .teaser_chapter.joint td span {
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
}

#teaser_contents #teader_twitter.teaser_chapter {
  padding: 0.5rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
}

#teaser_contents .teaser_chapter.preopen {
  padding: 1.25rem;
  border: solid 2px #0097CF;
  border-radius: 8px;
  box-sizing: border-box;
}
@media screen and (max-width: 440px) {
  #teaser_contents .teaser_chapter.preopen {
    padding: 0.5rem;
  }
}
#teaser_contents .teaser_chapter.preopen h3 {
  padding-left: 0;
  border-left: none;
  color: #0097CF;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
}
#teaser_contents .teaser_chapter.preopen h3 br {
  display: none;
}
@media screen and (max-width: 440px) {
  #teaser_contents .teaser_chapter.preopen h3 br {
    display: block;
  }
}
#teaser_contents .teaser_chapter.preopen .register {
  width: 320px;
  margin: 1.25rem auto 0 auto;
}
@media screen and (max-width: 440px) {
  #teaser_contents .teaser_chapter.preopen .register {
    width: auto;
  }
}
#teaser_contents .teaser_chapter.preopen .register span {
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
#teaser_contents .teaser_chapter.preopen .register span:first-child {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ teaser_footer ]] */
#teaser_footer {
  background: #0097CF;
}

#teaser_footer .teaser_footer_copy {
  width: 700px;
  margin: 0 auto;
  padding: 2.5rem 0;
  color: #4B5563;
}
@media screen and (max-width: 720px) {
  #teaser_footer .teaser_footer_copy {
    width: auto;
    padding: 1.25rem 0;
  }
}
#teaser_footer .teaser_footer_copy address {
  font-weight: normal;
  font-style: normal;
}
#teaser_footer .teaser_footer_copy address a,
#teaser_footer .teaser_footer_copy address span {
  display: block;
  text-align: center;
}
#teaser_footer .teaser_footer_copy address a {
  color: #4B5563;
  font-weight: bold;
  text-decoration: none;
}
#teaser_footer .teaser_footer_copy address span {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* [[ .topIntro ]] */
/*[memo]
PC・SPでソースは同じですがレイアウトが変わります。

▼PC
・背景画像の上に
・「スライダー」と「ログイン」が横並び

▼SP
・「スライダー」と「ログイン」が縦並び
・「スライダー」の下に背景画像
・「ログイン」の下地は #fff

↑
なので「背景画像」の指定をPC・SPで変えています。
↓

.topMain .....【PC版で背景画像を指定】
┠ .topMainSlider .....【SP版で背景画像を指定】
┗ .topLoginStatus

------------------------------------------------*/
.topMain {
  border-top: solid 1px #fff;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/intro_bg_4th.jpg) no-repeat left bottom;
  background-size: 100% auto;
}
.topMain_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
  padding: 3rem 0;
  display: flex;
}

.topMainLoginNav {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 340px;
  padding: 1rem;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
.topMainLoginNav_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.topMainLoginNav_list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.topMainLoginNav_item {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
}
.topMainLoginNav_item-signup a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #D24719;
  color: #fff;
}
.topMainLoginNav_item-signup a:hover, .topMainLoginNav_item-signup a:visited {
  color: #fff;
}
.topMainLoginNav_item-login a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #DFECFA;
  color: #1E2B4D;
}
.topMainLoginNav_item-login a:hover, .topMainLoginNav_item-login a:visited {
  color: #1E2B4D;
}
.topMainLoginNav_item-mypage a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #D24719;
  color: #fff;
}
.topMainLoginNav_item-mypage a:hover, .topMainLoginNav_item-mypage a:visited {
  color: #fff;
}
.topMainLoginNav_lead {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topMainLoginNav_userName {
  margin-top: 15px;
  color: #222;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topMainLoginNav_userName:before {
  content: "ようこそ";
  margin-right: 0.25rem;
}
.topMainLoginNav_userName:after {
  content: "さん";
  margin-left: 0.25rem;
}
.topMainLoginNav_userName:before, .topMainLoginNav_userName:after {
  font-weight: normal;
}
.topMainLoginNav_message {
  color: #222;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topMainLoginNav_message strong {
  color: #932E19;
  font-weight: bold;
}

/* [[ ┗ .topSearchMenu ]] */
/*----------------------------------------------*/
/*[memo]

------------------------------------------------*/
.topSearchMenu {
  margin-top: 3rem;
}
.topSearchMenu_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.topSearchMenu_titleBar {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #DFF4FF;
}
.topSearchMenu_title {
  font-size: 1rem;
  line-height: 1.5rem;
}
.topSearchMenu_post {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topSearchMenu_number {
  margin: 0 0.25rem;
  color: #932E19;
  font-weight: bold;
}
.topSearchMenu_section {
  margin-top: 1.5rem;
}
.topSearchMenu_section strong {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.topSearchMenuSectionItem {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.topSearchMenuSection-conditions .topSearchMenuSectionItem {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.topSearchMenuSectionItem span {
  display: block;
  color: #4B5563;
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 4px;
}
.topSearchMenuSectionItem_select {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: solid 1px #ccc;
  border-radius: 8px;
  background-color: #fff;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/search_require_icon.png);
  background-repeat: no-repeat;
  background-size: auto 8px;
  height: 40px;
  box-sizing: border-box;
  flex-grow: 2;
  width: 120px;
  padding: 0.5rem 2rem 0.5rem 0.75rem;
  background-position: right 0.75rem center;
}
.topSearchMenuSectionItem_selectLabel {
  line-height: 43px;
  color: #3D74D3;
  font-size: 0.75rem;
  line-height: 1rem;
  /*
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  ↑
  （背景として...jsを使ってselectで選んだ項目名を&_labelに反映する仕様）
  最初から上記「文字省略」を指定しておくと、選択した項目名の長さによって
  firefoxで「...」が付いたり付かなかったり、付かなくいいときに付いたりします。
  ↑
  なので...
  js側で &_label 内の項目名が更新された際に再度指定するようにしています。
  */
}
.topSearchMenuSectionItem select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 45px;
}
.topSearchMenuSectionItem_input {
  flex-grow: 1;
  width: auto;
  height: 40px;
  box-sizing: border-box;
}
.topSearchMenuSectionItem_input:disabled {
  background-color: #eee;
}
.topSearchMenuSectionItem input[type=text] {
  border-radius: 8px 0 0 8px;
}
.topSearchMenuSectionItem_submit {
  flex-shrink: 1;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
  width: 80px;
  height: 40px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topSearchMenuSectionItem_submit:hover, .topSearchMenuSectionItem_submit:visited {
  color: #fff;
}
.topSearchMenuSection-words .topSearchMenuSectionItem_submit {
  border-radius: 0 8px 8px 0;
}
.topSearchMenuSectionItem_submit:disabled {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #D1D5DB;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}
.topSearchMenuSectionItem_submit:disabled, .topSearchMenuSectionItem_submit:disabled:link, .topSearchMenuSectionItem_submit:disabled:visited, .topSearchMenuSectionItem_submit:disabled:active, .topSearchMenuSectionItem_submit:disabled:hover {
  color: #4B5563;
  text-decoration: none;
}

/* [[ .topSearch ]] */
.topSearch {
  border-top: solid 1px #fff;
  background-color: #f6f3e8;
  /* 企業情報が0県の場合の検索ツール表示切り替え用class
  &-disabled {
  }
  */
}
.topSearch_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

/* [[ ┠ .topSearchIntro ]] */
/*----------------------------------------------*/
/*[memo]
3年生用 検索部分のリード文
------------------------------------------------*/
.topSearchIntro {
  position: relative;
}
.topSearchIntro_catch {
  padding-right: 150px;
  color: #222;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topSearch-3rd .topSearchIntro_catch {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.topSearchIntro_lead {
  margin-top: 0.25rem;
  padding-right: 150px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topSearchIntro_lead-attention {
  color: #932E19;
}
.topSearchIntro_post {
  position: absolute;
  top: 0;
  right: 0;
}
.topSearchIntro_number {
  padding: 0 0.25rem;
  color: #932E19;
  font-weight: bold;
}

/* [[ ┠ .topSearchDetail ]] */
/*----------------------------------------------*/
/*[memo]
検索ツール
------------------------------------------------*/
.topSearchDetail {
  margin-top: 1.25rem;
}
.topSearch-disabled .topSearchDetail {
  position: relative;
  padding: 2rem;
}
.topSearch-disabled .topSearchDetail:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
.topSearch-disabled .topSearchDetail .topWordSearch_title, .topSearch-disabled .topSearchDetail .topRequireSearch_label {
  color: #ccc;
}
.topSearch-disabled .topSearchDetail .topWordSearch {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.topSearch-disabled .topSearchDetail .topRequireSearch_item {
  background-color: #eee;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/search_require_disabled_icon.png);
}
.topSearch-disabled .topSearchDetail .topJobSearchList_links {
  color: #ccc;
}
.topSearch-disabled .topSearchDetail .topJobSearchList_links:visited, .topSearch-disabled .topSearchDetail .topJobSearchList_links:active {
  color: #ccc;
}
.topSearchDetail_disableMessage {
  position: absolute;
  padding: 0.5rem 2rem;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 100px;
  box-shadow: 0 0 10px #999;
  color: #932E19;
  font-size: 1.125rem;
  line-height: 1.75rem;
  background-color: #fff;
}

/* [[ ┠ .topWordSearch ]] */
/*----------------------------------------------*/
.topWordSearch {
  border-top: dotted 1px #bbb;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
.topWordSearch, .topWordSearch form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.topWordSearch form {
  width: 100%;
}
.topWordSearch_title {
  width: 150px;
  color: #222;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}

/* [[ ┠ .topRequireSearch ]] */
/*----------------------------------------------*/
/* [[ .topNews ]] */
.topNews {
  margin-top: 3rem;
}
.topNews_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.topNews_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.topNews_body {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.topNewsUnit + .topNewsUnit {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 1px #E5E7EB;
}
.topNewsUnit_update {
  font-size: 0.75rem;
  line-height: 1rem;
}
.topNewsUnit_title, .topNewsUnit_text {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topNewsUnit_title {
  font-weight: bold;
}

/* [[ .topActionList ]] */
.topActionList {
  margin-top: 3rem;
}
.topActionList_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 1.5rem;
  background-color: #EFFAFF;
}
.topActionList_title {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #0078A7;
}
.topActionList_body {
  margin-top: 1rem;
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.topActionList_body + .topActionList_title {
  margin-top: 3rem;
}
.topActionList_item {
  flex-grow: 1;
  display: flex;
  flex: 1 1 0;
  align-self: stretch;
  justify-content: center;
  align-items: center;
  display: flex;
  align-self: stretch;
  width: 100%;
  height: 68px;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.topActionList_links {
  display: inline-flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  margin: -1rem;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
}
.topActionList_links:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1rem;
  display: block;
  width: 100px;
  height: 100px;
  background-size: auto 100px;
  background-repeat: no-repeat;
  background-position: center;
}
.topActionList_links-newJob:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/actionList_newJob.png);
}
.topActionList_links-search:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/actionList_search.png);
}
.topActionList_links-joint:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/actionList_joint.png);
}
.topActionList_links-shukatsuSupport:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/actionList_shukatsuSupport.png);
}
.topActionList_links-seminar:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/actionList_seminar.png);
}
.topActionList_links-industryResearch:after {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/top/actionList_industryResearch.png);
}
.topActionList_links strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: bold;
}

/* [[ ┠ .topMainSlider ]] */
/*----------------------------------------------*/
.topMainSlider {
  position: relative;
  width: 628px;
  min-height: 296px;
  overflow: hidden;
}
.topMainSlider_intro {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.topMainSlider .sliderIntro_catch, .topMainSlider .sliderIntro_lead {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.topMainSlider .sliderIntro_catch {
  font-size: 3rem;
  line-height: 1.4;
}
.topMainSlider .sliderIntro_lead {
  margin-top: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topMainSlider_set {
  /*[memo]
  slider js にて...
  ↓
  display: block;
  overflow: hidden;
  position: relative;
  height: XXX;（※1）
  ↑
  が指定されます。
  ↑
  ※1）
  height は &_item のheight値が指定されます。
  ↑
  ==========
  【注意】
  slider js にて height値が指定されるため
  padding や margin を付けると、表示が崩れる可能性があります。
  ↓
  &_item（自分）に padding や margin を付けるのはNGです。
  ==========
  */
  overflow: hidden;
  width: 628px;
}
.topMainSlider_item {
  /*[memo]
  slider js にて...
  ↓
  display: inline-block;
  vertical-align: top;
  height: XXX;（※1）
  ↑
  が指定されます。
  ↑
  ※1）
  height は &_item（自分）のheight値が指定されます。
  ↑
  ==========
  【注意】
  &_item の height値は、親要素 &_set の height にも指定されます。
  &_item（自分）に padding や margin を付けると、
  slider js での height値の取得がおかしくなって崩れてしまいます。
  ↓
  &_item（自分）に padding や margin を付けるのはNGです。
  ==========
  */
}
.topMainSlider_item img {
  /*[memo]
  画像にのみ box-shadow を付けます。
  ※ .topIntro には box-shadow は付けません。
  */
  display: block;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
  width: 95%;
  text-align: center;
}
.topMainSlider_guide {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.topMainSlider_guideItem {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  color: #FDEAD7;
  font-size: 0.75rem;
  line-height: 1rem;
  cursor: pointer;
  line-height: 1.5rem;
}
.topMainSlider_guideItem.active {
  color: #D24719;
}
.topMainSlider_guideItem:only-child {
  display: none;
}

/* [[ .topJobList ]] */
.topJobList {
  margin-top: 3rem;
}
.topJobList_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.topJobList_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.topJobList_body {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* [[ ┠ .topJobListUnit ]] */
/*----------------------------------------------*/
.topJobListUnit {
  border-top: solid 1px #ddd;
}
.topJobListUnit_noPlansText {
  font-weight: bold;
  padding-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topJobListUnit_noPlansText:last-child {
  padding-bottom: 1.25rem;
}
.topJobListUnit_noPlansNotes {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ .topJointInfo / topEventInfo ]] */
.topJointInfo,
.topEventInfo {
  margin-top: 3rem;
}
.topJointInfo_inner,
.topEventInfo_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.topJointInfo_title,
.topEventInfo_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.topJointInfo_body,
.topEventInfo_body {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.topJointInfo span.newline,
.topEventInfo span.newline {
  display: block;
}

/* [[ ┠ .topJointInfoUnit ]] */
/*----------------------------------------------*/
.topJointInfoUnit,
.topEventInfoUnit {
  border-top: solid 1px #E5E7EB;
}
.topJointInfoUnit_header,
.topEventInfoUnit_header {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.topJointInfoUnit_title,
.topEventInfoUnit_title {
  color: #0097CF;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.topJointInfoUnit_subTitle,
.topEventInfoUnit_subTitle {
  color: #222;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topJointInfoUnit_subTitle br,
.topEventInfoUnit_subTitle br {
  display: none;
}
.topJointInfoUnit_text,
.topEventInfoUnit_text {
  border-top: dotted 1px #E5E7EB;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topJointInfoUnit_noPlansText,
.topEventInfoUnit_noPlansText {
  padding: 1.25rem 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topJointInfoUnit_detail,
.topEventInfoUnit_detail {
  width: 100%;
  table-layout: fixed;
  font-size: 1rem;
  line-height: 1.5rem;
}
.topJointInfoUnit_detail th,
.topJointInfoUnit_detail td,
.topEventInfoUnit_detail th,
.topEventInfoUnit_detail td {
  vertical-align: top;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: dotted 1px #E5E7EB;
}
.topJointInfoUnit_detail th,
.topEventInfoUnit_detail th {
  width: 200px;
  color: #222;
  font-weight: bold;
}
.topJointInfoUnit_detail td,
.topEventInfoUnit_detail td {
  width: 90%;
}
.topJointInfoUnit_toMap,
.topEventInfoUnit_toMap {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.topJointInfoUnit_toMap:before,
.topEventInfoUnit_toMap:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-top: -3px;
  margin-right: 0.25rem;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/base/maplink_icon.png) no-repeat left center;
  background-size: 12px auto;
}

/* [[ ┗ .topJointInfoNav ]] */
/*----------------------------------------------*/
.topJointInfoNav,
.topEventInfoNav {
  margin-top: 3rem;
  border-top: solid 1px #E5E7EB;
  text-align: right;
}
.topJointInfoNav_item,
.topEventInfoNav_item {
  display: inline-block;
  vertical-align: top;
  width: 155px;
}
.topJointInfoNav_item-toList > a,
.topEventInfoNav_item-toList > a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #0078A7;
  color: #fff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.topJointInfoNav_item-toList > a:hover, .topJointInfoNav_item-toList > a:visited,
.topEventInfoNav_item-toList > a:hover,
.topEventInfoNav_item-toList > a:visited {
  color: #fff;
}
.topJointInfoNav_item-toDetail > a,
.topEventInfoNav_item-toDetail > a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #D24719;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.topJointInfoNav_item-toDetail > a:hover, .topJointInfoNav_item-toDetail > a:visited,
.topEventInfoNav_item-toDetail > a:hover,
.topEventInfoNav_item-toDetail > a:visited {
  color: #fff;
}

/* [[ .topArticle ]] */
.topArticle {
  margin-top: 3rem;
}
.topArticle_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.topArticle_title {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.topArticle_title span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topArticle_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

/* [[ ┗ .topArticleSpecial ]] */
/* 期間限定の特設コンテンツ「学生スコープちゃんねる」用スタイル */
/* └ 運用が確定したら読み物に入れるのでこのスタイルは不要になります。 */
/*----------------------------------------------*/
.topArticleSpecial {
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  zoom: 1;
  display: block;
  width: auto;
  margin-top: 1.25rem;
  padding: 2rem 2rem 0;
  text-decoration: none;
  border: 1px solid #02658A;
  box-shadow: 3px 3px #02658A;
}
.topArticleSpecial:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .topArticleSpecial {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.topArticleSpecial_headline {
  z-index: 1;
  padding-left: 2.25rem;
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #222;
}
.topArticleSpecial_headline:before {
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/article/common/article_icon.png) no-repeat left top;
  background-size: 30px;
}
.topArticleSpecial_item {
  zoom: 1;
  display: block;
  position: relative;
  z-index: 1;
  border-top: solid 1px #ddd;
  margin-top: 2rem;
  padding: 2rem 0;
}
.topArticleSpecial_item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .topArticleSpecial_item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.topArticleSpecial_item:before {
  content: "　";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 30px;
  margin: auto 0;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/article/common/article_arrow01.png) no-repeat left top;
  background-size: 15px 30px;
}
.topArticleSpecial_thumbnail {
  font-size: 0;
  line-height: 0;
  display: block;
  float: left;
  margin-right: 0.5rem;
}
.topArticleSpecial_thumbnail img {
  width: 100%;
  max-width: 60px;
}
.topArticleSpecial_lead {
  display: block;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topArticleSpecial_title {
  color: #3D74D3;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
}

.topArticleUnit {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex-direction: column;
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  width: 488px;
  margin-top: 1.5rem;
  padding: 1rem;
}
.topArticleUnit:nth-child(2n) {
  margin-left: 1.5rem;
}
.topArticleUnit_headline {
  z-index: 1;
  font-size: 1rem;
  line-height: 1.5rem;
  width: 100%;
}
.topArticleUnit_linkSet {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}
.topArticleUnit_item {
  zoom: 1;
  display: block;
  z-index: 1;
  min-height: 60px;
  width: 351px;
  border-right: solid 1px #ddd;
  padding-right: 1rem;
  position: relative;
}
.topArticleUnit_item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .topArticleUnit_item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.topArticleUnit_thumbnail {
  font-size: 0;
  line-height: 0;
  display: block;
  float: left;
  margin-right: 0.5rem;
}
.topArticleUnit_thumbnail img {
  width: 100%;
  max-width: 60px;
}
.topArticleUnit_lead {
  display: block;
  overflow: hidden;
  position: relative;
  overflow-wrap: break-word;
  line-break: strict;
  font-size: 1rem;
  line-height: 1.5rem;
  max-height: 48px;
  padding: 0.25rem 0;
}
.topArticleUnit_lead:before {
  content: "…";
  position: absolute;
  top: 28.8px;
  right: 0;
  z-index: 1;
  width: 1em;
  padding-left: 0.9em;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  background: linear-gradient(to left, #fff, #fff 60%, rgba(255, 255, 255, 0));
}
.topArticleUnit_lead:after {
  content: "　";
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: #fff;
}
.topArticleUnit_links {
  align-self: center;
  width: auto;
}
.topArticleUnit_links a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
.topArticleUnit_new {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25rem;
  color: #ff5252;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

/* [[ ┗ .topSnsAccount ]] */
/*----------------------------------------------*/
/*[memo]

------------------------------------------------*/
.topSnsAccount {
  margin-top: 3rem;
}
.topSnsAccount_inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.topSnsAccount_title {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}
.topSnsAccount .snsIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.topSnsAccount .snsIcon_links {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.topSnsAccount .snsIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.topSnsAccount .snsPolicy {
  text-align: center;
}
.topSnsAccount .snsPolicy_links {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
}

/* [[ .searchTitle ]] */
.searchTitle_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* [[ .searchSection ]] */
.searchSection {
  margin-top: 1.25rem;
}
.searchSection_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.searchSection_title {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0078A7;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  background: #EFFAFF;
  border-radius: 4px;
}
.searchSection_title + .searchSection_title {
  margin-top: 0.5rem;
}
.searchConditions + .searchSection_title {
  margin-top: 1.25rem;
}
.searchSection_title-secondary {
  color: #1F2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: #F9FAFB;
}
.searchSection_body {
  margin-top: 1.25rem;
}
.searchSection_body input[type=text],
.searchSection_body input[type=email],
.searchSection_body input[type=password],
.searchSection_body textarea {
  width: 100%;
}

/* [[ .searchSectionAccordion ]] */
/*[memo]
アコーディオンを追加
現在は、検索条件設定の勤務地で使用中
*/
.searchSectionAccordion {
  margin: 1.25rem 0.5rem 0;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E5E7EB;
}
.searchSectionAccordion:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.searchSectionAccordion_title {
  display: flex;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-right: 2rem;
  color: #3D74D3;
}
.searchSectionAccordion_title:after {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto 0;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("https://image.haj.co.jp/jobkita/shukatsu/2024/common/base/accordion_close_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 18px 18px;
}
.searchSectionAccordion_district {
  flex: none;
}
.searchSectionAccordion_title.open:after {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto 0;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("https://image.haj.co.jp/jobkita/shukatsu/2024/common/base/accordion_open_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 18px 18px;
}
.searchSectionAccordion_notes {
  padding-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
}
.searchSectionAccordion-none .searchSectionAccordion_title {
  cursor: default;
  color: #ccc;
}
.searchSectionAccordion-none .searchSectionAccordion_title:after {
  display: none;
}

.searchSectionAccordionBody {
  display: none;
  font-size: 1rem;
  line-height: 1.5rem;
}
.searchSectionAccordionBody.close {
  display: none;
}
.searchSectionAccordionBody.open {
  display: block;
}
.searchSectionAccordionBody_allConditions {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px dotted #E5E7EB;
}
.searchSectionAccordionBody input[type=checkbox] {
  display: none;
}
.searchSectionAccordionBody label {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1.25rem 0.25rem 1.5rem;
  cursor: pointer;
  border: 1px solid #E5E7EB;
  border-radius: 100px;
  background: #fff;
  color: #1F2937;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: color 0.12s ease, border-color 0.12s ease;
}
.searchSectionAccordionBody label:before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.2;
  transition: opacity 0.12s ease;
}
.searchSectionAccordionBody label:hover {
  border-color: #D1D5DB;
}
.searchSectionAccordionBody label:hover:before {
  opacity: 0.4;
}
.searchSectionAccordionBody input[type=checkbox] + label:before {
  content: "✓";
}
.searchSectionAccordionBody input[type=checkbox]:checked + label {
  color: #3D74D3;
  border-color: #4687DD;
}
.searchSectionAccordionBody input[type=checkbox]:checked + label:before {
  opacity: 1;
}
.searchSectionAccordionBody input[type=checkbox]:checked + label:hover {
  border-color: #3D74D3;
}

/* [[ Mixin / searchConditions column ]] */
/*[memo]
後で指定している .searchConditions 用の
@mixin 指定（共通のカラム指定）
↑
PC・SPでカラムの指定が違います。
↓
例）
業種 = PC 3カラム / SP カラムなし
勤務地 = PC 4カラム / SP 3カラム
↑
.searchConditions の Modifier 毎に
@mixin を使ってカラムし指定する仕様です。
*/
/* [[ ┠ searchConditionsColumn ]] */
/*----------------------------------------------*/
/*[memo]
.searchConditions-XXX のカラム共通指定
------------------------------------------------*/
/* [[ ┠ searchConditionsColumnBorder ]] */
/*----------------------------------------------*/
/*[memo]
下記 @mixin searchConditionsColumnItem で使用する
疑似 border 共通指定 @mixin
------------------------------------------------*/
/* [[ ┗ searchConditionsColumnItem ]] */
/*----------------------------------------------*/
/*[memo]
.searchConditions-XXX &_item のカラム共通指定
引数にてカラムタイプを変えています。
------------------------------------------------*/
/* [[ .searchConditions ]] */
.searchConditions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  margin-top: 1.25rem;
  padding: 0 0.5rem;
  /* [[ ┠ &_item ]] */
  /*----------------------------------------------*/
  /*[memo]
  PC カラムなし or SP 指定
  ------------------------------------------------*/
  /* [[ ┠ &_name ]] */
  /*----------------------------------------------*/
  /*[memo]
  検索項目名
  ------------------------------------------------*/
  /* [[ ┠ &_notes ]] */
  /*----------------------------------------------*/
  /*[memo]
  検索項目 補足説明
  ------------------------------------------------*/
  /* [[ ┗ &-xxxx Modifier ]] */
  /*----------------------------------------------*/
  /*[memo]
  カラム・個別指定
  ------------------------------------------------*/
}
.searchConditions + .searchConditions, .searchSection_body + .searchConditions {
  border-top: dotted 1px #E5E7EB;
  padding-top: 1.25rem;
}
.searchConditions_item {
  flex-shrink: 0;
  flex-grow: 0;
}
.searchConditions_name {
  position: relative;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.searchConditions_name input[type=radio],
.searchConditions_name input[type=checkbox] {
  display: none;
}
.searchConditions_name label {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1.25rem 0.25rem 1.5rem;
  cursor: pointer;
  border: 1px solid #E5E7EB;
  border-radius: 100px;
  background: #fff;
  color: #1F2937;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: color 0.12s ease, border-color 0.12s ease;
}
.searchConditions_name label:before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.2;
  transition: opacity 0.12s ease;
}
.searchConditions_name label:hover {
  border-color: #D1D5DB;
}
.searchConditions_name label:hover:before {
  opacity: 0.4;
}
.searchConditions_name input[type=checkbox] + label:before {
  content: "✓";
}
.searchConditions_name input[type=checkbox]:checked + label {
  color: #3D74D3;
  border-color: #4687DD;
}
.searchConditions_name input[type=checkbox]:checked + label:before {
  opacity: 1;
}
.searchConditions_name input[type=checkbox]:checked + label:hover {
  border-color: #3D74D3;
}
.searchConditions_name input[type=radio] + label:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #4687DD;
  background: transparent;
}
.searchConditions_name input[type=radio]:checked + label {
  color: #3D74D3;
  border-color: #4687DD;
}
.searchConditions_name input[type=radio]:checked + label:before {
  opacity: 1;
}
.searchConditions_name input[type=radio]:checked + label:before {
  background: #4687DD;
  box-shadow: inset 0 0 0 2px #fff;
}
.searchConditions_name input[type=radio]:checked + label:hover {
  border-color: #3D74D3;
}
.searchConditions_item-none .searchConditions_name {
  color: #ccc;
}
.searchConditions_item-none label {
  color: #ccc;
  background-color: #F9FAFB;
}
.searchConditions_item-none label:hover {
  border-color: #E5E7EB;
}
.searchConditions_notes {
  margin-top: 0.25rem;
  padding-left: 0.5rem;
  color: #4B5563;
  font-size: 0.75rem;
  line-height: 1rem;
}
.searchConditions_notes:before {
  content: "└ ";
  color: #6B7280;
  margin-right: 0.25rem;
}
.searchConditions_item-none .searchConditions_notes {
  color: #ccc;
}
.searchConditions-business {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.searchConditions-business-item {
  width: calc(33.3% - 0.66rem);
}
.searchConditions-business-item:nth-child(3n) {
  width: calc(33.4% - 0.68rem);
}
.searchConditions-business-item:nth-child(3n+1) {
  margin-left: 0;
}
.searchConditions-business-item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.searchConditions-business-item, .searchConditions-business-item + .searchConditions-business-item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.searchConditions-business .searchConditions_item {
  width: calc(33.3% - 0.66rem);
}
.searchConditions-business .searchConditions_item:nth-child(3n) {
  width: calc(33.4% - 0.68rem);
}
.searchConditions-business .searchConditions_item:nth-child(3n+1) {
  margin-left: 0;
}
.searchConditions-business .searchConditions_item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.searchConditions-business .searchConditions_item, .searchConditions-business .searchConditions_item + .searchConditions-business .searchConditions_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.searchConditions-jobType {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.searchConditions-jobType .searchConditions_item {
  width: calc(33.3% - 0.66rem);
}
.searchConditions-jobType .searchConditions_item:nth-child(3n) {
  width: calc(33.4% - 0.68rem);
}
.searchConditions-jobType .searchConditions_item:nth-child(3n+1) {
  margin-left: 0;
}
.searchConditions-jobType .searchConditions_item:nth-child(3n+1):not(:first-child):before {
  width: calc(300% + 2.5rem);
}
.searchConditions-jobType .searchConditions_item, .searchConditions-jobType .searchConditions_item + .searchConditions-jobType .searchConditions_item {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.searchConditions-area {
  padding-left: 1rem;
}
/* [[ .searchFunction ]] */
.searchFunction-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 1.25rem;
  box-sizing: border-box;
}
.searchFunction_set {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: solid 1px #E5E7EB;
  text-align: center;
}
.searchFunction-fixed .searchFunction_set {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.searchFunction_item {
  display: inline-block;
  vertical-align: top;
}
.searchFunction_item + .searchFunction_item {
  margin-left: 0.5rem;
}
.searchFunction_item-reset {
  width: 120px;
}
.searchFunction_item-reset a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #fff;
  border: solid 1px #9CA3AF;
  box-shadow: inset 0 -1px 0 #9CA3AF;
}
.searchFunction_item-reset a, .searchFunction_item-reset a:link, .searchFunction_item-reset a:visited, .searchFunction_item-reset a:active, .searchFunction_item-reset a:hover {
  color: #1F2937;
}
input[type=submit].searchFunction_item-reset a,
input[type=button].searchFunction_item-reset a {
  border: solid 1px #9CA3AF;
}

.searchFunction_item-search {
  width: 240px;
}
.searchFunction_item-search input {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
}
.searchFunction_item-search input:hover, .searchFunction_item-search input:visited {
  color: #fff;
}

/* [[ .body#space ]] */
/* [[ .topIntro ]] */
.spaceInfo_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.spaceInfo_text {
  margin-top: 2.5rem;
  line-height: 2;
}
.spaceInfo_attention {
  margin-top: 2.5rem;
  padding: 0.5rem;
  border: solid 2px #BD1A14;
  color: #BD1A14;
  font-weight: bold;
}

.spaceInfoMainPic {
  position: relative;
}
.spaceInfoMainPic:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: " ";
  width: 100%;
  height: 274px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4) 90%);
  z-index: 1;
}
.spaceInfoMainPic_image {
  font-size: 0;
  line-height: 0;
}
.spaceInfoMainPic_image img {
  width: 100%;
}
.spaceInfoMainPic_copy {
  position: absolute;
  bottom: 0;
  padding: 0 0 10px 30px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  z-index: 10;
}

.spaceInfoList {
  display: flex;
  width: 100%;
  margin-top: 40px;
}
.spaceInfoList_item {
  margin-right: 10px;
  padding: 10px 1.25rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  background: #0097CF;
}
.spaceInfoList_item:last-child {
  margin-right: 0;
}

.spaceEntry_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.spaceEntry_text {
  text-align: center;
}

.spaceEntryButton {
  width: 300px;
  margin: 2.5rem auto 0 auto;
  text-align: center;
}
.spaceEntryButton_link {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #D24719;
  color: #fff;
}
.spaceEntryButton_link:hover, .spaceEntryButton_link:visited {
  color: #fff;
}

.spaceHowtoUse_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.spaceHowtoUse_headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #0097CF;
}

.spaceHowtoUseDetail {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1.25rem;
  background: #e4f3f5;
}
.spaceHowtoUseDetail_item {
  box-sizing: border-box;
  flex: 0 1 calc(50% - 8px);
  margin: 0 5px 5px 5px;
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  border: 1px solid #d5e8ea;
  background: #fff;
}
.spaceHowtoUseDetail_item:nth-child(even) {
  margin: 0 5px 5px 0;
}
.spaceHowtoUseDetail_item:nth-child(1) {
  margin: 5px;
}
.spaceHowtoUseDetail_item:nth-child(2) {
  margin: 5px 5px 5px 0;
}

.spaceAbout_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}

.spaceAboutDetail {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 25px;
}
.spaceAboutDetail_item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
.spaceAboutDetail_item:first-child {
  margin-top: 0;
}
.spaceAboutDetail_itemTitle {
  font-weight: bold;
}
.spaceAboutDetail_itemText + .spaceAboutDetail_itemText {
  margin-top: 10px;
}
.spaceAboutDetail_itemNote {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.spaceAboutDetail_map {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
.spaceAboutDetail_map:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-top: -3px;
  margin-right: 0.25rem;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/base/maplink_icon.png) no-repeat left center;
  background-size: 12px auto;
}

/* [[ .contentsHeader ]] */
/*[memo]
旧仕様の指定を調整しています。
------------------------------------------------*/
body#spot .contentsHeader p {
  margin-top: 0;
  border-top: none;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* [[ .spotPageLink ]] */
.spotPageLink {
  margin-top: 2.5rem;
}
.spotPageLink_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0.25rem;
  background: #e4f3f5;
}
.spotPageLink_set {
  padding: 1.25rem;
  border: 1px solid #d5e8ea;
  background: #fff;
}
.spotPageLink_title {
  font-weight: bold;
}
.spotPageLink_list {
  display: flex;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dotted #E5E7EB;
}
.spotPageLink_list:first-child {
  margin-top: 1.25rem;
}
.spotPageLink_item {
  width: 50%;
}

/* [[ .spotChapter ]] */
.spotChapter {
  margin-top: 2.5rem;
}
.spotChapter_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.spotChapter_title {
  padding: 10px 1.25rem;
  color: #fff;
  border-radius: 8px;
  background: #0097CF;
}
.spotChapter_text {
  margin-top: 1.25rem;
}

/*[memo]
spotChapter-cafe,spotChapter-guestHouse,spotChapter-spaceのmodifyが付いたら、
上に80pxの空きができる
*/
.spotChapter.spotChapter-cafe,
.spotChapter.spotChapter-guestHouse,
.spotChapter.spotChapter-space {
  margin-top: 80px;
}

/* [[ ┠ .spotChapterDetail ]] */
/*----------------------------------------------*/
.spotChapterDetail {
  margin-top: 2.5rem;
  border: solid 3px #0097CF;
  border-radius: 8px;
  overflow: hidden;
}
.spotChapterDetail_title {
  padding: 1.25rem;
  color: #0097CF;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: bold;
  background: #DFF4FF;
}
.spotChapterDetail_item {
  zoom: 1;
  padding: 1.25rem;
}
.spotChapterDetail_item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .spotChapterDetail_item {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.spotChapterDetail_image {
  font-size: 0;
  line-height: 0;
  box-sizing: border-box;
  float: right;
  width: 200px;
}
.spotChapterDetail_image img {
  width: 100%;
}
.spotChapterDetail_set {
  box-sizing: border-box;
  float: left;
  width: 754px;
  padding-right: 1.25rem;
}
.spotChapterDetail_catch {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: bold;
}
.spotChapterDetail_infoList {
  margin-top: 0.5rem;
  border-top: 1px dotted #E5E7EB;
}
.spotChapterDetail_infoTitle {
  float: left;
  width: 80px;
  margin-top: 0.5rem;
}
.spotChapterDetail_infoItem {
  margin-top: 0.5rem;
}
.spotChapterDetail_map {
  margin-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
.spotChapterDetail_map:before {
  font-size: 0;
  line-height: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-top: -3px;
  margin-right: 0.25rem;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/base/maplink_icon.png) no-repeat left center;
  background-size: 12px auto;
}
.spotChapterDetail_sellingPointList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0.5rem;
}
.spotChapterDetail_sellingPointItem {
  margin: 0.5rem 0.5rem 0 0;
  padding: 0 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  background: #0097CF;
}
.spotChapterDetail_sellingPointItem:last-child {
  margin-right: 0;
}
.spotChapterDetail_button {
  width: 240px;
  margin-top: 1.25rem;
}
.spotChapterDetail_buttonLink {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #fff;
  border: solid 1px #9CA3AF;
  box-shadow: inset 0 -1px 0 #9CA3AF;
}
.spotChapterDetail_buttonLink, .spotChapterDetail_buttonLink:link, .spotChapterDetail_buttonLink:visited, .spotChapterDetail_buttonLink:active, .spotChapterDetail_buttonLink:hover {
  color: #1F2937;
}
input[type=submit].spotChapterDetail_buttonLink,
input[type=button].spotChapterDetail_buttonLink {
  border: solid 1px #9CA3AF;
}

/* [[ ┠ .spotChapterNotesBox ]] */
/*----------------------------------------------*/
.spotChapterNotesBox {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: solid 3px #E5E7EB;
  border-radius: 8px;
}
.spotChapterNotesBox_title {
  color: #0097CF;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
.spotChapterNotesBox_text {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dotted #E5E7EB;
  color: #222;
  font-size: 1rem;
  line-height: 1.5rem;
}
.spotChapterNotesBox_catch {
  display: table;
  min-width: 180px;
  line-height: 25px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: #0097CF;
  border-radius: 100px;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  margin-bottom: 0.25rem;
}

/* [[ ┠ .kurashigotoInfo ]] */
/*----------------------------------------------*/
.kurashigotoInfo {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.5rem;
  padding: 1.25rem;
  border: solid 1px #E5E7EB;
  background-color: #f3f3f3;
  border-radius: 8px;
}
.kurashigotoInfo_logo {
  font-size: 0;
  line-height: 0;
  width: 100px;
  padding-right: 1.25rem;
}
.kurashigotoInfo_logo img {
  width: 100%;
}
.kurashigotoInfo_text {
  width: calc(100% - 101.25rem);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ .body#spinfo]] */
#spinfo .contentsHeader p {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#spinfo .chapter {
  padding: 3rem 0;
}
#spinfo .chapter_inner {
  zoom: 1;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
#spinfo .chapter_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html #spinfo .chapter_inner {
  display: inline-table;
  /*\*/
  display: block; /**/
}

#spinfo .headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#spinfo .headline-notes {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#spinfo .sectionHeadlineMedium {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #085372;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 100px;
  background-color: #B7ECFF;
}
#spinfo .sectionHeadlineMedium:first-child {
  margin-top: 0;
}
div + #spinfo .sectionHeadlineMedium, p + #spinfo .sectionHeadlineMedium {
  margin-top: 2rem;
}
#spinfo .sectionDescription {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 0;
  border-top: none;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#spinfo .sectionDescription_notes {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
}
#spinfo .sectionDescription p + p {
  margin-top: 1rem;
}

.spinfoDetail_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.spinfoDetail_headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.spinfoDetail p {
  margin-top: 0;
  border-top: none;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.spinfoDetail .spinfoDetailList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  padding: 0.5rem 0 0 0.5rem;
  background: #e4f3f5;
}
.spinfoDetail .spinfoDetailList_item {
  box-sizing: border-box;
  display: inline-block;
  width: calc(33.3333333333% - 10px);
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.25rem 0.25rem 2rem;
  border: 1px solid #d5e8ea;
  background: #fff;
}
.spinfoDetail .spinfoDetailList_image {
  font-size: 0;
  line-height: 0;
}
.spinfoDetail .spinfoDetailList_image img {
  width: 310px;
}
.spinfoDetail .spinfoDetailList_movie {
  width: 100%;
}
.spinfoDetail .spinfoDetailList_movieInner {
  position: relative;
  padding-top: 56.25%;
}
.spinfoDetail .spinfoDetailList_movieInner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.spinfoDetail .spinfoDetailList_text {
  margin-top: 2rem;
  text-align: center;
  font-weight: bold;
}
.spinfoDetail .spinfoDetailList_attention {
  color: #0097CF;
}
.spinfoDetail .spinfoDetailList_button {
  margin-top: 2rem;
}
.spinfoDetail .spinfoDetailList_link {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #0078A7;
  color: #fff;
  max-width: 200px;
  margin: 0 auto;
}
.spinfoDetail .spinfoDetailList_link:hover, .spinfoDetail .spinfoDetailList_link:visited {
  color: #fff;
}

.spinfoIntern .internFeatureIntro input, .spinfoIntern .internFeatureIntro label {
  display: none;
}
.spinfoIntern .internFeatureIntro .sectionDescription {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 0;
  border-top: none;
  padding-top: 0;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.spinfoIntern .recommendation {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
}
.spinfoIntern .recommendation_card {
  flex: 1;
  align-items: center;
  max-width: calc(1000px / 3);
  box-sizing: border-box;
  display: flex;
  gap: 1rem;
}
.spinfoIntern .recommendation_card + .recommendation_card {
  padding-left: 2rem;
  border-left: 1px solid #F3F4F6;
}
.spinfoIntern .recommendation_cardBody {
  flex-grow: 2;
  order: 2;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}
.spinfoIntern .recommendation_cardImage {
  order: 1;
}
.spinfoIntern .cardBody_headline {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  color: #3D74D3;
}
.spinfoIntern .cardBody_headline:before {
  content: "#";
  font-size: 1rem;
  line-height: 1.5rem;
  speak: none;
}
.spinfoIntern .cardBody_descrption {
  flex-grow: 2;
}
.spinfoIntern .recommendation-autumnIntern {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
  flex-direction: column;
  /*
   * ui-accordion
  */
}
.spinfoIntern .recommendation-autumnIntern .ui-accordion-switch {
  cursor: pointer;
}
.spinfoIntern .recommendation-autumnIntern .ui-accordion-item {
  display: none;
}
.spinfoIntern .recommendation-autumnIntern .ui-accordion-item.open {
  display: block;
}
.spinfoIntern .recommendation-autumnIntern .recommendation {
  display: flex;
  gap: 2rem;
  margin-top: 0;
  flex-wrap: wrap;
}
.spinfoIntern .recommendation-autumnIntern .recomendation_card {
  align-items: center;
  max-width: calc(1000px / 4);
  box-sizing: border-box;
  display: flex;
  gap: 0.5rem;
}
.spinfoIntern .recommendation-autumnIntern .recomendation_card + .recommendation_card {
  padding-left: 2rem;
  border-left: 1px solid #F3F4F6;
}
.spinfoIntern .recommendation-autumnIntern .card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.spinfoIntern .recommendation-autumnIntern .cardTitle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3460C1;
  font-weight: bold;
  padding-top: 0;
}
.spinfoIntern .recommendation-autumnIntern .cardTitleText {
  flex-grow: 1;
}
.spinfoIntern .recommendation-autumnIntern .cardCursor {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #3D74D3;
  font-size: 0.875rem;
  font-weight: normal;
  border: solid 1px #3D74D3;
  border-radius: 100px;
}
.spinfoIntern .recommendation-autumnIntern .cardImageItem {
  display: block;
  width: 80px;
  height: 80px;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncement {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 8px;
  background-color: #F9FAFB;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncement_headline {
  display: inline-block;
  width: 240px;
  text-align: center;
  padding-bottom: 0.25rem;
  border-bottom: solid 2px #B93815;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncement_description {
  text-align: center;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints_description {
  font-weight: bold;
  text-align: center;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints_topics {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints_topic {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.25rem;
  width: 130px;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: #fff;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints_topicImageItem {
  display: block;
  width: 40px;
  height: 40px;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints_topicDescription {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.spinfoIntern .recommendation-autumnIntern .recommendationAnouncementPoints_topicDescription br {
  display: none;
}
.spinfoIntern .jobdata_sellingpoint .mainPhoto {
  width: 314px;
  height: 234px;
}
.spinfoIntern .jobdata_sellingpoint .mainPhoto img {
  max-width: 100%;
  max-height: 100%;
}
.spinfoIntern .jobdata_account .accountName {
  font-size: 1rem;
  line-height: 1.5rem;
}
.spinfoIntern .jobdata_account .message {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.spinfoIntern .jobdata_accountDetail {
  margin-top: 1rem;
}
.spinfoIntern .jobdata_accountActionbar {
  margin-top: 1rem;
}
.spinfoIntern .jobdata .accountDetail {
  padding: 1rem;
  background-color: #F1F7FD;
}
.spinfoIntern .jobdata .info {
  display: flex;
  gap: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.spinfoIntern .jobdata .info + .info {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 1px #E5E7EB;
}
.spinfoIntern .jobdata .info_headline {
  flex-grow: 0;
  flex-shrink: 0;
  width: 160px;
  color: #0078A7;
  font-weight: bold;
  text-align: right;
}
.spinfoIntern .jobdata .info_headline br {
  display: none;
}
.spinfoIntern .jobdata .actionbar {
  display: flex;
  justify-content: flex-end;
}
.spinfoIntern .jobdata .actionbar .entryFunction li.toDetail .executeButton_low {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
  width: 260px;
}
.spinfoIntern .jobdata .actionbar .entryFunction li.toDetail .executeButton_low:hover, .spinfoIntern .jobdata .actionbar .entryFunction li.toDetail .executeButton_low:visited {
  color: #fff;
}
.spinfoIntern .howto {
  padding: 2rem 1rem;
  background-color: #EFFAFF;
}
.spinfoIntern .howto .sectionHeadlineMedium br {
  display: none;
}
.spinfoIntern .howtoBody {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}
.spinfoIntern .howtoBodyItem {
  flex: 1;
  width: calc((1000px - 1rem * 2 - 1rem * 4) / 5);
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  align-items: center;
}
.spinfoIntern .howtoBodyNumber {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  font-weight: bold;
  padding: 0.125rem 1rem;
  border-radius: 100px;
  background-color: #097C6C;
}
.spinfoIntern .howtoBodyImg {
  width: 90%;
}
.spinfoIntern .howtoBodyImg img {
  width: 100%;
}
.spinfoIntern .sectionDescription_notes {
  margin-top: 2rem;
}
.spinfoIntern .howtoAnchor {
  position: fixed;
  z-index: 1000;
  bottom: 60px;
  left: 50%;
  width: 148px;
  margin-left: 412px;
  transition: opacity 0.3s ease;
}
.spinfoIntern .howtoAnchor.hidden {
  opacity: 0;
  pointer-events: none;
}
.spinfoIntern .howtoAnchor a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #1F2937;
  font-weight: bold;
  border: solid 2px #F18646;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
.spinfoIntern .howtoAnchor a img {
  width: 20px;
  height: 20px;
}
.spinfoIntern .howtoAnchor a:hover {
  background-color: #F9FAFB;
}

/* [[ body.scopechannel ]] */
/* [[ .hajArticle_main ]] */
/*[memo]
コンテンツ幅（読み物テンプレを使用かつアーカイブを表示しないための調整）
------------------------------------------------*/
body.scopechannel .hajArticle_main {
  width: auto;
}

/* [[ .hajArticleSectionGallery_item ]] */
/*[memo]
library
------------------------------------------------*/
body.scopechannel .hajArticleSectionGallery_item {
  width: calc(34% - 20px);
}

/* [[ .contentsHeader ]] */
/*[memo]
旧仕様の指定を調整しています。
------------------------------------------------*/
body#onlineJoint .contentsTitle .notes {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  background: #0097CF;
  border-radius: 3px;
}

body#onlineJoint .contentsHeader p {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  /* reset */
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* [[ .flow：参加の流れ &.howToRoom：各ルームへの入室方法 &.howToRoom：アドバイザールーム]] */
.flow,
.howToRoom,
.adviserRoom {
  margin-top: 2.5rem;
}
.flow_inner,
.howToRoom_inner,
.adviserRoom_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.flow_headline,
.howToRoom_headline,
.adviserRoom_headline {
  padding: 0.5rem 1.25rem;
  color: #fff;
  border-radius: 8px;
  background: #0097CF;
}

.flowBody,
.howToRoomBody,
.adviserRoomBody {
  padding-top: 1.25rem;
}
.flowBody_text,
.howToRoomBody_text,
.adviserRoomBody_text {
  padding-top: 0.5rem;
  overflow-wrap: break-word;
  line-break: strict;
}
.flowBody_text:first-child,
.howToRoomBody_text:first-child,
.adviserRoomBody_text:first-child {
  padding-top: 0;
}
.flowBody_text-heavy,
.howToRoomBody_text-heavy,
.adviserRoomBody_text-heavy {
  font-weight: bold;
}
.flowBody_copyLinks,
.howToRoomBody_copyLinks,
.adviserRoomBody_copyLinks {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: #f3f3f3;
  border-radius: 3px;
  border: 1px solid #E5E7EB;
}

/* [[ .eventOutline：開催概要]] */
.outline {
  margin-top: 2.5rem;
}
.outline_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.outline_headline {
  padding: 0.5rem 1.25rem;
  color: #fff;
  border-radius: 8px;
  background: #0097CF;
}

/* [[ ┠ .eventOutlineList ]] */
/*----------------------------------------------*/
.outlineListItem {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px dotted #E5E7EB;
  zoom: 1;
}
.outlineListItem:first-child {
  margin-top: 0;
  border-top: none;
}
.outlineListItem:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .outlineListItem {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.outlineListItem_title {
  width: 240px;
  float: left;
  font-weight: bold;
}
.outlineListItem_textSet {
  width: 760px;
  float: right;
}
.outlineListItem_text {
  text-align: left;
}
.outlineListItem_text-heavy {
  font-weight: bold;
}
.outlineListItem_text + .outlineListItem_text {
  padding-top: 1.25rem;
}
.outlineListItem_text + .outlineListItem_text-listType {
  padding-top: 0;
}
.outlineListItem_textItem {
  padding-top: 0.25rem;
}

/* [[ .timetable ：タイムテーブル]] */
.timetable {
  margin-top: 2.5rem;
}
.timetable_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.timetable_headline {
  padding: 10px 1.25rem;
  color: #fff;
  border-radius: 8px;
  background: #0097CF;
}

/* [[ ┠ .exhibitorsBody]] */
/*----------------------------------------------*/
.timetableBody {
  display: flex;
  padding-top: 1.25rem;
}
.timetableBody_set {
  width: 100%;
}
.timetableBody_text {
  padding-top: 1.25rem;
}
.timetableBody_text:first-child {
  padding-top: 0;
}
.timetableBody_text-heavy {
  font-weight: bold;
}

.timetableBodyButtonSet_link {
  position: relative;
  display: block;
  width: 230px;
  height: 160px;
  margin-right: 0.5rem;
  text-align: center;
  text-decoration: none;
  background: url("https://image.haj.co.jp/jobkita/shukatsu/2026/common/onlineJoint/timetable.png") no-repeat left top;
  background-size: 230px auto;
}
.timetableBodyButtonSet_button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 190px;
  height: 42px;
  margin: auto;
  padding: 0.5rem 0;
  text-align: center;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  border-radius: 30px;
  background-color: #222;
}
.timetableBodyButtonSet_notes {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.timetableBodyList_item {
  padding-top: 0.25rem;
}
.timetableBodyList_time {
  padding-right: 0.25rem;
}
/* [[ .exhibitors：出展企業]] */
.exhibitors {
  margin-top: 2.5rem;
}
.exhibitors_inner {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.exhibitors_headline {
  padding: 0.5rem 1.25rem;
  color: #fff;
  border-radius: 8px;
  background: #0097CF;
}
.exhibitors_info {
  margin-top: 0.5rem;
}

/* [[ ┠ .jobdata]] */
/*----------------------------------------------*/
/*[memo]
ここは、共通のものを使用しています。

/* [[ ┠ .exhibitorsList]] */
/*----------------------------------------------*/
.exhibitorsList {
  margin-top: 2rem;
  padding: 2rem;
  border-top: solid 1px #E5E7EB;
}
.exhibitorsList_item {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: dotted 1px #E5E7EB;
}
.exhibitorsList_item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.exhibitorsListSet_room {
  margin-left: 0.5rem;
}
.exhibitorsListSet_url {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: #f3f3f3;
  border-radius: 3px;
  border: 1px solid #E5E7EB;
  overflow-wrap: break-word;
  line-break: strict;
}
.exhibitorsListSet_url a {
  text-decoration: none;
  color: #222;
}

/* [[ .localmatch ]] */
/*[memo]
メインイメージ、タイトル、リード要素
------------------------------------------------*/
.localmatchHeader {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.localmatchHeader_titleImg {
  font-size: 0;
  line-height: 0;
}
.localmatchHeader_titleImg img {
  width: 100%;
}
.localmatchHeader_title {
  padding-top: 40px;
  color: #1F2937;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.localmatchHeader_writing {
  padding-top: 0.5rem;
}

.localmatchInfomation {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 1rem;
  padding: 1rem 2rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
}
.localmatchInfomation_title {
  color: #1F2937;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.localmatchInfomation_writing {
  padding-top: 0.5rem;
}
.localmatchInfomation_listItem {
  padding-top: 0.25rem;
}

/* [[ .jobList ]] */
/*[memo]
参加企業一覧
------------------------------------------------*/
body#localmatch .localmatchJobList,
body#tomakomaifair .localmatchJobList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
body#localmatch .localmatchJobList .jobList_header,
body#tomakomaifair .localmatchJobList .jobList_header {
  padding-left: 0.5rem;
  border-left: solid 5px #0097CF;
}
body#localmatch .localmatchJobList .jobList_header .headline,
body#tomakomaifair .localmatchJobList .jobList_header .headline {
  color: #222;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
body#localmatch .localmatchJobList .jobList_header p,
body#tomakomaifair .localmatchJobList .jobList_header p {
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ .cgCreatorTitle ]] */
.cgCreatorTitle {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
}
.cgCreatorTitle img {
  width: 100%;
}

/* [[ .cgCreatorIntro ]] */
.cgCreatorIntro {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.cgCreatorIntro_finMessage {
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 8px;
  border: solid 1px #D24719;
  color: #D24719;
  font-weight: bold;
  text-align: center;
}
.cgCreatorIntro_catch {
  color: #0097CF;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.cgCreatorIntro_finMessage + .cgCreatorIntro_catch {
  margin-top: 2.5rem;
}
.cgCreatorIntro_text {
  margin-top: 0.5rem;
}
.cgCreatorIntro_text-box {
  margin-top: 1.25rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  padding: 1.25rem;
}

/* [[ .cgCreatorSection ]] */
.cgCreatorSection {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.cgCreatorSection_title {
  background: #0097CF;
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
  color: #fff;
}
.cgCreatorSection_item {
  margin-top: 1.25rem;
}
.cgCreatorSection_item-notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cgCreatorSection_item.cgCreatorElement {
  padding-top: 1.25rem;
  border-top: dotted 1px #E5E7EB;
}
.cgCreatorSection_title + .cgCreatorSection_item.cgCreatorElement {
  padding-top: 0;
  border-top: none;
}

/* [[ .cgCreatorAside ]] */
.cgCreatorAside {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
  border: solid 1px #E5E7EB;
  border-radius: 8px;
  padding: 1.25rem;
}
.cgCreatorAside_title {
  color: #0097CF;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.cgCreatorAside_item {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cgCreatorAside_item-notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* [[ common block ]] */
/*[memo]
.cgCreatorSection_item や
.cgCreatorAside_item と掛け合わせで使用します。
------------------------------------------------*/
/* [[ ┠ .cgCreatorElement ]] */
/*----------------------------------------------*/
.cgCreatorElement_title {
  color: #222;
  font-weight: bold;
}
.cgCreatorElement_text {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cgCreatorElement_item {
  margin-top: 0.5rem;
}
.cgCreatorElement_item-notes {
  color: #4B5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cgCreatorElement_movieWrapper {
  margin-top: 1.25rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
.cgCreatorElement_movieInner {
  width: 30%;
}
.cgCreatorElement_movieLinks {
  color: #3D74D3;
  text-decoration: none;
}
.cgCreatorElement_movieLinks .cgCreatorElement_text {
  display: inline-block;
  color: #222;
  text-decoration: none;
}
.cgCreatorElement_movieLinks strong {
  text-decoration: underline;
}
.cgCreatorElement_movieLinks strong span {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cgCreatorElement_movieLinks img {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}

/* [[ ┠ .cgCreatorPointList ]] */
/*----------------------------------------------*/
.cgCreatorPointList_item {
  padding-left: 1.2em;
  position: relative;
}
.cgCreatorPointList_item:before {
  display: block;
  content: "●";
  color: #0097CF;
  position: absolute;
  top: 0;
  left: 0;
}
.cgCreatorPointList_item + .cgCreatorPointList_item {
  margin-top: 0.25rem;
}

/* [[ ┠ .cgCreatorNav ]] */
/*----------------------------------------------*/
.cgCreatorNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.cgCreatorNav_item {
  width: 320px;
}

/* [[ .cgCreatorJobList ]] */
.cgCreatorJobList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 2.5rem;
}
.cgCreatorJobList_title {
  background: #0097CF;
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
  color: #fff;
}

/* [[ #supportContent .contents ]] */
#support_content {
  /*
   * ui-accordion
  */
}
#support_content.contents {
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/grade4/support_content/contents_bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#support_content .contentsTitle {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 3rem 0 0;
  border: none;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/grade4/support_content/contentsTitle_bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 490px auto;
}
#support_content h1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#support_content h1 span {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 3.125rem;
}
#support_content h1 strong {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0078A7;
  font-size: 3.375rem;
  line-height: 3.125rem;
}
#support_content .contentsSubCopy {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #0097CF;
}
#support_content .contentsSubCopy br {
  display: none;
}
#support_content .contentsDescription {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: normal;
}
#support_content .chapterBgBlue {
  background-color: #EFFAFF;
}
#support_content .chapterBgBlue-100 {
  background-color: #DFF4FF;
}
#support_content .chapterBgGray {
  background-color: #F9FAFB;
}
#support_content .chapter + .chapter {
  padding: 3rem 0;
}
#support_content .chapter_inner {
  zoom: 1;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
#support_content .chapter_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html #support_content .chapter_inner {
  display: inline-table;
  /*\*/
  display: block; /**/
}
#support_content .headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#support_content .headline-notes {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#support_content .headline br {
  display: none;
}
#support_content .section {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1F2937;
}
#support_content .section + .section {
  margin-top: 4rem;
}
#support_content .sectionHeadline {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #0078A7;
  font-weight: bold;
  padding-top: 2rem;
}
#support_content .sectionHeadline-iconSquare:before {
  content: "◆";
  margin-right: 0.5rem;
  color: #05B5EB;
}
#support_content .sectionHeadlineMedium {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #085372;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 100px;
  background-color: #B7ECFF;
}
#support_content .section div + .sectionHeadlineMedium,
#support_content .section p + .sectionHeadlineMedium {
  margin-top: 2rem;
}
#support_content .sectionDescription {
  margin-top: 1.5rem;
}
#support_content .sectionDescription:first-child {
  margin-top: 0;
}
#support_content .sectionDescription + .sectionHeadline {
  margin-top: 2rem;
  border-top: solid 1px #E5E7EB;
}
#support_content .sectionDescription-movieTitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #0078A7;
  font-weight: bold;
  text-align: center;
}
#support_content .sectionDescription-movieSize {
  width: 400px;
  margin: 2rem auto 0;
}
#support_content .sectionDescription-movieSize .movieSize_inner {
  position: relative;
  padding-top: 56.25%;
}
#support_content .sectionDescription-movieSize .movieSize_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#support_content .notes {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
}
#support_content .ui-accordion-switch {
  cursor: pointer;
}
#support_content .ui-accordion-item {
  display: none;
}
#support_content .ui-accordion-item.open {
  display: block;
}
#support_content .strengths {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin-top: 2rem;
}
#support_content .strengthsItem {
  width: calc(100% - 2rem * 2 / 3);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1.5rem 1rem 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
#support_content .strengthsItemLabel {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
#support_content .strengthsItemLabelNumber {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.25rem 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff;
  font-weight: bold;
  border-radius: 100px;
  background: var(--linear-linear-accent, linear-gradient(270deg, #B53812 0%, #D24719 100%));
}
#support_content .strengthsItemLabelNumber:before {
  content: "＃";
  margin-right: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
#support_content .strengthsItemLabel img {
  width: 40px;
  height: 40px;
}
#support_content .strengthsItemTitle {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: bold;
  text-align: center;
}
#support_content .strengthsItemBody {
  padding-top: 1rem;
  border-top: solid 1px #E5E7EB;
}
#support_content .resolveListNavigation {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
#support_content .resolveListNavigationItem {
  flex-grow: 1;
  flex-shrink: 1;
  width: 174px;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
#support_content .resolveListNavigationLink {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3D74D3;
  font-weight: bold;
  margin: -1rem;
  padding: 1rem;
  background-color: #fff;
}
#support_content .resolveListNavigationLink button {
  cursor: pointer;
  color: #3D74D3;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border: none;
  background-color: transparent;
}
#support_content .resolveListNavigationImage {
  flex-shrink: 0;
  width: 142px;
  height: 100px;
  overflow: hidden;
}
#support_content .resolveListNavigationImageItem {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
#support_content .resolveListNavigationTitle {
  flex-shrink: 0;
  height: 72px;
}
#support_content .resolveListNavigationTitle br {
  display: none;
}
#support_content .resolveList {
  position: relative;
  padding: 1rem 250px 1rem 4rem;
}
#support_content .resolveList .sectionHeadline {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #3460C1;
  padding-top: 0;
}
#support_content .resolveList .sectionHeadlineCursor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #3D74D3;
  font-size: 0.875rem;
  font-weight: normal;
  border: solid 1px #3D74D3;
  border-radius: 100px;
}
#support_content .resolveList .sectionDescription.open {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#support_content .resolveListCheckItem {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1F2937;
}
#support_content .resolveListCheckItem + .resolveListCheckItem {
  margin-top: 0.5rem;
}
#support_content .resolveListCheckItem:before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 0.5rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/grade4/support_content/checked_accent_icon.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 15px auto;
}
#support_content .resolveListImage {
  position: absolute;
  top: -80px;
  right: 4rem;
  width: 140px;
  height: 140px;
  padding-left: 1.25rem;
  padding-bottom: 0.75rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/grade4/support_content/advice_bubble.png);
  background-size: 34px auto;
  background-repeat: no-repeat;
  background-position: bottom left;
}
#support_content .resolveListImageInner {
  background: linear-gradient(180deg, #F3A48B, #9BD2E3);
  padding: 2px;
  border-radius: 100px;
}
#support_content .resolveListImageItem {
  position: relative;
  display: block;
  width: 136px;
  height: auto;
  border-radius: 100px;
  box-sizing: border-box;
  background-color: #fff;
}
#support_content .resolveListImageItem:after {
  content: url(https://image.haj.co.jp/jobkita/shukatsu/grade4/support_content/advice_bubble.png);
  position: absolute;
  bottom: 0;
  right: 0;
}
#support_content .resolveListAdviceTitle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #097C6C;
  font-weight: bold;
}
#support_content .resolveListAdviceDetail {
  margin-top: 1rem;
}
#support_content .caseStudy {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
}
#support_content .caseStudy .sectionDescription {
  width: 33.3333333333%;
  flex-grow: 1;
  padding: 0 2rem;
}
#support_content .caseStudy .sectionDescription + .sectionDescription {
  margin-top: 0;
  border-left: solid 1px #E5E7EB;
}
#support_content .caseStudyProfile {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
#support_content .caseStudyProfileText {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #1F2937;
}
#support_content .caseStudyProfileName {
  font-size: 1rem;
  line-height: 1.5rem;
}
#support_content .caseStudyProfileSchedule {
  font-size: 0.75rem;
  line-height: 1rem;
}
#support_content .caseStudyProfileThumbnail {
  flex-shrink: 0;
  flex-grow: 0;
  width: 100px;
  height: 100px;
  padding: 0.5rem;
  background-color: #F9FAFB;
}
#support_content .caseStudyProfileThumbnailImage {
  width: 100%;
  height: auto;
}
#support_content .caseStudyTitle {
  display: table;
  width: 100%;
  height: 48px;
  margin-top: 1rem;
  padding: 1rem 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  border-top: solid 1px #E5E7EB;
  border-bottom: solid 1px #E5E7EB;
}
#support_content .caseStudyTitleInner {
  display: table-cell;
  vertical-align: middle;
}
#support_content .caseStudyTitlePickup {
  color: #B93815;
}
#support_content .caseStudyDetail {
  margin-top: 1.5rem;
}
#support_content .comparison {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.5rem;
  margin-top: 2rem;
}
#support_content .comparison .sectionDescription {
  width: calc((100% - 1.5rem) / 2);
  margin-top: 0;
  padding: 0.5rem 0 1.5rem;
  box-sizing: border-box;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
#support_content .comparisonHeadline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1F2937;
  font-weight: bold;
}
#support_content .comparisonDetail {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 1rem 0;
  padding-top: 1rem;
  border-top: solid 1px #E5E7EB;
}
#support_content .comparisonDetailLabel {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
  text-align: center;
}
#support_content .comparisonDetailDescription {
  display: flex;
  align-items: center;
  height: 50px;
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1F2937;
  text-align: center;
}
#support_content .comparison .sectionDescription-agent .comparisonDetailDescription {
  font-weight: bold;
}
#support_content .comparisonDescription {
  width: 100%;
  padding: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1F2937;
  background-color: #F9FAFB;
}
#support_content .flow {
  margin-top: 2rem;
}
#support_content .flowList {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}
#support_content .flowListItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 calc((100% - 1rem * 4 - 1rem * 10) / 5);
  padding: 1rem;
  border-radius: 8px;
  background-color: #fff;
}
#support_content .flowListItem img {
  width: 60px;
  height: 60px;
}
#support_content .flowListStepNumber {
  color: #E60022;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
#support_content .flowListStepNumber span {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
#support_content .flowListTitle {
  height: 48px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-align: center;
}
#support_content .flowListTitle .hidden {
  display: none;
}
#support_content .flowListDescription {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#support_content .flowListNotes {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  color: #1F2937;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}
#support_content .location {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  color: #1F2937;
  border-top: solid 1px #E5E7EB;
}
#support_content .locationHeadline {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #0078A7;
  font-weight: bold;
  text-align: center;
}
#support_content .locationAddress {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-align: center;
}
#support_content .locationMap {
  width: 900px;
  height: 300px;
  margin: 0 auto;
}
#support_content .locationMap iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#support_content .locationAccess {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}
#support_content .location .notes {
  text-align: center;
}
#support_content .inductionLink {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2rem;
}
#support_content .inductionLink .sectionDescription {
  width: 50%;
  padding: 1.5rem;
  background-color: #F9FAFB;
}
#support_content .inductionLink .sectionDescription + .sectionDescription {
  margin-top: 0;
}
#support_content .inductionLink a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
  width: 240px;
  margin: 1rem auto 0;
}
#support_content .inductionLink a:hover, #support_content .inductionLink a:visited {
  color: #fff;
}
#support_content .applyFunction-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  min-width: 1000px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 1.25rem;
  box-sizing: border-box;
  transition: opacity 0.3s ease;
}
#support_content .applyFunctionList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
#support_content .applyFunctionItem-free {
  position: relative;
  padding: 0.5rem 1rem;
  color: #B93815;
  text-align: center;
  font-weight: bold;
  border-radius: 100px;
  background-color: #fff;
}
#support_content .applyFunctionItem-free br {
  display: none;
}
#support_content .applyFunctionItem-free:after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: -18px;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #FAD1AE;
}
#support_content .applyFunctionItem-button {
  width: 240px;
}
#support_content .applyFunctionItem-button .fixedButton {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
}
#support_content .applyFunctionItem-button .fixedButton:hover, #support_content .applyFunctionItem-button .fixedButton:visited {
  color: #fff;
}
#support_content .applyFunction.hidden {
  opacity: 0;
  pointer-events: none;
}

#support_content.contents + .footer .footer_inner .footer_pageTop {
  bottom: 100px;
}

/* [[ body#shukatsusupport .contents ]] */
body#shukatsuSupport .contents #titleImg img {
  display: block;
}
body#shukatsuSupport .contents .chapterBgBlue {
  background-color: #EFFAFF;
}
body#shukatsuSupport .contents .chapterBgBlue-100 {
  background-color: #DFF4FF;
}
body#shukatsuSupport .contents .chapterBgGray {
  background-color: #F9FAFB;
}
body#shukatsuSupport .contents .chapter + .chapter {
  padding: 3rem 0;
}
body#shukatsuSupport .contents .chapter_inner {
  zoom: 1;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
body#shukatsuSupport .contents .chapter_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html body#shukatsuSupport .contents .chapter_inner {
  display: inline-table;
  /*\*/
  display: block; /**/
}
body#shukatsuSupport .contents .headline {
  border-left: solid 5px #30D0FF;
  color: #1F2937;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body#shukatsuSupport .contents .headline-notes {
  border-left: solid 5px #ddd;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body#shukatsuSupport .contents .section {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1F2937;
}
body#shukatsuSupport .contents .sectionHeadline {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #0078A7;
  font-weight: bold;
  padding-top: 2rem;
}
body#shukatsuSupport .contents .sectionHeadline-iconSquare:before {
  content: "◆";
  margin-right: 0.5rem;
  color: #05B5EB;
}
body#shukatsuSupport .contents .sectionHeadlineMedium {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #085372;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 100px;
  background-color: #B7ECFF;
}
body#shukatsuSupport .contents .section div + .sectionHeadlineMedium,
body#shukatsuSupport .contents .section p + .sectionHeadlineMedium {
  margin-top: 2rem;
}
body#shukatsuSupport .contents .sectionDescription {
  margin-top: 1.5rem;
}
body#shukatsuSupport .contents .sectionDescription:first-child {
  margin-top: 0;
}
body#shukatsuSupport .contents .sectionDescription + .sectionHeadline {
  margin-top: 2rem;
  border-top: solid 1px #E5E7EB;
}
body#shukatsuSupport .contents .sectionDescription-movieTitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #0078A7;
  font-weight: bold;
  text-align: center;
}
body#shukatsuSupport .contents .sectionDescription-movieSize {
  width: 400px;
  margin: 2rem auto 0;
}
body#shukatsuSupport .contents .sectionDescription-movieSize .movieSize_inner {
  position: relative;
  padding-top: 56.25%;
}
body#shukatsuSupport .contents .sectionDescription-movieSize .movieSize_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body#shukatsuSupport .contents .sectionTableItem {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding-top: 2rem;
}
body#shukatsuSupport .contents .sectionTableItem + .sectionTableItem {
  margin-top: 2rem;
  border-top: solid 1px #E5E7EB;
}
body#shukatsuSupport .contents .sectionTableTitle {
  width: 200px;
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #097C6C;
  font-weight: bold;
}
body#shukatsuSupport .contents .sectionTableTitle span {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  margin-right: 0.5rem;
  padding: 0.125rem 1rem;
  border-radius: 100px;
  background-color: #097C6C;
}
body#shukatsuSupport .contents .sectionTableDescription {
  flex-grow: 2;
}
body#shukatsuSupport .contents .notes {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5563;
}
body#shukatsuSupport .contents .resolveListNavigation {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
body#shukatsuSupport .contents .resolveListNavigationItem {
  flex-grow: 1;
  flex-shrink: 1;
  width: 174px;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
body#shukatsuSupport .contents .resolveListNavigationLink {
  display: block;
  width: 100%;
  height: 196px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3D74D3;
  font-weight: bold;
  margin: -1rem;
  padding: 1rem;
  background-color: #fff;
}
body#shukatsuSupport .contents .resolveListNavigationNumber strong {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-left: 0.125rem;
}
body#shukatsuSupport .contents .resolveListNavigationImage {
  width: 142px;
  height: 100px;
}
body#shukatsuSupport .contents .resolveListNavigationImageItem {
  display: block;
  width: auto;
  height: 100%;
  margin: 0.5rem auto;
}
body#shukatsuSupport .contents .resolveList {
  position: relative;
  padding-left: 240px;
}
body#shukatsuSupport .contents .resolveList .sectionHeadline {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #3460C1;
  padding-top: 0;
}
body#shukatsuSupport .contents .resolveList .sectionHeadline .numberHeader {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 0.125rem;
}
body#shukatsuSupport .contents .resolveList .sectionHeadline .number {
  margin-right: 1rem;
}
body#shukatsuSupport .contents .resolveList .sectionDescription + .sectionDescription {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: solid 1px #E5E7EB;
}
body#shukatsuSupport .contents .resolveListCheckItem:before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 0.5rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/shukatsusupport/checked_accent_icon.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 15px auto;
}
body#shukatsuSupport .contents .resolveListCheckItem + body#shukatsuSupport .contents .resolveListCheckItem {
  margin-top: 0.25rem;
}
body#shukatsuSupport .contents .resolveListImage {
  position: absolute;
  top: -100px;
  left: 0;
  width: 200px;
  height: 200px;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/shukatsusupport/advice_bubble.png);
  background-size: 34px auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
body#shukatsuSupport .contents .resolveListImageItem {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  padding: 0.75rem;
  border-radius: 100px;
  background-color: #fff;
}
body#shukatsuSupport .contents .resolveListImageItem:after {
  content: url(https://image.haj.co.jp/jobkita/shukatsu/2026/common/shukatsusupport/advice_bubble.png);
  position: absolute;
  bottom: 0;
  right: 0;
}
body#shukatsuSupport .contents .resolveListAdviceTitle {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #097C6C;
  font-weight: bold;
}
body#shukatsuSupport .contents .resolveListAdviceDetail {
  margin-top: 1rem;
}
body#shukatsuSupport .contents .caseStudy {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
}
body#shukatsuSupport .contents .caseStudy .sectionDescription {
  width: 33.3333333333%;
  flex-grow: 1;
  padding: 0 2rem;
}
body#shukatsuSupport .contents .caseStudy .sectionDescription + .sectionDescription {
  margin-top: 0;
  border-left: solid 1px #E5E7EB;
}
body#shukatsuSupport .contents .caseStudyHeadline {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
body#shukatsuSupport .contents .caseStudyHeadlineDetail {
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5rem;
}
body#shukatsuSupport .contents .caseStudyHeadlineDetail strong {
  font-weight: bold;
}
body#shukatsuSupport .contents .caseStudyHeadlineImage {
  flex-shrink: 0;
  flex-grow: 0;
  width: 100px;
  height: 100px;
  padding: 0.5rem;
  background-color: #F9FAFB;
}
body#shukatsuSupport .contents .caseStudyHeadlineImageItem {
  width: 100%;
  height: auto;
}
body#shukatsuSupport .contents .caseStudyDetail {
  margin-top: 1.5rem;
}
body#shukatsuSupport .contents .inductionLink {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2rem;
}
body#shukatsuSupport .contents .inductionLink .sectionDescription {
  width: 50%;
  padding: 1.5rem;
  background-color: #F9FAFB;
}
body#shukatsuSupport .contents .inductionLink .sectionDescription + .sectionDescription {
  margin-top: 0;
}
body#shukatsuSupport .contents .inductionLink a {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #3D74D3;
  color: #fff;
  width: 240px;
  margin: 1rem auto 0;
}
body#shukatsuSupport .contents .inductionLink a:hover, body#shukatsuSupport .contents .inductionLink a:visited {
  color: #fff;
}

/*[memo]
HAJ 読み物 共通CSS 変更指定
https://www.haj.co.jp/hajsite_common/article/css/style_pc.css
*/
/* [[ module ]] */
.hajArticleHeader-category, .hajArticleHeader-subCategory {
  border-top: none;
  border-bottom: none;
  border-left: solid 5px #0078A7;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.hajArticleHeader-category .hajArticleHeader_lead, .hajArticleHeader-subCategory .hajArticleHeader_lead {
  color: #222;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.5;
}
.hajArticleHeader-category .hajArticleHeader_title, .hajArticleHeader-subCategory .hajArticleHeader_title {
  color: #222;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.5;
}
.hajArticleHeader-detailTypeText {
  border-top: solid 1px #ddd;
}

/* [[ .hajArticle-category ]] */
/* [[ .hajArticle-subcategory ]] */
.hajArticleSubCategoryLinks a {
  color: #1F2937;
  background-color: #F3F4F6;
}
.hajArticleSubCategoryLinks a:visited {
  color: #1F2937;
}
.hajArticleSubCategoryLinks a:hover {
  cursor: pointer;
  color: #6B7280;
}

/* [[ .hajArticle-detail ]] */
.hajArticle-detail .hajArticle_sub {
  width: 260px;
}

.hajArticleSection_title {
  color: #0078A7;
}
.hajArticleSection a:visited {
  color: #304F9D;
}

.hajArticleSectionLinks_item-button a {
  background-color: #D24719;
}
.hajArticleSectionLinks_item-button a:hover, .hajArticleSectionLinks_item-button a:active, .hajArticleSectionLinks_item-button a:visited {
  color: #fff;
}

.hajArticleRelatedJob_header {
  border-top-color: #0078A7;
}
.hajArticleRelatedJob .hajArticleRelatedJobMore a {
  background-color: #D24719;
}

.hajArticleEntries_header {
  background-color: #0078A7;
}
.hajArticleEntries_item-active {
  z-index: 0;
  background-color: #0078A7;
}

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