@charset "UTF-8";

@media (any-hover: hover) {

  a:hover,
  a:active {
    text-decoration: none;
    color: #43474C;
  }
}

/* お問合せページ　 */
#contact {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

  &.contact_conts {
    width: 100%;
  }

  .contact_conts__inner {
    max-width: 780px;
    margin-inline: auto;
    padding: 50px 30px;
  }

  .form-table {
    width: 100%;
  }

  .form-table th {
    width: 30%;
    text-align: right;
    vertical-align: top;
    padding: 10px 10px 0;
    color: #fff;
  }

  .form-table td {
    width: 70%;
    padding: 10px;
  }

  @media screen and (max-width: 768px) {

    .form-table th,
    .form-table td {
      text-align: left;
      display: block;
      width: 100%;
    }
  }

  .note-text {
    padding-top: 10px;
    text-align: center;
    margin-bottom: 1em;
    color: #fff;
    a {
      text-decoration: underline;
      color: #fff;
    }
  }

  .submit-btn {
    padding-top: 10px;
    text-align: center;
  }

  input[type=text],
  textarea {
    width: 100%;
    padding: 10px;
  }

  input[type=submit] {
    background-color: #fff;
    padding: 15px 30px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #2f4756e6;
    border-radius: 0.35em;
    cursor: pointer;
    border: solid 2px #ffffff33;
    transition: all .2s ease;

    &:hover {
      background-color: #43474C;
      color: #fff;
    }
  }

  input[type=button] {
    background-color: var(--color_gray);
    padding: 15px 30px;
    border: none;
    border-radius: 0.35em;
    font-weight: bold;
    cursor: pointer;
  }
}