@charset "utf-8";
/* CSS Document */
section{
	margin:50px auto;
}
.recruit.tiempo{
	background:#CFE5F9;
	margin-top:50px;
}
.recruit.tiempo .title{
	margin-bottom:30px;
}
.recruit.tiempo .inner{
	padding-top:30px;
	padding-bottom:30px;
	margin:20px auto 20px auto;
}
.recruit.tiempo .jobtitle{
	text-align:center; 
}
.recruit.tiempo table{
	margin:10px auto 10px 0;
}
.recruit.tiempo .todetail{
	margin:20px auto 20px 40px;
}
.recruit.tiempo .comment{
	line-height:20px;
}
.recruit .container{
	background:#F2F2F2;
	max-width:1000px;
	width:100%;
	margin:0 auto;
	border:0.5px solid #ffffff;
	padding:20px;
	box-sizing: border-box;
}
.recruit-topic{
	display:flex;
	justify-content: space-around;
	margin-bottom:20px;
	border-left:9px solid #FF0000;
}
.recruit-topic .body{
	width:85%;
	position:relative;
}
.recruit-topic .body .head{
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #111111;
}
.recruit-title{
	margin-top:10px;
	line-height:30px;
	display:block;
}
.btn.border{
	font-size:12px;
	/* font-style:italic; */
	text-decoration:none;
	text-align:center;
	width:150px;
	height:30px;
	line-height:30px;
	background:#FFFFFF;
	border:0.5px solid #C0C0C0;
	text-decoration: none;
	color:#111111;
	

}

.btn.border.torecruits{
	margin:0 auto;
	display:block;
}

.illust{
	max-width:61px;
}
.recruit-topic .body li{
	display:flex;
	padding:10px 0;
	font-size:14px;
}
.recruit-topic .body li h5{
	width:20%;
}
.recruit-topic .body li p{
	width:80%;
}

.inner p{
	line-height: 150%; 
}

@media screen and (max-width: 896px){
	.recruit.tiempo{
		margin-top:20px;
	}

	.recruit .container{
		max-width:600px;
		padding:10px;
	}
	.illust{
		max-width:61px;
		width:10%;
	}

	.recruit-topic{
		margin-bottom:20px;
	}

	.recruit-topic .body li{
		display:flex;
		flex-flow:column;
	}
    .recruit-topic .body li p{
        width:100%;
    }
	.recruit-topic .body li .name{
		font-weight:bold;
		margin-bottom:10px;
		width:100%
	}
	.recruit-title{
		display:block;
		width:100%;
	}
	.recruit-topic .head .btn.border{
			display:none;
	}
	.recruit-topic .btn.border.sp-only{
		display:block;
		width:100px;
		margin:0 auto;
	}

	.illust{
		max-width:61px;
	}


	.recruit-topic .content .name{
		width:30%;
	}
	.recruit-topics{
		margin-bottom:40px;
	}
  .recruit-topic .content .value{
		width:70%;
	}
}


/* list.php */
.recruitslist .card{
	background:#F2F2F2;
	border:0.5px solid #C0C0C0;
	margin:30px auto;
	padding:20px 10px;
	position:relative;

}

.recruitslist .head{
	position:relative;
	border-bottom:0.5px solid #C0C0C0;
	margin-bottom:10px;
	box-sizing: border-box;
}
.recruitslist .illust{
	max-width:26px;
	position:absolute;
	bottom:0;
	left:0;
}
.recruitslist h2{
	margin-left:40px;
	text-align:left;
	line-height:40px;
	font-size:24px;
	font-weight:bold;
	
}
.recruitslist table{
	margin-top:20px;
	width:100%;
}
.recruitslist table th,.recruitslist table td{
	text-align:left;
	padding:10px;
	line-height:20px;
}
.recruitslist table th{
	width:23%;
}
.recruitslist table td{
	width:77%;
}

.recruitslist table tr{
	border-bottom:0.5px dashed #C0C0C0;
}
.recruitslist .tags{
	margin:10px auto 30px 20px;
	display:flex;
}
.recruitslist .tags .tag{
	border-radius:4px;
	padding:5px 10px;
	margin-right:20px;
}
.recruitslist .tags .tag.new{
	color:#FFFFFF;
	background:#FF33CC;
}
.recruitslist .tags .tag.noNeedExp{
	background:#D0FF43;
}
.recruitslist .tags .tag.wanted{
	color:#FFFFFF;
	background:#FF0000;
}
.recruitslist .tags .tag.large{
	background:	#FFA500;
}
.btn.border2{
	font-size:12px;
	text-decoration:none;
	text-align:center;
	width:150px;
	height:30px;
	line-height:30px;
	background:#FFFFFF;
	border:0.5px solid #C0C0C0;
	text-decoration: none;
	color:#111111;
	display:block;
	position:absolute;
	bottom:25px;
	right:50px;
}
.btn.border2.new{
	position:static;
}


