/**
 * 地域トップページ
 */
.terms {
 margin-top: 10px;
}

.terms li {
 float: left;
 width: 31%;
 line-height: 0;
 margin-bottom: 15px;
}
.terms li + li {
 margin-left: 3%;
}
/* ぴったり */
.pittari {
 display: block;
 line-height: 46px;
 color: #FFF;
 background-color: #FF0000;
 background-image: url(/sp/img/common/history-just_01.png);
 background-repeat: no-repeat;
 background-position: 13px center;
 -webkit-background-size: auto 20px;
 -moz-background-size: auto 20px;
 -o-background-size: auto 20px;
 background-size: auto 20px;
 padding-left: 44px;
}
.pittari span {
 display: block;
 /* fonts pt_02 */
 font-size: 1.7rem;
 background-image: url(/sp/img/common/history-just_02.png);
 background-repeat: no-repeat;
 background-position: 275px center;
 -webkit-background-size: auto 14px;
 -moz-background-size: auto 14px;
 -o-background-size: auto 14px;
 background-size: auto 14px;
}

/**
 * アラート
 */
.alert {
 text-align: center;
 color: #ff0000;
 font-size: 16px;
 margin-top: 20px;
 margin-boddom: 40px;
}

/**
 * フォーム
 */
dd input[type="text"], 
dd input[type="email"] {
 width: 100%;
}

input.half {
 width: 100%;
}

table.type_regular01 th.required {
 background-position: 98% 50%;
}

table.type_regular01 td span.note {
 font-size: .8em;
}

textarea.full {
 width: 96%;
}

input.email {
 width: 96%;
}

/**
 * ヘッダー
 */
.logo {
 display: inline-block;
 margin-top: 10px;
}

.header-menu {
 position: absolute;
 z-index: 10;
 top: 13px;
 right: 35px;
}
/* only for joblink work */
.header-menu.jl-work {
 right: 0;
}
.header-menu.jl-work .sub-menu {
 justify-content: flex-end;
}

.sub-menu {
 display: flex;
 width: 155px;
}
.sub-menu {
 padding: 0;
}
.sub-menu li {
 display: inline-block;
 position: relative;
 margin: 0;
 padding-top: 3px;
 width: 43px;
 height: 47px;
 border: 1px solid #ccc;
 border-radius: 0.3em;
 text-align: center;
 background-color: #fff;
 margin-right: 5px;
}

.sub-menu a {
 display: block;
 width: 100%;
 height: 100%;
 color: #000;
}

.sub-menu b {
 display: block;
 position: relative;
 top: -2px;
 font-size: 11px;
 text-align: center;
}

.sub-menu i {
 font-size: 27px;
 color: #f6ad3c;
}
.sub-menu #header-beginner img {
 height:26px;
 object-fit: contain;
 width: auto;
}
.sub-menu #header-beginner b {
 top: -5px;
}
/**
 * アコーディオンメニュー 2022.09update
 */
#toggleNav {
 position: absolute;
 top: 0;
 right: 0;
}

