/*
Theme Name: ja-toyamashi Child
Theme URI: 
Template: ja-toyamashi
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

.inq-cnt .pds-unit {
  padding: 1em;
  background: #f5f5f5;
  border-radius: 16px;
}

.inq-area {
  border: none;
}

@media screen and (max-width: 767px) {
  .inq-area {
    display: block;
  }
}

.inq-area tbody {
  border: none;
}

@media screen and (max-width: 767px) {
  .inq-area tbody {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .inq-area tbody tr {
    display: flex;
    flex-direction: column;
  }
}

.inq-area th {
  width: 30%;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #000;
  background-color: transparent;
  padding: 1em 0;
}

@media screen and (max-width: 767px) {
  .inq-area th {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
}

.inq-area td {
  width: 70%;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}

@media screen and (max-width: 767px) {
  .inq-area td {
    width: 100%;
  }
}

.inq-area th p {
  display: flex;
  margin: 0;
}

.inq-area th p .img-box {
  width: 20%;
  display: flex;
  align-items: center;
}

.inq-area th p .img-box img {
  margin: 0 auto;
}

.inq-area th p .ttl {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .inq-area th p .ttl {
    text-align: left;
  }
}

.inq-area td p {
  margin: 0;
}

.inq-area td p input {
  margin: 0;
}

.inq-cnt p.submit {
  text-align: center;
  margin: 1em 0;
}

.inq-cnt p.submit > input {
  background: #00a75b;
  border: none;
}

.inq-cnt fieldset {
  border-radius: 10px;
  margin: 1em 0;
}

.inq-cnt fieldset legend span.check {
  color: #00a75b;
  font-weight: bold;
  margin: 0 1em;
  font-size: 1.25em;
}

@media screen and (max-width: 767px) {
  .wpcf7-spinner {
    display: none;
  }
}

/**/
/* PC（デフォルト）の設定 */
.responsive-form {
  width: 100%;
  height: 1600px; /* PCでの高さ */
}

@media screen and (max-width: 767px) {
  .responsive-form {
    height: 1800px; /* スマホは項目が縦に伸びるため、高めに設定 */
  }
}