h3, h4, h5, h6 {
    margin-top: 20px;
}

h3 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}
h4 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f9f9f9;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
h5 {
  position: relative;
  padding-left: 1.6em;/*アイコン分のスペース*/
  line-height: 1.4;
  border-bottom: solid 1px #e7e7e7;/*下線*/
}

h5:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f001";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 2;/*アイコンの位置*/
  color: #2a99ff; /*アイコン色*/
  font-weight: 900;
}

dt::before {
    content: "♪ "; /* 絵文字とスペースを指定 */
    font-size: 1.2em; /* 必要に応じてサイズ調整 */
    margin-right: 5px; /* 絵文字とテキストの間隔 */
}

pre {
  background-color: #f9f9ff; /* 背景色 */
  color: blue;          /* 文字色 */
  border-radius: 5px;    /* 角丸 */
  padding: 10px;         /* 内側の余白 */
  font-size: 12px;       /* フォントサイズ */
}