@charset "utf-8";
/* CSS Document */


/* ================================================== */
/* タイトル */
/* ================================================== */
.recruit #top-img{
	height:260px;	
 	margin-bottom:0;
  margin: 0 0 40px;	
}
.recruit #top-img .title-wrap{
  position: absolute;
  top: 100px;
	bottom:auto;
  z-index: 1;	
}
.recruit #top-img .title{
	margin-top:10px;
}
.recruit #top-img .diagonal{
	height:150px;	
}
@media screen and (max-width: 420px) {
.recruit #top-img{
	height:200px; 	
  margin: 40px 0;	
}
.recruit #top-img .title-wrap{
   top: 80px;
}
.recruit #top-img .diagonal{
	 height:auto;	
}
}


#top-subimg{
	position:relative;
	text-align:center;
	padding-top:20px;
	padding-bottom:60px;	
}
#top-subimg p{
	color: #FFF;
	background-color: #000;
	margin:0 auto;
	font-size:2.2rem;
	width:300px;
	padding:0 0 3px 0;	
}
@media screen and (min-width: 897px) {
#top-subimg .subimg{
	position:absolute;
	right:0;
	left:auto;
	bottom:0;
	z-index:-1;
}	
}
@media screen and (max-width: 896px) {
#top-subimg{
	padding-bottom:0;	
}
#top-subimg .subimg{
  margin-top:40px;
}	
}
@media screen and (max-width: 420px) {
#top-subimg{
	padding-top:0;
}	
#top-subimg p{
	font-size:1.8rem;
	width:100%;	
}	
}

/* ================================================== */
/* テーブル */
/* ================================================== */
#about{
	margin-bottom:50px;
}
#about .con_inner{
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}

#about table{
	width:100%;
	margin-top:0;		
}
#about th,#about td{
	padding:20px 20px 20px 20px;
	text-align:left;
	vertical-align: top;
	border-top: 2px dotted #666;	
}
#about table tr:first-child th,#about table tr:first-child td{
  border-top:none;
}
#about th{
	width:18%;
	font-size: 1.7rem;
	font-weight:normal;	
}
#about td{
	width:41%;
	font-size: 1.5rem;
}

#about .text-small{
	font-size:1.2rem;
}
#about .text-match{
	margin-left:15px;
	display:block;
}
#about .current{
	display:block;
}

@media screen and (max-width: 896px) {
#about th,#about td{
	width:100%;
	display: block;	
}	
#about th{
	padding:10px 5px 5px 5px;
}
#about td{
	border-top: none;
	padding:5px 5px 10px 5px;
}
#about .current{
	display:inline-block;
	margin-left:15px;
}

}
@media screen and (max-width: 480px) {
#about{
	margin-bottom:30px;
}	
}