@charset 'utf-8';
/* ======================================================
CSS information

 File Name  : contact.css
 Style Info : 「お問い合わせ」のCSS
====================================================== */

.grecaptcha-badge {
  visibility: visible;
}

#contact-block .top-desc-text {
  margin-inline: auto;
  width: fit-content;
}

#form-box {
  margin-top: 4rem;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  #form-box {
    margin-top: 5rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  #form-box {
    margin-top: 6rem;
  }

}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  .grid-table {
    grid-template-columns: 1fr;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  .grid-table {
    grid-template-columns: 250px 1fr;
  }

}

.wpcf7-list-item {
  display: block;
  margin: 0;
}

.wpcf7-not-valid-tip {
  margin-top: 1rem;
}

.wpcf7-spinner,
.wpcf7-response-output {
  display: none;
}

.required {
  display: inline-block;
  margin-left: 1rem;
  padding: 0 .8rem .1rem;
  color: var(--basecolor2);
  font-size: 1.3rem;
  background: var(--basecolor4);
}

.grid-table > .row > .cell {
  padding-inline: 0;
}

.grid-table > .row > .cell:first-of-type {
  background: transparent;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  .grid-table > .row > .cell:first-of-type {
    justify-content: left;
  }

}

.cell:first-of-type {
  align-items: center;
}

.cell.top {
  align-items: start;
}

#consent-box {
  margin: 4rem auto 0;
  font-size: 1.4rem;
  text-align: center;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  #consent-box {
    margin-top: 4.5rem;
    font-size: 1.5rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  #consent-box {
    margin-top: 5rem;
    font-size: 1.6rem;
  }

}

#btn-box {
  margin: 4rem auto 1rem;
  text-align: center;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  #btn-box {
    margin-block: 4.5rem 2rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  #btn-box {
    margin-block: 5rem 3rem;
  }

}

#privacy-block {
  margin-top: 5rem;
  font-size: 1.4rem;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  #privacy-block {
    margin-top: 6rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  #privacy-block {
    margin-top: 7rem;
    font-size: 1.5rem;
  }

}

/* ～767px
------------------------------------------------------ */
@media (max-width: 767px) {

  #privacy-block .heading-text-01 {
    letter-spacing: .3rem;
  }

}

#privacy-block > dl {
  margin-bottom: 2rem;
}

#privacy-block dt {
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  font-weight: 600;
  border-bottom: 1px solid var(--basecolor7);
}