@charset "UTF=8";


.title{
	background-color: #edeef0;
	padding: 5px;
	margin-bottom: 16px;
	font-weight: bold;
}
.title span{
	color:red;
}

.mtext{
	line-height: 1.2em;
	margin-bottom: 10px;
}

.wpcf7-form-control.wpcf7-submit{
	font-size: 1.4rem;
	width: 12rem;
	background-color:green;
	padding: 0.5rem 0.5rem;
	border-radius: 8px;
	color:white;
	letter-spacing: 0.5rem;
	text-align: center;
	border: none;
}

.mainpic{
  background:url(../images/recruit/mainpicBK.png) no-repeat center top;
  background-size:cover;
}
.mainpicBT{
  background:url(../images/recruit/mainpicBTBK.png) no-repeat center top;
  background-size:cover;
}
section{
  margin-bottom:88px;
}
section#companyinfo{
  padding-bottom:88px;
  margin-bottom:0;
}
#companyinfo{
  background:url(../images/recruit/backgroundImg01.png) center;
  padding-top:66px;
  padding-bottom:88px;
}
.comment01{
  width:580px;
  margin:0 auto 44px;
  text-align: center;
}
#category{
  margin-bottom:88px;
  width:890px;
  margin-left:auto;
  margin-right:auto;
}
.cateinner {
  width:400px;
  margin-right: 90px;
  margin-bottom: 44px;
}
.cateinner:nth-of-type(2n) {
  margin-right: 0;
}
.cateinner h2{
  margin-bottom:20px;
}
/* .cateinner .imgbox{
  height:142px;
  width:400px;
} */
.cateinner img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
	margin: 0 auto;
}
.cateinner dl dt {
    width: 22%;
}
.cateinner dl dd {
  width: 78%;
}
#voice h3{
	font-size: 22px;	
}
#voice .voiceimg img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.voiceimg{
 background-image: url(../images/recruit/voiceimg.png);
 display: flex;
 justify-content: center;	
 align-items: center;
}
#contact h1{
  height:52px;
  line-height:52px;
  background:#000;
}
.contactimg{
  margin-bottom:44px;
  background:url(../images/recruit/recruitpicBK.png) center top;
}
.contactimg .coninner{
  position:relative;
}
.telmsg{
  position:absolute;
  text-align:center;
  top:30px;
  left:260px;
  line-height:1.2;
}
.telinfobox{
  position:absolute;
  bottom:38px;
  left:70px;
  line-height:1.4;
}

#contact .telinfobox .imgbox img {
  padding-right:10px;
}
#contact p.receptiontime.text-10 {
    letter-spacing: -0.1em;
}
#formwrap{
  margin-bottom:88px;
}
#formwrap.confirm .input-only{
  display:none !important;
}
#formwrap .notes{
  margin-left:178px;
  margin-bottom:44px;
}
#formwrap #contactform table{
  width:736px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:22px;
}
#contactform tr{
  width:100%;
  height:50px;
  border-top:1px solid #1e120d;
}

#contactform tr:last-child{
  border-bottom:1px solid #1e120d;
}
#contactform th{
  width:32%;
  background:#edeef0;
  padding-left:14px;
}
#contactform td{
  width:68%;
  padding:14px 0px 14px 20px;
}
#contactform td p{
  margin-left:2em;
}
#contactform td input[type="text"],
#contactform td input[type="email"]{
  width:100%;
}

#contactform td input[type="tel"]{
  width:60%;
}
#contactform .usercomment li:first-child{
  margin-right:88px;
}
#contactform .usercomment textarea{
  width:100%;
  height:172px;
}

