.icon_sei::before{
	content: "正";
	color: #FFF;
	background: #F7AC00;
	border-radius: 4px;
	padding: 0 4px;
	margin-right: 10px;
}
.icon_sya::before{
	content: "社";
	color: #FFF;
	background: #F7AC00;
	border-radius: 4px;
	padding: 0 4px;
	margin-right: 10px;
}
.icon_a::before{
	content: "ア";
	color: #FFF;
	background: #F7AC00;
	border-radius: 4px;
	padding: 0 4px;
	margin-right: 10px;
}
.icon_chi::before{
	content: "地";
	color: #FFF;
	background: #F7AC00;
	border-radius: 4px;
	padding: 0 4px;
	margin-right: 10px;
}
.icon_zi::before{
	content: "時";
	color: #FFF;
	background: #F7AC00;
	border-radius: 4px;
	padding: 0 4px;
	margin-right: 10px;
}
.icon_kyu::before{
	content: "休";
	color: #FFF;
	background: #F7AC00;
	border-radius: 4px;
	padding: 0 4px;
	margin-right: 10px;
}
.flex{
	display: flex;
	justify-content: space-around;
	margin: 20px 0;
}
.flex div{
	width: 40%;
}
.campany_date{
	background: #DDD;
	padding: 20px;
	margin: 40px 0;
}
.campany_date a{
	border: solid 2px;
	text-align: center;
	width: 40%;
	padding: 10px 0;
	margin: 10px auto;
	display: block;
	transition: 0.3s
}
.campany_date a:hover{
	color: #FFF;
	border: solid 2px rgba(255,255,255,0);
	background: #00796b;
}

