#work{
	margin: 40px 45px 50px;
}

.search_options{
    width: calc(100% - 72px);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 40px;
    background-color: #f9f7f7;
    border-radius: 30px;
}

.search_left, .search_right{
}

.search_left{
	width:50%;
}

.search_right{
	width:50%;
    background-size: contain;
    background-repeat:no-repeat;
    margin-top: 15px;
    background-color: #ffffff;
    border-radius: 30px;
}

.search_right > div{
	padding:0 10px;
}

.search_title{
	font-size:22px;
	margin-top: 35px;
    margin-left: 15px;
    padding-bottom: 8px;
}

.search_title > div:before{
	content: "";
    display: inline-block;
    background-image: url(../css/images/area_search_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
}

.search_area > div{
	height:290px;
	position:relative;
	font-size: 14px
}

.area_img{
	background-image: url(../css/images/area.jpg);
    background-size: cover;
    margin: 40px 0px 60px;
}

.area_img_sp{
	display:none;
}

.search_button_sp{
	display:none;
}

.search_button > button{
    display: flex;
    justify-content: space-between;
    padding: 13px 10px;
    position: relative;
    border: none;
    width: 360px;
    color: #ffffff;
    margin:25px auto;
    background-image: url(../css/images/search_option_button.jpg);
    background-size: cover;
}

.search_button_text_en{
    letter-spacing: 1px;
    font-size: 11px;
    padding: 10px 10px 10px 40px;
}

.search_button_text_ja{
    letter-spacing: 1px;
    font-size: 22px;
    padding-right: 60px;
}



#misato{
	position:absolute;
	background-image: url(../css/images/area_misato.jpg);
    background-size: cover;
    top: 7px;
    left: 195px;
    padding:0 4px;
}

#gumma{
	position:absolute;
	background-image: url(../css/images/area_gumma.jpg);
    background-size: cover;
    top: 45px;
    right: 63px;
    padding:0 4px;
}

#kurabuchi{
	position:absolute;
	background-image: url(../css/images/area_kurabuchi.jpg);
    background-size: cover;
    top:92px;
    left:6px;
    padding:0 4px;
}

#takasaki{
	position:absolute;
	background-image: url(../css/images/area_takasaki.jpg);
    background-size: cover;
    top: 96px;
    right: 10px;
    padding:0 4px;
}

#haruna{
	position:absolute;
	background-image: url(../css/images/area_haruna.jpg);
    background-size: cover;
    top: 134px;
    left: 120px;
    padding:0 4px;
}

#shinmachi{
	position:absolute;
	background-image: url(../css/images/area_shinmachi.jpg);
    background-size: cover;
    bottom: 79px;
    right: 63px;
    padding:0 4px;
}

#yoshii{
	position:absolute;
	background-image: url(../css/images/area_yoshii.jpg);
    background-size: cover;
    bottom: -8px;
    right: 90px;
    padding:0 4px;
}

#all{
	position:absolute;
	bottom: 8px;
    left: 12px;
}

#all div{
	font-size:12px;
}

#all span{
	background-color: #ffffff;
	font-size:13px;
}


.detail_options{
	text-align:center;
	font-size:15px;
	margin:7px auto;
}

.waku{
	border: 7px solid #f6f6f6;
	border-radius: 15px;
	margin-bottom: 5px;
}

.option_head{
	border-bottom:1px solid #dfe6e8;
}

.option_head .checkbox_sentence{
	background-color: #f6f3f0
}

/* .option_head .checkbox_sentence::before{ */
/* 	top:3px; */
/* 	left:3px; */
/* } */

.employment div,
.credential div,
.facility div,
.feature div{
	font-size:12px;

}

.employment > div,
.credential > div,
.facility > div,
.feature > div{
	padding: 0 20px 0 20px;
	margin:10px auto;
}

.option_name{
	display:inline-block;
	font-size:14px;
/* 	padding-right:22px; */
	color:#fc407a;
	font-weight: bold;
	width:100px;
}

.option_name::before{
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #cccccc;
	margin-right:5px;
}

.employment .flex,
.credential .flex,
.facility .flex,
.feature .flex{
	flex-wrap: wrap;
}

.employment .flex li,
.credential .flex li,
.facility .flex li,
.feature .flex li{
	width:30%;
	letter-spacing:0px;
}

.employment .flex li:nth-child(2),
.employment .flex li:nth-child(5),
.credential .flex li:nth-child(2),
.credential .flex li:nth-child(5),
.facility .flex li:nth-child(2),
.feature .flex li:nth-child(2),
.feature .flex li:nth-child(5),
.feature .flex li:nth-child(8){
	width:39%;
	font-size:12px;
}

.checkbox_sentence{
	padding-left:22px;
}

.checkbox_sentence_after{
	padding-left:22px;
}

