.warp.H-z5qqy5 {
    margin: 40px 0;
    padding: 35px 60px;
  }
  .bg.H-z5qqy5 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
  }
  .bg.H-z5qqy5 img:where(.H-z5qqy5) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .warp.H-z5qqy5 .sub {
    max-width: 380px;
  }
  .warp.H-z5qqy5 button {
    background: #33d43e;
    color: #141414;
    border-radius: 32px;
  }
  .warp.H-z5qqy5 button:hover {
    background: #43e04e;
  }
  @media screen and (min-width: 641px) {
    .inline.H-z5qqy5 {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .inline.H-z5qqy5 h3:where(.H-z5qqy5) {
      margin-bottom: 0;
      flex: 1;
    }
    .inline.H-z5qqy5 img:where(.H-z5qqy5) {
      display: block;
    }
    .inline.H-z5qqy5 img.pc:where(.H-z5qqy5),
    .inline.H-z5qqy5 img.h5:where(.H-z5qqy5) {
      display: none;
    }
  }
  @media screen and (max-width: 640px) {
    .warp.H-z5qqy5 {
      padding: 16px;
    }
    .warp.H-z5qqy5 {
      margin-top: 24px;
      margin-bottom: 24px;
    }
    .warp.H-z5qqy5 button {
      font-size: 16px;
      height: 40px;
      line-height: 40px;
    }
  }