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

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

#page-title {
  margin-bottom: 1em;
}

#tel-block {
  margin-bottom: 2em;
}

#tel-block p:first-of-type {
  margin-bottom: 1em;
}

#tel-block dl {
  line-height: 1.6;
  margin-bottom: 1em;
}

#tel-block dl:last-child {
  margin-bottom: 0em;
}

#tel-block dt {
  margin-bottom: .2em;
  color: #ED86B3;
  font-size: 1.5rem;
  font-weight: 500;
}

#tel-block dd .br {
  display: block;
}

#form-block p:first-of-type {
  margin-bottom: 1em;
}

#form-block input[type="text"],
#form-block input[type="tel"],
#form-block input[type="email"],
#form-block select,
#form-block textarea {
  padding: .5em;
  width: 100%;
  font-size: 1.5rem;
  background: #fff;
  border: 1px solid #e3e3e3;
}

#form-block textarea {
  height: 150px;
}

#consent-block {
  text-align: center;
}

#consent-block input {
  transform:scale(1.2);
}

#consent-block a {
  display: block;
  text-decoration: underline;
  font-size: 1.4rem;
}

#btn-block {
  margin: 3em auto 0;
  text-align: center;
}

#btn-block li {
  display: inline-block;
}

#btn-block li input {
  cursor: pointer;
  padding: 10px 0;
  width: 120px;
  color: #fff;
  background: #ED86B3;
  border: none;
}

#btn-block li input:disabled {
  cursor: default;
  background: #ccc;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7c-conf {
  border: none !important;
  background: none !important;
}

.wpcf7-response-output,
.wpcf7-mail-sent-ok {
  display: none !important;
}

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

  #tel-block {
    margin-bottom: 2.5em;
  }

  #tel-block p:first-of-type {
    margin-bottom: 1.2em;
  }

  #tel-block dl {
    line-height: 1.7;
    margin-bottom: 1.2em;
  }

  #tel-block dt {
    font-size: 1.6rem;
  }

  #tel-block dd .br {
    display: inline-block;
    padding-left: 1em;
  }

  #form-block th {
    width: 250px;
  }

  #form-block textarea {
    height: 200px;
  }

  #consent-block {
    margin-top: 2em;
  }

}

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

  #tel-block {
    margin-bottom: 3em;
  }

  #tel-block p:first-of-type {
    margin-bottom: 1.4em;
  }

  #tel-block dl {
    line-height: 1.8;
    margin-bottom: 1.4em;
  }

  #tel-block dt {
    font-size: 1.7rem;
  }

  #form-block th {
    width: 300px;
  }

  #form-block textarea {
    height: 250px;
  }

  #consent-block {
    margin-top: 2.5em;
  }

}

/* ～480px（例外）
------------------------------------------------------ */
@media screen and (max-width: 480px) {

  th, td {
    display: block;
    width: 100%;
    border: none;
  }

  th {
    padding: .5em 1em;
  }

  td {
    padding: 1em;
    text-align: center;
  }

}