@charset "UTF-8";

.contact {
  width: 80%;
  margin: 0 auto;
}

.contact input,
.contact textarea {
  display: block;
  width: 100%;
  margin: 20px 0;
  padding: 10px;
  font-size: 1.5rem;
  letter-spacing: 1.5px;
  line-height: 1.5;
  outline: none;
  color: #000000;
  border: 1px solid rgb(118, 118, 118);
}

.contact input::placeholder,
.contact textarea::placeholder {
  color: rgb(118, 118, 118);
}

.contact textarea {
  font-family: 'Raleway', "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;
}

.contact input[type=button] {
  width: 40%;
  margin: 0 auto;
  background-color: #FFFFFF;
  color: rgb(118, 118, 118);
}

/* (320px - 767px) */

@media(max-width: 767px) {

  .contact input,
  .contact textarea {
    padding: 5px;
    font-size: 1.3rem;
    letter-spacing: 1.3px;
  }

  .contact input[type=button] {
    width: 60%;
  }

}