@charset "utf-8";
/* ============================================================
   人材バンク（jinzaibank）専用スタイル
   unique.css の末尾などに追記してください
   ============================================================ */

:root {
	--jb-bg:        #fbf6ec;
	--jb-line:      #e3dbcb;
	--jb-text:      #3f382e;
	--jb-brown:     #8a7752;
	--jb-tama:      #178a4a;
	--jb-island:    #2a6fb0;
	--jb-cat:       #7b6a4a;
	--jb-btn:       #6f9182;
	--jb-btn-hover: #5d7d6f;
	--jb-reset:     #ece9e2;
}

#jinzaibox01,
#jinzaibox02,
#jinzaibox03,
#jinzaibox04 {
	background: var(--jb-bg);
	padding: 40px 0;
	color: var(--jb-text);
}
#jinzaibox02 { padding-top: 20px; }
#jinzaibox04 { padding-top: 0; }

/* ---------- 見出し（茶色の帯） ---------- */
.jinzai_ttl {
	display: block;
	width: fit-content;
	margin: 0 auto 30px;
	padding: 10px 40px;
	background: var(--jb-brown);
	border-radius: 999px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .08em;
	text-align: center;
}

/* ============================================================
   絞り込み検索フォーム
   ============================================================ */
.jinzai_search {
	max-width: 900px;
	margin: 0 auto 40px;
	padding: 25px 30px;
	background: #f2f0eb;
	border-radius: 14px;
}
.jinzai_search_ttl {
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: bold;
}
.jinzai_search_row {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 14px 0;
	border-bottom: 1px dashed #cfc9bd;
}
.jinzai_search_label {
	flex: 0 0 90px;
	margin: 6px 0 0;
	font-size: 14px;
}
.jinzai_search_items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	flex: 1 1 auto;
}

/* 選択チップ */
.jinzai_chip { display: inline-block; cursor: pointer; }
.jinzai_chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.jinzai_chip span {
	display: inline-block;
	padding: 8px 22px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 999px;
	font-size: 14px;
	line-height: 1.2;
	transition: .2s;
}
.jinzai_chip_area span { min-width: 130px; text-align: center; }
.jinzai_chip:hover span { border-color: var(--jb-btn); }
.jinzai_chip input:checked + span {
	border-color: var(--jb-btn);
	background: #fff;
	font-weight: bold;
}
.jinzai_chip input:focus-visible + span { outline: 2px solid var(--jb-btn); outline-offset: 2px; }

.jinzai_search_kw {
	width: 100%;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #ddd7cc;
	border-radius: 999px;
	font-size: 14px;
}

