code {
  font-size: 87.5%;          /* フォントサイズを少し小さく設定 */
  color: #008000;            /* テキストの色をピンクに設定 */
  background-color: #f8f9fa; /* 背景色を薄いグレーに設定 */
  padding: 0.2em 0.4em;      /* 内側の余白を設定 */
  border-radius: 0.25rem;    /* 角を丸く設定 */
  word-wrap: break-word;     /* 長い単語がある場合は折り返し */
  border: 1px solid #dee2e6; /* 境界線を追加 */
  display: block;
}

.container {
    max-width: 100%;
}
img {
    max-width:100%;
    height:auto;
}
h1 {
    font-size: 1.7rem; /* さらに小さく調整 */
    font-weight: bold;
    color: #111111;
}
h2 {
    font-size: 1.4rem; /* さらに小さく調整 */
    font-weight: bold;
    color: #555555;
}
h3 {
    font-size: 1.2rem; /* さらに小さく調整 */
    font-weight: bold;
    color: #999999;
}
h4 {
    font-size: 1rem; /* さらに小さく調整 */
    font-weight: bold;
    color: #aaaaaa;
}
h5 {
    font-size: 0.8rem; /* さらに小さく調整 */
    font-weight: bold;
    color: #cccccc;
}
h6 {
    font-size: 0.7rem; /* さらに小さく調整 */
    font-weight: bold;
    color: #dddddd;
}