/* CSS Document */
section#sct_contact {
  padding-bottom: 100px;
}
section#sct_contact form {
  background-color: #fff;
}
section#sct_contact input[type="text"], section#sct_contact textarea {
  width: 30em;
  margin: auto;
}
section#sct_contact textarea {
  height: 4em;
}
section#sct_contact table {
  white-space: normal;
}
section#sct_contact table th {
  background-color: var(--color-light);
}
section#sct_contact table td {
  background-color: #fff ;
}
section#sct_contact input[type="button"],
section#sct_contact input[type="submit"] {
    border-radius: var(--border-radius);
    display: inline-block;
    font-size: medium;
    font-weight: bold;
    line-height: var(--line-height);
    margin: 0.5rem 0;
    padding: 1rem 2rem;
    font-family: var(--font-family);
    background-color: var(--color-dark);
    border: 2px solid var(--color-dark);
    color: var(--color-bg);
}
section#sct_contact input[type="button"]:hover,
section#sct_contact input[type="submit"]:hover {
    cursor: pointer;
    filter: brightness(var(--hover-brightness));
}

@media (max-width: 700px) { /* 700px 以下の時 */
  section#sct_contact div.content {
    width: 100%;
  }
  
  section#sct_contact input,
  section#sct_contact input[type="text"],
  section#sct_contact label,
  section#sct_contact select,
  section#sct_contact textarea {
    width: 90%;
  }

  section#sct_contact form {
    margin: .3em;
  }
  section#sct_contact table#tbl_contact,
  section#sct_contact table#tbl_contact tbody,
  section#sct_contact table#tbl_contact tr,
  section#sct_contact table#tbl_contact th,
  section#sct_contact table#tbl_contact td {
    display: block;
  }
  section#sct_contact table#tbl_contact tr {
    background-color: white;
  }
}