#toggleNav .toggle {
 position: relative;
 cursor: pointer;
 z-index: 10000;
 width: 60px;
 height: 60px;
 position: absolute;
 top: 18px;
 right: 10px;
}
#toggleNav .toggle::after {
 content: "メニュー";
 padding: 0;
 font-size: 11px;
 position: relative;
 left: 27px;
 top: 21px;
}
#toggleNav .toggle span {
 display: block;
 position: absolute;
 height: 3px;
 width: 50%;
 background: #ff0000;
 border-radius: 2px;
 right: 0;
 -webkit-transition: 0.35s ease-in-out;
 -moz-transition: 0.35s ease-in-out;
 transition: 0.35s ease-in-out;
}
#toggleNav .toggle span:nth-child(1) {
 top: 0;
 right: 0;
}
#toggleNav .toggle span:nth-child(2) {
 top: 10px;
 right: 0;
}
#toggleNav .toggle span:nth-child(3) {
 top: 20px;
 right: 0;
}
#toggleNav.open {
 width: 100%;
}
#toggleNav.open .toggle::after {
 content: "閉じる";
}
#toggleNav.open .toggle span {
 background: #000;
}
#toggleNav.open .toggle span:nth-child(1) {
 top: 12px;
 transform: rotate(315deg);
}
#toggleNav.open .toggle span:nth-child(2) {
 width: 0;
 display: none;
}
#toggleNav.open .toggle span:nth-child(3) {
 top: 12px;
 transform: rotate(-315deg);
}
#toggleNav.open {
 opacity: 1;
 pointer-events: visible;
}
#toggleNav.open .toggleNav_wrapper {
 opacity: 1;
 pointer-events: visible;
}
.toggleNav_wrapper {
 max-width: 375px;
 margin: 0 auto;
 background-color: rgba(255, 255, 255, 0.95);
 opacity: 0;
 pointer-events: none;
 width: 100%;
 height: 100%;
 text-align: center;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 5000;
 display: flex;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 transition: 0.5s;
}
.toggleNav_inner {
 width: 100%;
 margin: 0 auto;
}
.toggleNav_inner h2 {
 font-size: 1.5rem;
 width: 100%;
 padding: 8px 0;
 background-color: #e4e4e4;
 margin-bottom: 15px;
}
.toggleNav_inner #search_word {
 margin: 10px auto;
 border: 2px solid #e4e4e4;
 width: 80%;
}
.toggleNav_inner #search_word input {
 height: 35px;
 line-height: 35px;
 font-size: 1.4rem;
 font-family: "Noto Sans Japanese", serif;
 border: none;
 margin: 0;
 padding: 0;
 float: left;
 border-radius: 0;
}
.toggleNav_inner #search_word input[type="text"] {
 width: 70%;
 padding-left: 15px;
}
.toggleNav_inner #search_word input[type="submit"] {
 background: #ffb901;
 color: #323232;
 font-weight: bold;
 width: 30%;
}
.toggleNav_mypage {
 width: 60%;
 margin: 0 auto;
}
.toggleNav_mypage .toggle_login,
.toggleNav_mypage .toggle_register {
 display: block;
 width: 100%;
 margin: 0 auto 10px;
 padding: 5px 0;
 position: relative;
}
.toggleNav_mypage .toggle_login::after,
.toggleNav_mypage .toggle_register::after {
 content: ">";
 position: absolute;
 top: 50%;
 right: 15px;
 transform: translateY(-50%);
}
.toggleNav_mypage .toggle_login {
 background-color: #ffb900;
 color: #323232;
}
.toggleNav_mypage .toggle_register {
 background-color: #ff0000;
 color: #fff;
}
.toggleNav_link {
 width: 80%;
 margin: 0 auto;
 text-align: left;
}
.toggleNav_link li {
 font-size: 14px;
}
.toggleNav_link li a {
 padding: 5px;
 border-bottom: 1px solid #c3c3c3;
 display: block;
 color: #323232;
}
.toggleNav_link li.noline a {
 border-bottom: 0;
}
.toggleNav_link li.toggle_keep a::before {
 content: "\f005";
 font-family: "FontAwesome";
 font-weight: 900;
 padding-right: 5px;
}
.toggleNav_link li.toggle_log a::before {
 content: "\f017";
 font-family: "FontAwesome";
 font-weight: 900;
 padding-right: 5px;
}
.toggle_bnr {
 width: 80%;
 margin: 10px auto 0;
}
/**
 * 案件検討数
 */
.keep-counter {
 display: block;
 position: absolute;
 z-index: 20;
 top: -6px;
 right: -4px;
 height: 18px;
 width: 18px;
 border: 1px solid #ff0000;
 border-radius: 18px;
 font-size: 12px;
 line-height: 1.5;
 color: #fff;
 background-color: #ff0000;
 text-align: center;
}

