/* Box コンテナ */
.boxE {
  display: grid;
  grid-template-columns: 1fr; /* 単一列（必要に応じて分割可） */
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
  background-color: #ffffcc;
  border: 1px solid #ffff99;
  gap: 1rem;
}

.boxF {
  display: grid;
  grid-template-columns: 1fr; /* 内容に応じて複数列にも対応可 */
  background-color: #ffffcc;
  border: 1px solid #f7e3a2;
  padding: 6px;
  margin-bottom: 50px;
  gap: 1rem;
}

.boxF strong {
  font-weight: bold;
}

/* 左カラム系要素を Grid 用に整理 */
.box400_left {
  grid-column: span 1;
  max-width: 400px;
  margin: 0 0 25px 25px;
}

.hyou01_left {
  grid-column: span 1;
  max-width: 200px;
  margin: 0 40px 0 50px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

.hyou02_left {
  grid-column: span 1;
  max-width: 400px;
  margin: 0 100px 0 0;
  padding: 0 25px;
  border-bottom: 1px solid #ccc;
}

/* 価格ボックスを横並びにするための Grid */
.price-group {
  display: grid;
  grid-template-columns: 150px 120px 1fr; /* 左: 固定 幅 / 中央: 固定 幅 / 右: 可変 */
  gap: 1rem;
  margin-left: 25px;
}

.price01_left {
  background-color: #3399ff;
  color: #fff;
  padding: 10px;
  height: 60px;
}

.price02_left {
  padding: 10px;
  height: 60px;
}

.price03_left {
  padding: 10px;
  height: 60px;
}

/* Clear は不要だが、互換用に残す場合 */
.clear {
  display: none; /* Gridでは不要 */
}