/* CSS Document */

body{
  background-color: #FEFFE2;
}

.section-top{
  padding-top: 50px;
}

.section-top h1{
  font-size: 24px;
  font-weight: bold;
  color: #2BA464;
  margin-bottom: 20px;
}

.section-top p{
  margin-bottom: 20px;
}

.section-forms{
  margin: 0 40px;
  text-align: left;
}

.section-forms__form{
  margin-bottom: 30px;
}

.label-title{
  font-weight: bold;
}

.inquiry-form input[type="text"], .inquiry-form input[type="email"], .inquiry-form select, .inquiry-form textarea {
  display: block;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border: solid 1px #777;
}
.inquiry-form textarea {
  height: 300px;
}

.inquiry-form__privacy-link {
  color: #333;
}
.inquiry-form__submit {
  display: block;
  height: 48px;
  max-width: 320px;
  width: 100%;
  background-color: #2ba464;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 48px;
  margin: 0 auto;
}

@media(min-width: 1160px){
  .pcLayout-inquiry{
    max-width: 768px;
    margin: 0 auto;
  }
}


/* メールフォームテンプレcss */
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto 20px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #808080;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#2ba464;
  color: #fff;
	text-align:left;
  vertical-align: middle;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
  #formWrap {
    width:95%;
    margin:0 auto;
  }
  table.formTable th, table.formTable td {
    width:auto;
    display:block;
    text-align: center;
  }
  table.formTable th {
    margin-top:5px;
    border-bottom:0;
  }
  table.formTable td{
    display: flex;
    justify-content: center;
  }
  form input[type="text"], form textarea {
    width:80%;
    padding:5px;
    font-size:110%;
    display:block;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    display:block;
    width:100%;
    height:40px;
  }
}