@charset "utf-8";

/***************************************************************************
*
* Contact.css
*
***************************************************************************/

#content{
width:80%;
margin:0 auto;
padding-top: 130px;
}


.areaCompanyWrap{
  width: 640px;
  margin: 0px auto;

}

table{
  width: 640px;
  height: 100px;
  background-color: #fffff;
  margin: 0px auto;
  text-align: left;
  margin-top: 10px;
  font-family:リュウミン L-KL;
}
tr{
  border-bottom: 1px solid #999999;
  line-height: 2.5;
  height: 70px
}
td{
  padding: 10px 0;
  padding-left: 20px;

}
.sub-ttl-recruit{
  font-size: 18px;
  font-family: A1明朝;
  text-align: center;
  margin-top: 50px
}

.txt-recruit-box{
    font-size: 12px;
  font-family: A1明朝;
  margin-top: 40px;
  line-height: 2
}
.recruit-box02{
  display: inline-block;
  width: 400px
}
.txt-recruit-box span{
  text-decoration: underline
}
#frmContact td .required{
  font-size: 10px;
  color: #fff;
  padding: 3px;
  background: #000;
  margin-left: 5px;
  line-height: 1;
  margin-top: 9px;
  float: right;
}
#frmContact td:first-child{
  width: 180px;
}
#frmContact td input[type="text"]{
    padding: 5px 0 5px 10px;
    width: 100%;
    background: transparent;
    border: 1px solid #999999;
}
#frmContact td textarea{
  resize: none;
  height: 150px;
  width: 100%;
  padding: 5px 10px;
  background: transparent;
    border: 1px solid #999999;
}
#frmContact td label{
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
#frmContact td label input[type="checkbox"]{
  margin-right: 5px;
}
#frmContact .btn{
  text-align: center;
  margin-top: 20px;
}
#frmContact .btn input[type="submit"]{
  width: 150px;
  background: #000;
  color: #fff;
  border: none;
  padding: 10px;
}
#frmContact td label.error{
  font-size: 12px;
  color: red;
  display: block;
}
.success{
  margin-top: 40px;
}
footer#footer\ inquiry{
width: 100%;
margin-top: 30px;
}
.infoFooter {
width: 100%;
background: url(https://tanaka-kensetu.com/img/common/footer_bg.png) top center no-repeat;
background-size: cover;
padding: 55px 0 94px 0;
}

.recruitTitle {
  width: 100%;
  text-align: center;   /* タイトル全体を中央寄せ */
  margin: 40px 0 30px;
}

.recruitTitle .title {
  font-size: 40px;        /* リクルートタイトルと同じ */
  font-weight: 400;       /* 太さを統一 */
  line-height: 1.35;
  letter-spacing: 1.4px;
  margin-bottom: 32px;
  display: inline-block;   /* 中央寄せ時の調整 */
  text-align: center;      /* タイトル文字も中央寄せ */
}


.recruitTitle .title {
  font-size: 32px;       /* 文字を大きく */
  font-weight: 600;
  display: inline-block;
  text-align: right;     /* タイトル内の文字を右寄せ */
  line-height: 1.35;
  letter-spacing: 1.4px;
  margin-bottom: 32px;
}

@media(max-width: 768px){
  .areaCompanyWrap{
    width: 100%;
  }
  table{
    width: 100%;
    height: auto;
  }
  table,
  table tbody,
  table tbody tr,
  table tbody td{
    display: block;
    width: 100%;
    height: auto;
  }
  table tbody td{
    padding: 10px 20px;
  }
  #frmContact td:first-child{
    width: 100%;
    padding-bottom: 0;
  }
  #frmContact td:last-child{
    padding-top: 0;
  }
  .success{
    text-align: center;
  }
.recruitTitle .title {
    font-size: clamp(18px, 3.6vw, 30px);
    margin-bottom: clamp(18px, 3.4vw, 26px);
    font-weight: 400px;
  }
 #content {
        padding-top: 0; /* SPではpaddingを消す */
    }
 .hamburger span {
        background: #000; /* SPは黒 */
    }
}
/**/
/**/