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

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

body, input, select, textarea {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Lucida Grande", Meiryo, メイリオ, Roboto, "Droid Sans", sans-serif;
  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]
画像パスなど年度更新の値を一元管理しています。
------------------------------------------------*/
/* [[ 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 = グレー ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonTheme = 青 ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonConversion = オレンジ ]] */
/*----------------------------------------------*/
/* [[ ┠ buttonDisabled = リンク無効ボタン ]] */
/*----------------------------------------------*/
/*[memo]
例）バリデート処理などで使用する押せないボタン
------------------------------------------------*/
/*--------------------
その他バリエーション指定
（上記各カラーバリエーションとの掛け合わせ指定）
↓
・サイズS 指定
・逆エンボス 指定
・%extend_button-default = 白ボタン padding調整
↓
@extend の掛け合わせ指定を実現するには
この指定しか上手くいかなかった...
↓
*/
/* [[ ┠ button-sizeS = サイズ S ]] */
/*----------------------------------------------*/
/* [[ ┗ button-active = 逆エンボス ]] */
/*----------------------------------------------*/
/*[memo]
@mixin buttonDefault() のアクティブ指定
------------------------------------------------*/
/* [[ 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: #ccc;
  font-size: 14px;
  padding: 2px 0;
  opacity: 1;
}

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

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

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

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

textarea {
  width: 100%;
  height: 12em;
  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 ]] */
/*----------------------------------------------*/
/* [[ #contents ]] */
.contentsHeader {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-top: 20px;
}
form > .contentsHeader:first-of-type, .contentsHeader:first-child {
  padding-top: 0;
}

.jobDetailNav + .contentsHeader {
  padding-top: 40px;
}

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

/* [ common ] */
/*[memo]
#contents / .contentsHeader / .contentsFooter
で使用する共通指定
------------------------------------------------*/
.contentsHeader > P,
.contentsFooter > P {
  margin-top: 20px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
.contentsHeader > P.notes,
.contentsFooter > P.notes {
  color: #999;
  font-size: 12px;
}
.contentsHeader > P.attention,
.contentsFooter > P.attention {
  color: #f00;
}
.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;
}

.contentsHeader .entrySubject + p {
  margin-top: 0;
  padding-top: 40px;
  font-size: 14px;
  border-top: none;
}

.contentsFooter .linkItem {
  margin: 0 auto;
  padding-top: 20px;
}
.contentsFooter .linkItem_links {
  display: block;
  font-size: 14px;
  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: 25px;
}

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: 14px;
  text-align: center;
}

/* [[ .alertBox ]] */
/*[memo]
0件検索結果やセッションが切れたときなどのエラーアナウンス用
------------------------------------------------*/
.alertBox {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 20px;
  border: solid 2px #f00;
  border-radius: 3px;
  background-color: #fff;
  padding: 28px;
}
.alertBox p {
  margin-top: 10px;
  color: #222;
  font-weight: bold;
}
.alertBox p:first-child {
  margin-top: 0;
}
.alertBox p.notes {
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.alertBox .actionbar {
  border-top: dotted 1px #ddd;
  margin-top: 15px;
  padding-top: 15px;
  text-align: center;
}
.alertBox .actionbar li {
  display: inline-block;
  width: 240px;
  margin: 0 10px;
}
.alertBox .actionbar:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

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

/* [[ ＃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: 20px;
}
#searchScreen .searchDetail .contentsList {
  margin-top: 0;
  padding-bottom: 20px;
}

/* [[┃┠ .headline ]] */
.contentsList .headline {
  position: relative;
  margin-top: 20px;
  padding: 10px;
  border: solid 1px #00c0ff;
  background: #ddf9fc;
  border-radius: 3px;
}
.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: 10px;
}

/* [[┃┠ .item ]] */
.contentsList .item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
.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 #ddd;
}
#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: 14px;
  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: #cccccc;
}
#searchScreen .contentsList .item.searchSet .executeButton_done:hover .itemName {
  color: #cccccc;
}

/* [[┃┠ .xxxx / a / label / inpust ]] */
.contentsList .itemWrap {
  display: block;
}
.contentsList .headline label.itemWrap,
.contentsList .item .itemWrap {
  padding-left: 20px;
}
.contentsList a.itemWrap:hover {
  text-decoration: none;
}
.contentsList .headline a.itemWrap {
  padding-right: 20px;
  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%2300c0ff%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: 20px;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2024/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: 15px;
  left: 10px;
}
.contentsList div.item input[type=checkbox],
.contentsList div.item input[type=radio] {
  top: 16px;
  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: 12px;
}

.contentsList div.item .itemName,
.contentsList ul.item li .itemName {
  font-size: 14px;
}

.contentsList .headline .itemName {
  color: #0099ff;
}

.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: #999;
  font-size: 12px;
  display: block;
  padding-top: 5px;
  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 #00c0ff;
  color: #222;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.contentsHeader .contentsTitle span {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}
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: 40px;
}
.deletAversion ul,
.deleteAlert ul {
  font-size: 14px;
}
.deletAversion p,
.deletAversion li,
.deleteAlert p,
.deleteAlert li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
.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: #dd003c;
}
.deletAversion p.notes,
.deleteAlert p.notes {
  color: #999;
  font-size: 12px;
}
.deletAversion span.icon,
.deleteAlert span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  color: #00c0ff;
}

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

/* [[ .entrySubject ]] */
/*[memo]
・各種申込時、宛先企業情報・合説情報で使用
・マイページのメッセージ一覧等で使用
------------------------------------------------*/
.entrySubject {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 20px;
  border: solid 3px #00c0ff;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
}
.entrySubject .entryStatus {
  background: #ddf9fc;
  padding: 15px 27px;
}
.entrySubject .entryAccount {
  padding: 15px 27px 0 27px;
}
.entrySubject .entryAccount:last-child {
  padding-bottom: 15px;
}
.entrySubject table.entryNotes {
  width: 95%;
  margin: 15px 27px 0 27px;
  width: calc(100% - 27px * 2);
}
.entrySubject table.entryNotes:last-child {
  margin-bottom: 15px;
}
.entrySubject .actionbar {
  background: #f3f3f3;
  margin-top: 15px;
  padding: 15px 27px;
}
.entrySubject .entryLead {
  font-size: 14px;
  padding: 10px 27px 0 27px;
}
.entrySubject .entryLead:last-child {
  padding-bottom: 15px;
}
.entrySubject .entryMore {
  font-size: 14px;
  border-top: dotted 1px #d3d3d3;
  margin: 15px 27px 0 27px;
  padding-top: 10px;
}
.entrySubject .entryMore:last-child {
  margin-bottom: 15px;
}
.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: 20px;
  font-size: 0;
  text-align: right;
}
.entryCancel .eventState_item,
.entryEnd .eventState_item,
.entryClose .eventState_item {
  display: inline-block;
  margin-right: 10px;
  padding: 2px 10px;
  font-weight: bold;
  font-size: 16px;
}
.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: #dd003c;
}
.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 #d9d9d9;
}
.entryClose .entrySubject {
  border: 3px solid #d9d9d9;
}
.entryClose .entrySubject .entryAccount .subject {
  color: #222;
}
.entryClose .entrySubject .entryLead {
  color: #999;
}
/* [[┠ .entryStatus > element ]] */
/*----------------------------------------------*/
.entrySubject .entryStatus {
  font-size: 12px;
}
.entrySubject .entryStatus p {
  display: inline-block;
  vertical-align: middle;
}
.entrySubject .entryStatus p.mark {
  width: 100px;
  margin-right: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  background: #00c0ff;
  border-radius: 3px;
}
/* [[┠ .entryAccount > element ]] */
/*----------------------------------------------*/
.entrySubject .entryAccount .subject,
.entrySubject .entryAccount .businessType,
.entrySubject .entryAccount .jobType {
  margin-top: 10px;
}
.entrySubject .entryAccount .subject:first-child,
.entrySubject .entryAccount .businessType:first-child,
.entrySubject .entryAccount .jobType:first-child {
  margin-top: 0;
}
.entrySubject .entryAccount .subject {
  color: #0099ff;
  font-weight: bold;
  font-size: 20px;
}
.entrySubject .entryAccount .businessType {
  margin-top: 5px;
  color: #222;
  font-size: 12px;
}
.entrySubject .entryAccount .jobType {
  padding-top: 10px;
  border-top: dotted 1px #ddd;
  color: #222;
  font-weight: bold;
  font-size: 14px;
}
.entrySubject .entryAccount .jobType a {
  text-decoration: none;
}
body#mypage.entryList .entrySubject .entryAccount .jobType {
  font-weight: normal;
}

