@charset "UTF-8";
/* CSS Document */
#recruit{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	

@media screen and (min-width:768px){
.VoiceWrap{
    width: 1060px;
    min-width: 1060px;
    margin: 0 auto;
    text-align: left;}
}
	
#voicetop{ background-repeat:no-repeat; background-position:50% 0; color:#fff; min-height:354px; position:relative;}
#voicetop h2{ position:absolute; bottom:37px; font-weight:normal; font-size:15px; line-height:1.5;}
#voicetop h2 p{ font-size:48px;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","HGS明朝E","HG明朝E","ＭＳ Ｐ明朝",serif;}
.voice1{ background-image:url(img/voice1_image.jpg);}
.voice2{ background-image:url(img/voice2_image.jpg);}
.voice3{ background-image:url(img/voice3_image.jpg);}
.voice4{ background-image:url(img/voice4_image.jpg);}
.voice1 h2,.voice3 h2{ right:50px;}
.voice2 h2,.voice4 h2{ left:50px;}

.txtbox1{ position:relative;}
.voiceimg1{ position:absolute; left:0; top:0; z-index:2;}
.voicetxt1{ position:relative; z-index:4; float:right; width:593px; margin:55px 0; background-color:rgba(255,255,255,0.7); color:#333; padding:55px 35px 64px 45px;box-shadow:4px 5px 7px -2px rgba(0,0,0,0.16);}
.voicetxt1 h3{ font-size:30px; font-weight:bold; line-height:1.3; color:#494949; padding-bottom:30px;}
.voicetxt1 h4,.voicetxt2 h4{ font-size:18px; font-weight:bold;}
.voicetxt1 p,.voicetxt2 p{ font-size:15px; padding-bottom:30px;}

.txtbox2{ position:relative; padding:71px 0 87px 0;}
.voiceimg2{ position:absolute; right:0; top:0; z-index:2;}
.voicetxt2{ position:relative; z-index:4; width:601px; background-color:rgba(255,255,255,0.7); color:#333; padding:70px 50px 48px 45px;box-shadow:4px 5px 7px -2px rgba(0,0,0,0.16);}

.messebox{ border:1px solid #00c6ff; padding:20px 50px 50px 38px; margin-bottom:150px;}
.VMtitle{ color:#00c6ff; font-weight:bold; font-size:16px;}
.VMtxt{ font-size:18px; font-weight:bold; padding:20px 0 10px 0;}
.VMtxt2{ font-size:15px;}

.btn {
    background-image: none;
}
.btn img{ vertical-align:middle;}


@media screen and (max-width:767px){
#recruit img{ max-width:100%;}
#voicetop{ color:#000; min-height:auto;}
.voice1,.voice2,.voice3,.voice4{ background-image:none;}
#voicetop h2{ position:relative; bottom:auto; padding:15px 0 20px 0;} 
#voicetop h2 p{ font-size:30px;}
.voice1 h2,.voice3 h2{ right:auto;}
.voice2 h2,.voice4 h2{ left:auto;}

.txtbox1{}
.voiceimg1{ position:relative; left:auto; top:auto; z-index:2;}
.voicetxt1{ float:none; width:100%; margin:0;  padding:20px 0 0 0;box-shadow:none;}
.voicetxt1 h3{ font-size:20px; line-height:1.3; padding-bottom:30px;}
.voicetxt1 h4,.voicetxt2 h4{ font-size:16px; font-weight:bold;}
.voicetxt1 p,.voicetxt2 p{ font-size:14px; padding-bottom:30px;}

.txtbox2{ padding:0 0 50px 0;}
.voiceimg2{ position:relative; right:auto; top:auto;}
.voicetxt2{ width:100%; margin:30px 0 0 0; padding:0;box-shadow:none;}

.messebox{ padding:20px 10px; margin-bottom:50px;}
.VMtitle{ font-size:16px;}
.VMtxt{ font-size:18px; padding:20px 0 10px 0;}
.VMtxt2{ font-size:14px;}

}