.hidden {
  display: none !important;
}

@media screen and (max-width: 640px) {
  br.pc {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  br.sp {
    display: none;
  }
}

.bg-gray {
  background-color: var(--bg-color) !important;
}

.bg-main {
  background-color: var(--main-bg-color) !important;
}

small,
.small {
  font-size: 85% !important;
  font-weight: normal !important;
}

.large {
  font-size: 120% !important;
}

.x-large {
  font-size: 145% !important;
}

.color-gray {
  color: var(--gray-color);
}

.color-gold {
  color: var(--main-color);
}