/* [[┠ .entryNotes > element ]] */
/*----------------------------------------------*/
.entrySubject .entryNotes {
  font-size: 14px;
}
.entrySubject .entryNotes th,
.entrySubject .entryNotes td {
  padding: 10px 0;
  border-top: dotted 1px #ddd;
}
.entrySubject .entryNotes th span.newline,
.entrySubject .entryNotes td span.newline {
  display: block;
}
.entrySubject .entryNotes th {
  width: 5em;
  color: #222;
  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 10px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  background: #dd003c;
  border-radius: 100px;
  margin: 20px 27px 0 27px;
}

/* [[┠ .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: 5px;
}
.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: 10px;
  text-align: center;
  background: #dd003c;
  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: #dd003c 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: rgb(229.5, 229.5, 229.5);
}
.entrySubject.reject .entryStatus p.mark, .entrySubject.reject .entryStatus p.mark.entry {
  background: rgb(217.5, 217.5, 217.5);
}
.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: rgb(229.5, 229.5, 229.5);
}
.entrySubject.reject .entryAccount .jobType img {
  opacity: 0.2;
}
.entrySubject.reject .entryNotes,
.entrySubject.reject .entryNotes th,
.entrySubject.reject .entryNotes .toMap {
  color: rgb(229.5, 229.5, 229.5);
}

/* [[ .eventData ]] */
/*[memo]
合説・イベント一覧要素
------------------------------------------------*/
.eventData .eventData_detail {
  font-size: 14px;
}
body#joint.detail .eventData, body#event.detail .eventData {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 10px;
}
body#joint.detail .eventData .eventData_detail, body#event.detail .eventData .eventData_detail {
  margin-top: 10px;
  font-size: 14px;
}
body#joint.list .eventData, body#event.list .eventData, body#mypage.joint .eventData {
  margin-top: 20px;
  padding-bottom: 20px;
  border: solid 3px #00c0ff;
  border-radius: 3px;
  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: #ddf9fc;
  padding: 15px 27px;
}
body#joint.list .eventData .eventData_detail, body#event.list .eventData .eventData_detail, body#mypage.joint .eventData .eventData_detail {
  background: #fff;
  padding: 15px 27px;
}
body#mypage.joint .eventData, body#mypage.event .eventData {
  margin-top: 20px;
  border: solid 3px #d9d9d9;
  border-radius: 3px;
  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: #ddf9fc;
  padding: 15px 27px;
}
body#mypage.joint .eventData .eventData_detail, body#mypage.event .eventData .eventData_detail {
  background: #fff;
  padding: 20px 27px;
}
.eventData span.newline {
  display: block;
}

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

.eventData .eventName,
.eventData .eventName a {
  color: #222;
}

.eventData .eventCategory {
  font-size: 20px;
}

.eventData .eventName {
  font-size: 12px;
}
body#mypage.joint .eventData .eventName, body#mypage.event .eventData .eventName {
  font-size: 14px;
}

.eventData .eventCategory + .eventName {
  padding-top: 5px;
}

body#joint.detail .eventData .eventName,
body#event.detail .eventData .eventName {
  border: solid 3px #00c0ff;
  border-radius: 3px;
  color: #00c0ff;
  font-weight: bold;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2024/old/common/joint/detail_title_bg.png) no-repeat right center, linear-gradient(to bottom, rgb(211.627027027, 247.3459459459, 251.172972973), rgb(244.4324324324, 253.1351351351, 254.0675675676) 70%, rgb(244.4324324324, 253.1351351351, 254.0675675676));
  padding: 27px;
  font-size: 24px;
}

/* [[┠ .eventHeadline ]] */
/*----------------------------------------------*/
.eventData .eventHeadline {
  margin-bottom: 5px;
  color: #222;
  font-weight: bold;
  font-size: 16px;
}
.eventData .eventHeadline.attention {
  color: #dd003c;
}

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

/* [[┠ table.eventItem ]] */
/*----------------------------------------------*/
.eventData .eventItem {
  width: 100%;
  margin-top: 10px;
  border-top: dotted 1px #ddd;
}
.eventData .eventItem:first-child {
  margin-top: 0;
  border-top: none;
}
.eventData .eventItem th,
.eventData .eventItem td {
  padding: 10px 0;
  border-top: dotted 1px #ddd;
  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: 10px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
.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: 20px;
  border: solid 1px #ddd;
  border-radius: 3px;
  overflow: hidden;
  padding: 29px;
}

/* [[┗ .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: 10px;
}
.eventData .actionbar li.notes {
  width: auto;
  color: #0099ff;
  font-weight: bold;
  font-size: 12px;
}
body#mypage.joint .eventData .actionbar li {
  width: 220px;
}
body#joint.list .eventData .actionbar, body#event.list .eventData .actionbar {
  margin: 0 20px;
  padding: 20px 0;
  border-top: solid 1px #ddd;
  text-align: center;
}
body#joint.list .eventData .actionbar li, body#event.list .eventData .actionbar li {
  width: 140px;
}
body#mypage.joint .eventData .actionbar, body#mypage.event .eventData .actionbar {
  margin: 0 20px;
  padding: 20px 0;
  border-top: solid 1px #ddd;
  text-align: center;
}
body#mypage.joint .eventData .actionbar li, body#mypage.event .eventData .actionbar li {
  width: 220px;
}

/* [[┗ .linkItem ]] */
/*----------------------------------------------*/
.linkItem {
  padding-bottom: 20px;
  text-align: center;
  font-size: 14px;
}
.execute + .linkItem {
  padding-top: 20px;
}

/* [[ .execute ]] */
/*[memo]
画面遷移 決定ボタン
------------------------------------------------*/
.execute {
  zoom: 1;
  width: 540px;
  margin: 20px 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: 260px;
}
.execute li.executeButton {
  width: 260px;
}
.execute li:last-child {
  float: none;
  margin: 0 auto;
}
.execute li + li:last-child {
  float: right;
  width: 260px;
  margin: 0 20px 0 0;
}
.execute + .notes {
  padding-top: 0;
  border-top: none;
  text-align: center;
}
.execute + .notes .links {
  color: #999;
}

