.co-events-section-1 {
  padding: calc(60rem/16) 0;

  @media screen and (max-width: 749px) {
    padding: calc(30rem/16) 0;
  }

  .co-events-section-1-frame {
    max-width: calc(1150rem/16);
  }

  .co-events-section-1-title {
    text-align: center;

    h1 {
      font-size: calc(72rem/16);
      margin-bottom: calc(40rem/16);
      letter-spacing: -0.01em;

      @media screen and (max-width: 749px) {
        font-size: calc(42rem/16);
        margin-bottom: calc(20rem/16);
      }
    }
  }

  .co-events-section-1-text {
    text-align: center;
    line-height: 1.4;
    
    p {
      font-size: clamp(14px, calc(18rem/16), 18px);
      @media screen and (max-width: 749px) {
        font-size: calc(15rem/16);
      }
    }

    a {
      color: currentcolor;
      text-underline-position: under;
      &:hover {
        color: var(--co-purple);
      }
    }
  }
}