.post-container .ttl-area.head .ttl {
  margin-bottom: 0;
  border-radius: 0;
}

.post-container-in {
  background: #fff;
  padding: 30px 20px;
}

@media screen and (min-width: 992px) {
  .post-container-in {
    padding: 30px 30px 50px 30px;
  }
}

.post-container-in .info .date {
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 400;
  color: #777;
  padding-right: 5px;
}

.post-container-in .info .category {
  font-size: 14px;
  line-height: 16.2px;
  font-weight: 400;
  color: #fff;
  background: #39aec0;
  padding-right: 4px;
  padding-left: 4px;
  border-radius: 2px;
}

.post-container-in .info .category.notice {
  background: #a34e94;
}

.post-container-in .info .category.events {
  background: #42ac8b;
}

.post-container-in h2 {
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  display: block;
  background: #26aec0;
  padding: 8px 20px;
  margin-top: 50px;
  margin-bottom: 20px;
  border-radius: 3px;
}

.post-container-in h2:first-child {
  margin-top: 0;
}

.post-container-in h3 {
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #333;
  padding-left: 24px;
  margin-top: 50px;
  position: relative;
}

.post-container-in h3::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  max-width: 16px;
  border: 3px solid #39aec0;
  border-radius: 16px;
  position: absolute;
  top: 8px;
  left: 0;
}

.post-container-in h4 {
  font-size: 20px;
  line-height: 25px;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
  background: #eee;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  margin-bottom: 20px;
  position: relative;
}

.post-container-in h4::before {
  content: "";
  width: 5px;
  background: #26aec0;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
}

.post-container-in table {
  background-color: #fff;
  border: 1px solid #ccc;
}

.post-container-in table thead th {
  color: #fff;
  background: #26aec0;
  vertical-align: middle;
}

.post-container-in table tbody td:first-child {
  color: #26aec0;
  background: #d5edf1;
}

.post-container-in table td:first-child {
  font-weight: 500;
}

.post-container-in table tbody tr:last-child th,
.post-container-in table tbody tr:last-child td {
  border-bottom: 1px solid #ccc;
}

.post-container-in table td,
.post-container-in table th {
  font-size: 16px;
  line-height: 25px;
  vertical-align: middle;
  border: 1px solid #ccc;
}

@media screen and (max-width: 991px) {
  .post-container-in table td,
  .post-container-in table th {
    display: table-cell;
  }

  .post-container-in table thead,
  .post-container-in table tbody {
    display: table;
    width: 100%;
  }

  .post-container-in table thead th,
  .post-container-in table thead td,
  .post-container-in table tbody th,
  .post-container-in table tbody td {
    display: block;
  }

  .post-container-in table td,
  .post-container-in table th {
    padding: 15px 10px;
  }
}

@media screen and (min-width: 992px) {
  .post-container-in table td,
  .post-container-in table th {
    padding: 15px 10px;
  }
}

.post-container-in table td a:last-child {
  margin-bottom: 0;
}