/* Keep each hidden input beside its visible box so focusing it does not scroll
   the page back to the document origin. */
.s4-site--sub[data-section="join"] .cc-terms__agree,
.s4-site--sub[data-section="join"] .cc-terms__all {position:relative}

.s4-site--sub[data-section="join"] .cc-terms__agree input.selec_chk,
.s4-site--sub[data-section="join"] .cc-terms__all input.selec_chk {
  position:absolute;
  top:50%;
  left:0;
  z-index:1;
  width:20px;
  height:20px;
  margin:0;
  opacity:0;
  transform:translateY(-50%);
  clip:auto;
  clip-path:none;
  overflow:visible;
  cursor:pointer;
}
.s4-site--sub[data-section="join"] .cc-terms__all input.selec_chk {left:18px}
.s4-site--sub[data-section="join"] .cc-terms__all .cc-terms__box {background-color:#fff;border-color:#687d89}
.s4-site--sub[data-section="join"] .cc-terms__all input:checked ~ .cc-terms__box {background:#12354b url('/skin/member/basic/img/chk.png') no-repeat center;border-color:#12354b}