.main-bg::before {
  background-image: url("../main.jpg");
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 768px) {
  .main-bg::before {
    background-position: center bottom 130px;
    height: 530px;
  }
}

.top-main {
  padding-bottom: 4em !important;
}
@media (max-width: 768px) {
  .top-main {
    padding-bottom: 3em !important;
  }
}

.underlayer:not(.exam-item) {
  display: none;
}

.top-head-box h1 {
  line-height: 1.5em;
}

.event_table {
  width: 100%;
  margin: 0 auto;
  max-width: 1080px;
}
@media (max-width: 959px) {
  .event_table {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 5% auto 0;
  }
}
@media (max-width: 959px) {
  .event_table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 959px) {
  .event_table tbody {
    width: 100%;
    display: table;
  }
}
.event_table td {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: -0.01em;
}
@media (max-width: 959px) {
  .event_table td {
    padding: 10px;
  }
}
.event_table tr {
  font-size: 16px;
}
@media (max-width: 959px) {
  .event_table tr {
    font-size: 14px;
  }
}
.event_table th {
  border-right: 1px solid #fff;
}
.event_table th:last-child {
  border-right: none;
}
@media (max-width: 959px) {
  .event_table th {
    padding: 1% 0;
  }
}
.event_table td.event__subject,
.event_table td.event__course,
.event_table td.event__point {
  text-align: center;
}
.event_table td.event__subject {
  width: 80px;
  border-left: 0;
}
.event_table td.event__course {
  width: 130px;
}
.event_table td.event__point {
  width: 120px;
}
.event_table td.event__remarks {
  width: 160px;
  border-right: 0;
}

@media (min-width: 959px) {
  .spHide {
    display: block;
  }
}
@media (max-width: 959px) {
  .spHide {
    display: none;
  }
}