.page-header-about .c-page-header {
  background: url(/assets/img/pages/about/page_header_bg_pc.png) no-repeat center center;
  background-size: cover;
}
.page-header-about .c-page-header__inner {
  background: url(/assets/img/pages/about/page_header_illust.png) no-repeat right top;
  background-size: 403px 132px;
}
.anchor-container {
  padding-top: 74px;
  margin-top: -74px;
}
.lead {
  font-size: 1.25rem;
}
.detail > dt {
  font-weight: bold;
  font-size: 1.25rem;
}
.detail > dd {
  font-size: 1.125rem;
}
.detail > dt:nth-child(n + 2) {
  margin-top: 8px;
}
.detail > dd:nth-child(n + 2) {
  margin-top: 8px;
}
.figure {
  display: grid;
  gap: 8px;
}
.figure figcaption {
  font-size: 1.25rem;
  font-weight: bold;
}
.table-cap {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.about-list {
  display: grid;
  grid-template: auto/auto;
  list-style: disc;
}
.about-list > li {
  margin-left: 1.5em;
}
.book-table {
  width: 100%;
}
@media all and (min-width: 768px) {
  .book-table th {
    vertical-align: middle;
  }
  .book-table th,
  .book-table td {
    padding: 16px 20px;
  }
  .book-table col:nth-child(1) {
    width: 17%;
  }
  .book-table col:nth-child(2) {
    width: 83%;
  }
}
@media all and (max-width: 767.8px) {
  .page-header-about .c-page-header {
    background: url(/assets/img/pages/about/page_header_bg_sp.png) no-repeat center center;
    background-size: cover;
  }
  .page-header-about .c-page-header__inner {
    background-size: 171px 56px;
  }
  .anchor-container {
    padding-top: 130px;
    margin-top: -130px;
  }
  .lead {
    font-size: 1.125rem;
  }
  .detail > dt {
    font-size: 1.125rem;
  }
  .detail > dd {
    font-size: 1rem;
  }
  .figure figcaption {
    font-size: 1.125rem;
  }
  .table-cap {
    font-size: 1.125rem;
  }
  .table-about-transform {
    display: block;
    border: none;
  }
  .table-about-transform thead {
    display: none;
  }
  .table-about-transform caption,
  .table-about-transform tbody,
  .table-about-transform tr,
  .table-about-transform th,
  .table-about-transform td {
    display: block;
  }
  .table-about-transform tr {
    padding: 12px 0;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    background: #fff;
  }
  .table-about-transform tr:first-child {
    border-top: 1px solid #cfcfcf;
  }
  .table-about-transform th,
  .table-about-transform td {
    padding: 4px 16px;
    border: none;
  }
  .table-about-transform [rowspan] {
    display: none;
  }
  .book-table th {
    vertical-align: top;
  }
  .book-table th,
  .book-table td {
    padding: 16px 10px;
  }
  .book-table col:nth-child(1) {
    width: 32%;
  }
  .book-table col:nth-child(2) {
    width: 68%;
  }
}
