@media screen and (min-width: 768px) {
  .title03.-wide::before {
    right: -60px;
  }
  .title03.-wide::after {
    left: -200px;
  }
  .title03::before {
    content: "";
    display: block;
    width: 60px;
    height: 120px;
    background-image: url("../../img/title03_after.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
  }
  @supports (background-image: url("../../img/title03_after.webp")) {
    .title03::before {
      background-image: url("../../img/title03_after.webp");
    }
  }
  .title03::after {
    content: "";
    display: block;
    width: 224px;
    height: 226px;
    background-image: url("../../img/title03_before.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 3;
    left: -110px;
    top: -45px;
  }
  @supports (background-image: url("../../img/title03_before.webp")) {
    .title03::after {
      background-image: url("../../img/title03_before.webp");
    }
  }
}