@media (768px <= width) {
  .point__text {
    text-align: center;
  }
}
.point__contents {
  display: grid;
  gap: calc(64 / var(--spSize) * 100vw) 0;
  margin-top: calc(32 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .point__contents {
    gap: 6.4rem 0;
    margin-top: 3.2rem;
  }
}
@media (768px <= width) {
  .point__item {
    display: grid;
    grid-template-columns: repeat(2, 48rem);
    align-items: center;
    gap: 4rem;
  }
}
.point__item:nth-child(2n) .point__item-image {
  order: 1;
}
.point__item:nth-child(2n) .point__item-detail {
  order: 2;
}
.point__item-label {
  color: var(--clr-main);
  border: 2px solid var(--clr-main);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(33 / var(--spSize) * 100vw);
  width: calc(128 / var(--spSize) * 100vw);
  border-radius: 0.2rem;
  text-align: center;
}
@media (768px <= width) {
  .point__item-label {
    font-size: 1.8rem;
    line-height: 3.3rem;
    width: 12.8rem;
  }
}
.point__item-title {
  margin-top: calc(24 / var(--spSize) * 100vw);
  font-size: 2rem;
  font-weight: 700;
  line-height: 144%;
}
@media (768px <= width) {
  .point__item-title {
    margin-top: 2.4rem;
    font-size: 2.4rem;
  }
}
.point__item-text {
  margin-top: calc(16 / var(--spSize) * 100vw);
  line-height: 180%;
}
@media (768px <= width) {
  .point__item-text {
    margin-top: 1.6rem;
    font-size: 1.6rem;
  }
}
.point__item-image {
  margin-top: calc(40 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .point__item-image {
    margin-top: 0;
  }
}