/* [[ .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: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #00c0ff;
}
.executeButton:not(.disabled) a.executeButton:not(.disabled), .executeButton:not(.disabled) .executeButton_high, .executeButton:not(.disabled) .executeButton_send,
.executeButton:not(.disabled) input.executeButton:not(.disabled), .executeButton:not(.disabled) .executeButton_high, .executeButton:not(.disabled) .executeButton_send, .executeButton_high a.executeButton:not(.disabled), .executeButton_high .executeButton_high, .executeButton_high .executeButton_send,
.executeButton_high input.executeButton:not(.disabled), .executeButton_high .executeButton_high, .executeButton_high .executeButton_send, .executeButton_send a.executeButton:not(.disabled), .executeButton_send .executeButton_high, .executeButton_send .executeButton_send,
.executeButton_send input.executeButton:not(.disabled), .executeButton_send .executeButton_high, .executeButton_send .executeButton_send {
  cursor: pointer;
}
.executeButton:not(.disabled), .executeButton:not(.disabled):link, .executeButton:not(.disabled):visited, .executeButton:not(.disabled):active, .executeButton:not(.disabled):hover, .executeButton_high, .executeButton_high:link, .executeButton_high:visited, .executeButton_high:active, .executeButton_high:hover, .executeButton_send, .executeButton_send:link, .executeButton_send:visited, .executeButton_send:active, .executeButton_send:hover {
  color: #fff;
}
input[type=submit].executeButton:not(.disabled), .executeButton_high, .executeButton_send,
input[type=button].executeButton:not(.disabled), .executeButton_high, .executeButton_send {
  border: none;
}

.executeButton_low {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #fff;
  border: solid 1px #d3d3d3;
  box-shadow: inset 0 -1px 0 #d3d3d3;
  padding-bottom: 6px;
}
.executeButton_low a.executeButton_low,
.executeButton_low input.executeButton_low {
  cursor: pointer;
}
.executeButton_low, .executeButton_low:link, .executeButton_low:visited, .executeButton_low:active, .executeButton_low:hover {
  color: #fff;
}
input[type=submit].executeButton_low,
input[type=button].executeButton_low {
  border: none;
}

.executeButton_low, .executeButton_low:link, .executeButton_low:visited, .executeButton_low:active, .executeButton_low:hover {
  color: #666;
}
input[type=submit].executeButton_low,
input[type=button].executeButton_low {
  border: solid 1px #d3d3d3;
}

.executeButton_lead {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #ff7700;
}
.executeButton_lead a.executeButton_lead,
.executeButton_lead input.executeButton_lead {
  cursor: pointer;
}
.executeButton_lead, .executeButton_lead:link, .executeButton_lead:visited, .executeButton_lead:active, .executeButton_lead:hover {
  color: #fff;
}
input[type=submit].executeButton_lead,
input[type=button].executeButton_lead {
  border: none;
}

.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: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #fff;
  border: solid 1px #d3d3d3;
  box-shadow: inset 0 -1px 0 #d3d3d3;
  padding-bottom: 6px;
  background-color: #f9f9f9;
  border: solid 1px #d3d3d3;
  box-shadow: inset 0 1px 0 #d3d3d3;
  padding-bottom: 5px;
  padding-top: 6px;
}
.executeButton_done a.executeButton_done, .executeButton_done .entryFunction .keep.ui-myclip.on .executeButton_low,
.executeButton_done input.executeButton_done, .executeButton_done .entryFunction .keep.ui-myclip.on .executeButton_low, .entryFunction .keep.ui-myclip.on .executeButton_low a.executeButton_done, .entryFunction .keep.ui-myclip.on .executeButton_low .entryFunction .keep.ui-myclip.on .executeButton_low,
.entryFunction .keep.ui-myclip.on .executeButton_low input.executeButton_done, .entryFunction .keep.ui-myclip.on .executeButton_low .entryFunction .keep.ui-myclip.on .executeButton_low {
  cursor: pointer;
}
.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: #fff;
}
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: none;
}

.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: #666;
}
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 #d3d3d3;
}

.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: #ccc;
}
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 #d3d3d3;
}

.executeButton.disabled, .executeButton.bf-passwordCheck-disabled {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}
.executeButton.disabled a.executeButton.disabled, .executeButton.disabled .executeButton.bf-passwordCheck-disabled,
.executeButton.disabled input.executeButton.disabled, .executeButton.disabled .executeButton.bf-passwordCheck-disabled, .executeButton.bf-passwordCheck-disabled a.executeButton.disabled, .executeButton.bf-passwordCheck-disabled .executeButton.bf-passwordCheck-disabled,
.executeButton.bf-passwordCheck-disabled input.executeButton.disabled, .executeButton.bf-passwordCheck-disabled .executeButton.bf-passwordCheck-disabled {
  cursor: pointer;
}
.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: #fff;
}
input[type=submit].executeButton.disabled, .executeButton.bf-passwordCheck-disabled,
input[type=button].executeButton.disabled, .executeButton.bf-passwordCheck-disabled {
  border: none;
}

.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: #d6d6d6;
}

/* [[ .formFlow ]] */
/*[memo]
登録フォーム、画面遷移フロー図
------------------------------------------------*/
.formFlow {
  display: table;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  background: rgb(237.9, 237.9, 237.9);
  border-radius: 3px;
}
.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: #00c0ff;
}
.formFlow li.act + li:after {
  border-color: transparent transparent transparent #00c0ff;
}

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

.formFlow li span {
  font-size: 10px;
}

/* [[ .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 #ddd;
  border-right: none;
  background: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  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, 153.6, 204);
  color: #fff;
  font-size: 14px;
  background: #00c0ff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}

/* [[ .jobdata ]] */
/*[memo]
求人リスト（検索結果一覧）
※トップ・検索結果一覧でも使用するためmoduleにて指定
------------------------------------------------*/
.jobdata {
  margin-top: 20px;
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 3px;
  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: 40px;
}
.keepListNav + .jobdata {
  margin-top: 40px;
}
.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;
  padding: 30px 30px 0 30px;
}

/* [[┃┠ p.new ]] */
.jobdata_status p.new {
  position: absolute;
  top: 15px;
  width: 120px;
  left: -31px;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #dd003c;
  transform: rotate(-45deg);
}

/* [[┃┗ .jobdata_property ]] */
.jobdata_property {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
.jobdata_property li {
  width: calc((100% - 40px) * 0.2);
  line-height: 25px;
  border: solid 1px #00c0ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #00c0ff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
.hajArticleRelatedJob_body .jobdata_property li {
  width: calc((100% - 30px) * 0.25);
}
.jobdata_property li.report,
.jobdata_property li.actively,
.jobdata_property li.final {
  border: solid 1px #ff7700;
  color: #ff7700;
}

/* [[┠ .jobdata_sellingpoint ]] */
/*----------------------------------------------*/
.jobdata_sellingpoint {
  zoom: 1;
  padding: 30px;
}
.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: 30px;
}
.jobdata_status + .jobdata_sellingpoint {
  padding-top: 20px;
}

/* [[┃┠ .mainPhoto ]] */
.jobdata_sellingpoint .mainPhoto {
  font-size: 0;
  line-height: 0;
  background: #f3f3f3;
  width: 200px;
  float: left;
  margin-right: 20px;
  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;
}
.jobdata_sellingpoint .mainPhoto img + .relatedLinks {
  padding-top: 10px;
}
.jobdata_sellingpoint .mainPhoto .relatedLinks {
  font-size: 14px;
  line-height: normal;
  background: #fff;
}

/* [[┃┠ .jobdata_select ]] */
.jobdata_select {
  padding: 20px 30px;
  border-bottom: solid 1px #ddd;
  font-size: 14px;
  font-weight: bold;
}
.jobdata_select input {
  margin: 0;
  padding: 0;
}
.jobdata_select input[type=checkbox]:checked + label {
  color: #dd003c;
}

/* [[┃┠ .jobdata_account ]] */
.jobdata_account .accountName {
  color: #222;
  font-weight: bold;
  font-size: 16px;
}
.jobdata_account .accept + .accountName,
.jobdata_account .new + .accountName {
  padding-top: 10px;
}
.jobdata_account .businessType {
  padding-top: 5px;
  font-size: 12px;
}
.mainPhoto + .jobdata_account {
  overflow: hidden;
  zoom: 1;
}
body#mypage.keep .jobdata_account .accountName, .jobdata_select + .jobdata_account .accountName {
  font-size: 20px;
}
.jobdata_select + .jobdata_account {
  margin-left: 25px;
}

/* [[┃┠ .new ]] */
.jobdata_account .new {
  display: inline-block;
  width: 46px;
  font-size: 14px;
  font-weight: bold;
  color: #dd003c;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #dd003c;
}

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

/* [[┠ .jobdata_notes ]] */
/*----------------------------------------------*/
.jobdata_notes {
  padding: 3px 10px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  background: #dd003c;
  border-radius: 100px;
  float: right;
  width: 310px;
  box-sizing: border-box;
  margin-top: 0;
  margin-right: 30px;
  margin-bottom: 20px;
}
.jobdata-3rd .jobdata_notes {
  float: none;
  margin-right: 0;
  margin-left: 30px;
}
.jobdata-3rd .jobdata_notes:last-child {
  margin-bottom: 20px;
}

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

.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% - 340px);
  padding-right: 10px;
  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 {
  max-width: 340px;
}
.jobdata-3rd .jobdata_actionbar {
  margin-top: 20px;
}
.jobdata-3rd .jobdata_actionbar:only-child {
  margin-top: 0;
}

