.con05 {
  padding: calc(var(--px) * 140) 0;
  background: var(--sky2);
  color: var(--ink);
  text-align: center;
  word-break: keep-all;

  .con05__wrap {
    width: calc(var(--px) * 1180);
    margin-inline: auto;
    padding: 0 calc(var(--px) * 32);
  }

  .con05__tag {
    display: inline-block;
    padding: calc(var(--px) * 7) calc(var(--px) * 18);
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: calc(var(--px) * 15);
    font-weight: 800;
  }

  .con05__title {
    margin-top: calc(var(--px) * 22);
    font-size: calc(var(--px) * 60);
    font-weight: 900;
    letter-spacing: -0.045em;
    line-height: 1.2;
    text-wrap: balance;
  }
  .con05__title-c {
    color: var(--primary);
  }

  .con05__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-top: calc(var(--px) * 70);
    list-style: none;
  }
  .con05__steps::before {
    content: "";
    position: absolute;
    top: calc(var(--px) * 48);
    left: 7%;
    right: 7%;
    height: calc(var(--px) * 4);
    background: repeating-linear-gradient(90deg, var(--primary) 0 calc(var(--px) * 12), transparent calc(var(--px) * 12) calc(var(--px) * 22));
  }

  .con05__st {
    position: relative;
    padding: 0 calc(var(--px) * 8);
  }

  .con05__circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(var(--px) * 96);
    height: calc(var(--px) * 96);
    margin-inline: auto;
    border: calc(var(--px) * 3) solid var(--primary);
    border-radius: 50%;
    background: #fff;
    transition: background 0.2s;

    b {
      font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78;
      font-size: calc(var(--px) * 40);
      font-weight: 400;
      line-height: 0.9;
      color: var(--primary);
    }
    span {
      font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78;
      font-size: calc(var(--px) * 13);
      letter-spacing: 0.1em;
      color: var(--muted);
    }
  }
  .con05__st:hover .con05__circle,
  .con05__st--key .con05__circle {
    background: var(--primary);

    b {
      color: var(--secondary);
    }
    span {
      color: #fff;
    }
  }

  .con05__st-title {
    margin-top: calc(var(--px) * 22);
    font-size: calc(var(--px) * 19);
    font-weight: 900;
    letter-spacing: -0.03em;
  }
  .con05__st-desc {
    margin-top: calc(var(--px) * 8);
    font-size: calc(var(--px) * 14);
    line-height: 1.55;
    color: var(--muted);
  }
  .con05__st-chip {
    display: inline-block;
    margin-top: calc(var(--px) * 12);
    padding: calc(var(--px) * 5) calc(var(--px) * 11);
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: calc(var(--px) * 12);
    font-weight: 800;
  }
  .con05__st--key .con05__st-chip {
    background: var(--secondary);
    color: var(--navy);
  }
}