/**
 * レスポンシブ
 */

 .d-pc {
 display: block;
 }
 .d-sp {
 display: none;
 }
 body.responsive header .logo {
 margin-top: 0; 
 }

 @media screen and (max-width: 450px) {
 .d-pc {
 display: none;
 }
 .d-sp {
 display: block;
 }
 body.responsive .widecolumn {
 width: 95%;
 margin: 0 auto;
 }
 body.responsive header .top_nav {
 height: 75px;
 }
 body.responsive header .logo {
 margin-left: 10px;
 line-height: 22px;
 margin-top: 10px;
 }
 body.responsive header .logo a {
 color: #e7251d;
 font-size: 15px;
 font-weight: bold;
 line-height: 1;
 }
 body.responsive header .mynav {
 margin-bottom: 15px;
 font-size: 12px;
 border-top: 1px solid #ff0000;
 border-bottom: 1px solid #ff0000;
 width: 100%;
 display: flex;
 justify-content: space-between;
 }
 body.responsive header .logo img {
 margin-right: 6px;
 width: 130px;
 object-fit: contain;
 }
 body.responsive header .logo span {
 font-weight: bold;
 display: block;
 margin-left: 34px;
 }
 body.responsive header .mynav a {
 display: block;
 width: 120px;
 color: #fff;
 background-color: #ff0000;
 font-weight: bold;
 text-align: center;
 padding: 4px 0;
 }
 body.responsive header span.gomy a {
 display: block;
 color: #ff0000;
 background-color: #fff;
 font-weight: bold;
 padding: 2px 0px 2px 2em;
 float: right;
 text-align: right;
 width: 160px;
 }
 body.responsive header span.gomy a::after {
 content: "＞";
 font-size: 10px;
 font-weight: bold;
 padding: 3px 7px;
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 body.responsive .toggleNav_wrapper {
 max-width: 100%;
 }
 body.responsive .sub-menu b {
 font-weight: normal;
 top: -5px;
 }
 body.responsive .sub-menu #header-beginner b {
 top: -2px;
 }
 body.responsive .footer .inner {
 display: none;
 }
 }

/**
 * 検索結果一覧に検索条件を表示する
 */
.result {
 font-size: 13px;
 color: #000;
}
.result h2 {
 text-align: center;
 font-size: 1.2em;
 font-weight: bold;
 color: red;
 padding: 6px 0;
}

.result ul {
 border-top: 1px solid #ccc;
 background-color: #FCFAEE
}

.result ul li {
 display: block;
 position: relative;
 width: 100%;
 min-height: 2.8em;
 line-height: 1.6;
 padding: .4em;
 border-bottom: 1px solid #ccc;
}


.result b {
 display: block;
 color: #000;
 font-size: 1em;
}

.result b.item {
 font-weight: bold;
 position: absolute;
 z-index: 5;
 left: .4em;
 top: 1em;
 margin-right: 0;
}
.result b.item .fa{
 float:left;
 margin-right: 3px;
 line-height: 0.6
}
.result b.cond {
 font-weight: normal;
 width: 100%;
 padding: .6em 3.5em .6em 4.4em;
 word-break: normal;
}

.result .henkou a {
 width: 100%;
 height: 100%;
}

.result .henkou span {
 display: block;
 color: #333;
 font-size: 1em;
 border: 1px solid #ccc;
 border-radius: .3em;
 padding: .4em 0;
 width: 3.5em;
 position: absolute;
 z-index: 10;
 top: .4em;
 right: .25em;
 text-align: center;
 background-color: #F6F0D6;
}

.henkou-all {
 text-align: center;
 margin: 0 !important; 
 padding: 0 !important;
 min-height: auto !important;
 background-color: #fff;
 border-bottom: none !important;
}

.henkou-all a {
 background-color: #ff0100;
 color: #fff;
 font-size: 1.2em;
 font-weight: bold;
 padding: 6px 20px;
 display: inline-block;
 width: 70%;
 margin: 15px auto 5px;
 border-radius: 30px;
}

.counter {
 position: relative;
 top: .2em;
 margin-top: 1em;
 font-size: 1em;
 padding: .5em 0 .4em;
 width: 8em;
 text-align: center;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-radius: .3em;
}

.counter b {
 display: inline-block;
}
/**
 * 再検索
 */
 .result.re-search {
 margin: 30px auto;
 }

/**
 * 検索条件
 */
#search_data select{
-webkit-appearance:none;
}
#search_data select#pay_type {
 width: 100px;
 padding-right: 10px !important;
}


/**
 * 派遣会社非公開求人
 */
.haken-pr{
 background-color: #F2F2F2;
 padding: 10px 20px 15px;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 20px;
}
.haken-pr h3{
 font-weight: bold;
 margin-bottom: 6px;
 font-size: 13px;
}
.haken-pr a{
 background-color: #FE5F7F;
 display: block;
 color: #FFF;
 font-weight: bold;
 padding: 8px 0px;
 font-size: 15px;
 border-radius: 10px; /* CSS3草案 */ 
 -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 10px; /* Firefox用 */ 
}

