/* 親要素：Flexboxにして3列にする */
.cont {
  display: flex;
  width: 100%;
  gap: 10px; /* カラム間の隙間 */
  box-sizing: border-box;
}

/* 子要素：それぞれ幅を33.33%にして均等に分ける */
.column {
  flex: 1; /* 均等に幅を広げる */
  width: calc((100% - 20px) / 3); /* gapを考慮した幅計算 */
  background-color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  word-break: break-all; /* 文字が長すぎた場合の折り返し */
}

/* スマホ幅でもブレイクさせない（必要に応じて設定） */
@media (max-width: 600px) {
  .cont {
    gap: 5px; /* スマホではgapを小さく */
  }
  .column {
    padding: 10px; /* スマホではpaddingを小さく */
    font-size: 14px; /* 文字サイズを小さくして収める */
  }
}