@charset "UTF-8";
body {
  overflow-x: hidden !important; }

.c5-table {
  margin: 20px 0 40px; }
  .c5-table th, .c5-table td {
    vertical-align: middle;
    padding: 8px;
    border: 1px solid #e4e7ec; }
    @media only screen and (min-width: 767px) {
      .c5-table th, .c5-table td {
        padding: 14px 10px; } }
  .c5-table__black {
    background: #050505;
    color: white; }
  .c5-table__gray {
    background: #fbfbfd;
    text-align: left; }

/* 横スクロールバー__Start */
.c5-tableArea {
  position: relative;
  height: 90vh;
  overflow-x: scroll;
  margin: 2rem 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px; }
  @media only screen and (min-width: 767px) {
    .c5-tableArea {
      overflow-x: initial;
      height: auto;
      border: none; } }
  .c5-tableArea__table {
    position: absolute;
    width: 200%; }
    @media only screen and (min-width: 767px) {
      .c5-tableArea__table {
        width: 100%;
        position: initial; } }
    .c5-tableArea__table table {
      font-size: clamp(0.8rem, 2vw, 1rem);
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%; }

/* スクロールバーの幅と高さを設定する */
.scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

/* スクロールバーの形を設定する */
.scrollbar-thumb-rounded::-webkit-scrollbar-thumb {
  border-radius: 0.5rem; }

/* スクロールバーの色を設定する */
.scrollbar-thumb-black::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0.3); }

/* 横スクロールバー__end */
.c5-sp {
  display: block; }

@media only screen and (min-width: 767px) {
  .c5-sp {
    display: none; } }
.white {
  color: white; }

.blue {
  color: #0070c0; }

.medium {
  font-size: 14px; }

.small {
  font-size: 12px; }

.weighter {
  font-weight: 600; }

dl dd {
  margin-left: 0; }

ul {
  padding: 0 0 0 0.5em; }
  ul li {
    list-style: none; }