@charset "UTF-8";
/* CSS Document */
.billboard-style-02 {background: url("../img/common/common_bg01_pc.webp")no-repeat center/cover;}


.center_text{
    text-align: center;
    margin: 15px auto;
  }
  .center_text input{
    margin: 20px;
  
  }
  .btn-center{
      text-align: center;
      display: inline-block;
      width: 12em;
      margin: 30px auto;
  }
  @media only screen and (max-width: 1200px) {
    #mail .billboard-style-02,#contact .billboard-style-02 {
      height: 15em;
      margin-bottom: 2em;
    }
  }
  @media only screen and (max-width: 768px) {
    #mail .billboard-style-02,#contact .billboard-style-02 {
      height: 10em;
      margin-bottom: 2em;
    }
    #mail .btn-style-01.recruit ,#contact .btn-style-01.recruit{
      margin: 10px auto;
    }
  }

table.formTable{
	width:100%;
	margin:0 auto;
  padding: 0 0 1em;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
  padding: 15px;
  font-size: 18px;

}
table.formTable th{
	font-weight:normal;
	text-align:left;
  vertical-align: top;
}
table.formTable input ,table.formTable textarea{
  background: #efefef;
  width: 100%;
  padding: 5px;
}
#formWrap{
width: 100%;
padding: 1em 0 6em;
    max-width: 700px;
    margin: 0 auto;
}
.center_text span{
    font-weight: 600;
    color: #96242d;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
  padding: 15px 0;
}
table.formTable th {
	margin-top:10px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
  margin: auto;
}
}