/* ========== 検索条件変更 ========== */

.change-search {
 margin: 20px auto;
}
.change-search a {
 display: block;
 text-align: center;
 width: 85%;
 margin: 0 auto;
 border: 2px solid #f10207;
 color: #f10207;
 border-radius: 30px;
 padding: 7px;
 box-shadow: 0 3px 3px #c4c4c4;
}
.change-search .fa {
 padding-right: 10px;
 font-size: 1.2em;
}


/**
 * 必須
 */
tr.required th {
 background-image: url("/img/register/form_must.png");
 background-position: 97.5% 50%;
 background-repeat: no-repeat;
}

.note a.link {
 color: #0075d3;
 text-decoration: underline;
}

@charset "utf-8";
/**
 * チェックリスト
 */
form li b {
 display: block;
 margin-right: 1em;
 font-weight: normal;
 color: #777;
 font-size: 0.7em;
 word-break: keep-all;
}

form li i {
 display: block;
 float: right;
 margin-top: .5em;
}

/**
 * マイページ
 */
div.mypage div.mypage_item td h3 {
 margin-bottom: 0;
}

/**
 * 入力チェック メッセージ
 */
.notice, .message {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 margin: 0;
 padding: 0;
 color: #ff0000;
 text-align: left;
}

 .notice em, .message em {
 display: block;
 position: absolute;
 min-height: 1.4em;
 bottom: 0;
 left: 0;
 z-index: 10;
 padding: .2em 1em;
 background-color: #fff;
 border: 1px solid #ff0000;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 cursor: pointer;
 font-size: 1em;
 font-style: normal;
 line-height: 1.3;
 }

/**
 * 利用規約
 */
.kiyaku {
 margin-left: auto;
 margin-right: auto;
 max-width: 28em;
}
/* input
------------------------------------------------------------*/
.kiyaku input[type=radio],
.kiyaku input[type=checkbox] {
 display: inline-block;
 margin-right: 6px;
}
.kiyaku input[type=radio] + label,
.kiyaku input[type=checkbox] + label {
 position: relative;
 
 display: inline-block;
 margin-right: 12px;
 
 font-size: 14px;
 line-height: 30px;
 
 cursor: pointer;
}
 
@media (min-width: 1px) {
 .kiyaku input[type=radio],
 .kiyaku input[type=checkbox] {
 display: none;
 margin: 0;
 }
 .kiyaku input[type=radio] + label,
 .kiyaku input[type=checkbox] + label {
 padding: 0 0 0 24px;
 }
 .kiyaku input[type=radio] + label::before,
 .kiyaku input[type=checkbox] + label::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 
 background: #FFF;
 }
 .kiyaku input[type=radio] + label::before {
 border: 2px solid #ccc;
 border-radius: 30px;
 }
 .kiyaku input[type=checkbox] + label::before {
 border: 2px solid #ccc;
 }
 .kiyaku input[type=radio]:checked + label::after,
 .kiyaku input[type=checkbox]:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 }
 .kiyaku input[type=radio]:checked + label::after {
 left: 5px;
 
 width: 8px;
 height: 8px;
 margin-top: -4px;
 
 background: #E71063;
 border-radius: 8px;
 }
 .kiyaku input[type=checkbox]:checked + label::after {
 left: 3px;
 
 width: 16px;
 height: 8px;
 margin-top: -8px;
 
 border-left: 3px solid #E71063;
 border-bottom: 3px solid #E71063;
 
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 }
}

/**
 * メッセージ
 */
#message-box {
 display: none;
 position: absolute;
 z-index: 100;
 min-width: 16em;
 max-width: 40em;
 min-height: 6em;
 background-color: #fff;
 border: 1px solid #ccc;
}

 #message-box #popup-title {
 position: relative;
 height: 2em;
 background-color: #666;
 border-bottom: 1px solid #ccc;
 cursor: move;
 }

 #message-box #popup-title #popup-close {
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 110;
 cursor: pointer;
 }

 #message-box p {
 padding: 1em 2em;
 }

