@charset "utf-8";

body {
  background: url(../img/outline/ol_bg_pc.jpg) repeat-y top center/cover;
}
.ttl {
  margin-top: 190px;
  font-size: 40px;
  letter-spacing: 0.24em;
  line-height: 1;
  text-align: center;
}
.content {
  margin-inline: auto;
  padding: 114px 40px 110px;
  max-width: 1280px;
}

.ol_heading {
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.12em;
}
.ol_heading:nth-child(n + 2) {
  margin-top: 110px;
}
.ol_table {
  margin-top: 20px;
  width: 100%;
}
.ol_table {
  border-top: 1px solid #bcbcbc;
}
.ol_table.date {
  margin-top: 110px;
}
.ol_table th,
.ol_table td {
  border-bottom: 1px solid #bcbcbc;
  padding-block: 15px;
  font-size: 17px;
  line-height: 1.529;
  align-content: center;
}
.ol_table th {
  /* padding-right: .5em; */
  width: 20%;
}
.ol_table td {
  width: 80%;
  padding-left: 2em;
}
.ol_notice {
  max-width: 1280px;
  margin-top: 110px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 19px;
  color: #333;
}
.ol_notice_ttl {
  border: 1px solid #ccc;
  display: grid;
  place-items: center;
  width: 90px;
  height: 30px;
  font-size: 17px;
  line-height: 1;
}
.ol_notice_txt {
  flex: 1;
  font-size: 12px;
  line-height: 1.666;
}
.ol_caption {
  max-width: 1280px;
  margin-inline: auto;
}
.ol_notes {
  margin-top: 10px;
}
@media screen and (max-width:750px) {
  body {
    background: url(../img/outline/ol_bg_sp.jpg) repeat-y top center/cover;
  }
  .ttl {
    margin-top: calc((( 190 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
  }
  .content {
    padding: calc((( 140 / var(--media_sp)) * 100) * var(--vw)) 0 calc((( 90 / var(--media_sp)) * 100) * var(--vw));
    max-width: calc((( 670 / var(--media_sp)) * 100) * var(--vw));
  }

  .ol_heading {
    font-size: calc((( 34 / var(--media_sp)) * 100) * var(--vw));
  }
  .ol_heading:nth-child(n + 2) {
    margin-top: calc((( 140 / var(--media_sp)) * 100) * var(--vw));
  }
  .ol_table {
    margin-top: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
  }
  .ol_table.date {
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
  }
  .ol_table th,
  .ol_table td {
    padding-block: calc((( 18 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 26 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.461;
    align-content: center;
  }
  .ol_table th {
    width: 23.88%;
  }
  .ol_table td {
    width: 76.12%;
  }
  .ol_notice {
    max-width: 100%;
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
    display: block;
  }
  .ol_notice_ttl {
    border: 1px solid #ccc;
    display: grid;
    place-items: center;
    width: 100%;
    height: calc((( 70 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
  }
  .ol_notice_txt {
    margin-top: calc((( 16 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.4;
  }
  .ol_caption {
    max-width: 100%;
    margin-inline: auto;
  }
  .ol_notes {
    margin-top: calc((( 16 / var(--media_sp)) * 100) * var(--vw));
  }
}