@charset "UTF-8";

/* ===============================================
  * Utilities - ユーティリティ *
=============================================== */

.u-visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip-path: inset(0px 0px 99.9% 99.9%);
}

.u-hidden {
  display: none;
}

@media (min-width: 768px) {
  .u-pc--only {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .u-pc--only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-sp--only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-sp--only {
    display: block !important;
  }
}

.u-color--red {
  color: var(--color__red);
}

.u-color--white {
  color: var(--color-white);
}