/*!
global > color
------------------------------
*/
:root {
  --color-primary: #8c6a4a;
  --color-primary-02: #cdb79e;
  --color-bg-extra-light: #f7f5f2;
  --color-bg-light: #777;
  --color-border: #e5ded6;
  --color-font-base: #3a342e;
  --color-font-light: #8a7f73;
  --color-white: #fff;
  --color-red: #d96c6c;
}

/*!
global > font
------------------------------
*/
:root {
  --font-family-base: 'Noto Sans JP', sans-serif;
  --font-family-en: 'Poppins', sans-serif;
}

/*!
global > z-index
------------------------------
*/
:root {
  --z-index-header:30;
  --z-index-menu: 10;
  --z-index-default:1;
  --z-index-negative: -1;
}

/*!
page > appoint > appoint-form
------------------------------
*/
.appoint-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24rem;
  margin-top: 40rem;
}
@media screen and (min-width: 900px) {
  .appoint-form {
    grid-template-columns: auto 1fr;
    gap: 40rem;
  }
}

.appoint-form-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6rem;
}
@media screen and (min-width: 900px) {
  .appoint-form-item {
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    gap: 64rem;
    align-items: start;
  }
}

.appoint-form-item--submit {
  gap: 16rem;
}
@media screen and (min-width: 900px) {
  .appoint-form-item--submit {
    grid-template-columns: 1fr;
  }
}

.appoint-form-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 900px) {
  .appoint-form-label {
    gap: 8rem;
    justify-content: flex-start;
    margin-top: 14rem;
  }
}

.appoint-form-consent {
  font-size: 14rem;
  text-align: center;
}
.appoint-form-consent a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .appoint-form-consent a:hover {
    text-decoration: none;
  }
}

.appoint-form-button {
  display: grid;
  place-items: center;
}

/*!
page > appoint > appoint-lead
------------------------------
*/
.appoint-lead {
  display: grid;
  gap: 32rem;
  margin-top: 80rem;
}
.appoint-lead-text {
  padding-inline: 20rem;
  line-height: 1.8;
}
.appoint-lead-text span {
  display: block;
}
@media screen and (min-width: 900px) {
  .appoint-lead-text {
    padding: 0;
    text-align: center;
  }
  .appoint-lead-text span {
    display: inline;
  }
}

.appoint-actions {
  display: grid;
  gap: 12rem;
  transition: scale 0.3s;
}
@media screen and (min-width: 900px) {
  .appoint-actions {
    grid-template-columns: 1fr 1fr;
    gap: 16rem;
  }
}

.appoint-actions-button {
  position: relative;
  display: grid;
  justify-items: center;
}
@media (any-hover: hover) {
  .appoint-actions-button:hover .c-button::after {
    scale: 1.1;
  }
}

.appoint-tel {
  display: grid;
  gap: 6rem;
  padding-top: 8rem;
  text-align: center;
}

.appoint-tel-number {
  font-weight: 700;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .appoint-tel-number:hover {
    text-decoration: none;
  }
}

/*# sourceMappingURL=page-appoint.css.map */