@charset "UTF-8";

#company #contents-header{
  background-image:url(../-img/-common/hr-bg.png),url(../-img/recruit/recruit-head.jpg);
  background-position: center top, center top;
  background-repeat: no-repeat,no-repeat;
  background-size:100% auto,cover;
}

.recruit-index #side .recruit-index a,
.new-graduates #side .new-graduates a{
	background-color:#fcf7f7;
}

#interlest{
  display: none;
}

/* top */


.recruit-list{
  box-shadow:0 0 5px #e6e6e6;
  margin: 0 0 4%;
}

.recruit-list:after{
  content: '';
  clear: both;
  display: block;  
}

.recruit-list ul{
  margin: 0;
}

.recruit-list li{
  list-style: none;
  width: 25%;
  float: left;
  text-align: center;  
  box-sizing: border-box;
  padding:35px 0 15px 0;
}

.recruit-list li:nth-child(2){
  border-left:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6;
}

.recruit-list li:nth-child(3){
  border-right:1px solid #e6e6e6;
}

.recruit-list li h4{
	background: none;
	box-shadow: none;
	border: none;
  margin: 0 0 15px 0;
}

.recruit-list li h4 img{
  height: 18px;
}

.recruit-list li p {
	margin: 0 auto 20px;
}

ul.profession {
	list-style: none;
	    margin: 0;
}

table.table-style-orange ul,table.table-style-orange ul li {
    margin: 0 0 0 0.6rem;
	line-height: 1.6;
}

table.table-style-orange ul li {
	margin-bottom: 15px;
}

table.table-style-orange ul li:last-child {
	margin-bottom: 0;
}


.table-style-orange p{
	margin-left: 0;
	margin-bottom: 0;
}

.entry{
	    display: block;
    background: #009fe0;
    color: #fff;
    text-align: center;
    padding: 1em 0;
    font-size: 130%;
    margin: 1% auto;
    font-weight: bold;
    border-radius: 10px;
}

/* group*/

h3.h3-style{
	font-size: 130%;
}

h3.h3-style span{
	font-size: 80%;
}

.group_indent {
  padding-left: 1em;
  text-indent: -1em;
}

.group_indent li{
	margin: 0 0 3% 0;
}

.group_indent span{
	display: block;
	margin: 0% 0 0 0;
	  padding-left: 1em;
}

/*.group_indent p{
	width: 320px;
}*/

table.table-style-orange ul.group_pic {
	margin: 10px 0 0 0;
}

table.table-style-orange ul.group_pic li {
    width: 320px;
    display: block;
    float: left;
    margin: 0 10px 0px 0;
}

.group_indent img{
	width: 100%;
}

.group_indent a{
    pointer-events: none;
	color: #302c2c;
}

table.table-style-orange {
    width: 98%;
}

table.table-style-orange th {
    width: 18%;
}
.table-style-orange p.mb {
	margin-bottom: 0.6rem;
}
.sp {
	display: none;
}
.recruit-list li p.text {
    margin: 27px auto 20px;
}

.job_description h4.title {
    font-size: 22px;
    background: #FFF;
    padding: 0;
    margin: 30px 0 10px 20px;
    box-shadow: none;
    border-left: none;
}

.job_description table {
    border: none;
}

.job_description table th {
    background: none;
    font-weight: bold;
    border: none;
	position: relative;
	padding: 20px 10px 20px 20px;
	box-sizing: border-box;
}

.job_description table th:before {
    content:"●";
	color:#be000f;
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	font-size: 14px;
}

.job_description table tr:nth-child(2n+1) {
    background: none;
}

.job_description table tr {
    border-bottom: 1px solid #eee;
}

.job_description table td {
    padding: 20px 10px;
	border: none;
	box-sizing: border-box;
}







/* --------------------------------------------------------------     スマホ */

@media screen and  (min-width: 320px) and (max-width: 768px) {

  .recruit-list li{
    width: 96%;
    padding:20px 2% 0;
    float: none;
    float: left;
    }
  
  .recruit-list li:nth-child(2){
    border-left:none;
    border-right:none;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    } 
	
	h3.h3-style{
		font-size: 120%;
	}
	
	.group_indent a{
		pointer-events: auto;
		color: #309eb5;
	}
	
	table.table-style-orange ul.group_pic li {
		width: 100%;
		display: block;
		float: none;
		margin: 0 auto 10px;
	}
	
	table.table-style-orange {
		width: 100%;
	}
	
	table.table-style-orange th {
		width: 100%;
		display: block;
		border: none;
		box-sizing: border-box;
		padding: 0.6rem;
	}

	table.table-style-orange td {
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 0.6rem;
	} 
	
	
	.sp {
		display: block;
	}

	.job_description table th {
		display: block;
		width: 100%;
		padding: 20px 10px 20px 30px;
	}

	.job_description table th:before {
		left:10px;
	}

	.job_description table td {
		display: block;
		width: 100%;
		padding: 0 10px 20px;
	}




	
	
	
	
	
	
	
	
	
	
	
}