.checkbox_sentence_disabled{
	position: relative;
	padding-left:22px;
}

.checkbox_sentence_disabled::before {
    position: absolute;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    border: 1px solid #e92360;
    cursor: pointer;
    background-color:#808080;
    opacity:0.3;
}

.search_keyword{
	width: 575px;
	margin:50px auto;
	background-color:#f6f6f6;
	padding: 5px 5px;
    border-radius: 20px;
}

.keyword{
	width:calc(100% - 28px);
	height: 45px;
    border: 1.7px solid #f6f6f6 !important;
    border-radius: 10px !important;
    padding-left: 24px !important;
}

.search_result{
	font-size: 18px;
	color: #fc407a;
	border-bottom:solid 1px #fc407a;
	padding:0 15px 5px 15px;
}

.work_image_block{
    width: 27%;
}

.work_image{
	height: 130px;
	text-align: center;
}

.work_image img{
	height: 130px;
}

.circle_mark{
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
	height:26px;
	width:27px;
	border:1px solid #ffffff;
	border-radius:50%;
	background-color:#fc407a;
}

.circle_mark > .border_line{
	position:absolute;
	top:8px;
	left:7px;
	width:7px;
	height:7px;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	transform:rotate(-45deg);
}

.tag_list{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}

.tag_list > li{
	border: 1px solid #dfe6e8;
    border-radius: 45px;
    font-size: 12px;
    background-color: #f9f7f7;
    padding: 0px 10px 0 2px;
    margin: 2px;
}

.tag_close{
	width: 18px;
	height: 18px;
	vertical-align:middle;
}

.search_keyword > div{
	position:relative;
}

#searchbutton {
	position:absolute;
	display:inline-block;
	cursor:pointer;
	top:12px;
	right:15px;
	padding:5px;
}

.jobs_detail a{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}


/***** お仕事情報詳細画面 *****/

#work_detail{
	letter-spacing: initial;
    line-height: initial;
}

.work_detail_top{
	margin:0 25px;
	padding:25px 0;
}
.work_detail_top > div{
	background-color: #ffffff;
	padding:25px 35px 25px;
}

.job_cmp_name{
	color: #fc407a;
	margin-top:0.83em;
	margin-bottom:0.83em;
	font-size:24px;
	font-weight:bold;
}

.job_category{
    display: flex;
    justify-content: space-between;
}

.job_employ_detail{
    display: flex;
    flex-wrap: wrap;
}

.work_detail_top .job_employ_detail{
	max-width: 80%;
}

.job_employ_detail li{
	display:inline-block;
	margin:1px;
}

.job_cmp_pr_detail{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 14px;
	overflow-wrap: break-word;
}

#work_detail > div{
	padding:0px;
}

#work_detail .koumoku_name{
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#work_detail .koumoku_name:before{
	background-image:none;
	background-size:auto;
	width:auto;
	height:auto;
	margin:5px;
	background-color:#e8e2ea;
	border-radius:10px;
	padding-right:0px;
}

#work_detail .submit_value{
	padding-top:10px;
	padding-bottom:10px;
}

.submit_value a {
	color: -webkit-link;
	color: 	#1a73e8;
}
.job_cmp_pr_detail a{
	color: -webkit-link;
	color: 	#1a73e8;
}
.submit_value a:visited{
	color: 	#663399;
}
.job_cmp_pr_detail a:visited{
	color: 	#663399;
}

.form_block > div{
	background-color:#ffffff;
	margin:5px auto;
}

.work_detail_button a{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.detail_bottom .flex{
	justify-content: space-between;
	font-size:15px;
}

.detail_bottom .text{
	padding-top:15px;
}

.detail_bottom .text::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
	margin-right:5px;
	background-color:#e92360;
	border-radius:10px;
}

.detail_bottom .text > span{
	vertical-align: text-bottom;
}

.next_btn_detail {
	font-size:18px;
    padding: 10px 60px 10px 45px ;
    border: 3.5px solid #e92360;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background-color: #e92360;
}

.next_btn_detail:hover {
  opacity       : 0.8;
}

/***** slick　CSS *****/
.slider-1 .slick-slide {
	width: 800px;
	height: 540px;
	margin: 0 80px;
	position: relative;
	overflow: hidden;
}
.slider-1 .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.slider-1 .slick-arrow {
	width: 30px;
	height: 30px;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: 255px;
	z-index: 1;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-1 .slick-arrow::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255,255,255,0.7);
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
}
.slider-1 .slick-next {
  right: 0;
}
.slider-1 .slick-prev {
  left: 0;
}
.slider-1 .slick-next::before {
  left: 7px;
}
.slider-1 .slick-prev::before {
  border-width: 0 0 2px 2px;
  right: 7px;
}
.dots-1 .slick-dots {
  text-align: center;
}
.dots-1 .slick-dots li {
  display: inline-block;
}
.dots-1 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
.dots-1 .slick-dots .slick-active button {
  background: #0a467d;
}