.jobdata_actionbar .entryFunction {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.jobdata-3rd .jobdata_actionbar .entryFunction {
  justify-content: center;
  align-items: center;
}
.jobdata_actionbar .entryFunction li {
  width: 110px;
  margin-left: 5px;
}
.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 {
  content: "する";
}
.jobdata_actionbar .entryFunction li.keep.ui-myclip.on span:after {
  content: "済";
}
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#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low {
  border: none;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #00c0ff;
}
body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low,
body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .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#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low,
body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .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#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .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#jobList .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#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low,
body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .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#jobList .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#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .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#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low,
body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .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#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .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,
body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low body#localmatch .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, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .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 body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low,
body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low body#top .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .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 body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low {
  cursor: pointer;
}
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#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: #fff;
}
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#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#localmatch .jobdata_actionbar .entryFunction li.keep .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep .executeButton_low {
  border: none;
}

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#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low {
  background-color: #f9f9f9;
  border: solid 1px #d3d3d3;
  box-shadow: inset 0 1px 0 #d3d3d3;
  padding-bottom: 5px;
  padding-top: 6px;
}
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#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: #ccc;
}
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#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#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 #d3d3d3;
}

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#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: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #ff7700;
}
body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low,
body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .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#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low,
body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .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#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .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#jobList .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#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low,
body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .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#jobList .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#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .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#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low,
body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .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#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .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,
body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#localmatch .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, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low abody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .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 body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low,
body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low inputbody#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .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 body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low {
  cursor: pointer;
}
body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:link, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:active, body#xxx .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:link, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:active, body#top .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:link, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:active, body#jobList .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:link, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:active, body#articleDetail .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:link, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:active, body#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:link, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:visited, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:active, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low:hover {
  color: #fff;
}
input[type=submit] 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#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low,
input[type=button] 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#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low {
  border: none;
}

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#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#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 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
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#localmatch .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.keep.ui-myclip.on .executeButton_low {
  border-right: none;
}
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#localmatch .jobdata_actionbar .entryFunction li.toDetail .executeButton_low, body#cgCreator .jobdata_actionbar .entryFunction li.toDetail .executeButton_low {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
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 {
  font-feature-settings: "palt";
}

/* [[　┗ .jobSummary ]] */
/*----------------------------------------------*/
.jobdata_jobtypeList .jobSummary {
  width: 100%;
  table-layout: fixed;
  margin-top: 20px;
}
.jobdata_jobtypeList .jobSummary th,
.jobdata_jobtypeList .jobSummary td {
  border: solid 1px #ddd;
  padding: 10px 5px;
  font-size: 14px;
}
.jobdata_jobtypeList .jobSummary th {
  width: 120px;
  font-weight: bold;
  text-align: center;
  background-color: #ddf9fc;
}
.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;
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  background: #eee;
}
.accept-before {
  display: inline-block;
  min-width: 70px;
  margin-right: 10px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background: #00c0ff;
}
.accept-close {
  display: inline-block;
  min-width: 70px;
  margin-right: 10px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background: #dd003c;
}

.jobmaster .accept {
  margin: 20px 27px 0 27px;
}

.jobmaster_jobtypeList + .accept {
  margin: 0 27px;
}

/* [[ .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: 40px;
}
body#mypage.joint .jointList {
  margin-top: 20px;
}
.jointList .headline {
  border-left: solid 5px #00c0ff;
  color: #222;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
.jointList .detail {
  margin-top: 20px;
}
.jointList .detail:first-child {
  margin-top: 0;
}
.jointList .detail > P {
  padding: 10px;
}

/* [[ .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: 10px;
}
.memberNav .detail p.notes,
.memberNav_widget .detail p.notes,
.memberNav_guide .detail p.notes {
  color: #999;
  font-size: 12px;
}
.memberNav .detail p.attention,
.memberNav_widget .detail p.attention,
.memberNav_guide .detail p.attention {
  color: #dd003c;
}
.memberNav .detail p.noPlan,
.memberNav_widget .detail p.noPlan,
.memberNav_guide .detail p.noPlan {
  color: #999;
  font-size: 14px;
}

/* [[┃┠ .memberNav_form ]] */
.memberNav_form {
  padding-top: 10px;
}
.memberNav_form li {
  padding-top: 10px;
}
.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: #f00;
  background: rgb(255, 239.7, 239.7);
}

/* [[┃┠ .memberNav_item ]] */
.memberNav_item {
  margin-top: 10px;
}
.memberNav_item:first-child {
  margin-top: 0;
}
.memberNav_item li {
  border-top: solid 1px rgb(233.75, 233.75, 233.75);
}
.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% - (20px + 10px));
  padding: 10px 20px 10px 10px;
  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% - 20px);
}
.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: 14px;
}
.memberNav_item li a .itemStatus {
  color: #222;
  font-size: 10px;
  text-align: right;
  white-space: nowrap;
  padding-left: 5px;
}
.memberNav_item li a .itemStatus strong {
  padding: 0 2px;
  color: #00c0ff;
}
.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: 10px;
}
.memberNav_function:first-child {
  padding-top: 0;
}
.memberNav_item + .memberNav_function {
  border-top: solid 1px rgb(233.75, 233.75, 233.75);
}
.memberNav_function li {
  padding-top: 10px;
}
.memberNav_function li:first-child {
  padding-top: 0;
}
.memberNav_function li.forget a {
  display: inline-block;
  min-height: 14px;
  padding-left: 20px;
  background-image: url(https://image.haj.co.jp/jobkita/shukatsu/2024/old/common/base/text_link_icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  font-size: 12px;
}

/* [[┗ layout / base ]] */
/*----------------------------------------------*/
/* [[　┠ .memberNav ]] */
#header .memberNav {
  position: absolute;
  top: 120px;
  right: 1px;
  z-index: 1000;
  width: 248px;
  padding: 0 5px 5px 5px;
  background: #00c0ff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
#header .memberNav, #header .memberNav.close {
  display: none;
}
#header .memberNav.open {
  display: block;
}
body#mypage #header .memberNav {
  background: #0099ff;
}
.memberNav .headline {
  color: #999;
}
#header .memberNav .headline {
  padding: 10px;
  display: none;
}
.memberNav .detail {
  background: #fff;
}
#header .memberNav .detail {
  border-radius: 1px;
}
.memberNav .detail p {
  padding-left: 10px;
  padding-right: 10px;
}
.memberNav .memberNav_form {
  padding-left: 10px;
  padding-right: 10px;
}
.memberNav .memberNav_item {
  /* 未指定 */
}
.memberNav .memberNav_function {
  padding-left: 10px;
  padding-right: 10px;
}

/* [[　┠ .memberNav_widget ]] */
.memberNav_widget {
  margin-top: 20px;
}
#sub .memberNav_widget {
  margin-top: 10px;
  padding: 0 5px 5px 5px;
  background: #00c0ff;
  border-radius: 3px;
}
.memberNav_widget:first-child, #sub .memberNav_widget:first-child {
  margin-top: 0;
}
.memberNav_widget .headline {
  padding: 10px 0 10px 10px;
  border-left: solid 5px #00c0ff;
  color: #222;
  font-size: 20px;
  line-height: 1.3;
}
#sub .memberNav_widget .headline {
  padding: 10px;
  border-left: none;
  color: #999;
  font-size: 16px;
  line-height: 1.6;
}
.memberNav_widget .detail {
  padding-left: 10px;
  border-left: solid 5px #ddd;
}
#sub .memberNav_widget .detail {
  padding-left: 0;
  border-left: none;
  /* reset */
  padding-bottom: 10px;
  background: #fff;
  border-radius: 1px;
}
.memberNav_widget .detail p:first-child {
  border-top: solid 1px rgb(233.75, 233.75, 233.75);
}
#sub .memberNav_widget .detail p {
  border-top: none;
  padding-left: 10px;
  padding-right: 10px;
}
#sub .memberNav_widget .memberNav_form {
  padding-left: 10px;
  padding-right: 10px;
}
#main .memberNav_widget .memberNav_item li a {
  width: calc(100% - 20px);
  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% - 5px);
}
#main .memberNav_widget .memberNav_function li:not(.forget):nth-child(even), .contentsInner > .memberNav_widget .memberNav_function li:not(.forget):nth-child(even) {
  margin-left: 10px;
}
#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: 10px;
  padding-right: 10px;
}

