/* 背景の矢印
================================================ */
.bg-arrow {
  width: 386px;
  background: url("../../images/common/bg/bg_arrow.svg") no-repeat center / contain;
  aspect-ratio: 1 / 1;
}

.bg-arrow-small {
  width: 155px;
  background: url("../../images/common/bg/bg_arrow.svg") no-repeat center / contain;
  aspect-ratio: 1 / 1;
}

/* SP
================================================ */
@media screen and (width <= 750px) {
  .bg-arrow {
    width: calc(125 / 375 * 100vw);
  }

  .bg-arrow-small {
    width: calc(47 / 375 * 100vw);
  }
}