.content-box {
    width: 100%;
    line-height: 1.6;
  }
  
  .float-img {
    float: right;        /* 右に寄せてテキストを回り込ませる */
    width: 50%;         /* 画面幅に対して30%の大きさ（レスポンシブ） */
    max-width: 350px;   /* 大きくなりすぎない制限 */
    min-width: 120px;   /* 小さくなりすぎない制限 */
    margin-left: 20px;  /* テキストと画像の間に余白を作る */
    margin-bottom: 10px;
    height: auto;
  }
  
  /* レスポンシブ：スマホなど非常に狭い画面での調整 */
  @media (max-width: 480px) {
    .float-img {
      float: none;      /* 回り込みを解除 */
      display: block;   /* ブロック要素にする */
      margin: 0 auto 15px; /* 中央寄せにして下に余白を作る */
      width: 80%;       /* スマホでは画像を大きく見せる */
    }
  }