/* [[　┗ .memberNav_guide ]] */
.memberNavWrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  zoom: 1;
}
.memberNavWrap .memberNav_guide {
  border: solid 2px #00c0ff;
  border-radius: 3px;
  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: 20px;
}
body#account.login .memberNavWrap .memberNav_guide {
  width: 100%;
  min-width: 490px;
}

.memberNav_guide .headline {
  padding: 10px 18px;
  color: #00c0ff;
  background: #ddf9fc;
}
.memberNav_guide .detail {
  padding: 0 18px 20px 18px;
}
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: 20px;
  padding: 10px;
  font-size: 14px;
  background: #f3f3f3;
  border-radius: 3px;
}
.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: 20px;
  text-align: center;
  font-size: 12px;
}
.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: #999;
  font-size: 10px;
}
.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: 3px;
  box-sizing: border-box;
}
.pagination li.act {
  font-weight: bold;
  color: #fff;
  border: solid 2px #00c0ff;
  background: #00c0ff;
}
.pagination li a {
  display: inline-block;
  vertical-align: middle;
  border: solid 2px #ddd;
  color: #999;
  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: 20px;
  background: #fff;
  box-sizing: border-box;
}
#searchScreen .headline {
  padding-left: 10px;
  border-left: solid 5px #00c0ff;
  color: #222;
  font-size: 20px;
  line-height: 1.3;
}
#searchScreen .searchCategory {
  margin-top: 20px;
}
#searchScreen .searchDetail {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 20px;
  padding: 20px;
  border: solid 1px #ddd;
  border-radius: 3px;
}
#searchScreen .searchClose {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1100;
  width: 25px;
  height: 25px;
  background: #ccc;
  border-radius: 3px;
}
#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: 25px;
}
.selectSearchItem dl {
  border-top: solid 1px #ddd;
  font-size: 14px;
}
.selectSearchItem dt {
  color: #0099ff;
  font-weight: bold;
}

/* [[┠ pc / .selectSearchItem dl ]] */
/*----------------------------------------------*/
.selectSearchItem {
  /*
  dl:first-child {
  	margin-top: 0;
  }
  dt と dl の間に <form> が入るため下記指定に変えました */
}
.selectSearchItem dl {
  display: table;
  width: 100%;
  padding-top: 10px;
}
.selectSearchItem dl + dl,
.selectSearchItem form dl:first-child {
  margin-top: 10px;
}
.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: #0099ff;
  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: #999;
}
.selectSearchItem dd.detail span.itemName {
  color: #222;
  font-weight: bold;
}
.selectSearchItem dd.detail span.itemName:before {
  content: "「";
  color: #999;
  font-weight: normal;
}
.selectSearchItem dd.detail span.itemName:after {
  content: "」";
  color: #999;
  font-weight: normal;
}

/* [[┠ dd.detail li ]] */
/*----------------------------------------------*/
.selectSearchItem dd.detail li {
  display: inline-block;
  padding-right: 20px;
  color: #999;
}
.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: 12px;
}

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

/* [[ .toolbar ]] */
/*[memo]
.execute（決定ボタン）より下位
キープ（クリップ）や写真アップロードの操作系ボタンで使用
------------------------------------------------*/
.toolbar {
  margin-top: 20px;
  border: solid 1px rgb(230.25, 230.25, 230.25);
  background: #f3f3f3;
  border-radius: 3px;
  zoom: 1;
  padding: 5px 0;
}
.toolbar:first-child {
  margin-top: 0;
}
.pagination + .toolbar {
  margin-top: 40px;
}
.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: 10px;
  padding-left: 10px;
  border-left: solid 1px #ddd;
}
.toolbar ul.assist a,
.toolbar ul.assist a:visited,
.toolbar ul.assist a:active {
  color: #00aaff;
  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: 5px;
}
.toolbar p,
.toolbar .assist {
  float: left;
  margin-top: 13px;
  margin-left: 10px;
  font-size: 14px;
  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: 3px;
  border-bottom-left-radius: 3px;
}
.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: 3px;
  border-bottom-right-radius: 3px;
}
.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: 140px;
  font-size: 12px;
}

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: 5px;
}
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 #ddd;
  border-radius: 3px;
  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: 10px;
  border-left: solid 3px rgb(233.75, 233.75, 233.75);
}

.userForm_detail table tr.required th:after, .userForm_box.required .userForm_header:after {
  content: "必須";
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  background: #dd003c;
  border-radius: 3px;
}

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

/* [[┠ .userForm ]] */
/*----------------------------------------------*/
.userForm .userForm_header {
  border-left: solid 5px #00c0ff;
  color: #222;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.userForm .userForm_detail {
  margin-top: 10px;
}
.userForm .userForm_detail p + p.item:before {
  content: "";
  display: block;
  margin-bottom: 10px;
  border-bottom: dotted 1px #ddd;
}
.userForm .userForm_header {
  /* 未指定 */
}
.userForm .userForm_detail {
  padding: 15px;
}

/* [[┠ .userForm_box ]] */
/*----------------------------------------------*/
.userForm_box {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: table;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 40px;
}
.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: #f00;
}
.userForm_box.required .userForm_header {
  position: relative;
}
.userForm_box.required .userForm_header:after {
  position: absolute;
  top: 2px;
  right: 10px;
}
.userForm_box.required.attention .userForm_header:after {
  background-color: #f00;
}

/* [[┠ .userForm_header > element ]] */
/*----------------------------------------------*/
/*[memo]
.userForm_header内要素の指定
------------------------------------------------*/
.userForm .userForm_header .headline {
  color: #00c0ff;
}
.userForm .userForm_header p {
  font-weight: normal;
  font-size: 14px;
}
.userForm_box .userForm_header {
  color: #222;
  font-weight: bold;
  font-size: 14px;
}
.userForm_box.attention .userForm_header .headline {
  color: #f00;
}

/* [[┗  .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: #f00;
}
.userForm_detail table tr.attention p label,
.userForm_detail table tr.attention label {
  color: #f00;
}

.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: 15px;
  padding-top: 15px;
  border-top: dotted 1px #ddd;
}
.userForm_detail p:first-child,
.userForm_detail .item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.userForm_detail .item {
  font-size: 14px;
}
.userForm_detail .item .disabled label {
  color: #d6d6d6;
}
.userForm_detail .item .disabled:after {
  content: "受付を締め切りました。";
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.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: 10px;
  border-top: none;
}
.userForm_detail p.light,
.userForm_detail .item.light {
  color: #999;
}
.userForm_detail p.notes {
  color: #999;
  font-size: 12px;
}
.userForm_detail p.attention {
  color: #dd003c;
}
.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: 10px;
  border-bottom: dotted 1px #ddd;
}

/* [[　┠ .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: 5px;
}
.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: 20px;
}
.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: 10px;
}
.userForm_detail ul.item.itemList li:first-child {
  padding-top: 0;
}

.itemList li + li {
  margin-top: 5px;
}

.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: 20px;
}
.userForm_detail .item label + input[type=text] {
  margin-left: 10px;
}
.userForm_detail .item span,
.userForm_detail .item label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.userForm_detail .item span.notes,
.userForm_detail .item label.notes {
  color: #999;
  font-size: 12px;
  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: #f00;
}
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: 5px;
  color: #f00;
  font-weight: bold;
  font-size: 12px;
}
.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: 10px;
}
.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: 16px;
}
.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: #f00;
  background: rgb(255, 239.7, 239.7);
}

.userForm_detail select.attention {
  border-color: #f00;
  border-radius: 3px;
  background: rgb(255, 239.7, 239.7);
}

.userForm_detail textarea.attention, .userForm_detail textarea.fv-error {
  border-color: #f00;
  background: rgb(255, 239.7, 239.7);
}

/* [[　┠ table ]] */
.userForm_detail table {
  width: 100%;
  margin-top: 15px;
}
.userForm_detail table:first-child {
  margin-top: -15px;
}
.userForm_detail table th,
.userForm_detail table td {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: dotted 1px #ddd;
  vertical-align: top;
  font-size: 14px;
}
.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: 16px;
  right: 15px;
}
.userForm_detail table tr.attention th {
  color: #f00;
}
.userForm_detail table tr.attention th:after {
  background-color: #f00;
}

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

