@charset "UTF-8";
.loading {
  background: url(/img/loading/exclusive-loading.gif) no-repeat center;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: auto; }

.light-color {
  opacity: 0.5; }

.bg-aliceblue {
  background-color: aliceblue; }

.bg-yellow-green {
  background-color: #e5fa8dd1; }

.bg-light-gray {
  background-color: #e7e4e4; }

.custom-checkbox-label::before {
  background-color: white; }

.end-30 {
  right: 30px; }

.bottom-5 {
  bottom: 5px; }

.mr-2 {
  margin-right: 0.5rem; }

.mr-4 {
  margin-right: 1rem; }

.mr-8 {
  margin-right: 2rem; }

.pre-wrap {
  white-space: pre-wrap; }

.overflow-anywhere {
  overflow-wrap: anywhere; }

.white-space-normal {
  white-space: normal; }

.white-space-pre-wrap {
  white-space: pre-wrap; }

.white-space-break-spaces {
  white-space: break-spaces; }

.default-font-family {
  font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA"; }

.active-link {
  color: #007bff; }
  .active-link:hover {
    color: #026de0;
    cursor: pointer; }

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; }

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.text-base {
  font-size: 1rem;
  line-height: 1.5rem; }

.font-bold {
  font-weight: bold; }

.note-box {
  border: 2px solid #8f8d8d;
  padding: 6px;
  background: white; }

.w-4 {
  width: 1rem; }

.w-5 {
  width: 1.25rem; }

.w-6 {
  width: 1.5rem; }

.w-8 {
  width: 2rem; }

.w-16 {
  width: 4rem; }

.w-20 {
  width: 5rem; }

.w-32 {
  width: 8rem; }

.h-4 {
  height: 1rem; }

.h-5 {
  height: 1.25rem; }

.h-6 {
  height: 1.5rem; }

.h-8 {
  height: 2rem; }

.h-16 {
  height: 4rem; }

.h-20 {
  height: 5rem; }

.h-32 {
  height: 8rem; }

.flex {
  display: flex; }

.cursor-pointer {
  cursor: pointer; }

[class*=icheck-] > input:first-child + input[type=hidden] + label::before, [class*=icheck-] > input:first-child + label::before {
  background-color: white; }

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

.hidden {
  display: none; }

.loading-content {
  position: absolute;
  background-color: black;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5; }

.sk-chase {
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  position: absolute;
  animation: sk-chase 2.5s infinite linear both; }

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both; }

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; }

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2) {
  animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s; }

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s; }

@keyframes sk-chase {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg); } }

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); }
  100%, 0% {
    transform: scale(1); } }