pre {
    margin: 1em 0; /* ブロック前後の余白 */
    padding: 1em; /* ブロック内の余白 */
    border-radius: 5px; /* 角丸 */
    background: #25292f; /* 背景色 */
    color: #fff; /* 文字色 */
    white-space: pre-wrap; /* はみ出たときに折り返す */
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
  }
  @media screen and (max-width: 767px) {
    pre{
      font-size: smaller;
    }
  }