/* [[　┗ .tools  ]] */
/* div or span で使用 */
.userForm_detail div.tools {
  margin-top: 15px;
}
.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: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  min-height: 30px;
  font-size: 12px;
}
.userForm_detail .tools.disabled a.userForm_detail .tools.disabled, .userForm_detail .tools.disabled .userForm_detail .tools .disabled,
.userForm_detail .tools.disabled input.userForm_detail .tools.disabled, .userForm_detail .tools.disabled .userForm_detail .tools .disabled, .userForm_detail .tools .disabled a.userForm_detail .tools.disabled, .userForm_detail .tools .disabled .userForm_detail .tools .disabled,
.userForm_detail .tools .disabled input.userForm_detail .tools.disabled, .userForm_detail .tools .disabled .userForm_detail .tools .disabled {
  cursor: pointer;
}
.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: #fff;
}
input[type=submit].userForm_detail .tools.disabled, .userForm_detail .tools .disabled,
input[type=button].userForm_detail .tools.disabled, .userForm_detail .tools .disabled {
  border: none;
}

.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: #d6d6d6;
}
.userForm_detail span.tools {
  margin-top: -3px;
  margin-right: 0;
  margin-left: 10px;
}
.userForm_detail span + span.tools,
.userForm_detail label + span.tools,
.userForm_detail input + span.tools {
  margin-left: 0;
  margin-right: 10px;
}
.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: 12px;
}

/* [[ .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: 10px;
}
.barometer:first-child {
  margin-top: 0;
}
.barometer_first, .barometer_last {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  font-size: 14px;
}
.barometer.attention .barometer_first, .barometer.attention .barometer_last {
  color: #f00;
}
.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: #ddd;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  margin-top: -2px;
}
.barometer_item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
}
.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 #ddd;
  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: 2px;
  margin-left: 2px;
  border-radius: 100px;
}
.barometer_item span:before {
  background: #ddd;
}
.userForm_detail .item .barometer_item-checked span, .barometer_item-checked span {
  border-color: #00c0ff;
  background: #00c0ff;
}
.userForm_detail .item .barometer_item-checked span:before, .barometer_item-checked span:before {
  display: none;
}
.barometer_item input[type=radio]:checked + label:before {
  background: #00c0ff;
  background: linear-gradient(to bottom, rgb(25.5, 198.3, 255), rgb(0, 172.8, 229.5));
}
.barometer.attention .barometer_value:before {
  background: #f00;
}
.barometer.attention .barometer_item label {
  border-color: #f00;
  padding-left: 0;
}

/* [[ .section ]] */
body#about .section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 40px;
}
body#about .section .headline {
  border-left: solid 5px #00c0ff;
  color: #222;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #00c0ff;
}
body#about .section .lead {
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  border-left: solid 5px #ddd;
}
body#about .section .lead.attention {
  color: #dd003c;
  font-weight: bold;
}
body#about .section .detail {
  border-left: solid 5px #ddd;
  padding-left: 25px;
}
body#about .section .detail > p,
body#about .section .detail .item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
body#about .section .detail > p:first-child,
body#about .section .detail .item:first-child {
  margin-top: 0;
}
body#about .section .detail > p {
  line-height: 2;
}
body#about .section .detail p.notes {
  color: #999;
  font-size: 12px;
}
body#about .section .detail > p.notes {
  margin-top: 0;
  border-top: none;
}

body#about .section .item .itemName {
  color: #222;
  font-weight: bold;
}
body#about .section .item p {
  padding-top: 5px;
  font-size: 14px;
}
body#about .section .item p:first-child {
  padding-top: 0;
}
body#about .section .item .actionbar {
  margin-top: 10px;
}
body#about .section .item .actionbar li {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin-right: 10px;
}

/* [[ 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 #ddd;
    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: 20px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  background: #00c0ff;
  border-radius: 3px;
}

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

body#event.list .contentsHeader .contentsGuide {
  display: inline-block;
  margin-top: 10px;
}
body#event.list .contentsHeader .contentsGuide li {
  display: inline-block;
  padding: 0 10px;
  border-left: solid 1px #ddd;
  font-size: 14px;
  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: 5px;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2024/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 #ddd;
}

/* [[ .eventList ]] */
body#event.list .eventList {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 40px;
}
body#event.list .eventList .headline {
  border-left: solid 5px #00c0ff;
  color: #222;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
body#event.list .eventList .detail {
  margin-top: 20px;
}
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: 40px;
}

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

/* [[ layout ]] */
body#jobDetail #jobDetail_sub {
  margin-top: 20px;
}

/* [[ module ]] */
/* [[┠ .jobmaster ]] */
/*----------------------------------------------*/
body#jobDetail .jobmaster {
  border: solid 3px #00c0ff;
  border-radius: 3px;
  overflow: hidden;
}

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

/* [[┃┠ .jobmaster_account ]] */
body#jobDetail .jobmaster_account {
  margin: 15px 27px 0 27px;
}
body#jobDetail .jobmaster_account .accountName {
  font-size: 20px;
  color: #222;
  font-weight: bold;
}
body#jobDetail .jobmaster_account .businessType {
  padding-top: 5px;
  font-size: 12px;
}

/* [[┃┠ .jobmaster_property ]] */
body#jobDetail .jobmaster_property {
  margin: 10px 27px 0 27px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}

body#jobDetail .jobmaster_property li {
  width: calc((100% - 40px) * 0.2);
  line-height: 25px;
  border: solid 1px #00c0ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #00c0ff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
body#jobDetail .jobmaster_property li.report, body#jobDetail .jobmaster_property li.actively, body#jobDetail .jobmaster_property li.final {
  border: solid 1px #ff7700;
  color: #ff7700;
}

/* [[┃┠ .jobmaster_jobtypeList ]] */
body#jobDetail .jobmaster_jobtypeList {
  margin-top: 15px;
}
body#jobDetail .jobmaster_jobtypeList:first-child {
  margin-top: 0;
}
body#jobDetail .jobmaster_jobtypeList li {
  box-sizing: border-box;
  border-top: solid 1px #ddd;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 27px;
}
body#jobDetail .jobmaster_jobtypeList:first-child li:first-child {
  border-top: none;
}
body#jobDetail .jobmaster_jobtypeList li a {
  position: relative;
  color: rgba(34, 34, 34, 0.2);
  text-decoration: none;
  padding-left: 25px;
}
body#jobDetail .jobmaster_jobtypeList li a img {
  opacity: 0.2;
}
body#jobDetail .jobmaster_jobtypeList li a:hover {
  color: #0099ff;
  text-decoration: underline;
}
body#jobDetail .jobmaster_jobtypeList li a:hover img {
  opacity: 1;
}
body#jobDetail .jobmaster_jobtypeList li a:before {
  font-size: 0;
  line-height: 0;
  content: "　";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://image.haj.co.jp/jobkita/shukatsu/2024/old/common/job_detail/jobtype_check_icon.png);
  background-repeat: no-repeat;
  background-size: 15px auto;
}
body#jobDetail .jobmaster_jobtypeList li.act a {
  color: #0099ff;
}
body#jobDetail .jobmaster_jobtypeList li.act a img {
  opacity: 1;
}
body#jobDetail .jobmaster_jobtypeList li.act a:hover {
  text-decoration: none;
}
body#jobDetail .jobmaster_jobtypeList li.act a:before {
  background-position: left -30px;
}

/* [[┃┠ .jobmaster_actionbar ]] */
body#jobDetail .jobmaster_actionbar {
  border-top: solid 1px #ddd;
  font-size: 12px;
  background-color: #fff;
}
body#jobDetail .jobmaster_actionbar:first-child {
  border-top: none;
}
body#jobDetail .jobmaster_actionbar ul.entryFunction {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px 27px;
}

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

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

body#jobDetail .jobmaster_actionbar li {
  width: 32%;
  width: calc(33.3% - 4px);
  margin-left: 6px;
}
body#jobDetail .jobmaster_actionbar li:first-child {
  width: calc(33.4% - 4px);
  margin-left: 0;
}
body#jobDetail .jobmaster_actionbar li.keep a:after, body#jobDetail .jobmaster_actionbar li.keep.ui-myclip span:after {
  content: "する";
}
body#jobDetail .jobmaster_actionbar li.keep.ui-myclip.on span:after {
  content: "済";
}
body#jobDetail .jobmaster_actionbar li.visit.executeButton_done:before {
  display: none;
}

