.cmpt_finance_area {
  display: grid;
  gap: 2em;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.cmpt_finance_area_s1 {
  grid-template-areas: "a" "b" "c" "d" "e" "f";
}
@media screen and (min-width: 768px) {
  .cmpt_finance_area_s1 {
    grid-template-areas: "a a a a" "b b b b" "c c c c" "d d d d" "e e f f";
  }
}
@media screen and (min-width: 1400px) {
  .cmpt_finance_area_s1 {
    grid-template-areas: "a b b" "c c c" "d e f";
  }
}
.cmpt_finance_area_s1__box_1 {
  grid-area: a;
}
.cmpt_finance_area_s1__box_2 {
  grid-area: b;
}
.cmpt_finance_area_s1__box_3 {
  grid-area: c;
}
.cmpt_finance_area_s1__box_4 {
  grid-area: d;
}
.cmpt_finance_area_s1__box_5 {
  grid-area: e;
}
.cmpt_finance_area_s1__box_6 {
  grid-area: f;
}

.cmpt_finance_area_s2 {
  grid-template-areas: "a" "b" "c";
}
@media screen and (min-width: 1400px) {
  .cmpt_finance_area_s2 {
    grid-template-areas: "a b b" "c b b";
  }
}
.cmpt_finance_area_s2__box_1 {
  grid-area: a;
}
.cmpt_finance_area_s2__box_2 {
  grid-area: b;
}
.cmpt_finance_area_s2__box_3 {
  grid-area: c;
}

.cmpt_finance_area_s3 {
  grid-template-areas: "a" "b" "c";
}
@media screen and (min-width: 1400px) {
  .cmpt_finance_area_s3 {
    grid-template-areas: "a b b" "c c c";
  }
}
.cmpt_finance_area_s3__box_1 {
  grid-area: a;
}
.cmpt_finance_area_s3__box_2 {
  grid-area: b;
}
.cmpt_finance_area_s3__box_3 {
  grid-area: c;
}

.cmpt_finance_area_s4 {
  grid-template-areas: "a" "b";
}
@media screen and (min-width: 1400px) {
  .cmpt_finance_area_s4 {
    grid-template-areas: "a b b";
  }
}
.cmpt_finance_area_s4__box_1 {
  grid-area: a;
}
.cmpt_finance_area_s4__box_2 {
  grid-area: b;
}

.cmpt_finance_area_column {
  display: flex;
  gap: 2em;
  flex-direction: column;
}