@layer utilities {
  .u-showsp {
    display: none;
  }

  @media screen and (max-width: 480px) {
    .u-hidesp {
      display: none;
    }

    .u-showsp {
      display: block;
    }
  }

  /* GSAPアニメーション初期状態 */
  .js-fadein {
    overflow: hidden;
  }
  .js-fadein .char {
    transform: translateY(50px);
    transition: transfrom 0.5s;
  }

  /* テキスト */
  .u-txtcenter {
    text-align: center;
  }

  /* SPのみ改行（768px以下で表示） */
  .u-brsp {
    display: none;
  }

  /* PCのみ改行（769px以上で表示） */
  .u-brpc {
    display: block;
  }

  @media screen and (max-width: 768px) {
    .u-brsp {
      display: block;
    }

    .u-brpc {
      display: none;
    }
  }
}