/* 回収の流れ用 float レイアウト */
.flow-item {
  overflow: hidden;
  margin: 30px 0;
}
.flow-img {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.flow-item.reverse .flow-img {
  float: none;
  margin-left: 0;
}
/* テキスト全幅表示初期状態 */
/* .flow-text { overflow: hidden; } */

/* 600px以上で画像左寄せ、テキスト回り込み開始 */
@media (min-width: 600px) {
  .flow-img {
    width: 200px;
    float: left;
    margin: 0 20px 10px 0;
  }
  .flow-item.reverse .flow-img {
    float: right;
    margin: 0 0 10px 20px;
  }
  .flow-text { /* float解除済みでテキスト領域を確保 */
    overflow: hidden;
  }
}

/* 900px以上でさらに横幅広げ */
@media (min-width: 900px) {
  .flow-img {
    width: 300px;
  }
  .flow-item {
    margin: 40px 0;
  }
  .flow-text h2 {
    font-size: 1.5rem;
  }
}