/*  + ContactForm（wordpress）
----------------------------------------------------------- */
input.wpcf7-form-control.wpcf7-submit {
    background: #000000;
    padding: 16px 64px;
    color: #FFF;
    font-weight: bold;
    width: 100%;
    max-width: 300px;
}
input.wpcf7-form-control.wpcf7-submit:disabled {
    background: #c7c4c4;
}
span.wpcf7-list-item {
    /* display: block; */
    margin-right: 10px;
    /* padding: 6px; */
    /* background: #c7c7c7; */
}

/*  + ContactForm（wordpress）
　　メールアドレス入力時に、入力内容を大きく表示
　　メールアドレスチェックのため、確認入力も追加
----------------------------------------------------------- */
.mail-preview-box {
  margin-top: 12px;
  padding: 14px 16px;
  border: 2px solid #dcdcdc;
  background: #f8f8f8;
  border-radius: 6px;
  box-sizing: border-box;
}

.mail-preview-label {
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #666;
}

.mail-preview-value {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  color: #222;
  word-break: break-all;
  overflow-wrap: anywhere;
}

.mail-preview-note {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #777;
}

.mail-match-message {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.mail-match-message.is-match {
  color: #18794e;
}

.mail-match-message.is-error {
  color: #c0392b;
}

.wpcf7-form input.is-error {
  border: 1px solid #c0392b;
  background: #fff7f7;
}

@media (max-width: 1000px) {
  .mail-preview-box {
    padding: 12px;
  }

  .mail-preview-value {
    font-size: 20px;
  }
}

/* ---------------------------------
   CF7 チェックボックス共通調整
--------------------------------- */
.table-contactform7 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.table-contactform7 .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}

.table-contactform7 .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}

.table-contactform7 .wpcf7-checkbox .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  line-height: 1.5;
  cursor: pointer;
  white-space: nowrap;
  word-break: keep-all;
}

.table-contactform7 .wpcf7-checkbox input[type="checkbox"] {
  margin: 0;
}

.table-contactform7 .wpcf7-checkbox .wpcf7-list-item-label {
  display: inline-block;
  white-space: nowrap;
  word-break: keep-all;
}

/* ---------------------------------
   ラジオボタンもついでに整える
--------------------------------- */
.table-contactform7 .wpcf7-radio {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.table-contactform7 .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}

.table-contactform7 .wpcf7-radio .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.6;
  cursor: pointer;
}

/* ---------------------------------
   768px以下で少し詰める
--------------------------------- */
@media screen and (max-width: 768px) {
  .table-contactform7 .wpcf7-checkbox {
    gap: 10px 14px;
  }

  .table-contactform7 .wpcf7-checkbox .wpcf7-list-item label {
    font-size: 14px;
  }
}