@charset "UTF-8";

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

/* 都道府県トップ */
.page_title_pref {
	padding-top: 80px;
	padding-bottom: 0;
}

.serch_area_tab_sp {
	display: none;
}
.serch_area_tab {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 10px;
	z-index: 3;
}
.serch_area_tab li {
	margin: 0 4px;
}
.serch_area_tab li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 15px 30px;
	border-radius: 8px 8px 0 0;
	background: var(--bs-dorapita);
	color: var(--bs-white);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
}
.serch_area_tab li.current a {
	background: var(--bs-white);
	color: var(--bs-dark);
	font-size: 1.6rem;
}




.title_pref_21 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_21.png);
}
.title_pref_22 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_22.png);
}
.title_pref_23 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_23.png);
}
.title_pref_24 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_24.png);
}
.title_pref_25 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_25.png);
}
.title_pref_26 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_26.png);
}
.title_pref_27 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_27.png);
}
.title_pref_28{
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_28.png);
}
.title_pref_29 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_29.png);
}
.title_pref_30 {
	background-image: url(../../img/front/new_dorapita/pref_title/page_title_30.png);
}












/* 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) {
	.page_title_pref {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.serch_area_tab {
		display: none;
	}
	.serch_area_tab_sp {
		position: relative;
		display: flex;
		margin: 20px 0 0;
		padding: 0 3%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		z-index: 10;
	}
	.serch_area_tab_sp::before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #ccc;
		z-index: 10;
	}
	.serch_area_tab_sp::-webkit-scrollbar {
		height: 3px;
	}
	.serch_area_tab_sp::-webkit-scrollbar-track {
		border-radius: 3px;
		background: #F5F6F6;
	}
	.serch_area_tab_sp::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #c5c6c6;
	}
	
	.serch_area_tab_sp li {
		position: relative;
		margin: 0 4px 0px;
		z-index: 20!important;
	}
	.serch_area_tab_sp li a {
		display: block;
		height: 100%;
		padding: 10px 20px;
		border-radius: 3px 3px 0 0;
		border-bottom: 1px solid #ccc;
		background: var(--bs-dorapita);
		color: var(--bs-white);
		font-weight: 700;
		line-height: 1;
	}
	.serch_area_tab_sp li.current a {
		background: var(--bs-white);
		border: 1px solid #ccc;
		border-bottom: 1px solid var(--bs-white);
		color: var(--bs-dark);
	}
	
	
	
}


/* 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) {
	
}