.jinzai_search_btns {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 22px;
}
.jinzai_btn {
	display: inline-block;
	min-width: 160px;
	padding: 12px 20px;
	border: none;
	border-radius: 999px;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: .2s;
}
.jinzai_btn_search { background: var(--jb-btn); color: #fff; }
.jinzai_btn_search:hover { background: var(--jb-btn-hover); }
.jinzai_btn_reset { background: var(--jb-reset); color: #6b6455; }
.jinzai_btn_reset:hover { background: #e0dcd2; }

/* ============================================================
   タグ（地域／カテゴリ）
   ============================================================ */
.jinzai_tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 26px;
	margin-bottom: 18px;
}
.jinzai_tags_area,
.jinzai_tags_cat { display: flex; flex-wrap: wrap; gap: 8px; }
.jinzai_tag {
	display: inline-block;
	padding: 5px 16px;
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
}
.jinzai_tag_area { background: var(--jb-tama); }
.jinzai_tag_cat  { background: var(--jb-cat); }
/* 地域スラッグに応じた色分け（スラッグは実際の設定に合わせて変更してください） */
.jinzai_tag_tama   { background: var(--jb-tama); }
.jinzai_tag_island { background: var(--jb-island); }
.jinzai_tag_tousho { background: var(--jb-island); }

/* ============================================================
   一覧カード
   ============================================================ */
.search_num { margin-bottom: 20px; }

.jinzai_list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 900px;
	margin: 0 auto;
}
.jinzai_card {
	padding: 22px 28px 26px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.jinzai_card_body { display: flex; gap: 26px; }

.jinzai_photo { flex: 0 0 130px; }
.jinzai_photo img,
.jinzai_noimg {
	display: block;
	width: 130px;
	height: 130px;
	object-fit: cover;
	border-radius: 8px;
	background: #eceae4;
}
.jinzai_noimg {
	background: #eceae4 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='36' r='18' fill='%23575757'/%3E%3Cpath d='M50 60c-18 0-30 12-30 28v12h60V88c0-16-12-28-30-28z' fill='%23575757'/%3E%3C/svg%3E") no-repeat center / 70%;
}

.jinzai_card_main { flex: 1 1 auto; }
.jinzai_name {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.jinzai_name a { color: var(--jb-text); text-decoration: none; }
.jinzai_name a:hover { text-decoration: underline; }
.jinzai_syozoku { margin: 0 0 12px; font-size: 15px; }
.jinzai_midashi { margin: 0 0 4px; font-size: 14px; font-weight: bold; }
.jinzai_kanren_txt,
.jinzai_keireki_txt { font-size: 14px; line-height: 1.9; }
.jinzai_kanren_txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.jinzai_more { margin: 12px 0 0; text-align: right; }
.jinzai_more a {
	display: inline-block;
	padding: 6px 24px;
	border: 1px solid var(--jb-btn);
	border-radius: 999px;
	color: var(--jb-btn);
	font-size: 13px;
	text-decoration: none;
	transition: .2s;
}
.jinzai_more a:hover { background: var(--jb-btn); color: #fff; }

/* ---------- ページャー ---------- */
.jinzai_pager {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
}
.jinzai_pager .page-numbers {
	display: inline-block;
	min-width: 38px;
	padding: 8px 12px;
	background: #fff;
	border-radius: 6px;
	color: var(--jb-text);
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.jinzai_pager .page-numbers.current,
.jinzai_pager .page-numbers:hover { background: var(--jb-btn); color: #fff; }

/* ============================================================
   個別ページ
   ============================================================ */
.jinzai_detail {
	max-width: 900px;
	margin: 0 auto 40px;
	padding: 28px 34px 34px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.jinzai_detail_head {
	display: flex;
	gap: 30px;
	padding-bottom: 24px;
}
.jinzai_detail_head .jinzai_photo { flex: 0 0 160px; }
.jinzai_detail_head .jinzai_photo img,
.jinzai_detail_head .jinzai_noimg { width: 160px; height: 160px; }
.jinzai_detail_main { flex: 1 1 auto; }
.jinzai_date { margin: 0 0 6px; font-size: 13px; text-align: right; }
.jinzai_detail_main .jinzai_name { font-size: 24px; }
.jinzai_keireki { margin-top: 14px; }

.jinzai_block { margin-top: 30px; }
.jinzai_block_ttl {
	margin: 0 0 14px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--jb-line);
	font-size: 17px;
	font-weight: bold;
}
.jinzai_block_note {
	margin-left: 12px;
	font-size: 12px;
	font-weight: normal;
}
.jinzai_block_txt { font-size: 15px; line-height: 2; }

.jinzai_backlink { margin-top: 30px; text-align: center; }
.jinzai_backlink a {
	display: inline-block;
	min-width: 200px;
	padding: 12px 20px;
	background: var(--jb-brown);
	border-radius: 999px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
.jinzai_backlink a:hover { opacity: .85; }

/* ============================================================
   スマートフォン
   ============================================================ */
@media screen and (max-width: 767px) {
	#jinzaibox01,
	#jinzaibox02,
	#jinzaibox03,
	#jinzaibox04 { padding: 25px 0; }

	.jinzai_ttl { padding: 8px 20px; font-size: 15px; }

	.jinzai_search { padding: 18px 15px; border-radius: 10px; }
	.jinzai_search_row { display: block; }
	.jinzai_search_label { margin: 0 0 8px; font-weight: bold; }
	.jinzai_chip span { padding: 7px 16px; font-size: 13px; }
	.jinzai_chip_area span { min-width: 0; }
	.jinzai_search_btns { flex-direction: column; align-items: center; gap: 12px; }
	.jinzai_btn { width: 100%; max-width: 280px; }

	.jinzai_card { padding: 18px 16px; }
	.jinzai_card_body { display: block; }
	.jinzai_photo { margin: 0 auto 16px; }
	.jinzai_name { font-size: 18px; text-align: center; }
	.jinzai_syozoku { text-align: center; }

	.jinzai_detail { padding: 20px 16px 26px; }
	.jinzai_detail_head { display: block; }
	.jinzai_detail_head .jinzai_photo { margin: 0 auto 16px; }
	.jinzai_date { text-align: left; }
	.jinzai_detail_main .jinzai_name { font-size: 20px; text-align: center; }

	.jinzai_block_ttl { font-size: 16px; }
	.jinzai_block_note { display: block; margin: 4px 0 0; }
}

/* ============================================================
   2026-08 追加分
   ・人材バンク トップページ（一般公開）
   ・パスワード認証画面
   ・一覧上部の事業説明／注意事項
   ・カテゴリ「その他」
   ============================================================ */

#jinzaibox00,
#jinzaibox05 {
	background: var(--jb-bg);
	padding: 50px 0 60px;
	color: var(--jb-text);
}

/* ---------- 人材バンク トップページ ---------- */
.jinzai_top_lead {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 2;
}
.jinzai_top_lead p { margin: 0 0 12px; }
.jinzai_top_note { font-size: 15px; }

.jinzai_top_btn {
	margin: 40px 0 0;
	text-align: center;
}
.jinzai_top_btn a {
	display: inline-block;
	min-width: 320px;
	padding: 16px 30px;
	background: var(--jb-brown);
	border-radius: 999px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .05em;
	text-align: center;
	text-decoration: none;
	transition: .2s;
}
.jinzai_top_btn a:hover { opacity: .85; }

/* ---------- 一覧上部の事業説明・注意事項 ---------- */
.jinzai_lead {
	max-width: 1000px;
	margin: 0 auto 40px;
	font-size: 15px;
	line-height: 1.9;
}
.jinzai_lead > p { margin: 0 0 24px; }
.jinzai_notes_ttl { margin: 0 0 6px; font-weight: bold; }
.jinzai_notes ul { margin: 0; padding: 0; list-style: none; }
.jinzai_notes li {
	position: relative;
	padding-left: 1.1em;
	margin-bottom: 4px;
	font-size: 14px;
}
.jinzai_notes li::before {
	content: "・";
	position: absolute;
	left: 0;
}

/* ---------- パスワード認証画面 ---------- */
.jinzai_gate {
	max-width: 640px;
	margin: 0 auto;
	padding: 40px 30px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(0,0,0,.05);
	text-align: center;
}
.jinzai_gate_lead {
	margin: 0 0 24px;
	font-size: 16px;
	line-height: 1.9;
}
.jinzai_gate_note {
	margin: 20px 0 0;
	padding: 12px 16px;
	background: #fdf3f3;
	border-radius: 8px;
	color: #8a2f2f;
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
}
.jinzai_gate .post-password-form p { margin: 0; }
.jinzai_gate_row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.jinzai_gate_row label { font-size: 15px; }
.jinzai_gate .post-password-form input[type="password"] {
	width: 220px;
	padding: 10px 14px;
	border: 1px solid #ddd7cc;
	border-radius: 999px;
	font-size: 15px;
}
.jinzai_gate .post-password-form input[type="submit"] {
	min-width: 140px;
	padding: 11px 24px;
	background: var(--jb-btn);
	border: none;
	border-radius: 999px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	transition: .2s;
}
.jinzai_gate .post-password-form input[type="submit"]:hover { background: var(--jb-btn-hover); }

/* ---------- カテゴリ「その他」 ---------- */
.jinzai_tag_sonota { background: var(--jb-cat); }

/* ---------- 件数表示 ---------- */
#jinzaibox02 .search_num { margin-bottom: 24px; }
#jinzaibox02 .search_num .waku {
	display: inline-block;
	padding: 8px 26px;
	background: #e8d2d6;
	border-radius: 999px;
	color: #5e4a4d;
	font-size: 14px;
}
#jinzaibox02 .search_num .num { font-weight: bold; }

@media screen and (max-width: 767px) {
	#jinzaibox00,
	#jinzaibox05 { padding: 30px 0 35px; }

	.jinzai_top_lead { font-size: 15px; }
	.jinzai_top_btn a { min-width: 0; width: 100%; max-width: 320px; font-size: 16px; }

	.jinzai_lead { margin-bottom: 28px; }

	.jinzai_gate { padding: 26px 18px; border-radius: 10px; }
	.jinzai_gate_row { gap: 10px; }
	.jinzai_gate .post-password-form input[type="password"] { width: 100%; }
}

/* ---------- 関連実績・経歴の中のリンク ---------- */
.jinzai_block_txt a,
.jinzai_keireki_txt a {
	color: #2a6fb0;
	text-decoration: underline;
	word-break: break-all;
}
.jinzai_block_txt a:hover,
.jinzai_keireki_txt a:hover {
	color: #2a6fb0;
	opacity: .7;
}