/* Corrections requested in joywalk_0925 (1).pdf. */
.stamp-heading {
  clip-path: none;
  background: none;
  isolation: isolate;
}
.stamp-heading:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--tone);
  clip-path: polygon(0 12%,1.5% 12%,1.5% 0,98.5% 0,98.5% 12%,100% 12%,100% 88%,98.5% 88%,98.5% 100%,1.5% 100%,1.5% 88%,0 88%);
}
.entry-character-sp { display: none; }

@media (max-width: 767px) {
  /* Anchor each arrow to its card, so varying card heights cannot move it. */
  .overview-steps:before, .overview-steps:after { display: none; }
  .overview-step { position: relative; clip-path: none; background: none; isolation: isolate; }
  .overview-step:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #000;
    clip-path: var(--oct);
  }
  .overview-step:not(:last-child):after {
    content: '';
    position: absolute;
    width: calc(56 * var(--s));
    height: calc(32 * var(--s));
    left: 50%;
    top: calc(100% + 38 * var(--s));
    transform: translateX(-50%);
    background: #000;
    clip-path: polygon(0 0,100% 0,100% 40%,80% 40%,80% 70%,65% 70%,65% 100%,35% 100%,35% 70%,20% 70%,20% 40%,0 40%);
  }
  .entry-character .entry-man, .entry-character .entry-speech { display: none; }
  .group-entry > .entry-character {
    width: calc(485 * var(--s));
    max-width: 100%;
    margin: 0 auto;
  }
  .entry-character-sp { display: block; width: 100%; }
  .registration-stage:first-child > .registration-title > span:after {
    transform: scaleX(-1);
  }
  .app-explanation-bubble { padding-bottom: calc(25 * var(--s)); }
  .app-explanation-ending { display: block; padding-left: calc(140 * var(--s)); }
}