@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　recruit
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   Content - Top
---------------------------------------------------------------------------*/

/* voice
-----------------------------------------------------------------*/
.voice{
  padding: 35px 0 120px;  
}
.voice h2{
  margin-bottom: 40px;  
}
.voice-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
}
.voice-list::before,
.voice-list::after {
  content: '';
  display: block;
  order: 1;
  max-width: 360px;
  width: calc((100% - 20px) /3);
}
.voice-list li{
  max-width: 360px;
  width: calc((100% - 20px) /3);
  margin-bottom: 50px;
}
.voice-list .pic{
	overflow: hidden;
	border-radius: 80px 0 80px 0;
	line-height: 0;
}
.voice-list .pic img{
  transition: .5s; 
}
.voice-list a:hover .pic img{
	transform: scale(1.1,1.1);
}
.voice-list-hd{
  position: relative;
  width: 83.33%;
  margin-top: -80px;
  padding: 25px 5% 12px 10px;
  background: #fff;
  border-radius: 0 80px 0 0;    
}
.voice-list-hd .ico{
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  padding: 3px 10px 4px;
  background: linear-gradient(60deg, rgba(61,184,166,1) 0%, rgba(0,147,196,1) 100%);
  color: #fff;
  font-weight: 500; 
  line-height: 1;  
}
.voice-list-hd .ico .num{
  font-size: 2rem; 
}
.voice-list-hd .ico small{
  font-size: 1.2rem; 
}
.voice-list-hd h3{
  position: relative;
  padding-bottom: 12px;
  font-size: 2.8rem;
  line-height: 1.2;  
}
.voice-list-hd h3::after{
  position:absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: #090909;  
}
.voice-list .name > span{
  display: inline-block;
  padding-right: 25px;  
}
.voice-list .name small{
  display: block;
  margin-bottom: 2px;
  font-size: 1.2rem; 
}
.voice-list .name strong{
  display: block;
}


/* job-descriiption
-----------------------------------------------------------------*/
.job-descriiption{
  padding: 140px 0 150px;  
}
.job-descriiption h2{
  margin-bottom: 65px;  
}
.job-descriiption h3{
  margin-bottom: 30px;  
}
.outline-list > div:first-child {
  border-top: 1px solid #d9d9d9;
}
.job-descriiption p{
  margin: 40px 0 0;
}



/* inquiry
-----------------------------------------------------------------*/
.inquiry{
  padding: 95px 0 40px;
  text-align: center;  
}
.inquiry h2{
  margin-bottom: 10px;
  font-weight: normal;  
}
.inquiry .tel-fax{
  margin-bottom: 10px;
  line-height: 1;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .05em;  
}
.inquiry .department{
  margin-bottom: 35px;
	font-weight: bold;  
}

.inq-btn-list{
  justify-content: center;
}



















/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/*--------------------------------------------------------------------------
   Content - Top
---------------------------------------------------------------------------*/

/* voice
-----------------------------------------------------------------*/
  .voice{
    padding: 0 0 60px;  
  }
  .voice h2{
    margin-bottom: 20px;  
  }
  .voice-list{
    display: block; 
  }
  .voice-list::before,
  .voice-list::after {
    width: 100%;
  }
  .voice-list li{
    width: 100%;
    margin: 0 auto;  
  }
  .voice-list li:nth-child(n+2){
    margin-top: 30px;  
  }
  .voice-list .pic{
    border-radius: 40px 0 40px 0;  
  }
	.voice-list a:hover .pic img{
		transform: scale(1,1);
	}
  .voice-list-hd{
    padding: 15px 5% 10px 10px;
    border-radius: 0 60px 0 0;    
  }
  .voice-list-hd .ico .num{
    font-size: 2rem; 
  }
  .voice-list-hd .ico small{
    font-size: 1.2rem; 
  }
  .voice-list-hd h3{
    font-size: 2.4rem;
  }
  .voice-list .name > span{
    display: inline-block;
    padding-right: 25px;  
  }


/* job-descriiption
-----------------------------------------------------------------*/
  .job-descriiption{
    padding: 60px 0;  
  }
  .job-descriiption h2{
    margin-bottom: 20px;  
  }
  .job-descriiption h3{
    margin-bottom: 15px;  
  }
  .job-descriiption p{
    margin: 20px 0 0;
  }

/* inquiry
-----------------------------------------------------------------*/
  .inquiry{
    padding: 60px 0 40px; 
  }
  .inquiry h2{
    line-height: 1.5;  
  }
  .inquiry .tel-fax{
    max-width: 9.5em;
    margin: 0 auto 10px;
    text-align: left;  
  }
  .inquiry .tel-fax span{
    display: none;
  }
  .inquiry .tel-fax .tel-link{
    display: block;
    margin-bottom:  5px; 
  }
  .inquiry .department{
    margin-bottom: 35px;  
  }



}