#popup-bg {
 display: none;
 position: fixed;
 z-index: 90;
 width: 100%;
 height: 100%;
 background-color: #000;
 opacity: .5;
}

 i.fa-times {
 color: #ff0000;
 font-size: 2rem;
 }

 .btn.keep a.hold {
 color: #ccc !important;
 }

/**
 * 検討中無効
 */
.public-none {
 background-color: #f5f5f5;
 color: #ccc;
}

/**
 * かんたん応募
 */
.hold-box .tb_entry td.mark {
 white-space: nowrap;
 text-align: left;
}

.hold-box .tb_entry td.kento {
 width: auto;
}

.tb_entry td.mark span.simple_register {
 display: inline-block;
 font-size: 10px;
 line-height: 10px;
 padding: 5px 4px 7px;
 margin-left: 4px;
 background-color:#F4ED47;
 color: #26558C;
 border: 1px solid #26558C;
 font-weight: normal;
 width: auto;
 border-radius: 0;
 width: 70px;
 font-weight: bold;
 margin-top: 3px;
}


/**
 * 利用規約
 */
#kiyaku-box {
 display: none;
 position: absolute;
 z-index: 100;
 min-width: 20em;
 max-width: 76em;
 min-height: 6em;
 background-color: #fff;
 border: 1px solid #ccc;
 height: 90%;
}

 #kiyaku-box #popup-title {
 position: relative;
 height: 2.5em;
 background-color: #666;
 border-bottom: 1px solid #ccc;
 cursor: move;
 }

 #kiyaku-box #popup-title #popup-close {
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 110;
 cursor: pointer;
 }

 #kiyaku {
 padding: 1em 2em;
 }

.kiyaku-body {
 overflow: scroll;
 height: 90%;
}

#popup-title {
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 line-height: 1.7;
 padding: .5em 0;
}

/**
 * エントリー完了
 */
div.mypage div.mypage_item h2.baito {
 background-color: #00983c;
}

div.mypage div.mypage_item p.error {
 color: #ff0000;
}

@charset "utf-8";
/**
 * こだわり条件（勤務時間・曜日など）
 */
.kodawari-icon_100 {
 background:linear-gradient(#ffffff, #ffb6b6);
 /* webkit用 */
 background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffb6b6));
 /* mozilla用 */
 background:-moz-linear-gradient(top, #ffffff, #ffb6b6);
 /*IE6 IE7 */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#ffb6b6));
 /* IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#ffb6b6))";
 zoom: 1;
 border-radius: 2px; /* CSS3草案 */ 
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
 border:1px solid #ffb6b6;
}

/**
 * こだわり条件（待遇・福利厚生など）
 */
.kodawari-icon_200 {
 background:linear-gradient(#ffffff, #d8e8af);
 /* webkit用 */
 background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d8e8af));
 /* mozilla用 */
 background:-moz-linear-gradient(top, #ffffff, #d8e8af);
 /*IE6 IE7 */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af));
 /* IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af))";
 zoom: 1;
 border-radius: 2px; /* CSS3草案 */ 
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
 border:1px solid #d8e8af;
}

/**
 * こだわり条件（特徴的な勤務内容）
 */
.kodawari-icon_300 {
 background:linear-gradient(#ffffff, #d8e8af);
 /* webkit用 */
 background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d8e8af));
 /* mozilla用 */
 background:-moz-linear-gradient(top, #ffffff, #d8e8af);
 /*IE6 IE7 */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af));
 /* IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af))";
 zoom: 1;
 border-radius: 2px; /* CSS3草案 */ 
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
 border:1px solid #d8e8af;
}

@charset "utf-8";
/**
 * タイトル
 */
.wrapper h1.title {
 font-size: .875rem;
 max-height: 19px;
 overflow:hidden;
}

/**
 * あなたが最近チェックしたお仕事情報
 */
.checked-jobinfo {
 padding: 1em 2em;
}

 .checked-jobinfo li {
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 100%;
 line-height: 2.0;
 overflow: hidden;
 }

 .checked-jobinfo li::before {
 content: "・";
 float: left;
 font-size: .6em;
 margin-top: .8em;
 padding-right: .8em;
 }

/**
 * 職種アイコン
 */
