/* ===目次=== */
/* 目次全体デザイン */
#toc_container{
background:#F9F9F9; /* 目次全体の背景色を変える場合はここを変更 */
border:none;
display:block;
border-top:5px solid;
border-top-color:#040124;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
padding: 5px 5px;
}

#toc_container::before {
position: absolute;
content: "";
border: 0px solid #e1eff4;
border-top-color: rgb(225, 239, 244);
border-right-color: rgb(225, 239, 244);
border-bottom-color: rgb(225, 239, 244);
border-left-color: rgb(225, 239, 244);
width: 100%;
height: 100%;
max-width: 100%;
box-sizing: border-box;
opacity: 0.15;
}

/* 目次の文字指定 */
.to_title {
text-align:left;
margin: 0 20px 20px -10px;
padding-left: -20px;
font-size: 23px;
font-weight: 700;
color: #040124; /* 目次の文字色を変える場合はここを変更 */
}
/* 目次のアイコン設定 */
.toc_title:before {
top: 0;
left: -45px;
width: 50px;
height: 50px;
font-family: "Font Awesome 5 Free";
content : "\f0ca"; /* アイコンを変える場合はここを変更 */
font-weight: 900;
font-size:20px;
margin-right:10px;
color:#FFF; /* アイコンの色を変える場合はここを変更 */
background-color:#040124; /* アイコンの背景色を変える場合はここを変更 */
border-radius: 50%;
-webkit-border-radius: 50%;
 -moz-border-radius: 50%;
padding:10px;
}
/* 目次のデザインカスタマイズ */
.toc_list ol {
  padding: 0 0.5em;
  position: relative;
}
.toc_list li {
  line-height: 1.5;
  padding: 0.7em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
/* 目次の各節の先頭にあるアイコンを設定 */
.toc_list ol li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138"; /* アイコンを変える場合はここを変更 */
  position: absolute;
  left : 0.5em;
  color: #040124; /* 色を変える場合はここを変更 */
}
.toc_list ol li:last-of-type {
border-bottom: none;
}
.toc_list .toc_title li {
font-weight:700; /* h2のみ太文字に */
}
.toc_list .toc_title li li {
font-weight:normal; /* h3以降の文字サイズを普通に */
}

 /* 「目次」のフォントサイズなど */
#toc_container .toc_title {
    margin-bottom: 0px;
    margin-top: 45px;
    font-size: 1.3rem;
}