@charset "utf-8";
.page_visual {
  border-radius: 10px;
  @media screen and (max-width: 767px){
    border-radius: 0px;
  }
}
.tri {
  display: flex;
  gap:50px 20px;
  flex-wrap: wrap;
  margin-top: 40px;
}
.tri_block{
  width: calc((100% / 3) - (40px / 3));
  max-width: 328px;
}
.tri_name{
  font-size: var(--fs-20);
  font-weight: bold;
}

.table_outer{
  width: 100%;
  overflow: auto;
  margin-top: 30px;
  table{
    width: 100%;
    min-width: 1000px;
    border-collapse: separate;
    border-spacing: 4px 0;
    th{
      text-align: center;
      padding: 15px 0;
      font-weight: bold;
    }
    td{
      text-align: center;
      padding: 15px 0;
    }
    thead{
      th{
        background: var(--main-blue);
        color: #fff;
      }

    }
    tbody{
      th{
        background: #e8ecf7;
        color: var(--main-blue);
        border-bottom: 1px solid var(--main-blue);
        &:first-child {
          min-width: 105px;
        }
      }
      td{
        border-bottom: 1px solid var(--main-blue);
      }
    }
  }
}

@media screen and (max-width: 767px){

.tri {
  gap:40px;
  justify-content: center;
}
.tri_block{
  width: 100%;
}
}