/* CF7 6.x 対応（2026-11-04 追加）
   6.x では同意欄のラッパーが class ではなく data-name 属性になるため、add.css の .acceptance-261 と同じ見た目を [data-name] にも適用する。
   5.5.3 では add.css 側が効くので、両バージョンで動く。 */
[data-name="acceptance-261"] label {
  position: relative;
  display: block;
  word-break: break-all;
}
[data-name="acceptance-261"] label input[type="checkbox"] + span,
[data-name="acceptance-261"] label input[type="radio"] + span {
  position: relative;
  padding: 0 30px 0 35px;
}
[data-name="acceptance-261"] input[type="checkbox"] + span::before {
  border-color: #00acc1;
}
[data-name="acceptance-261"] label span {
  display: inline-block;
}
[data-name="acceptance-261"] label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
[data-name="acceptance-261"] label input[type="checkbox"] + span::before, [data-name="acceptance-261"] label input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
[data-name="acceptance-261"] label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 2px #616161 solid;
  border-radius: 5px;
}
[data-name="acceptance-261"] label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
}
[data-name="acceptance-261"] label input[type="checkbox"]:checked + span::before {
  background-color: #616161;
}
[data-name="acceptance-261"] label input[type="checkbox"]:checked + span::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}