.t-hstyle {
  font-size: 28px;
  font-weight: 700;
  margin: 80px 0 30px;
}
.t-hstyle02 {
  font-size: 24px;
  font-weight: 700;
  margin: 70px 0 20px;
}
.t-hstyle.green {
  color: #29a83c;
}
.t-hstyle.blue {
  color: #43a5b7;
}
.t-hstyle.yellow {
  color: #eada18;
}
.t-hstyle.red {
  color: #f47d6d;
}
.t-hstyle.pink {
  color: #f09ce3;
}
.table table {
  border-top: 1px solid #cccccc;
}
.table table th,
.table table td {
  padding: 20px;
  border-bottom: 1px solid #cccccc;
}
.table table th {
  text-align: left;
  vertical-align: top;
  width: 20%;
}
.table.blue table {
  background: #f2fbfc;
}
.table.yellow table {
  background: #fffef5;
}
.table.red {
  width: 100%;
}
.table.red table {
  background: #fff6f5;
  width: 100%;
}
.table.pink table {
  background: #fff8fe;
}
@media screen and (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
  .t-hstyle {
    font-size: 24px;
  }
  .t-hstyle02 {
    font-size: 20px;
    font-weight: 700;
    margin: 60px 0 20px;
  }
  .table table th,
  .table table td {
    width: 100%;
    display: block;
  }
  .table table th {
    border: none;
    padding-bottom: 0;
  }
  .table table td {
    padding-top: 10px;
  }
}