@media screen and (max-width: 1200px) {
  .c_box .flowchart {
    grid-template-columns: repeat(2, minmax(0, 400px));
    justify-content: center;
    row-gap: 2em;
  }
}
@media screen and (max-width: 800px) {
  .overview {
    grid-template-columns: repeat(2, minmax(0, auto));
  }
  .c_box .map {
    justify-content: center;
  }
  .c_box .map table tr {
    grid-template-columns: minmax(0, 100%);
  }
}
@media screen and (max-width: 620px) {
  .c_box .flowchart {
    grid-template-columns: minmax(0, auto);
  }
  .c_box .flowchart .step h3 .number {
    left: -1em;
  }
}
@media screen and (max-width: 480px) {
  .overview {
    grid-template-columns: minmax(0, auto);
  }
}/*# sourceMappingURL=usage_responsive.css.map */