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

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

.grecaptcha-badge {
  visibility: visible;
  bottom: 170px !important;
}

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

  .grecaptcha-badge {
    bottom: 110px !important;
  }

}

[data-class="wpcf7cf_group"],
.wpcf7cf_remove, .wpcf7cf_add {
  display: block;
}

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

.wpcf7-list-item:first-of-type {
  margin-left: 0;
}

.wpcf7-not-valid-tip {
  color: var(--required);
}

#tel-block dl {
  text-align: center;
}

#tel-block .tel-link {
  display: block;
  color: var(--basecolor5);
  font-size: 3rem;
}

#form-list {
  margin-bottom: 2rem;
}

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

  .grid-table {
    grid-template-columns: repeat(2, auto);
  }

  .cell:first-of-type {
    padding-inline: 2rem;
  }

  .cell:last-of-type {
    padding-left: 2rem;
  }

}

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

  .cell:first-of-type {
    padding-inline: 2.5rem;
  }

  .cell:last-of-type {
    padding-left: 2.5rem;
  }

}

.consultation_block {
  margin-top: 2rem;
}

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

  .consultation_block {
    display: flex;
    align-items: center;
  }

}

.red {
  color: #ff0033;
}

.consultation_block > p {
  margin-bottom: 1rem;
}

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

  .consultation_block > p {
    margin-bottom: 0;
  }

}

.consultation_block > span {
  margin-inline: .5rem;
}

.consultation_block > span:first-of-type {
  margin-left: 0;
}

select[name^="consultation_"] {
  width: 90px;
}

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

  select[name^="consultation_"] {
    width: 110px;
  }

}

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

  select[name^="consultation_"] {
    width: 130px;
  }

}

.item-desc-text {
  font-size: 1.4rem;
}

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

  .item-desc-text {
    font-size: 1.5rem;
  }

}

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

  .item-desc-text {
    font-size: 1.6rem;
  }

}

.item-desc-text > * {
  margin-bottom: 1rem;
}

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

  .item-desc-text > * {
    margin-bottom: 1.5rem;
  }

}

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

  .item-desc-text > * {
    margin-bottom: 2rem;
  }

}

.item-desc-text a {
  color: var(--basecolor5);
}

#btn-box > p {
  margin-inline: auto;
  margin-bottom: 2rem;
  width: fit-content;
}

/*****************************************
 * hover
 ****************************************/

@media (hover: hover) {

  input[type="submit"] {
    transition: all .3s ease-in-out;
  }

  input[type="submit"]:hover {
    color: var(--basecolor5);
    background: var(--basecolor2);
  }

}