@charset "UTF-8";

.section-contacts {
  background-color: #E1E5E9;
}
.section-contact__lead h3 {
  padding: 120px 0 100px;
  font-size: 4.8rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.section-contact__lead p {
  padding-bottom: 40px;
  font-size: 1.8rem;
}
.section-contact__form  {
  margin: 0 auto;
}
.form-outer div {
  width: 500px;
  margin: 0 auto 40px;
}
.form-outer div:last-of-type{
  margin-bottom: 0;
}
.section-contact__form__name {
  display: flex;
  padding-left: 235px;
}
.section-contact__form p {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
  padding: 0px 0 10px;
  list-style: none;	
}
.form-outer {
  padding-bottom: 80px;
  }
.form-outer input {
  width: 100%;
  border: 1px solid;
  background-color: #fafafa;
  font-size: 1.6rem;
  padding: 8px;
  box-sizing: border-box;
}
.form-outer__text textarea {
  width: 500px;
  height: 200px;
  resize: none;
  border: 1px solid;
  background-color: #fafafa;
  font-size: 1.6rem;
  padding: 8px;
  box-sizing: border-box;
}
.form-outer__btn input  {
  cursor: pointer;
  border: none;
  border-radius: 60px;
  background-color: #C86D00;
  font-size: 2.0rem;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  width: 60%;
  max-width: 400px;
  height: 70px;
  position: relative;
}
.form-outer__btn input:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	border-bottom:none;
	}

  @media (max-width:767px) {
    /* ハンバーガーアイコン */
    .section-contacts h3 {
  	font-size: 2.8rem !important;
    }
    .form-outer {
      padding: 0 20px;
    }
    .form-outer div {
      width: 100%;
    }
    .section-contact__lead p {
  	padding: 0 40px;
  	font-size: 1.4rem !important;
    }
    .section-contact__form p {
    }
    .form-outer__text textarea,
    .form-outer__btn input {
      width: 100%;
    }
  }