@media screen and (max-width: 896px){
	.recruitslist{
		margin-top:20px;
	}
	.recruitslist .card{
		padding:10px 10px;
	}
	.recruitslist .head{
		margin-bottom:10px;
		word-break: break-all;
		box-sizing: border-box;
	}
	.recruitslist .illust{
		max-width:22px;
		position:absolute;
		bottom:0;
		left:0;
	}
	.recruitslist .inner h2.title{
		margin:5px 0px 5px 35px;
		line-height:30px;
		font-size:20px;
		word-break: break-all;
		text-align:left;
		display:inline-block;
		width : calc(100% - 35px)
	}
	.recruitslist table{
		margin-top:10px;
		box-sizing: border-box;
	}
	.recruitslist table th,.recruitslist table td{
		padding:5px 10px;
		line-height:18px;
		font-size:14px;
	}
	.recruitslist table th{
		max-width:100%;
		width:100%;
		font-weight:bold;
		/* border-right:none; */
		box-sizing: border-box;
		/* padding-right:0; */
	}
	.recruitslist table td{
		width:100%;
		box-sizing: border-box;
	}
	.recruitslist table tr{
		max-width:100%;
		box-sizing: border-box;
	}
	.recruitslist table tbody{
		max-width:100%;
		
	}
	.recruitslist .tags{
		margin:10px auto 10px 5px;
		display:flex;
		flex-wrap:wrap;
	}
	.recruitslist .tags .tag{
		padding:5px;
		margin-right:5px;
		margin-bottom:5px;
		font-size:13px;
	}
	.btn.border2{
		display:block;
		position:static;
		margin:0 auto;
	}

	table, tbody, tr, th, td {
		display: block;
		max-width: 98%; /*スマホ画面ほぼ一杯に広がる感じ*/
	}
	

}
/* recruit.php */
.recruitslist .recruit_images{
	display:flex;
	justify-content: center;
	margin:10px auto;
}
.recruitslist .recruit_image{
	/* width:20%; */
}
.recruitslist .wrapper{
	display:flex;
	justify-content: center;
}
.recruitslist .wrapper .btn.border2.new{
	margin:10px;
}
.recruitslist .detailtable{
	margin:10px auto 20px;
	border:1px solid  #808080;
}
.recruitslist .detailtable tr{
	border-bottom:0.5px solid #C0C0C0;
}
.recruitslist .detailtable tr:last-child{
	border-bottom:none;
}
.recruitslist .detailtable th{
	border-right:1px solid  #808080;
	background:#EEEEEE;
}
.btn.border2.apply{
	margin:0 auto;
	position:static;
}

.recruitslist .detailtable.input #title, .recruitslist .detailtable.input #companyname, .recruitslist .detailtable.input textarea, .recruitslist .detailtable.input #language{
	width:100%;
	padding:5px;
	box-sizing: border-box;
	border-radius:2px;
	border:0.5px solid #C0C0C0;
	font-family:Meiryo, 'sans-serif';
}
.recruitslist .detailtable.input #tags label{
	margin-right:10px;
}
.recruitslist .detailtable.input th{
	vertical-align: top;
}
.recruitslist .detailtable.input tr:first-child th, .recruitslist .detailtable.input tr:nth-last-child(2) th, .recruitslist .detailtable.input tr:last-child th{
	vertical-align: middle;
} 
.recruitslist .detailtable.input textarea{
	height:50px;
}
.recruitslist .detailtable.input .images{
	display:flex;
	margin-bottom:10px;
}
.recruitslist .detailtable.input .images li{
	width:20%;
}
.recruitslist .detailtable.input .images .imgbox{
	position: relative;
	background:#111111;
}
.recruitslist .detailtable.input .images .imgbox:before{
	display: block;
	content: '';
	padding-top: 100%;

}
.recruitslist .detailtable.input .images .imgbox img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.btn.delete{
	background:#EEEEEE;
	color:blue;
	font-size:12px;
	padding:5px;
	border-radius:4px;
}
.errors{
	color:red;
}

@media screen and (max-width: 896px){
	.recruitslist .detailtable th{
		border-right:none;
	}
}

/*entryform*/
.recruitslist .itemspart tr{
	border-bottom:none;
}
form.entry .first{
	margin:20px auto 10px 0;
}
form.entry #name, form.entry #kana, form.entry #email, form.entry #email_confirm, form.entry #tel{
	width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 0.5px solid #C0C0C0;
	
}
form.entry #year, form.entry #month, form.entry #date, form.entry #post1, form.entry #post2{
	width:10%;
	padding: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 0.5px solid #C0C0C0;
}
form.entry .notice{
	margin-top:10px;
}