/* ========================================
component
======================================== */

.c-listTable th {
  padding-right: 16px;
  vertical-align: top;
  white-space: nowrap;
}

@media screen and (max-width: 899px){
  .c-listTable tr,
  .c-listTable th,
  .c-listTable td{
      display: block;
  }
}

/* 横並びリスト */
.c-horizontalList {
  display:flex;
  flex-wrap: wrap;
}

.c-horizontalList>li {
  margin: 0 1em 0 0;
  display: inline-block;
}

/* ※付きリスト */

.c-asteriskList>li {
  display: -webkit-inline-box;
  display: inline-flex;
}

.c-asteriskList>li::before {
  content: "※";
}


/* 円形付きリスト */

.c-discList {
  list-style: disc !important;
  padding-left: 1.5em !important;
}


/* 中空円付きリスト */

.c-circleList {
  list-style: circle !important;
  padding-left: 1.5em !important;
}

/* ========================================
media
======================================== */

@media screen and (max-width: 899px) {
  .pc-only {
    display: none !important;
  }
}

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

/* ========================================
animation keyframes
======================================== */

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideIn {
  0% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}