@charset "UTF-8";

/* ===================================================================
	求人一覧 ファーストビュー以下のcss
=================================================================== */


/* 一覧用ページャー */
.paginator {
	margin: 40px 0;
}
.pagination {
	display: flex;
	justify-content: center;
}
.pagination li {
	margin: 0 2px;
}
.pagination a {
	display: block;
	width: 41px;
	height: 50px;
	line-height: 38px;
	background: url(../../img/front/new_dorapita/pager_num.svg) no-repeat center center;
	font-weight: 700;
	color: var(--bs-white);
	text-align: center;
}
.pagination .ellipsis {
	line-height: 38px;
}
.pagination .active a {
	background: url(../../img/front/new_dorapita/pager_num_active.svg) no-repeat center center;
	color: var(--bs-dark);
}
.pagination .prev a {
	width: 62px;
	background: url(../../img/front/new_dorapita/pager_prev.svg) no-repeat center center;
}
.pagination .prev.disabled a {
	background: url(../../img/front/new_dorapita/pager_prev_disabled.svg) no-repeat center center;
}
.pagination .next a {
	width: 88px;
	padding-right: 20px;
	background: url(../../img/front/new_dorapita/pager_next.svg) no-repeat center center;
}
.pagination .next.disabled a {
	background: url(../../img/front/new_dorapita/pager_next_disabled.svg) no-repeat center center;
}





/* モーダル */
.modal_base {
	display: none;
	position: relative;
}
.close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	z-index: 999;
}
.close a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 30px;
	height: 30px;
	text-align: center;
	background: var(--bs-dorapita);
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
}
.modal_inner {
	position: relative;
}
.modal_title {
	padding: 20px;
	border-radius: 10px 10px 0 0;
	background: var(--bs-dorapita03);
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
}
.modal_search_detail {
	padding: 40px 40px 130px;
	border: 5px solid var(--bs-dorapita03);
	border-top: none;
	border-radius: 0 0 10px 10px;
}
.modal_search_set {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 20px;
	background: rgba(0,0,0,0.8);
	border-radius: 0 0 6px 6px;
	color: var(--bs-white);
}
.modal_search_set dl {
	margin-right: 20px;
	color: var(--bs-white);
}
.modal_search_set dl dt {
	font-size: 0.8rem;
	line-height: 1.1;
}
.modal_search_set dl dd {
	font-size: 1.6rem;
	line-height: 1.1;
	font-weight: 700;
}
.modal_search_set dl dd .search_results_num {
	margin-right: 5px;
	font-size: 150%;
}
.modal_search_set a.clear_btn,
.modal_search_set a.search_btn {
	display: block;
	margin-left: 15px;
	border-radius: 1.5em;
	font-size: 1.1rem;
	text-align: center;
	transition: all .3s;
}
.modal_search_set a.clear_btn {
	padding: .8em 1em;
	background: #DBDBDB;
	color: var(--bs-dark);
	font-weight: 300;
}
.modal_search_set a.clear_btn:hover {
}
.modal_search_set a.search_btn {
	max-width: 160px;
	padding: .8em 2em;
	background: var(--bs-primary);
	color: var(--bs-white);
	font-weight: 500;
}
.modal_search_set a.search_btn:hover {
	background: var(--bs-primary-dark);
}



/* エリアのタブ */
.modal_area_search {
	display: flex;
}
.modal_subarea {
	width: 13em;
	flex-shrink: 0;
	flex-grow: 0;
}
.modal_mainarea {
	display: none;
	width: 80%;
	border: 1px solid var(--bs-dorapita);
}
.modal_mainarea.show {
	display: block;
}


.modal_sub_list li {
	position: relative;
}
.modal_sub_list li a {
	display: block;
	padding: 10px;
	color: #444;
	border-bottom: 1px solid var(--bs-dorapita02);
}
.modal_sub_list li a:after {
	position: absolute;
	right: 0.5em;
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #444;
}
.modal_sub_list li a.current {
	background: var(--bs-dorapita);
	color: var(--bs-white);
}
.modal_sub_list li a.current:after {
	color: var(--bs-white);
}
.modal_sub_list li a[area_count="0"] {
	color:var(--bs-gray-light02);
}
.modal_sub_list li a[area_count="0"]:after{
	color:var(--bs-gray-light02);
}
/* 県 */
.pref_check {
	padding: 5px;
	font-weight: 700;
	font-size: 1.1rem;
	background: var(--bs-dorapita04);
	border-top: 1px solid var(--bs-dorapita);
/*	border-bottom: 1px dotted var(--bs-dorapita);*/
	position: relative;
}

.modal_area_pref:first-of-type .pref_check {
	border-top: none;
}
.modal_area_pref > dt.no_rec{
	color:var(--bs-gray-light02);
}
.pref_check:before {
	content: "\f13a";
	position: absolute;
	top: 0;
	right: 15px;
	padding: 5px 0;
	font-family: 'Font Awesome 5 Free';
}
.pref_check.open:before {
	content: "\f139";
}
.modal_area_pref dd {
	display: none;
}
.modal_area_pref dd.no_rec {
	color:var(--bs-gray-light02);
}
.modal_area_pref_child dt {
	padding: 5px;
	font-weight: 500;
	font-size: 1rem;
	background: var(--bs-dorapita-light);
	border-top: 1px dotted var(--bs-dorapita02);
	border-bottom: 1px dotted var(--bs-dorapita02);
}
.modal_area_pref_child:first-of-type dt {
/*	border-top: none;*/
}
.modal_area_pref_child dt.no_rec {
	color: var(--bs-gray-light02);
}
.modal_area_pref_child dd {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}
.modal_area_pref_child dd > div {
	margin-right: 1em;
	width: 14em;
}
.modal_area_pref_child dd > div.no_rec {
	color: var(--bs-gray-light02);
}


/* モーダルのこだわり */
.modal_kodawari_title {
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 10px;
	background: var(--bs-dorapita);
	color: var(--bs-white);
	font-size: 1.1rem;
	font-weight: 500;
}
.modal_kodawari_title:first-of-type {
	margin-top: 0;
}




/* サイドのサブ項目 */
.job_list_side_sub {
	margin: 20px 0;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid var(--bs-dorapita);
	background: var(--bs-white);
}
.job_list_side_sub a.keyword_tag {
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px dotted var(--bs-dorapita);
	color: var(--bs-dorapita);
}
.side_keyword {
	display: flex;
	flex-wrap: wrap;
	font-size: .9rem;
}
.side_keyword li {
	margin: .2em 0;
}
.side_keyword li::after {
	display: inline-block;
	content: '/';
	margin: 0 .5em;
	color: var(--bs-dorapita02);
	border: none;
}
.side_keyword li:last-of-type::after {
	display: none;
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
	
}


/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	
	
	
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	
}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	
	
	
}




@media (max-width: 479px) {
	
}