@charset "utf-8";
/* ブラウザのUA stylesheetをリセット */
.labelBox * ,
.sp_map * {
  margin: 0;
  padding: 0;
  font: inherit;
	list-style: none;
}
/* PC版レイアウト調整 */
.box_map {
	width: 960px;
	border: 1px solid #42A5F5;
	margin: 0 auto;
	background-color: #fff;
}
.box_map_inner {
	padding: 40px;
}

/* PC版地図＿ラベルの設定 */
.labelBox {
	z-index: 2;
  position: absolute;
  line-height: 1.2;
  text-decoration: none;
}
.labelBox a {
  text-decoration: none;
  color: #ccc;
  pointer-events: none;
  cursor: default;
}
.labelBox h3 {
  font-size: 20px;
  text-align: center;
  position: relative;
  line-height: 1.5;
  margin-bottom: 3px;
}
.labelBox ul {
  padding-right: 6px;
}
.labelBox li {
  display: inline-block;
  position: relative;
  padding: 0;
}
.pref a{
  display: inline-block;
  font-size: 14px;
}
.pref a::before {
  content: "・";
}
/* 求人がある地域・県 */
.enable h3 a,
.pref_enable a {
  color: #666;
  pointer-events: all;
  cursor: pointer;
}
.enable h3 a:hover,
.pref_enable a:hover {
  color: #42A5F5;
}
/* ラベルの位置調整 */
.area1 {
  top: 220px;
  left: 680px;
}
.area2 {
  top: 360px;
  left: 616px;
}
.area3 {
  top: 206px;
  left: 364px;
}
.area4 {
  top: 450px;
  left: 505px;
}
.area5 {
  top: 276px;
  left: 236px;
}
.area6 {
  top: 466px;
  left: 310px;
}
.area7 {
  top: 346px;
  left: 40px;
}
/* ラベルの線＿全体設定 */
.labelBox h3:before,
.labelBox h3:after {
  content: "";
  background-color: #ccc;
  position: absolute;
}
.enable h3:before,
.enable h3:after {
  content: "";
  background-color: #666;
  position: absolute;
}
.labelBox h3:before {
  height: 1px;
  bottom: 0;
}
.labelBox h3:after {
  width: 1px;
}
/* ラベルの線＿北海道・東北 */
.area1 h3:before {
  width: 110%;
  right: 0;
}
/* ラベルの線＿関東 */
.area2 h3:before {
  width: 110%;
  right: 0;
}
/* ラベルの線＿甲信越・北陸 */
.area3 h3:before {
  width: 100%;
  left: 0;
}
.area3 h3:after {
  height: 180%;
  top: 30px;
  right: 0;
}
/* ラベルの線＿東海 */
.area4 h3:before {
  width: 100%;
  left: 0;
}
.area4 h3:after {
  height: 50px;
  bottom: 0;
  left: 0;
}
/* ラベルの線＿関西 */
.area5 h3:before {
  width: 100%;
  left: 0;
}
.area5 h3:after {
  height: 150%;
  top: 30px;
  right: 0;
}
/* ラベルの線＿中国・四国 */
.area6 h3:before {
  width: 100%;
  left: 0;
}
.area6 h3:after {
  height: 40px;
  bottom: 0;
  left: 0;
}
/* ラベルの線＿九州・沖縄 */
.area7 h3:before {
  width: 112%;
  left: 0;
}
.area7 h3:after{
  height: 16px;
  top: 30px;
  right: -12%;
}
/* PC版地図＿画像設定 */
.pc_map {
	background: url('img/base.png') no-repeat;
	display: block;
	height: 494px;
	margin: 0 143px;
	position: relative;
	width: 594px;
}
.pc_map area {
  cursor: default;
}
.enable_area div{
	background-repeat: no-repeat;
	height: 494px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 594px;
}
.enable_area .area_1{ background-image: url('img/area_1_enable.png'); }
.enable_area .area_2{ background-image: url('img/area_2_enable.png'); }
.enable_area .area_3{ background-image: url('img/area_3_enable.png'); }
.enable_area .area_4{ background-image: url('img/area_4_enable.png'); }
.enable_area .area_5{ background-image: url('img/area_5_enable.png'); }
.enable_area .area_6{ background-image: url('img/area_6_enable.png'); }
.enable_area .area_7{ background-image: url('img/area_7_enable.png'); }
.enable_area .area_1.hover{ background-image: url('img/area_1.png'); }
.enable_area .area_2.hover{ background-image: url('img/area_2.png'); }
.enable_area .area_3.hover{ background-image: url('img/area_3.png'); }
.enable_area .area_4.hover{ background-image: url('img/area_4.png'); }
.enable_area .area_5.hover{ background-image: url('img/area_5.png'); }
.enable_area .area_6.hover{ background-image: url('img/area_6.png'); }
.enable_area .area_7.hover{ background-image: url('img/area_7.png'); }

/* フリーワード検索の設定 */
.wrap_form_area {
	background-color: #f2f2f2;
	padding: 16px 36px;
	margin-top: 60px;
}
/* .wrap_form_area form {
  margin-block-end: 0;
} */
.form_area input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 31px;
	padding: 0 6px;
	width: 580px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 14px;
}
.form_area button[type="submit"] {
	background-color: #2A7EF5;
	border: none;
	cursor: pointer;
	height: 31px;
	width: 96px;
	color: #fff;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form_area button[type="submit"] img {
	width: 16px;
	vertical-align: middle;
	margin-right: 6px;
}

/* スマホ版地図の設定 */
.sp_map,
.sp_area_title,
.sp_area_title ul {
	display: none;
}
.sp_map p{
	text-align: left;
}

@media screen and (max-width: 768px) {
  /* SP版レイアウト調整 */
	.box_map {
		width: 100%;
	}
	.box_map_inner {
		padding: 20px;
	}
	/* PC版地図を非表示 */
	.pc_map,
	.labelBox {
		display: none;
	}
	/* リストの設定 */
	.sp_map {
		border-bottom: 1px solid #333;
		display: block;
	}
	p.sp_map_title {
		padding-bottom: 10px;
		text-align: center;
	}
	.sp_area_title p {
		border-top: 1px solid #333;
		margin-bottom: 0;
		padding: 10px 0 10px 15px;
	}
	.sp_pref_title a {
    border-top: 1px dashed #666;
		color: #666;
		padding: 10px 35px;
		display: block;
    text-decoration: none;
	}
  .sp_pref_title:nth-of-type(1) a {
    border-top: 1px solid #666;
  }

	/* フリーワード検索の設定 */
	.wrap_form_area {
		padding: 20px;
    margin-top: 40px;
	}
	.form_area input[type="text"] {
		height: 46px;
		width: 100%;
		margin: 10px 0;
	}
	.form_area button[type="submit"] {
		height: 46px;
		width: 100%;
	}
}