@media screen and (min-width: 64em){
	.post-single h1{
		font-size: 2.6rem;
	}
	.post_card-wrap{
		justify-content: space-around;
	}
	.shigoto_post .post_card:nth-child(3n-1){
		margin-right: 0;
		margin-left: 0;
	}
	.shigoto_post .post_card:nth-child(2n-1){
		margin-right: auto;
	}
	.shigoto_post .post_card{
		width: 450px;

		position: relative
	}
	.shigoto_post .post_card img{
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.shigoto_post .post_card h3{
		margin-bottom: 20px;
		background: rgba(31,31,31,0.7);
		color: #FFF;
		position: absolute;
		font-size: 1.6rem;
		font-weight: 500;
		padding: 5px;
		top: 0;
		z-index: 40;
		border-left: none;
		width: 100%;
	}
	
	
	.shigoto_post .post_card .text_wrap{
		background: rgba(255,255,255,0.7);
		border: solid 1px #555;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px 20px;
		width: 100%;
		z-index: 30;
	}
	.shigoto_post .post_card h2{
		font-size: 2.2rem;
		color: #555;
		text-align: center;
		font-weight: 500;
		margin: 0 ;
		z-index: 20;
	}

	.shigoto_post .post_card a p.icon_chi{
		position: absolute;
	}
	.shigoto_post .post_card a p.company{
		text-align: right;
	}
	.shigoto_post  p.bnr_more{
		background: #F7AC00;
		color: #FFF;
		text-align: center;
		font-size: 1.8rem;
		border: solid 2px ;
		border-radius: 6px;
		width: 60%;
		margin:  10px auto;
		transition: 0.5s;
	}
	.shigoto_post a:hover  p.bnr_more{
		background: #FFF;
		color: #F7AC00;
	}
	.post-single h2{background: none;}
	.post-single h3{border-left: none;}
	.post-single .etc_job h3{
		font-size: 1.6rem;
		border-left: none;
	}
	.post-single .etc_jobs{
		margin-top: 40px;
		padding-top: 40px;
		border-top: solid 1px #CCC;
	}
	
	
	table{
		margin-bottom: 30px;
	}
	table tr th{
		width: 20%;
	}
	table tr th,table tr td{
		border-bottom: dotted 1px;
		vertical-align: top;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.img_box3{
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.img_box3 > div{
		width: 30%;
	}
	.img_box3 > div img{
		width: 100%;
		max-height: 135px;
		object-fit: cover;
		object-position: 0% 50%;
	}
	.img_box3 > div.bg_yellow{
		width: 32%;
		border:1px solid #F7AC00;
	}
	.img_box3 > div.bg_yellow h3{
		color: #FFF;
		background: #F7AC00;
		font-size: 1.6rem;
	}
	.img_box3 > div.bg_yellow p{
		padding: 5px;
	}

	.wpcf7{
		margin-bottom: 40px;
	}
	a.entry_bnr01,a.entry_bnr02{
		margin: 0 auto 20px auto;
		border: solid 2px rgba(0,0,0,0);
		border-radius: 6px;
		background: #555;
		color: #FFF;
		text-align: center;
		display: block;
		transition: 0.2s;
	}
	a.entry_bnr01{
		width: 40%;
		margin: 0px 0 20px auto;
		padding: 2px 8px; 

	}
	a.entry_bnr02{
		width: 60%;
		margin: 20 auto 20px auto;
		padding: 8px 8px; 
		
	}
	a.entry_bnr:hover{
		border: solid 2px;
		border-radius: 6px;
		background: #FFF;
		color: #555;
	}
	.wpcf7 textarea{
		width: 80%;
	}

	.etc_jobs{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.etc_job{
		width: 30%;
		border: solid 1px #555;
		padding: 10px;
		margin-right: 3%;
		margin-bottom: 10px;
	}
	.etc_job img{
		width: 100%;
    height: auto;
	}
}
@media screen and (max-width: 63em){
	.shigoto_post .post_card{
		position: relative
	}
	.shigoto_post .post_card img{
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.shigoto_post .post_card h3{
		margin-bottom: 20px;
		width: 100%;
		background: rgba(31,31,31,0.7);
		color: #FFF;
		font-size: 1.6rem;
		font-weight: 500;
	padding: 5px;
		position: absolute;
	}
	
	
	.shigoto_post .post_card .text_wrap{
		background: rgba(255,255,255,0.6);
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 5px 10px;
		width: 100%;
		font-weight: 500;
	}
	.shigoto_post .post_card h2{
		font-size: 1.8rem;
		color: #555;
		text-align: center;
		font-weight: 500;
		margin: 0 ;
	}
	.shigoto_post .post_card a p.icon_chi{
		display: none;
	}

	.shigoto_post .post_card a p.company{
		text-align: right;
	}
	
	.shigoto_post  p.bnr_more{
		background: #F7AC00;
		color: #FFF;
		text-align: center;
		font-size: 1.8rem;
		border: solid 2px ;
		border-radius: 6px;
		width: 60%;
		margin:  10px auto;
		transition: 0.5s;
	}
	.shigoto_post a:hover  p.bnr_more{
		background: #FFF;
		color: #F7AC00;
	}

	table tr th{
		width: 20%;
	}
	table tr th,table tr td{
		border-bottom: dotted 1px;
		vertical-align: top;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
		table{
		margin-bottom: 30px;
	}
		a.entry_bnr01,a.entry_bnr02{
		width: 60%;
		margin: 0 auto 20px auto;
		border: solid 2px rgba(0,0,0,0);
		border-radius: 6px;
		background: #555;
		color: #FFF;
		text-align: center;
		padding: 2px 8px; 
		display: block;
		transition: 0.2s;
	}
	a.entry_bnr01:hover,a.entry_bnr02:hover{
		border: solid 2px;
		border-radius: 6px;
		background: #FFF;
		color: #555;
	}
	.etc_jobs{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-top: 30px;
		border-top: solid 1px #ccc;
	}
	.etc_job{
		border: solid 1px #555;
		padding: 5px;
		margin-right: 3%;
		margin-bottom: 30px;
		
	}
	.etc_job img{
		width: 100%;
    height: auto;
	}
		.img_box3 > div.bg_yellow h3{
		color: #FFF;
		background: #F7AC00;
		font-size: 1.8rem;
		border-left: none;
	}
	.campany_date a{
	width: 70%;
	}
}