.contact-body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contact-body input {

	width:100%;
}
.contact-body .form-multi-fields-block input {

	width:auto;
}

.contact-body textarea {
		width:100%;
	height:300px;
}

@media (max-width: 768px) {
  .contact-body #error {
    padding-left: 10px;
    margin-bottom: 5px;
  }

  .contact-body #com {
    padding-left: 10px;
    margin-bottom: 10px;
  }
}

.contact-body #error {
  color: #ff0000;
  padding-left: 40px;
  margin-bottom: 10px;
  text-align: left;
}

.contact-body #com {
  padding-left: 30px;
  margin-bottom: 20px;
  text-align: left;
}

.contact-body .tbl-form {
  width: 90%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #aaa;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #aaa;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #aaa;
}

.contact-body .tbl-form th {
  width: 200px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #aaa;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-color: #eee;
}

.contact-body .tbl-form td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #aaa;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

p.tbl-form-paragraph {
  margin: 0;
}

@media (max-width: 768px) {
  .contact-body .tbl-form {
    width: 100%;
  }

  .contact-body .tbl-form tr {
    display: block;
  }

  .contact-body .tbl-form th,
  .contact-body .tbl-form td {
    display: list-item;
    list-style: none;
    width: 100%;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
  }
}

.contact-body .input01 {
  width: 350px;
}

.contact-body .input02 {
  width: 65px;
}

.contact-body .postal-code {
  width: 10em;
  border: 1px solid #0085CC;
}

.contact-body .input03 {
  width: 100%;
}

.contact-body .submit {
  width: 120px;
  height: 40px;
  font-size: 120%;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .contact-body .input01 {
    width: 96%;
  }

  .contact-body .input02 {
    width: 65px;
  }

  .contact-body .input03 {
    width: 96%;
  }

  .contact-body .submit {
    width: 110px;
    height: 35px;
  }

  .contact-body .kubun span {
    display: block;
  }
}

.contact-body .b-red {
  color: #ff0000;
  font-weight: bold;
}

.enquete-button-area {
  text-align: center;
}

/* アンケートフォーム
*********************************************/

#reply_name_3,
#tel_6,
#reply_mail_7 {
  max-width: 300px;
  width: 100%;
}

#address_5 {
  width: 100%;
}

#multiple_8 {
  width: 100%;
  height: 200px;
}

#postal_code_4::placeholder {
  content: "000-0000";
}

@media (max-width: 768px) {

  #reply_name_3,
  #tel_6,
  #reply_mail_7 {
    max-width: 100%;
  }
}