/*----------regulation----------*/
.regulation {
  padding: 1.5rem;
}

.regulation-heading {
  padding-left: .5rem;
  border-bottom: 2px #000 solid;
  font-size: 1.6rem;
  font-family: "HiraKakuPro-W6", YuGothic, sans-serif;
}

.regulation-important {
  padding: .5rem;
}

.regulation-important-heading {
  padding: .5rem 0 1.5rem;
  font-family: "HiraKakuPro-W6", YuGothic, sans-serif;
}

.regulation-important-text {
  font-size: 1rem;
}

.regulation-text {
  height: 311px;
  padding: .5rem;
  border: 1px #95989a solid;
  overflow: scroll;
}

.regulation-form {
  padding: 1rem;
  text-align: center;
}

.regulation-form-checkbox-container {
  padding-bottom: 1rem;
}

.regulation-form-checkbox {
  position: absolute;
  clip: rect(0,0,0,0);
}

.regulation-form-label {
  font-size: 1rem;
}

.regulation-form-checkbox + .regulation-form-label::before {
  content: "\a0";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px #95989a solid;
  border-radius: 2px;
  vertical-align: middle;
}

.regulation-form-checkbox:checked + .regulation-form-label::before {
  content: "\2713";
  line-height: 1.2rem;
  color: #fff;
  background: #2b91fc;
}

.regulation-form-disagree,
.regulation-form-agree {
  width: 11rem;
  height: 2.7rem;
  border-radius: 3px;
  color: #fff;
  font-family: "Hiragino Kaku Gothic Std", YuGothic, sans-serif;
}

.regulation-form-disagree {
  display: inline-block;
  vertical-align: bottom;
  line-height: 2.7rem;
  letter-spacing: 1px;
  background: #aaa;
}

.regulation-form-agree {
  margin-left: 2rem;
  background: #aaa;
}

.regulation-box20 { width: 20%; }
.regulation-box25 { width: 25%; }
.regulation-box30 { width: 30%; }
.regulation-box35 { width: 35%; }
.regulation-box80 { width: 80%; }