@charset "UTF-8";
/*///////////////////////////////////////////////////
//
	ページ個別に発生するスタイル指定はこちら
//
///////////////////////////////////////////////////*/

/*policy*/

/*　番号付きリストスタイル .olColor01*/
.olColor01{
  counter-reset:number; 
  list-style:none; 
  margin:0;
  padding:0;
  margin-left: 10px;
}
.olColor01 li{
  position:relative;
  padding: 0 0 0 20px;
}
.olColor01 li:before{
  counter-increment: number; 
  content: counter(number) ". ";
  position: absolute;
  left: -5px;
  color: #d6001c;
}

/*　番号付きリストスタイル .olRound01　*/
.olRound01{
  counter-reset:list;
  list-style-type:none;
  padding:0;
  margin-left: 20px;
}
.olRound01 li{
  position:relative;
  padding: 0 0 0 30px;
  margin: 7px 0 7px 0px;
  line-height: 23px;
  border: dashed 1px transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.olRound01 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -10px;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  line-height:24px;
  background: #d6001c;
  border-radius: 50%;
}

.ulBasic01 li:before {
    top: 11px;
}
@media only screen and (min-width: 768px) {
  .ulBasic01 li:before {
      top: 13px;
  }
}