@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap");

/* ======================================================================
/* BR
====================================================================== */
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (width <=768px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

/* ======================================================================
/* txtCenter
====================================================================== */
.txtCenter {
  text-align: center;
}

@media screen and (width <=768px) {
  .txtCenter {
    text-align: left;
  }
}

/* ======================================================================
/* secTitle
====================================================================== */
.secTitle {
  display: grid;
  place-items: center;

  & .subTitle {
    font-size: 26px;
    font-weight: bold;
    margin-block-end: 30px;
  }

  & h2 {
    margin-block: 75px 55px;
    font-size: 26px;
    background: linear-gradient(90deg, #00a1e7 0%, #39b54a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@media screen and (width <=768px) {
  .secTitle {
    display: grid;
    place-items: center;

    & .subTitle {
      font-size: 26px;
      font-weight: bold;
      margin-block-end: 30px;
    }

    & h2 {
      margin-block: 40px 30px;
      font-size: 22px;
    }
  }
}

/* ======================================================================
/* col-1
====================================================================== */
.col-1 {
  display: grid;
  place-items: center;
}