.workplace{
	margin:0 0 8px;font-size:18px;font-weight:bold;
	color: #4c4b4bd1
}
.favorite_icon {
	min-width: calc(4rem + 20px);
}
.searchlist_1{
	width: 120px;
}

/***** レスポンシブ *****/
@media screen and (max-width: 768px) {
	#work{
		margin:30px 0 0 0;
	}

	.search_options{
		width:auto;
		padding:0;
	}

	#frmOption{
		display:block;
	}

	.search_left ,
	.search_right{
		width:auto;
	}

	.search_title{
		text-align: center;
		font-size:3.8vw;
		margin:0;
	}

	.search_title > div{
		padding-top: 15px;
	}

	.search_title > div:before {
		width:7vw;
		height:7vw;
		margin-right:1vw;
	}

	.search_area > div{
		font-size: 2.25vw;
		margin:30px auto;
		height:auto;
	}

	.area_img{
		background-image:none;
		margin:0;
	}

	.area_img_sp{
		display:block;
		height:100%;
		width:100%;

	}

	.checkbox_sentence{
		padding-left: 16px;
	}

	#misato,#gumma,
	#kurabuchi,#takasaki,
	#haruna,#shinmachi,
	#yoshii,#all
	{
		height:20px;
		padding:0 2px 0 0;
	}

	#misato{
		top: 1%;
	    left: 43%;
	}

	#gumma{
		top: 12%;
		left: 67%;
    	right: unset;
	}

	#kurabuchi{
		top: 29%;
		left: 6%;
	}

	#takasaki{
		top: 30%;
		right: unset;
		left:78%;
	}

	#haruna{
		top: 43%;
		left: 30%;
	}

	#shinmachi{
		top: 51%;
		right: unset;
		left: 78%;
	}

	#yoshii{
		top: 93%;
		right: unset;
		left: 62%;
	}

	#all{
		top: 84%;
		left: 3.5%;
	}

	#all div,#all span{
		font-size:2.8vw;
	}

	#all span{
		padding:0;
	}

	#all span #area_id{
	    display: inline-block;
	    padding: 10px 0 0 16px;
	}

	.search_right{
		margin:15px 5px 0 5px;
	}

	.detail_options{
		font-size:3.8vw;
		padding-top:10px;
		margin:0;
		border-bottom: 1px solid #dfe6e8;
	}

	.waku{
		border:0px solid #f6f6f6;
	}

	.work_image_block{
		width:auto;
	}

	.employment > div,
	.credential > div,
	.facility > div,
	.feature > div{
		padding:0;
		font-size:3vw;
	}

	.circle_mark{
		width:15px;
		height:15px;
	}

	.circle_mark > .border_line{
		position: absolute;
	    top: 5px;
	    left: 5px;
	    width: 4px;
	    height: 4px;
	    border-right: 1px solid #ffffff;
	    border-bottom: 1px solid #ffffff;
	    transform: rotate(-45deg);
	}


	.search_button{
		display:none;
	}

	.search_button_sp{
		display:block;
		padding:10px 0 20px 0;
	}

	.search_button_sp > button{
	    display: flex;
	    position: relative;
	    border:0;
	    color: #ffffff;
	    background-image: url(../css/images/search_option_button.jpg);
	    background-size: contain;
		background-repeat: no-repeat;
		background-color: transparent;
		margin: 0px auto;
	}

	.search_button_text_en{
		font-size:3vw;
		padding:13px;
	}

	.search_button_text_ja{
		font-size:3.2vw;
		padding-top: 7px;

	}

	.employment .flex,
	.credential .flex,
	.feature .flex{
		font-size: 2.75vw
	}

	.employment .flex li,
	.credential .flex li,
	.facility .flex li,
	.feature .flex li{
		width:33%;
		letter-spacing:0px;
	}

	.employment .flex li:nth-child(2),
	.employment .flex li:nth-child(5),
	.credential .flex li:nth-child(2),
	.credential .flex li:nth-child(5),
	.facility .flex li:nth-child(2),
	.feature .flex li:nth-child(2),
	.feature .flex li:nth-child(5),
	.feature .flex li:nth-child(8){
		width:33%;
		font-size:2.75vw;
	}


	.jobs_detail a{
		left:0;
	}

	.search_keyword{
		width:auto;
		border-radius:5px;
	}

	.keyword{
		height:25px;
	}

	#searchbutton{
		top: 0px;
		right: 6px;
	}

	.search_result{
		font-size:3.5vw;
	}

	.tag_list > li {
	    border-radius: 10px;
	    font-size: 10px;
	    background-color: #f9f7f7;
	    padding: 0px 3px 0 2px;
	    margin: 2px;
	}

	.tag_close {
	    width: 12px;
	    height: 12px;
		margin: 0px 4px 2px 2px;
	}

	.checkbox_sentence_disabled{
		padding-left:16px;
	}

	.checkbox_sentence_disabled::before{
		width: 13px;
    	height: 13px;
    	top:-1px;
	}

	/* slick */

	.slider-2 .slick-slide {
		width: 800px;
		width: 80vw;
		height: 540px;
		height: 80vw;
		margin: 0 80px;
		position: relative;
		overflow: hidden;
	}
	.slider-2 .slick-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.slider-2 .slick-arrow {
		width: 30px;
		height: 30px;
		background-color: rgba(0,0,0,0.4);
		cursor: pointer;
		border: none;
		outline: none;
		font-size: 0;
		position: absolute;
		top: 255px;
		top: 38vw;
		z-index: 1;
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	}
	.slider-2 .slick-arrow::before {
	    content: '';
	    display: block;
	    width: 10px;
	    height: 10px;
	    border: 1px solid rgba(255,255,255,0.7);
	    border-width: 2px 2px 0 0;
	    position: absolute;
	    top: 8px;
	    transform: rotate(45deg);
	}
	.slider-2 .slick-next {
	  right: 0;
	}
	.slider-2 .slick-prev {
	  left: 0;
	}
	.slider-2 .slick-next::before {
	  left: 7px;
	}
	.slider-2 .slick-prev::before {
	  border-width: 0 0 2px 2px;
	  right: 7px;
	}
	.dots-2 .slick-dots {
	  text-align: center;
	}
	.dots-2 .slick-dots li {
	  display: inline-block;
	}
	.dots-2 .slick-dots button {
	  display: block;
	  width: 10px;
	  height: 10px;
	  margin: 6px;
	  font-size: 0;
	  padding: 0;
	  border: 0;
	  outline: none;
	  cursor: pointer;
	  background: #bcbcbc;
	  border-radius: 50%;
	}
	.dots-2 .slick-dots .slick-active button {
	  background: #0a467d;
	}

	/* お仕事詳細画面 */

	.contents_block {
	    margin: 0 2.5vw;
	}
	.work_detail_top .job_employ_detail{
		max-width: 100%;
	}

	.job_cmp_detail{
		display:flex;
		justify-content:space-between;
		font-size:2.5vw;
		margin-top:2vw;
	}

	.job_cmp_detail span{
		font-size:3.5vw;
	}

	.favorite_icon_off::before {
	    content: "";
	    background-image: url(../css/images/favorite_off.jpg);
	    background-repeat: no-repeat;
	    background-size: contain;
	    vertical-align: bottom;
	    padding-left: 20px;
	}

	.favorite_icon_on::before {
	    content: "";
	    background-image: url(../css/images/favorite_on.jpg);
	    background-repeat: no-repeat;
	    background-size: contain;
	    vertical-align: bottom;
	    padding-left: 20px;
	}

	.favorite_icon_off::after {
		display:none;
	}

	.favorite_icon_on::after {
		display:none;
	}

	#work_detail > div {
		display: block;
	}

	.work_detail_top {
	    margin: 0 2.5vw;
	    padding: 2.5vw 0;
	}

	.work_detail_top > div {
	    background-color: #ffffff;
	    padding: 1vw 1.5vw 1vw;
	}

	#work_detail .koumoku_name{
		padding: 2vw;
		font-size: 3.5vw;
	}

	#work_detail .submit_value{
		padding: 2vw;
    	padding-left: 32px;
		font-size: 3.25vw;
	}

	.contents_block .flex{
	    display: block;
	}

	.contents_block .flex .text{
		font-size:2.7vw;
		letter-spacing: 0px;
	}

	.detail_bottom .text::before {
		width: 3vw;
		height: 3vw;
/*     	margin-bottom: 1vw; */
	}

	.work_detail_button{
		display: flex;
		justify-content: center;
   		height: 12vw;
	}

	.work_detail_button .circle_mark{
	    width: 9vw;
	    height: 9vw;
	}

	.work_detail_button > button {
		font-size: 5vw;
    	width: 78vw;
    	padding: 1.25vw 10px;

	}

	.button_text {
/* 	    padding-top: 2vw; */
	    padding-top: 1.5vw;
	    padding-left: 6vw;
	}

	.work_detail_button .circle_mark .border_line {
	    border-right: 3px solid #fc407a;
	    border-bottom: 3px solid #fc407a;
/* 	    top: 3vw; */
	    top: 2.5vw;
	    left: 2vw;
	    width: 3vw;
	    height: 3vw;
	}

}

@media screen and (max-width: 456px) {
	.area_img_sp{
/* 		height:70%; */
		margin:10px auto;
	}

}