@charset "utf-8";
/*--------ol------------*/
/* olのリセットCSS */

#conts ol{
  padding: 0;
  counter-reset:cp_clist; /*数字をリセット*/
  list-style-type: none;
}
#conts ol li {
  position: relative;
  margin: 0 0 0 30px;
}
#conts ol li::before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  /* カウントさせる */
  counter-increment: cp_clist;
  content: counter(cp_clist);
  /*装飾*/
  background: #0872CB;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  /*位置の調整*/
  margin-top: 2px;
  margin-left: -30px;
}


/* 2つ目以降のliにmargin-topを指定 */
#conts ol li:not(:first-child) {
  margin-top: 0.5em;
}


/*--------タイトル追加用スタイル-----------*/
.bg0099ff,
.bg009999,
.bg009933,
.bg999900,
.bgff9900,
.bgff6600,
.bgff3333,
.bgcc3366,
.bg663399,
.bg3366cc,
.bg000000{
margin-bottom: 24px;
    padding: 9px 18px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-top: 24px;
}

.bg0099ff{
background-color: #0099ff !important;
}

.bg009999{
background-color: #009999 !important;
}

.bg009933{
background-color: #009933 !important;
}

.bg999900{
background-color: #999900 !important;
}

.bgff9900{
background-color: #ff9900 !important;
}

.bgff6600{
background-color: #ff6600 !important;
}

.bgff3333{
background-color: #ff3333 !important;
}

.bgcc3366{
background-color: #cc3366 !important;
}

.bg663399{
background-color: #663399 !important;
}


.bg3366cc{
background-color: #3366cc !important;
}

.bg000000{
background-color: #000000 !important;
}



/*--------サブタイトル追加用スタイル-----------*/
.sub0099ff,
.sub009999,
.sub009933,
.sub999900,
.subff9900,
.subff6600,
.subff3333,
.subcc3366,
.sub663399,
.sub3366cc,
.sub000000{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
    padding: 5px 7px 2px 12px;
    margin: 25px 0px !important;
}


.sub0099ff{
color: #0099ff !important;
border-left: 7px solid #0099ff !important;
}

.sub009999{
color: #009999;
border-left: 7px solid #009999 !important;
}

.sub009933{
color: #009933 !important;
border-left: 7px solid #009933 !important;
}

.sub999900{
color: #999900 !important;
border-left: 7px solid #999900 !important;
}

.subff9900{
color: #ff9900;
border-left: 7px solid #ff9900 !important;
}

.subff6600{
color: #ff6600;
border-left: 7px solid #ff6600 !important;
}

.subff3333{
color: #ff3333;
border-left: 7px solid #ff3333 !important;
}

.subcc3366{
color: #cc3366;
border-left: 7px solid #cc3366 !important;
}

.sub663399{
color: #663399;
border-left: 7px solid #663399 !important;
}


.sub3366cc{
color: #3366cc;
border-left: 7px solid #3366cc !important;
}


.sub000000{
color: #000000;
border-left: 7px solid #000000 !important;
}