.classroom__item dt {
  color: #21B6AA;
  font-weight: 500;
  font-size: 2.4rem;
  margin-bottom: 5px;
}
.classroom__item-img {
  margin-bottom: 15px;
}

.dormitory__table-box {
  background: rgba(33, 182, 170, 0.15);
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  padding: 25px 20px 20px;
  margin-top: 15px;
}
.dormitory__table-box:last-of-type {
  margin-bottom: 0;
}
.dormitory__table-box-heading {
  background: #21B6AA;
  color: #fff;
  font-weight: 500;
  width: 132px;
  border-radius: 30px;
  padding: 3px 0;
  position: absolute;
  top: -1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.school-bus__table {
  font-size: 1.5rem;
}
.school-bus__table th, .school-bus__table td {
  border-color: #fff;
  text-align: center;
}
.school-bus__table thead th {
  padding: 16px 0;
  border-bottom: solid 1px;
}
.school-bus__table thead th.th-route {
  width: 100px;
}
.school-bus__table thead th.th-dep {
  width: 70px;
}
.school-bus__table thead th.th-arr {
  padding: 15px 5px;
}
.school-bus__table tbody th, .school-bus__table tbody td {
  padding: 0;
}
.school-bus__table tbody th {
  color: #fff;
  border-color: #fff;
}
.school-bus__table tbody .price {
  font-weight: 500;
}
.school-bus__table tbody .stops-wrapper,
.school-bus__table tbody .times-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.school-bus__table tbody .stop,
.school-bus__table tbody .time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 0;
}
.school-bus__table tbody .stop + .stop,
.school-bus__table tbody .time + .time {
  border-left: 1px solid #fff;
}
.school-bus__table tr.is-blue th {
  background: #1CB9EE;
}
.school-bus__table tr.is-blue td {
  background: rgba(28, 185, 238, 0.2);
}
.school-bus__table tr.is-blue .price {
  color: #1CB9EE;
}
.school-bus__table tr.is-dark-blue th {
  background: #126CB6;
}
.school-bus__table tr.is-dark-blue td {
  background: #CFE1F0;
}
.school-bus__table tr.is-dark-blue .price {
  color: #126CB6;
}
.school-bus__table tr.is-red th {
  background: #E9463F;
}
.school-bus__table tr.is-red td {
  background: rgba(233, 70, 63, 0.2);
}
.school-bus__table tr.is-red .price {
  color: #E9463F;
}
.school-bus__table tr.is-pink th {
  background: #EB6DA5;
}
.school-bus__table tr.is-pink td {
  background: rgba(235, 109, 165, 0.2);
}
.school-bus__table tr.is-pink .price {
  color: #EB6DA5;
}
.school-bus__table tr.is-orange th {
  background: #F08637;
}
.school-bus__table tr.is-orange td {
  background: rgba(240, 134, 55, 0.2);
}
.school-bus__table tr.is-orange .price {
  color: #F08637;
}
.school-bus__table tr.is-yellow th {
  background: #F8B500;
}
.school-bus__table tr.is-yellow td {
  background: rgba(248, 181, 0, 0.2);
}
.school-bus__table tr.is-yellow .price {
  color: #F08637;
}
@media screen and (max-width: 767px) {
  .classroom__item {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .classroom__item:last-of-type {
    margin-bottom: 0;
  }
  .classroom__item dt {
    font-size: 2rem;
  }
  .dormitory__table-box {
    padding: 20px 5px 10px;
  }
  .school-bus__table {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 999px) {
  .school-bus__table thead th {
    padding: 10px 4px;
  }
  .school-bus__table tbody td {
    width: auto;
  }
  .school-bus__table tbody .stop,
  .school-bus__table tbody .time {
    padding: 16px 8px;
  }
  .school-bus__table tbody .arrival-cell {
    padding: 0 8px;
  }
}