.sbmbtn input:first-child{
  margin-right:10px;
}
.sbmbtn input{
  width:122px;
  height:22px;
  line-height:22px;
  border-radius:5px;
  border:1px solid gray;
  background:linear-gradient(to top, rgb(137,137,137), #FFF);
  letter-spacing:0.2em;
}

.sbmbtn input:hover{
  border:1px inset gray;
  background:linear-gradient(to bottom, rgb(137,137,137), #FFF);

}
#privacypolicy{
  width:736px;
  height:208px;
  overflow-y:scroll;
  border:1px solid #000;
  padding:22px 45px;
}
#privacypolicy::-webkit-scrollbar{
  width: 20px;
}
#privacypolicy::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  box-shadow: inset 0 0 2px #777;
}
#privacypolicy::-webkit-scrollbar-thumb{
  background: linear-gradient(to top, rgb(137,137,137), #FFF);
  border-radius: 5px;
  box-shadow: none;
  border:1px solid #aaa;
}
@media screen and (max-width: 768px) {
  section{
    margin-bottom:2em;
  }
  section#companyinfo{
    padding-top: 10vw;
    background:none;
  }
  .comment01{
    width:100%;
    margin:0 auto 10vw;
  }

  #category{
    width:100%;
    margin-bottom:1em;
  }
  .cateinner {
    width:100%;
    margin-right: 0;
	margin-bottom: 10vw;
  }
  .cateinner h2{
    margin-bottom:0.5em;
  }
  .cateinner img {
    width: 100%;
  }
  .cateinner dl{
    width:100%;
    padding:0 0.5em;
  }
  .cateinner dl dt {
    width: 30%
  }
  .cateinner dl dd {
    width: 70%;
  }

  div#voice h2 {
    width: 100%;
  }
	#voice h3{
		font-size: 100%;	
	}
  #voice img{
    width: 100%;
  }
  #voice .comment01{
	margin-bottom: 0;
	}

	#voice .voiceimg img{
	    width: 100%;
	    height:auto !important;
	    max-width: unset;
	    max-height:unset;
	}
  #contact h1{
    height: 3.5em;
    line-height: 3.5em;
  }
  #contact img {
    width: 100%;
    margin-bottom:1em;
  }

  #contact .telinfobox .imgbox img {
    width: auto;
    margin-bottom:0em;
    padding-right:1em;
  }
  .contactimg{
      margin-bottom:1em;
	  background:url(../images/recruit/recruitpicBK.png) right top;
  }
 
  #contact .contactimg .inner{
    width:100%;
  }
  .telmsg{
    position:relative;
    text-align:center;
    top:0px;
    left:0px;
    line-height:1.6;
  }
  .telinfobox{
    position:relative;
    bottom:0;;
    left:0;
    line-height:1.4;
    text-align:center;
	padding-bottom: 10px;
  }
  #formwrap ul{
    padding-left:0.5em;
    padding-right:0.5em;
    font-size:2.8vw;
    line-height:1.4;
  }
  #formwrap .notes{
    margin-left:0;
    margin-bottom: 10vw;
  }
  #formwrap .notes li:not(:last-child){
	margin-bottom: 1vw;
  }
  #formwrap #contactform table{
    width:100%;
    margin-bottom:0em;
  }
  #contactform tr{
    width:100%;
    height:3em;
    border:none;
  }
  #contactform th{
    width:100%;
    display:block;
    padding:0.2em 0.5em;
    font-weight:600;
  }
  #contactform td{
    width:100%;
    padding:0.5em 0;
    display:block;
  }

  #contactform td p{
    margin-left:1em;
    font-size:3vw;
    line-height:1.4;
  }
  #contactform td input[type="tel"],
  #contactform td input[type="email"]{
    width:100%;
  }
  #contactform .usercomment textarea{
    height:7em;
  }
   input, optgroup, select, textarea{
    font-size: 16px;
   }
   label {
    font-size: 3.75vw;
   }
	input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
	margin-right: .5em;
	}   
  .sbmbtn input:first-child{
    margin-right:1em;
  }
  .sbmbtn input{
    width:30%;
    height:2em;
    line-height:2em;
  }
  #privacypolicy{
    width:100%;
    height:10em;
    padding:1em;
  }
  #privacypolicy::-webkit-scrollbar{
    width: 20px;
  }
  #privacypolicy::-webkit-scrollbar-track{
    background: #fff;
    border: none;
    box-shadow: inset 0 0 2px #777;
  }
  #privacypolicy::-webkit-scrollbar-thumb{
    background: linear-gradient(to top, rgb(137,137,137), #FFF);
    border-radius: 5px;
    box-shadow: none;
    border:1px solid #aaa;
  }



}