@charset "utf-8";
/* CSS Document */

header {
  background-color: #bcc7d7;
}

.pagetitle {
  height: 150px;
  background-color: #bcc7d7;
}

.pagetitle h1 {
  padding-top: 90px;
  color: white;
  text-align: center;
  font-size: 3.2rem;
  font-weight: normal;
}

/* Googleフォーム用 */
.googleform {
  margin: 0 auto;
  padding: 100px 20px 80px;
  background-color: white;
}

.googleform label {
  display: block;
}

.googleform div {
  margin-bottom: 20px;
}

.googleform .textbox {
  width: 100%;
  max-width: 250px;
  height: 32px;
  border: 1px #bcc7d7 solid;
}

.googleform textarea {
  border: 1px #bcc7d7 solid;
  width: 100%;
  height: 80px;
  padding-top: 5px;
}

input::placeholder,
textarea::placeholder {
  color: #a2a2a2;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
}

.googleform button {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 80px auto;
  padding: 10px 15px;
  background-color: #7e318e;
  border: none;
  color: white;
}

.googleform button:hover {
  border: 1px solid #7e318e;
  color: #7e318e;
  background-color: #e2e2e2;
  border: 1px solid #7e318e;
}

@media(min-width: 600px) {
  .googleform {
    max-width: 600px;
  }
}

footer {
  background: #bcc7d7;
}

.scroll-top button {
  border: #bcc7d7 solid thin;
  color: #bcc7d7;
}