/* ==========================================================================
   Recommend Detail
   ========================================================================== */
/* outline-sub-title
  ========================================================================== */
.outline-sub-title {
  font-size: 1.8rem;
  color: #003d4c;
  font-weight: bold;
}
.outline-sub-title:before {
  content: '・';
}
/* outline-overview
  ========================================================================== */
.outline-overview {
  margin-top: 10px;
  width: 100%;
}
.outline-overview tr {
  border-top: 1px solid #d4d4d4;
}
.outline-overview tr:first-child {
  border-top: none;
}
.outline-overview tr:first-child th:after {
  display: none;
}
.outline-overview th,
.outline-overview td {
  vertical-align: middle;
  padding: 22px 0;
}
.outline-overview th {
  width: 21%;
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .outline-overview tr {
    display: block;
    padding: 26px 0;
    border-top: 1px solid #d4d4d4;
  }
  .outline-overview tr:first-child {
    border-top: none;
  }
  .outline-overview th {
    display: block;
    width: 100%;
    padding: 0;
  }
  .outline-overview th:after {
    display: none;
  }
  .outline-overview td {
    display: block;
    padding: 0;
  }
}
/* outline
  ========================================================================== */
.outline-history {
  margin-top: 20px;
  width: 100%;
}
.outline-history tr {
  border-top: 1px solid #d4d4d4;
}
.outline-history tr:first-child {
  border-top: none;
}
.outline-history th,
.outline-history td {
  vertical-align: middle;
  padding: 22px 0;
}
.outline-history th {
  width: 21%;
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  color: #003d4c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.outline-history td {
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .outline-history {
    margin-top: 20px;
  }
  .outline-history tr {
    display: block;
    padding: 18px 0;
  }
  .outline-history th {
    display: block;
    padding: 0;
  }
  .outline-history td {
    display: block;
    border: none;
    padding: 3px 0 0;
  }
}