H2#danraku2{
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #FFFAFA;/*背景色*/
border-left: solid 8px #ff9999;/*左線（実線 太さ 色）*/
margin-top: 1rem;
}

H3#danraku3{
color: #ff9999;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #ff9999;/*上線*/
border-bottom: solid 3px #ff9999;/*下線*/
}

H4#danraku4{
 padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #ff9999;/*左線*/
}


/*数字リスト*/
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #FFFAFA;
}
ol li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.8em 0.8em 0.8em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #A9A9A9;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}
/*数字リスト END*/
/*リスト*/
ul{
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  }

ul li{
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}
/*リスト END*/