@charset "UTF-8";


/*ルール*/
.rule_list{padding:20px 0 80px 15px;}
.rule_list .wrap{position:relative;}

.rule_list h2 {
  position: relative;
  display: inline-block;
  padding: 5px 15px 5px 40px;
  color: #fff;
  font-size: 25px;
  border-radius: 100vh 0 0 100vh;
  border-right: double 8px #003399;
  background: #f27019;
}

.rule_list h2:before {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}



/*.rule_list h2{margin-bottom:15px;}*/
.rule_list ul li{float:none; width:1000px; padding-top:10px;padding-bottom: 30px; position:relative;border-bottom:#c5c5c5 solid 2px;}
.rule_list h3{margin-top: 10px; margin-bottom: 15px;padding-left:10px; display:inline-block; vertical-align:middle; border-left:#003399 solid 3px; font-size:20px; line-height:20px;}
.rule_list ul li{font-size:14px; line-height:2; margin-top:13px;}
.rule_list p {width:1000px; line-height:1.8; padding-top:5px; padding-left:5px; padding-right:5px;position:relative;}

.cation{font-size:15px; color: #F90313; line-height:2; margin-top:13px;}


@media screen and (max-width: 767px) {
	
.rule_list{padding:10px 0 0px 0;}
 .rule_list h2{font-size:18px;}
  .rule_list ul{margin-bottom:5px;}
  .rule_list ul li{float:none; width:100%; padding:5px 5 0px 0;}
  .rule_list ul li:first-child{padding-right:0;}
  .rule_list ul li:last-child{padding-left:0;}
  .rule_list ul li:nth-child(2){padding:5px 0 10px; width:100%;}
  .rule_list ul li:nth-child(2):before,
  .rule_list ul li:nth-child(2):after{display:none;}
  .rule_list ul li .date{display:block;border-left:#003399 solid 2px; font-size:15px; line-height:20px; float:left;}
  .rule_list h3{font-size:18px;margin-top:10px;}
  .rule_list ul li{font-size:14px;margin-top:0px;}
  .rule_list p {width:auto;padding-top:3px;}

.cation{font-size:14px; color: #F90313; line-height:2; margin-top:13px; margin-bottom: 13px;}
}