.dsb {
  display: block !important;
}

.ds-none {
  display: none !important;
}

.text-left {
  text-align: left !important;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.brb {
  border-bottom: 0.0625rem solid var(--dark-gray);
}

@keyframes float-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.float-up {
  animation: float-up ease-out forwards 1s 1;
}

.sp {
  display: block !important;
}

@media screen and (min-width: 480px) {
  .sp {
    display: none !important;
  }
}

br.dsn-400 {
  display: block !important;
}

br.dsn-510 {
  display: block !important;
}

@media screen and (min-width: 400px) {
  br.dsn-400 {
    display: none !important;
  }
}

@media screen and (min-width: 510px) {
  br.dsn-510 {
    display: none !important;
  }
}