@charset "utf-8";

.text-right {
  text-align: right;
}

.column-box {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 20px;
}

.block-list li {
  padding: 12px;
  border-width: 2px;
  border-style: solid;
  margin-bottom: 12px;
}

.block-list .env {
  border-color: var(--env);
}

.block-list .adv {
  border-color: var(--adv);
}

.block-list .wp {
  border-color: var(--wp);
}

.block-list .hr {
  border-color: var(--hr);
}

.block-list .loc {
  border-color: var(--loc);
}

.block-list .gvn {
  border-color: var(--gvn);
}


@media only screen and (max-width: 767px) {
  .column-box {
    grid-template-columns: 1fr;
  }
}