.refund-meta > span,
.refund-meta button,
.refund-meta__button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}


.refund-notice {
  display: flex;
  width: 100%;
  min-height: 48px;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border: 1px solid;
  border-radius: 7px;
  font-size: 14px;
}


.refund-notice--info {
  border-color: #7ca4ff;
  color: var(--r-blue);
  background: #fff;
}


.refund-notice > img,
.refund-hero__note > img,
.refund-method aside.refund-notice > img {
  width: 30px;
  height: 30px;
}


.refund-hero__note.refund-notice {
  margin: 0;
  padding: 8px 18px;
  border-top: 1px solid #7ca4ff;
}


.refund-method aside.refund-notice {
  width: 100%;
  max-width: none;
  min-height: 48px;
  justify-content: center;
  padding: 8px 18px;
  border-color: #7ca4ff;
  color: var(--r-blue);
  background: #fff;
}


.refund-early__grid > p {
  grid-template-columns: 24px minmax(0, 1fr);
}


.refund-early__grid > p > img {
  width: 24px;
  height: 24px;
}


.refund-process__list::before {
  top: 12px;
  right: calc((100% - 102px) / 8);
  left: calc((100% - 102px) / 8);
}


.step-number {
  width: 24px;
  height: 24px;
  font-size: 13px;
}


.refund-related nav a {
  grid-template-columns: 18px minmax(0, 1fr) 18px;
}


@media (max-width: 1365px) {
  html {
    overflow-x: hidden;
  }


  .rail {
    width: min(1000px, calc(100% - 40px));
  }


  .calculation-record img {
    display: block;
  }

}


@media (max-width: 760px) {
  .rail {
    width: calc(100% - 28px);
  }

}


@media (max-width: 360px) {
  body {
    min-width: 0;
  }

}