.recruit { position: relative;}
.recruit:before { content: ""; width: 100%; top: 0; position: absolute; height: 100%; background: rgba(145, 120, 0, 0.6); z-index: 2; display:inline-block;}
.recruit-bg { background: url(../../img/recruit/bg1.png) center top no-repeat; background-size: cover; height: 618px; overflow: hidden;}
.recruit-bg-text { position: relative; z-index: 3;
text-align: center;
width: max-content;
width: intrinsic;           /* Safari/WebKit uses a non-standard name */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content; /* Chrome */
 top:50%; left:50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.recruit-button { display: block; margin-top: 60px;}
.recruit-button a { display: inline-block; padding: 0 40px;}

.recruit-row { margin: 60px 0;}
.recruit-title { margin-bottom: 30px; margin-top: 60px;}
.recruit-photo { width: 50%; display: inline-block; vertical-align: middle;}
.recruit-content { width: 50%; display: inline-block; vertical-align: middle; padding: 0 90px;}
.recruit-faq { margin-bottom: 50px;}
.recruit-faq:last-child { margin-bottom: 0;}
.recruit-q { font-size: 16px; font-weight: bold; line-height: 160%;}
.recruit-a { font-size: 16px; font-weight: normal; line-height: 160%; border-top: 1px solid #ccc; padding-top: 10px; margin-right: 50px;}

.recruit-faq-title {
width: max-content;
width: intrinsic;           /* Safari/WebKit uses a non-standard name */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content; /* Chrome */
font-size: 24px; margin-top: 10px; line-height: 140%; position: relative; background: url(../../img/recruit/bg-title.png) bottom 5px left repeat-y;
}

.recruit-maps { height: 280px; margin: 15px 0 50px 0; display: flex; text-align: center; align-items: center; justify-content: center;}

#tag1, #tag2 { position: relative; top: -110px;}


@media screen and (max-width:767px) {
  .recruit-bg { height: 400px; padding: 20px;}
  .recruit-bg-text { width: 100%;}
  .recruit-button { margin-top: 20px;}
  .recruit-button a { padding: 0px; margin-bottom: 20px;}
  .faq { padding: 0 15px;}
  .recruit-photo { width: 100%; margin-bottom: 20px;}
  .recruit-content { width: 100%; padding: 0; margin-bottom: 40px;}
  .recruit-faq { margin-bottom: 20px;}
  .recruit-faq-title { font-size: 18px; background: url(../../img/recruit/bg-title.png) bottom left repeat-y;}
}

.b-syoku{
	font-weight:bold;
	font-size:115%;
}
.b-youkou{
	clear:both;
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:160%;
	margin-bottom:60px;
}
.b-youkou tr{
	border-bottom:solid 1px #999;
}
.b-youkou td{
	padding:10px;
	vertical-align:top;
}
.b-youkou td:first-child{
	width:20%;
	padding-left:5%;
}
	@media screen and (max-width:767px) {
		.b-youkou td:first-child{
			padding-left:10px;
		}
	}
		@media screen and (max-width:640px) {
			.b-youkou{
				font-size:14px;
				line-height:160%;
			}
			.b-youkou td{
				display:inline-block;
				width:94%;
				padding:2%;
			}
			.b-youkou td:first-child{
				display:inline-block;
				width:94%;
				font-weight:bold;
				padding-left:2%;
				padding-bottom:0;
			}
		}