@charset "utf-8";

/* * {
  outline: 1px solid rgb(201, 233, 201);
} */

.form {
  padding-top: 20px;

  .form-outline {
    width: 100%;
    padding: 3em 0;
    background-color: #555;
    border-radius: 3px;
    font-size: var(--fs-16);

    .form-preface {
      margin: 0 2em 4em;
    }

    .form-title {
      display: block;
      width: fit-content;
      margin: 0 auto 2em auto;
      border-bottom: 1px solid #eee;
      font-size: var(--fs-24);
    }

    /* reCAPTCHAの書式 */
    .protector {
      text-align: center;
      padding: 0 1.5em;
      margin-top: 3em;

      a {
        color: #cc3333;
        text-decoration: underline;
      }

      a:hover {
        color: #009ee6;
      }
    }
  }

  @media (max-width: 601px) {
    .pc {
      display: none;
    }
  }

  @media (min-width: 600px) {
    .sp {
      display: none;
    }
  }

  @media (max-width: 450px) {
    .pc {
      display: block;
    }
  }

  .booking-package-calendar {
    padding: 0 2em;
    margin-left: auto;
    margin-right: auto;
  }
}