@charset "utf-8";
.container {
  display: flex;
  gap: 16px; /* 必要なければ削除 */
}

.item-left {
  width: 70%; /* ここを変える：7 */
}

.item-right {
  width: 30%; /* 合計が100%になるように：3 */
}

.item-50 {
  width: 50%; /* 半分*/
}
.item-33 {
  width: 33%; /* 半分*/
}

/* SPでは縦並び */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }

  .item-left,.item-right,.item-50,.item-33 {
    width: 100%;
  }
}