/* Small SSR/accessibility adaptations; the official page styles remain canonical. */
.l-main .js-fade,
.l-main .js-fadeup,
.l-main .js-fadeleft,
.l-main .js-faderight {
  opacity: 1;
  transform: none;
}
.p-rent__problem__item[aria-expanded="false"] .p-rent__popup {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  visibility: hidden;
}
.p-rent__problem__item[aria-expanded="true"] .p-rent__popup {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}
.p-rent__problem__item:focus-visible,
.p-sell__achievements__container:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 5px;
}
.p-sell__achievements__container {
  position: relative;
}
.p-sell__achievements .official-achievements-pagination {
  display: none;
}
.p-sell__achievements__container .official-slide-clone {
  display: none;
}
.Recruit.is-reduced-motion {
  min-height: 100vh;
}
.Recruit.is-reduced-motion .Recruit-textWrapper {
  width: calc(100% - 32px);
}
.p-sell__guarantee {
  margin-top: 30px;
}
.p-sell__guarantee .c-button {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .p-sell__achievements__container {
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20vw;
    padding-inline: 20vw;
    gap: 12px;
    align-items: center;
    touch-action: pan-x pan-y;
  }
  .p-sell__achievements__container::-webkit-scrollbar {
    display: none;
  }
  .p-sell__achievements__container img {
    flex: 0 0 60vw;
    width: 60vw;
    max-width: none;
    scroll-snap-align: center;
  }
  .p-sell__achievements__container .official-slide-clone {
    display: block;
  }
  .p-sell__achievements .official-achievements-pagination {
    display: flex;
    position: static;
    justify-content: center;
    gap: 0;
    margin-top: 12px;
    padding: 0;
  }
  .official-achievements-pagination .splide__pagination__page {
    border: 0;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    padding: 0;
  }
  .p-about__history__container .--detail-container,
  .p-about__greet__container > div {
    min-width: 0;
  }
  .p-about__history__container .--detail {
    gap: 12px;
  }
  .p-about__history__container .--item {
    gap: 15px;
  }
  .p-about__history__container .--content {
    overflow-wrap: anywhere;
  }
  .Recruit-textWrapper {
    width: calc(100% - 32px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-sell__achievements__container {
    scroll-behavior: auto;
  }
}