@charset "utf-8";

/* === pc === */
@media ( min-width: 768px ) {
  .mb--pc-20 {
    margin-bottom: 20px;
  }
  .pl--pc-24 {
    padding-left: 24px;
  }
}
/* === sp === */
@media not screen and ( min-width: 768px ) {
  .mb--sp-12 {
    margin-bottom: 12px;
  }
  .pl--sp-20 {
    padding-left: 20px;
  }
}
.font-size-85 {
  font-size: 85%;
}

/* === .card === */
.card {
  padding: 10px;
  background: #e7e7e8;
}

/* === .arrow === */
.arrow__gray {
  font-weight: 600;
}
.arrow__gray::before {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
}
@media ( min-width: 768px ) {
  .arrow__gray::before {
    width: 24px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 16px solid #d9d9d9;
  }
}
@media not screen and ( min-width: 768px ) {
  .arrow__gray::before {
    width: 20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #d9d9d9;
  }
}

/* === .table__academy === */
.table__academy tr:first-child {
  border-top: 1px solid #737373;
}
.table__academy tr {
  border-bottom: 1px solid #737373;
}
.table__academy td {
  padding: 4px 10px;
}
.table__academy .table__title {
  padding: 4px 10px;
  background: #e9e6e0;
  vertical-align: middle;
  width: 10%;
  font-weight: 400;
}
.table__academy .table__course {
  width: 20%;
  vertical-align: middle;
}
@media not screen and ( min-width: 768px ) {
  .table__academy .table__course {
    width: 30%;
  }
}