body#jobDetail .jobmaster_actionbar .notes.expired {
  padding: 3px 5px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  background: #dd003c;
}

body#jobDetail .jobmaster_actionbar {
  position: relative;
}

body#jobDetail .jobmaster_actionbar .notes.visit {
  border-top: solid 1px #00c0ff;
  color: #222;
  font-weight: bold;
  text-align: center;
  background: #f6f3e8;
  padding: 20px 5px;
  font-size: 16px;
  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 #00c0ff 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-top: 20px;
  padding: 20px 27px;
  background-color: #f6f3e8;
}
.jobmasterLeadLinks_lead {
  color: #222;
  font-size: 16px;
}
.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: 20px;
}
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item {
  background-color: #eee;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #00c0ff;
  width: 300px;
}
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item a.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item,
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item input.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item {
  cursor: pointer;
}
.jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item, .jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item:link, .jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item:visited, .jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item:active, .jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item:hover {
  color: #fff;
}
input[type=submit].jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item,
input[type=button].jobmasterLeadLinks-onlyLink .jobmasterLeadLinks_item {
  border: none;
}

.jobmasterLeadLinks-list .jobmasterLeadLinks_item {
  text-decoration: none;
  margin-top: 10px;
  border-top: dotted 1px rgb(217.3125, 204.75, 158.6875);
  padding-top: 10px;
  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: 3px;
  width: 100%;
  min-height: 45px;
  padding: 5px 5px 7px 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #00c0ff;
  width: 300px;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_link a.jobmasterLeadLinks-list .jobmasterLeadLinks_link,
.jobmasterLeadLinks-list .jobmasterLeadLinks_link input.jobmasterLeadLinks-list .jobmasterLeadLinks_link {
  cursor: pointer;
}
.jobmasterLeadLinks-list .jobmasterLeadLinks_link, .jobmasterLeadLinks-list .jobmasterLeadLinks_link:link, .jobmasterLeadLinks-list .jobmasterLeadLinks_link:visited, .jobmasterLeadLinks-list .jobmasterLeadLinks_link:active, .jobmasterLeadLinks-list .jobmasterLeadLinks_link:hover {
  color: #fff;
}
input[type=submit].jobmasterLeadLinks-list .jobmasterLeadLinks_link,
input[type=button].jobmasterLeadLinks-list .jobmasterLeadLinks_link {
  border: none;
}

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

/* [[┃┠ .mainPhoto ]] */
body#jobDetail .sellingpoint .mainPhoto {
  font-size: 0;
  line-height: 0;
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #ddd;
  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: 20px;
  padding-top: 20px;
  border-top: solid 1px #ddd;
  color: #00c0ff;
  font-weight: bold;
  font-size: 20px;
}
body#jobDetail .sellingpoint .message:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

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

/* [[┃┗ .cut ]] */
body#jobDetail .sellingpoint .cut {
  zoom: 1;
  padding-top: 20px;
}
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: 10px;
  border: solid 1px #ddd;
  border-radius: 3px;
  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: 10px;
}
body#jobDetail .sellingpoint .cut .item .photo img {
  width: 100%;
  height: auto;
}
body#jobDetail .sellingpoint .cut .item p {
  color: #999;
  font-size: 12px;
  overflow: hidden;
  zoom: 1;
}

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

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

body#jobDetail .library .item {
  display: table-cell;
  width: 320px;
  padding: 10px;
  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: 10px;
  font-size: 12px;
}

/* [[┠ .additionalInfo ]] */
/*----------------------------------------------*/
.additionalInfo {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 20px;
}
.additionalInfo_title {
  border-left: solid 5px #00c0ff;
  color: #222;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
.additionalInfo_detail {
  margin-top: 10px;
}
.additionalInfo_detail p {
  margin-top: 10px;
}
.additionalInfo_detail p:first-child {
  margin-top: 0;
}
.additionalInfo_detail p.notes {
  color: #999;
  font-size: 12px;
}

/* [[┠ .additionalMovie ]] */
/*----------------------------------------------*/
.additionalMovie {
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 3px;
}
.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: 20px;
  font-size: 14px;
}
body#jobDetail .jobSection:first-child {
  margin-top: 0;
}
body#jobDetail .jobSection .headline {
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  background: #00c0ff;
  border-radius: 3px;
}
body#jobDetail .jobSection.box .headline {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body#jobDetail .jobSection > dd {
  padding-top: 5px;
  overflow-wrap: break-word;
  line-break: strict;
}
body#jobDetail .jobSection.box dd.detail {
  padding: 10px;
  border: solid 1px #ddd;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body#jobDetail .jobSection#jobPRpoint.box dd.detail {
  background: #ddf9fc;
}
body#jobDetail .jobSection dd.notes {
  margin-top: 5px;
  border-top: dotted 1px #ddd;
  color: #999;
  font-size: 12px;
}

body#jobDetail #jointInfo.jobSection {
  border: solid 2px #ff7700;
  background: rgb(255, 227.8, 204);
  border-radius: 3px;
}
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: 20px 60px 20px 10px;
  color: #ff7700;
  font-weight: bold;
  font-size: 16px;
  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%23ff7700%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;
  position: relative;
}
body#jobDetail #jointInfo.jobSection a:after {
  content: "開催概要を見る";
  display: block;
  padding: 3px 30px;
  color: #fff;
  font-size: 12px;
  background: #ff7700;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
body#jobDetail #jointInfo.jobSection a:hover span,
body#jobDetail #jointInfo.jobSection a:hover strong {
  text-decoration: underline;
}
body#jobDetail #jointInfo.jobSection span {
  font-size: 10px;
}

body#jobDetail .jobSection table {
  margin-top: 10px;
  width: 100%;
  table-layout: fixed;
}
body#jobDetail .jobSection table th,
body#jobDetail .jobSection table td {
  padding: 10px;
  border: solid 1px #ccc;
  box-sizing: border-box;
}
body#jobDetail .jobSection table th {
  width: 200px;
  vertical-align: middle;
  color: #222;
  font-weight: bold;
  text-align: center;
  background: #f3f3f3;
}
body#jobDetail .jobSection table td {
  width: 800px;
  overflow-wrap: break-word;
  line-break: strict;
}

body#jobDetail #mapLink.jobSection .headline span {
  margin-left: 5px;
}
body#jobDetail #mapLink.jobSection dd.detail {
  overflow: auto;
  max-height: 280px;
  padding: 0;
}
body#jobDetail #mapLink.jobSection dd.detail dl {
  padding: 10px;
  border-top: 1px dotted #ddd;
}
body#jobDetail #mapLink.jobSection dd.detail dl:first-child {
  border-top: none;
}
body#jobDetail #mapLink.jobSection dd.detail dt {
  color: #222;
  font-weight: bold;
}
body#jobDetail #mapLink.jobSection dd.detail dd {
  font-size: 12px;
}

/* [[ .headline > .notes ]] */
/*[memo]
参加無料マーク
------------------------------------------------*/
body#joint .contentsTitle .notes,
body#joint .jointList .headline .notes {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  background: #00c0ff;
  border-radius: 3px;
}

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: 20px;
  border: solid 1px #ddd;
  border-radius: 3px;
  overflow: hidden;
}
body#joint .howto a {
  display: table;
  width: 100%;
  padding-right: 40px;
  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: 10px;
  color: #00c0ff;
  font-weight: bold;
}

/* [[ .howto .contentsHeader ]] */
body#joint.howto .contentsHeader .contentsMeritWrap {
  margin-top: 20px;
  padding: 5px;
  background: #00c0ff;
}

body#joint.howto .contentsHeader .contentsMerit {
  padding: 0 10px;
  font-size: 14px;
  border-radius: 3px;
  background: #fff;
}
body#joint.howto .contentsHeader .contentsMerit li {
  padding: 10px 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 5px 0 0;
  background: url("https://image.haj.co.jp/jobkita/shukatsu/2024/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: 40px;
}
body#joint.detail .jobList .jobList_header {
  padding-left: 10px;
  border-left: solid 5px #00c0ff;
}
body#joint.detail .jobList .jobList_header .headline {
  color: #222;
  font-size: 24px;
  line-height: 1.3;
}
body#joint.detail .jobList .jobList_header p {
  padding-top: 5px;
  font-size: 14px;
}

