@charset "UTF-8";

h1 {
  text-align: center;
}

.rule__content {
  width: 880px;
  margin: 0 auto;
}

.rule__content__wrap {
  margin-bottom: 80px;
}

.rule__content__wrap:before, .rule__content__wrap:after {
  content: " ";
  display: table;
}

.rule__content__wrap:after {
  clear: both;
}

.rule__content__wrap .a {
  margin-left: 30px;
}

.rule__content__wrap .a>li {
  list-style: lower-alpha outside;
}

.rule__content__wrap .num {
  margin-left: 30px;
}

.rule__content__wrap .num>li {
  list-style: decimal outside;
}

.rule__content__wrap .disc {
  margin-left: 25px;
}

.rule__content__wrap .disc>li {
  list-style: disc outside;
}

.rule__content__wrap__l {
  float: left;
  width: 200px;
  position: relative;
}

.rule__content__wrap__l #rule_sub ul {
  position: absolute;
  top: 10px;
}

.rule__content__wrap__l #rule_sub li {
  margin-bottom: 15px;
}

.rule__content__wrap__l #rule_sub li a {
  color: #333;
  text-decoration: none;
}

.rule__content__wrap__r {
  float: right;
  width: 640px;
}

hr.section_end {
  border-top: 1px #f3f3f3;
  display: block;
  margin-bottom: 60px;
}

@media screen and (max-width: 425px) {
  .rule__content__wrap hr.section1_end {
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
    display: block;
    margin-bottom: 60px;
    width: 80%;
  }

  .rule__content__wrap hr.section2_end {
    border-top: 1px solid #8c8b8b;
    display: block;
    margin-bottom: 60px;
    width: 80%;
  }
}

.rule__content__wrap .rule__content__cont {
  margin-bottom: 60px;
}

.rule__content__wrap .rule__content__cont:last-child {
  margin-bottom: 0;
}

.rule__content__wrap .rule__content__cont h3 {
  margin-bottom: 20px;
}

.rule__content__wrap .rule__content__cont dl dt {
  margin-bottom: 10px;
  font-weight: 700;
}

.rule__content__wrap .rule__content__cont dl dd {
  margin-bottom: 20px;
}

@media screen and (max-width:767px) {
  .rule__content {
    width: 100%;
  }

  .rule__content__wrap__l {
    float: none;
    width: 100%;
    text-align: center;
  }

  .rule__content__wrap__l #rule_sub ul{
    position: relative;
    top: 0;
    width: 100%;
  }

  .rule__content__wrap__r {
    float: none;
    width: 100%;
    margin-top: 50px;
  }

  .rule__content__wrap .rule__content__cont {
    margin-bottom: 40px;
  }
}