@charset "utf-8";

/* ---------------------------------------------------------
    recruit base
   ---------------------------------------------------------*/

/* productBox01 */
.productBox01 ul.col6 li{
	width:8%;
	margin:0 1%;
}

.productBox01 ul.col6 li:nth-child(1){ min-width: 130px; }
.productBox01 ul.col6 li:nth-child(2){ min-width: 140px; }
.productBox01 ul.col6 li:nth-child(3){ min-width: 120px; }
.productBox01 ul.col6 li:nth-child(4){ min-width: 130px; }
.productBox01 ul.col6 li:nth-child(5){ min-width: 110px; }
.productBox01 ul.col6 li:nth-child(6){ min-width: 140px!important; }

.productBox01 li.inq a{
	background:#333!important;
	color:#fff!important;
}

.productBox01footer li a{
	color:#333!important;
}

.productBox01 .title01 span.arrow:after{
	border-bottom: 10px solid #333;
}

.productBox01 .title01 span.close:after{
	border-top: 10px solid #333!important;
}

h2{
	font-size: 30px;
	text-align: center;
	margin:60px 0 50px 0;
}

h2:after{
	content:"";
	width: 200px;
	padding-bottom: 15px;
	border-bottom: 6px solid #383838;
	display:block;
	margin: 0 auto;
}

/* sideNavi */
.sideNavi{
	display:none;
}


/* voiceMenu */
.voiceMenu{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 80px;
}

.voiceMenu ul{
  text-align: center;
  font-size: 0px;
}

.voiceMenu ul li{
  position: relative;
  display: inline-block;
  width: 33.3%;
  font-size: 14px;
  box-sizing: border-box;
}

.voiceMenu .voiceMenuStaffInner{
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.voiceMenu ul li img{
  transition: all 0.5s ease;
}

.voiceMenu ul li a:hover img:nth-child(1){
  transform: scale(1.03) translate(0px, -8px);
}

.voiceMenu ul li > img{
  max-width: 95%;
}

.voiceMenu ul li img.picVoiceComment{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.voiceMenu ul li .voiceNameBox{
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  width: 95%;
  margin: 0 auto;
  padding: 20px 40px 20px 20px;
  background: rgba(51, 51, 51, 0.8);
  box-sizing: border-box;
  text-align: left;
  font-weight: bold;
  color: #FFF;
}

.voiceMenu ul li .voiceNameBox:after{
  content: "";
  position: absolute;
  top: 44%;
  right: 20px;
  display: block;
  width: 17px;
  height: 17px;
  border-top: 6px solid #FFF;
  border-right: 6px solid #FFF;
  transform: rotate(45deg);
}

.voiceMenu ul li .voiceNameText01{
  font-size: 25px;
}
.voiceMenu ul li .voiceNameText02{
  font-size: 18px;
}


@media screen and (max-width: 1000px){
  
  /* voiceMenu */
  .voiceMenu ul li .voiceNameBox{
    padding: 10px 30px 10px 12px;
  }
  
  .voiceMenu ul li .voiceNameBox:after{
    top: 38%;
    right: 15px;
    width: 14px;
    height: 14px;
    border-top-width: 5px;
    border-right-width: 5px;
  }
  
  .voiceMenu ul li img.picVoiceComment{
    width: 95%;
  }
  
  .voiceMenu ul li .voiceNameText01{
    font-size: 24px;
  }
  
  .voiceMenu ul li .voiceNameText02{
    font-size: 20px;
  }
}

@media screen and (max-width: 750px){


	h2{
		margin: 0 auto 50px auto;
		font-size: 24px;
		padding-bottom: 5px;
		margin-top:40px;
	}


  /* voiceMenu */
  .voiceMenu{
    margin-bottom: 10px;
  }
  
  .voiceMenu ul li{
    width: 100%;
		margin-bottom: 3%;
  }

  .voiceMenu ul li a{
    width: 90%;
  }
  
	.voiceMenu ul li img{
		max-width: 100%;
	}

  .voiceMenu ul li img.picVoiceComment,
  .voiceMenu ul li .voiceNameBox{
    max-width: 350px;
		width: 95%;
  }
  
  .voiceMenu ul li a:hover img:nth-child(1){
    transform: none;
  }

}