/* [[ .howto_container ]] */
/*[memo]
漫画詳細ページ要素
------------------------------------------------*/
body#joint.howto .howto_container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 40px;
}
body#joint.howto .howto_container .headline {
  padding: 10px;
  color: #fff;
  background: #00c0ff;
  border-radius: 3px;
  font-size: 14px;
}
body#joint.howto .howto_container > p,
body#joint.howto .howto_container .section,
body#joint.howto .howto_container .qaSection {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #ddd;
}
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: #999;
  font-size: 12px;
}
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: 20px;
}
body#joint.howto .howto_container .section p + p {
  padding-top: 10px;
}
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: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  border-radius: 100px;
}
body#joint.howto .howto_container .qaSection dt:before {
  content: "Q";
  background: rgb(0, 91.8, 153);
}
body#joint.howto .howto_container .qaSection dd:before {
  content: "A";
  background: #00c0ff;
}
body#joint.howto .howto_container .qaSection dt {
  color: #222;
  font-weight: bold;
}
body#joint.howto .howto_container .qaSection dd {
  margin-top: 10px;
}
body#joint.howto .howto_container .present {
  padding: 10px;
  color: #0099ff;
  background: #ddf9fc;
  border-radius: 3px;
  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: 20px;
  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: 10px;
}

/*[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: 20px;
    padding-right: 20px;
    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: 40px;
  /* reset */
}
@media screen and (max-width: 960px) {
  body#maintenance #contents {
    width: 100%;
    /* reset */
    padding-left: 20px;
    padding-right: 20px;
    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: 10px;
  }
}

@media screen and (max-width: 600px) {
  body#maintenance .alertBox .actionbar {
    margin-top: 10px;
    padding-top: 10px;
    /* 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: 10px;
  }
}

/* [[ #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: 20px;
}
body#mypage.home #information > .headline {
  padding: 10px 0 10px 10px;
  border-left: solid 5px #0099ff;
  color: #0099ff;
  line-height: 1;
}
body#mypage.home #information .detail {
  padding-left: 10px;
  border-left: solid 5px #ddd;
}

body#mypage.home #information .detail dl {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}
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: 10px;
}
body#mypage.home #information .detail dl dt.headline {
  /* 未指定 */
}
body#mypage.home #information .detail dl dd {
  font-size: 14px;
}

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

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

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

/* [[┠ .status ]] */
/*----------------------------------------------*/
body#mypage .messageData .status {
  font-size: 12px;
}
body#mypage .messageData .status p {
  display: inline-block;
  vertical-align: middle;
}
body#mypage .messageData .status p.mark {
  width: 50px;
  margin-right: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  background: #00c0ff;
  border-radius: 3px;
}
body#mypage .messageData .status p.mark.unread {
  background: #dd003c;
}
body#mypage .messageData .status p.mark.to {
  color: #0099ff;
  background: #fff;
  border: solid 2px #00c0ff;
  box-sizing: border-box;
  line-height: 14px;
}

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

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

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

body#mypage .messageList .messageData .detail {
  margin-top: 0;
  padding-top: 10px;
  border-top: none;
  /* reset */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
  font-size: 12px;
}

/* [[┠ .quotation ]] */
/*----------------------------------------------*/
body#mypage .messageData .quotation {
  margin-top: 20px;
  padding-left: 10px;
  border-left: solid 3px #00c0ff;
  color: #00c0ff;
}

/* [[┠ span.notes ]] */
/*----------------------------------------------*/
body#mypage .messageData span.notes {
  display: block;
  margin-top: 5px;
  color: #999;
  font-weight: normal;
  font-size: 12px;
}

/* [[┠ 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: #f00;
  background: rgb(255, 239.7, 239.7);
}

/* [[┗ .more ]] */
/*----------------------------------------------*/
body#mypage .messageData .more {
  width: 90px;
  padding-top: 10px;
}
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: 12px;
}

/* [[ body.photoUpload .photoTools ]] */
/*[memo]
マイページトップ：会員用お知らせ
------------------------------------------------*/
body#mypage.photoUpload .photoToolsWrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  zoom: 1;
  margin-top: 20px;
}
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 #ddd;
  border-radius: 3px;
}
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: 10px;
  color: #222;
  font-weight: normal;
  border-bottom: solid 1px #ddd;
}
body#mypage.photoUpload .photoTools .detail {
  height: 400px;
  background: #f2f2f2 url(https://image.haj.co.jp/jobkita/shukatsu/2024/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%;
}

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

/* [[ teaser_header ]] */
#teaser_header {
  width: 700px;
  margin: 0 auto;
  padding: 40px;
  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 10px;
    padding: 20px;
  }
}
@media screen and (max-width: 440px) {
  #teaser_header {
    padding: 10px;
  }
}
#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: 12px;
  text-align: center;
}
#teaser_header h1 img {
  margin: 5px auto 0 auto;
  height: 40px;
}
@media screen and (max-width: 440px) {
  #teaser_header h1 img {
    height: 26px;
  }
}
#teaser_header h2 {
  padding-top: 20px;
  color: #222;
  font-size: 20px;
  text-align: center;
}
#teaser_header p {
  padding-top: 20px;
}

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

#teaser_contents .teaser_chapter {
  margin-top: 40px;
}
#teaser_contents .teaser_chapter:first-child {
  margin-top: 0;
}
#teaser_contents .teaser_chapter h3 {
  padding-left: 5px;
  border-left: solid 5px #00c0ff;
  color: #222;
}
#teaser_contents .teaser_chapter p,
#teaser_contents .teaser_chapter ul {
  padding-top: 10px;
}
#teaser_contents .teaser_chapter p.notes {
  font-size: 12px;
}
#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 #ddd;
}
#teaser_contents .teaser_chapter li {
  padding: 10px 0;
  border-top: solid 1px #ddd;
}
#teaser_contents .teaser_chapter li:before {
  content: "●";
  margin-right: 3px;
  color: #00c0ff;
}
#teaser_contents .teaser_chapter.attention, #teaser_contents .teaser_chapter.joint {
  padding: 10px;
  border: solid 1px #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
#teaser_contents .teaser_chapter.attention {
  padding: 10px;
  color: #00c0ff;
  font-weight: bold;
}
#teaser_contents .teaser_chapter.attention p {
  text-align: center;
}
#teaser_contents .teaser_chapter.joint {
  padding: 20px;
}
#teaser_contents .teaser_chapter.joint h3 {
  padding-left: 0;
  border-left: none;
  color: #00c0ff;
}
#teaser_contents .teaser_chapter.joint table {
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
  border-bottom: dotted 1px #ddd;
}
#teaser_contents .teaser_chapter.joint th, #teaser_contents .teaser_chapter.joint td {
  padding: 10px 0;
  border-top: dotted 1px #ddd;
}
#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: 10px;
  border: solid 1px #ddd;
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
}

#teaser_contents .teaser_chapter.preopen {
  padding: 20px;
  border: solid 2px #00c0ff;
  border-radius: 3px;
  box-sizing: border-box;
}
@media screen and (max-width: 440px) {
  #teaser_contents .teaser_chapter.preopen {
    padding: 10px;
  }
}
#teaser_contents .teaser_chapter.preopen h3 {
  padding-left: 0;
  border-left: none;
  color: #00c0ff;
  font-size: 20px;
  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: 20px 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: 20px;
  line-height: 1.6;
}
#teaser_contents .teaser_chapter.preopen .register span:first-child {
  font-size: 12px;
}

/* [[ teaser_footer ]] */
#teaser_footer {
  background: #00c0ff;
}

#teaser_footer .teaser_footer_copy {
  width: 700px;
  margin: 0 auto;
  padding: 40px 0;
  color: #999;
}
@media screen and (max-width: 720px) {
  #teaser_footer .teaser_footer_copy {
    width: auto;
    padding: 20px 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: #999;
  font-weight: bold;
  text-decoration: none;
}
#teaser_footer .teaser_footer_copy address span {
  font-size: 10px;
}
/*# sourceMappingURL=style_old_pc.css.map */