.custom-form {
  background-color: #ffffff;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-shadow: none;
  border: none;
  overflow: visible; /* 念のため追加 */
 
/* 親コンテナをflex化して左右並びに */
.main-content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 32px; /* 任意の余白 */
}

/* 各カラムの基本幅 */
.main-content > .row-fluid > .span6 {
  width: 50%;
}

/* 念のためフレキシブルカラム内のフォームの幅を最大に */
.custom-form {
  width: 100%;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
/* 左右を包む12列の親モジュールグループをflex化 */
.dnd-section > .row-fluid {
  display: flex;
  flex-wrap: nowrap;
  gap: 32px;
}

/* 各6カラムを均等幅にする */
.dnd-section > .row-fluid > .span6 {
  width: 50%;
}

/* 念のためフォーム幅調整 */
.custom-form {
  width: 100%;
  box-sizing: border-box;
}