@charset "UTF-8";
h1,
h2 {
  margin-bottom: 20px;
}

form {
  width: 600px;
  max-width: 90%;
  margin: 100px auto 200px auto;
}
form h1 {
  margin-bottom: 30px;
  border-left: solid 13px #de1414;
  padding: 0px 10px;
}
form h2 {
  margin-top: 50px;
  margin-bottom: 20px;
}

form label {
  display: block;
  margin: 10px 0 5px;
}

input[type=text],
input[type=tel],
input[type=email],
textarea {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #707070;
  border-radius: 4px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder {
  color: #2c2c2c;
  opacity: 0.3;
}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
textarea::placeholder {
  color: #2c2c2c;
  opacity: 0.3;
}

textarea {
  height: 100px;
  resize: none;
}

.submit-wrapper {
  text-align: center;
}

.submit-button {
  margin-top: 50px;
  background-color: transparent;
  color: #de1414;
  border: 2px solid #de1414;
  padding: 5px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
}
.submit-button:hover {
  background-color: #de1414;
  color: white;
}

form {
  word-wrap: break-word; /* 長い単語を自動で改行 */
}/*# sourceMappingURL=form.css.map */