/* ============================================
   カウンセリングフォーム専用スタイル
   .counseling-form スコープで既存CSSに影響なし
   ============================================ */

/* ラベル補足テキスト */
.counseling-form .cf7-note {
  font-size: .7em;
  display: inline-block;
  margin-top: 0.5em;
  line-height: 1.2;
}

/* 日付・スコアのインライン入力グループ */
.counseling-form .counseling-date-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: .3em 0;
}

#cf7-area.counseling-form input[type="text"],#cf7-area.counseling-form input[type="tel"] ,
#cf7-area.counseling-form input[type="email"]{
  width: 100%;
  margin: 0;
}

#cf7-area.counseling-form input[type="date"]{
  margin: 0;
}

#cf7-area .counseling-date-inline input[type="text"] {
  width: 60px;
  margin: 0;
  display: inline-block;
  flex-shrink: 0;
}
#cf7-area.counseling-form textarea {
  width: 100%;
  margin: 0;
}
.counseling-form .wpcf7-radio {
  gap: 11px;

}

#cf7-area.counseling-form .wpcf7-list-item {
  margin-left: 0;
}

#cf7-area.counseling-form .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}

.counseling-form .cf7-item .cf7-q {
  padding-inline: 14px;
}

.counseling-form .cf7-item .cf7-q p {
  line-height: 1.2;
  margin: 0;
}

.counseling-form .cf7-item .cf7-a {
  padding: 15px 30px;
}

.counseling-form .cf7-item .cf7-q p {
 

}

/* 渡航歴・職歴テーブル：テーブルらしさをなくしシンプルに */
.counseling-form .cf7-table {
  width: 100%;
  margin:  0;
}
.counseling-form .cf7-table thead {
  display: none;
}
.counseling-form .cf7-table,
.counseling-form .cf7-table tbody,
.counseling-form .cf7-table tr,
.counseling-form .cf7-table td {
  display: block;
  box-sizing: border-box;
}
.counseling-form .cf7-table tr {
  border: none;
  border-bottom: 1px solid #e0e8f0;
  margin-bottom: 0;
  padding: 1.2em 0;
}

.counseling-form .cf7-table tr:first-of-type {
  padding-top: 0;
}

.counseling-form .cf7-table tr:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.counseling-form .cf7-table td {
  border: none;
  padding: .3em 0;
}
.counseling-form .cf7-table td p,
.counseling-form .cf7-table--job td p,
.counseling-form .cf7-table--job th p {
  margin: 0;
}
.counseling-form .cf7-table td[data-label]::before {
  content: attr(data-label);
  display: block;
  font-size: .75em;
  color: #666;
  margin-bottom: .2em;
}
#cf7-area .cf7-table input[type="text"],
#cf7-area .cf7-table textarea {
  width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
/* 期間セル */
#cf7-area .cf7-table td:first-child input[type="text"] {
  width: 44%;
  display: inline-block;
  margin: 0 1px;
}

/* 現在の仕事テーブル */
.counseling-form .cf7-table--job {
  width: 100%;
  margin: .5em 0;
}
.counseling-form .cf7-table--job,
.counseling-form .cf7-table--job tbody,
.counseling-form .cf7-table--job tr,
.counseling-form .cf7-table--job th,
.counseling-form .cf7-table--job td {
  display: block;
  box-sizing: border-box;
}
.counseling-form .cf7-table--job tr {
  margin-bottom: .5em;
}
.counseling-form .cf7-table--job th {
  background: none;
  color: #666;
  font-weight: normal;
  font-size: .85em;
  padding: .4em 0 .4em;
  border: none;
  text-align: left;
}
.counseling-form .cf7-table--job td {
  padding: .4em 0 .4em;
  border: none;
}
#cf7-area .cf7-table--job input[type="text"],
#cf7-area .cf7-table--job textarea {
  width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

/* サブアイテム（他の場合・Yesの場合） */
.counseling-form .cf7-sub-item {
  padding: .4em 0 .4em;
  font-size: .9em;
  color: #555;
}
#cf7-area .cf7-sub-item input[type="text"],
#cf7-area .cf7-sub-item textarea {
  width: 100%;
  margin: .3em 0 0;
}

/* ============================================
   モバイル
   ============================================ */
@media screen and (max-width: 800px) {

  .counseling-form .cf7-item .cf7-q {
     padding: 0;
    }

  .counseling-form .cf7-item .cf7-a {
      padding: 15px 0;
    }
  .counseling-form .cf7-a p {
    margin: 0;
  }

  .counseling-form .cf7-item {
    margin-bottom: 1em;
  }
  .counseling-form .cf7-table {
    width: 100%;
    margin: .5em 0;
  }
  .counseling-form .cf7-table--job {
    width: 100%;
    margin: .5em 0;
  }
  .counseling-form .cf7-sub-item {
    padding-left: 0;
    padding-right: 0;
  }
  #cf7-area .cf7-sub-item textarea {
    width: 100%;
    margin: .3em 0 0;
  }
    .counseling-form .cf7-table tr {
      padding-bottom: 0.8em;
    }
  .counseling-form .cf7-table td {
    padding-left: 0;
    padding-right: 0;
  }
  #cf7-area .cf7-table td:first-child input[type="text"] {
    width: 44%;
  }
  .counseling-form .counseling-date-inline {
    padding: .5em 0;
  }
  #cf7-area .counseling-date-inline input[type="text"] {
    width: 55px;
  }
}