.hparagraph {
  background: #f9f9ff;     /* ほんのり背景色（変更OK） */
  padding: 16px 20px;      /* 内側の余白 */
  border-radius: 8px;      /* 角丸 */
  font-size: 18px;         /* 文字サイズ大きめ */
  line-height: 1.9;        /* 行間広め */
  margin: 1.5em 0;         /* 上下の余白 */
  color: #333;

  /* ▼ ここから幅指定のポイント ▼ */
  max-width: 800px;        /* 最大幅を設定（自由に変更OK） */
  margin-right: auto;
  display: block;          /* 段落をブロック扱いに */
  /* ▲ ここまで幅指定のポイント ▲ */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* スマホ調整 */
@media (max-width: 768px) {
  .hparagraph {
    font-size: 16px;
    padding: 14px 16px;
  }
}