@charset "utf-8";

.content-wt-wrap {
  background-color: #ffffff;
}

.wt-label {
  font-family: "Optima", "Optima Medium", sans-serif;
}

.wt-type-no {
  font-family: "Optima", "Optima Medium", sans-serif;
}

.wt-sec5-bg,
.wt-sec6-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.wt-sec5-bg {
  background-color: #ffffff;
  background-image: var(--wt-sec5-bg);
}

.wt-sec6-bg {
  background-color: #0033ff;
  background-image: var(--wt-sec6-bg);
}

.wt-system-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  justify-items: center;
}

@media (min-width: 640px) {
  .wt-system-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: stretch;
  }

  .wt-system-arrow {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .wt-system-steps {
    grid-template-columns: 265px 40px 265px 40px 265px 40px 265px;
    gap: 0;
    justify-content: space-between;
    align-items: flex-start;
  }

  .wt-system-arrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 38px;
  }
}