/* Fetch Inu asset layer. Kept separate from the service and replay styles. */
.brand .fetch-brand-mark {
  background: transparent;
  border-radius: 0;
  transform: none;
  overflow: visible;
}

.fetch-brand-mark .fetch-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  transform: scale(1.2);
}

.step .step-character {
  display: block;
  min-width: 0;
  width: 100%;
  height: 245px;
  margin-top: 22px;
  background: none;
  border: 0;
  padding: 0;
  transform: none;
}

.step-character img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 16px 20px #0003);
}

.finu-character {
  display: block;
  position: relative;
  z-index: 2;
  width: 210px;
  height: 210px;
  object-fit: contain;
  margin: -50px auto -25px;
  filter: drop-shadow(0 12px 20px #0003);
}

.faq-character {
  width: 255px;
  height: 255px;
  object-fit: contain;
  margin: 30px 0 0 -14px;
  filter: drop-shadow(0 15px 22px #0003);
}

.cta-mascot-wrap > .fetch-wave {
  width: 375px;
  height: 375px;
  bottom: -44px;
  left: 15px;
  transform: rotate(-5deg);
}

@media (max-width: 1100px) {
  .step .step-character {
    height: 215px;
  }
  .finu-character {
    width: 185px;
    height: 185px;
  }
}

@media (max-width: 800px) {
  .step .step-character {
    height: 180px;
  }
  .finu-character {
    width: 165px;
    height: 165px;
    margin-top: -35px;
    margin-bottom: -20px;
  }
  .faq-character {
    width: 215px;
    height: 215px;
    margin-left: -12px;
  }
  .cta-mascot-wrap > .fetch-wave {
    width: 295px;
    height: 295px;
    left: -15px;
    bottom: -32px;
  }
}

@media (max-width: 620px) {
  .step .step-character {
    height: 175px;
    margin-top: 8px;
    align-self: center;
  }
  .step-character img {
    width: 100%;
    max-width: 100%;
  }
  .finu-character {
    width: 190px;
    height: 190px;
    margin: -22px auto -25px;
  }
  .faq-character {
    width: 175px;
    height: 175px;
    margin: 16px auto 0;
  }
  .cta-mascot-wrap > .fetch-wave {
    width: 290px;
    height: 290px;
    left: 5px;
    bottom: -44px;
  }
}