/* ===================================================
   background-color を透過する（IE11 対策）
   数値は記事・CodePen と同じ。変えたのは色だけ（6 色に）。
   1つずつ、番号のところからコピーして使えます。
   =================================================== */

/* ---------- 見本の箱（マスに収めるための指定。コピーしなくても同じ形になります） ---------- */
.items > li { background: #e8dc6a; }

/* ---------- 01 真ん中の箱を透過 ---------- */
.one_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.one_area .one_box {
  width: 33.333%;
  background: #2b2a27;
  color: #fff;
}
.one_area .one_box:nth-child(2) {
  background: rgba(255, 255, 255, 0);/*IE11*/
  background: rgb(255 255 255 / 0%);
  color: #2b2a27;
}
.one_area .one_box p {
  text-align: center;
  padding: 30px 15px;
  margin: 0;
  font-size: 14px;
}