.scrollhint_wrap {
  position: relative;
  --parent_pd: 32px;
}
.scrollhint_wrap .scroll_wrap {
  width: 100%;
  display: block;
  overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@media (max-width: 768px) {
  .scrollhint_wrap .scroll_wrap {
    width: auto;
    padding-inline: var(--parent_pd);
    margin-inline: calc(-1 * var(--parent_pd));
  }
}
.scrollhint_wrap .scroll_wrap::-webkit-scrollbar {
  display: none;
}
.scrollhint_wrap .scrolling_img {
  position: relative;
}
.scrollhint_wrap .scrolling_img::before {
  content: '';
  position: absolute;
  width: var(--parent_pd);
  height: auto;
  aspect-ratio: 1/1;
  translate: 100% 0;
  top: 0;
  right: 0;
}
.scrollhint_wrap .js-scrollhint {
  position: absolute;
  background-color: rgba(0, 64, 152, .68);
  width: 162px;
  height: 138px;
  display: none;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
@media (max-width: 768px) {
  .scrollhint_wrap .js-scrollhint {
    display: block;
  }
}
.scrollhint_wrap .js-scrollhint .scrollhint-arrow {
  width: 100%;
  display: block;
}
.scrollhint_wrap .js-scrollhint .scrollhint-hand {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}