.officework, .sales, .medical, .finance, .technical, .factory {
 font-size:11px;
 color:#FFF;
 margin:left:5px;
 padding:1px 5px;
 border-radius: 2px; /* CSS3草案 */
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
}

.officework {
 background-color: #f0849f;
}

.sales {
 background-color: #fe8700;
}

.medical {
 background-color: #22ac38;
}

.finance {
 background-color: #c5ae1f;
}

.technical {
 background-color: #9fa0a0;
}

.factory {
 background-color: #2c92bd;
}

/**
 * かんたん応募
 */
.simple_register {
 display: inline-block;
 font-size: 10px;
 line-height: 10px;
 padding: 2px 4px 1px;
 margin-right: 4px;
 background-color: #F4ED47;
 color: #26558C;
 border: 1px solid #26558C;
}

 .age-info .simple_register,
 .pr .simple_register {
 position: relative;
 margin-left: 4px;
 margin-right: 0;
 }

 .age-info .simple_register {
 top: -2px;
 }

 .pr .simple_register {
 top: -4px;
 }
/**
 *
 */
#pickup-job .officework, #pickup-job .sales, #pickup-job .medical, #pickup-job .finance, #pickup-job .technical, #pickup-job .factory,
#pickup-recommend .officework, #pickup-recommend .sales, #pickup-recommend .medical, #pickup-recommend .finance, #pickup-recommend .technical, #pickup-recommend .factory,
#pickup-work2 .officework, #pickup-work2 .sales, #pickup-work2 .medical, #pickup-work2 .finance, #pickup-work2 .technical, #pickup-work2 .factory {
 color: #333;
 font-size: 100%;
}

/**
 * ローディング
 */
#loading {
 position: absolute;
 z-index: 1000;
 left: 50%;
 top: 50%;
 width: 100px;
 height: 100px;
 margin-top: -50px;
 margin-left: -50px;
}

 #loading i {
 font-size: 100px;
 }

/**
 * ブロック選択
 */
#block-area li.block {
 display: block;
}

#block-area li.block:first-child {
 margin-top: 1em;
}

#block-area li.block a {
 display: block;
 padding: .4em 0.5em;
 font-size: 16px;
 font-weight: bold;
 color: #333;
 background: #F4F5E7;
 margin-bottom: 5px;
}
#block-area li.block a:before {
 content: " \f055";
 font-family: FontAwesome;
 color: #ff0000;
 margin-right: 5px;
}
#block-area-loading {
 text-align: center;
}

#block-area-loading i.fa-spinner {
 margin-top: 2em;
 font-size: 60px !important;
 color: #333;
}


/**
 * オススメの仕事案件（オススメ あなたにピッタリのお仕事）
 */
.widecolumn section.jobinfo-recommend h1 {
 position: relative;
 margin-top: 1em;
 margin-bottom: 0.5em !important;
 padding-left: 5.5em !important;
}

.jobinfo-recommend h1 img {
 position: absolute;
 top: 4px;
 left: 10px;
 z-index: 5;
 width: 80px;
}

.jobinfo-recommend ul {
 display: block;
 padding: 0;
 font-size: 0.9em;
 margin: 0 10px;
}
.jobinfo-recommend ul li {
 display: block;
 width: 100%;
 float: none;
 overflow: hidden;
 margin-right: 10px;
 margin-bottom: 10px;
 padding: 0;
 border: 1px solid #ff0000;
}

.jobinfo-recommend ul li:nth-child(3) {
 margin-right: 0px;
}

section .jobinfo-recommend h2 {
 color: #000;
 padding-left: 0px;
}

.jobinfo-recommend .recommend {
 display: block;
 padding: 10px 10px 0 10px;
 height: 260px;
 margin-bottom: 10px;
 overflow: hidden;
}

.jobinfo-recommend .recommend a.next {
 background: url(/img/jobinfo/li.gif) no-repeat left center;
 padding-left: 18px;
 color: #036eb8;
 margin-bottom: 6px;
 display: block;
}

.jobinfo-recommend .recommend p {
 padding-left: 0px;
}

.jobinfo-recommend .recommend p img {
 float: right;
 margin: 0 0 6px 6px;
}

.jobinfo-recommend .next-entry a {
 display: block;
 width: 80%;
 padding: 3px 10px;
 text-align: center;
 background-color: #e60012;
 color: #fff;
 margin: 0 auto 10px;
}

.jobinfo-recommend .pr {
 height: 3.2em;
 overflow: hidden;
 margin: 0 0 0.6em;
 padding: 0;
 color: #333;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.jobinfo-recommend .text {
 height: 2.8em;
 line-height: 1.4;
 overflow: hidden;
 margin-bottom: 0.6em;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.jobinfo-recommend .list {
 width: 100%;
 font-size: 0.9em;
 background-color: #f4f5e7;
 border-left: 1px solid #fff;
 border-top: 1px solid #fff;
}

.jobinfo-recommend .list th,
.jobinfo-recommend .list td {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 padding: 0.3em 0.2em;
 line-height: 1.5;
}

.jobinfo-recommend .list th {
 background: #aeb4aa;
 color: #fff;
 width: 6em;
 white-space: nowrap;
 font-weight: normal;
 text-align: center;
}

/**
 * あなたにピッタリのお仕事 ボタン
 */
.recommend-pittari {
 font-size: 1.7rem;
 font-weight: bold;
 height: 47px;
 line-height: 47px;
 padding-left: 55px;
 color: #ff0000;
 background-image: url(/sp/img/common/h1.gif);
 -webkit-background-size: auto 47px;
 -moz-background-size: auto 47px;
 -o-background-size: auto 47px;
 background-size: auto 47px;
 margin: 0 0 15px;
}

.recommend-pittari img {
 max-width: 80px;
 margin-top: -6px;
 vertical-align: middle;
}

.recommend-buttons {
 text-align: center;
 margin-bottom: 1em;
}

.recommend-buttons a {
 display: inline-block;
 text-decoration: none;
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
 font-size: 1.4rem;
 font-weight: bold;
 padding: 10px;
 margin: 0 8px;
 border-radius: 5px;
 box-shadow: 1px 1px 3px #999;
}

.recommend-buttons a.form {
 background-color: #0080ff;
 color: #fff;
}

.recommend-buttons a.keep {
 background-color: #fff;
 color: #ff8900;
 border: 2px solid #e0dddd;
 padding: 8px;
}

/**
 * AI Recommend 2022.12.15 new
 */
 #ai-recommend,
 .ai-recommend {
 width: 90%;
 text-align: center;
 margin: 0px auto 30px;
 }

 #ai-recommend a,
 .ai-recommend a {
 display: block;
 background-color: #F4F5E7;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 line-height: 1.4;
 overflow: hidden;
 border: 1px solid #b4b4b4;
 margin-bottom: 15px;
 }
 #ai-recommend a:hover,
 .ai-recommend a:hover {
 opacity: .7;
 }
 #ai-recommend .job-box,
 .ai-recommend .job-box {
 background-color: #fff;
 padding: 5px;
 color: #333;
 }
 #ai-recommend .factory,
 .ai-recommend .factory {
 background: url(/img/index_main/factory.png) no-repeat 90% 0% ;
}
#ai-recommend .technical,
.ai-recommend .technical {
 background: url(/img/index_main/technical.png) no-repeat 90% 0% ;
}
#ai-recommend .finance,
.ai-recommend .finance {
 background: url(/img/index_main/finance.png) no-repeat 90% 0% ;
}
#ai-recommend .officework,
.ai-recommend .officework {
 background: url(/img/index_main/officework.png) no-repeat 90% 0% ;
}
#ai-recommend .sales,
.ai-recommend .sales {
 background: url(/img/index_main/sales.png) no-repeat 90% 0% ;
}
#ai-recommend .medical,
.ai-recommend .medical {
 background: url(/img/index_main/medical.png) no-repeat 90% 0% ;
}

#ai-recommend .work-kind,
.ai-recommend .work-kind {
 display: block;
 width: 90%;
 margin: 0 auto 5px;
 text-align: center;
 color: #fff;
 font-size: 1.3em;
}
 #ai-recommend .factory .work-kind,
 .ai-recommend .factory .work-kind {
 background-color: #7EA4FF;
 }
 #ai-recommend .technical .work-kind,
 .ai-recommend .technical .work-kind {
 background-color: #919191;
}
#ai-recommend .finance .work-kind,
.ai-recommend .finance .work-kind{
 background-color: #AF9617;
}
#ai-recommend .officework .work-kind,
.ai-recommend .officework .work-kind{
 background-color: #FF97A9;
}
#ai-recommend .sales .work-kind,
.ai-recommend .sales .work-kind{
 background-color: #FF9D00;
}
#ai-recommend .medical .work-kind,
.ai-recommend .medical .work-kind{
 background-color: #8EC21F;
}
 .ai-recommend-box {
 padding: 35px 10px 10px;
 }
 .ai-recommend-box .job-head {
 display: flex;
 }
 .ai-recommend-box .job-head .job-thumbnail {
 width: 120px;
 margin-bottom: 10px;
 flex: 1;
 }
 .ai-recommend-box .job-ttl {
 flex: 2;
 font-size: 17px;
 font-weight: bold;
 color: #004ec5;
 padding: 0 5px;
 text-align: left;
 height: 70px;
 margin-bottom: 10px;
 overflow: hidden;
 text-decoration: underline;
 }
 .ai-recommend-box .area,
 .ai-recommend-box .salary,
 .ai-recommend-box .flag,
 .ai-recommend-box .company {
 padding: 0 0 0 25px;
 position: relative;
 margin-bottom: 5px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 text-align: left;
 font-size: 1.2em;
 }
 .ai-recommend-box .area::before,
 .ai-recommend-box .salary::before,
 .ai-recommend-box .flag::before,
 .ai-recommend-box .company::before {
 background-color: #7b7b7b;
 font-family: "Font Awesome 6 Free";
 font-weight: bold;
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 width: 20px;
 height: 20px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 color: #fff;
 }

 .ai-recommend-box .area::before {
 content: "\f276";
 }
 .ai-recommend-box .salary::before {
 content: "\f157";
 }
 .ai-recommend-box .flag::before {
 content: "\f005";
 }
 .ai-recommend-box .company::before {
 content: "\f1ad";
 }
 .ai-recommend-box .area .station::before {
 content: "/";
 padding-right: 5px;
 }
 .ai-recommend-box .txt-link {
 width: 50%;
 background-color: #0080ff;
 color: #fff;
 font-size: 16px;
 padding: 6px 0;
 margin: 10px auto 0;
 border-radius: 5px;
 position: relative;
 box-shadow: 1px 1px 3px #999;
 }
 .ai-recommend-box .txt-link::after {
 font-family: "Font Awesome 6 Free";
 font-weight: bold;
 content: "\f061";
 color: #fff;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 }
 /*下層のおすすめ案件*/
 h2.ttl-recommend {
 padding-left: 0;
 line-height: 1.5;
 background-image: none;
 font-size: 17px;
 margin: 20px 10px !important;
 padding-left: 15px;
 border-left: 15px solid #f00;
 color: #f00;
 }
 .mypage-recommend {
 border: 1px solid #F8968A;
 background-color: #FFF;
 }
 .mypage-recommend h2 {
 background-color: #F00;
 color: #FFF;
 padding: 5px 10px;
 margin-bottom: 20px;
 }
 .joblist-recommend #ai-recommend,
 .joblist-recommend .ai-recommend {
 margin-bottom: 0;
 }
 /*カルーセルデザイン*/
 .js-ai-recommend a {
 margin: 0 10px;
 }
 .js-ai-recommend.ai-recommend {
 margin-bottom: 45px;
 }
 .js-ai-recommend .slick-dots {
 bottom: -30px;
 }
 .js-ai-recommend .slick-prev {
 left: -15px;
 }
 .js-ai-recommend .slick-next {
 right: -15px;
 }
 .js-ai-recommend .slick-prev:before,
 .js-ai-recommend .slick-next:before {
 color: red;
 }
 /* 新規応募 */
 #ai-recommend.form-new a,
 .ai-recommend.form-new a {
 text-decoration: none;
 }
 #ai-recommend.form-new .ai-recommend-box,
 .ai-recommend.form-new .ai-recommend-box {
 font-size: 12px;
 }
 #ai-recommend.form-new .ai-recommend-box .job-ttl,
 .ai-recommend.form-new .ai-recommend-box .job-ttl {
 font-size: 16px;
 }