/*========================================
  download
========================================*/
@layer page {
  body.single-download .l-page {
    min-height: auto;
  }
  .download-top__panel-wrap {
    margin-top: 2.5rem;
  }
  .download-sect__meta-wrap {
    margin-top: 3.4375rem;
  }
  @media screen and (max-width: 767px) {
    .download-sect__meta-wrap {
      margin-top: 2.1875rem;
    }
  }
  .p-panel-01__ttl {
    height: 4em;
  }
  @media screen and (max-width: 767px) {
    .p-panel-01__ttl {
      height: auto;
    }
  }
  .p-panel-02.download {
    grid-template-rows: none;
  }
  @media screen and (max-width: 767px) {
    .p-panel-02.download {
      padding: 1.25rem 1.25rem 0.9375rem;
      grid-template-columns: none;
    }
  }
  .p-btn-01.btn-download {
    text-align: center;
    margin: 1.25rem auto 0.625rem;
    border-radius: 4px;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }
  @media screen and (min-width: 1110px) {
    .p-btn-01.btn-download {
      --font-size: 14;
      width: 11.25rem;
      justify-content: center;
      padding: 0.625rem 0.9375rem;
    }
  }
  @media screen and (max-width: 1109px) {
    .p-btn-01.btn-download {
      --font-size: 14;
      width: 11.25rem;
    }
  }
  @media screen and (max-width: 767px) {
    .p-btn-01.btn-download {
      font-size: min(4.358974359vw, 1.0625rem);
      --h: 35;
      min-height: auto;
      max-width: 17.375rem;
      width: auto;
      padding: 0.5rem 1.25rem;
    }
  }
  .l-content {
    --side-w: 31.25rem;
    --side-space: 21.25rem;
    gap: 2rem;
  }
  @media screen and (min-width: 768px) {
    .l-content.l-content--rev {
      --side-w: 10.625rem;
      grid-template-columns: var(--side-w) 1fr;
    }
  }
  @media screen and (max-width: 767px) {
    .l-content.l-content--rev {
      gap: 2.1875rem;
    }
  }
  .l-content__main figure.thumbnail {
    margin-bottom: 2rem;
  }
  .l-content__main .download-detail__module1 p {
    margin: 1em 0;
  }
  .l-content__main .download-detail__module1 p.detail {
    margin: 2em 0;
  }
  .l-content__main .download-detail__module1 ul {
    margin: 1em 0;
  }
  .l-content__main .download-detail__module1 ul li {
    position: relative;
  }
  .l-content__main .download-detail__module1 ul li::before {
    content: "";
    display: inline-block;
    position: relative;
    top: 0.1em;
    border-radius: 50%;
    background-color: #F4D1B7;
    width: 0.9em;
    height: 0.9em;
    margin-right: 0.5em;
  }
  .l-content__main .download-detail__module1 ul.photoList {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  .l-content__main .download-detail__module1 ul.photoList li::before {
    display: none;
  }
  .l-content__main .download-detail__module1 ul.photoList li img {
    width: 100%;
  }
  .l-content__side {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .l-content__download {
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .l-content__download {
      padding-bottom: 5rem;
    }
  }
  .l-content__download > h2 {
    margin-bottom: 2rem;
  }
  .l-content__download > h3 {
    margin-bottom: 5rem;
  }
  @media screen and (max-width: 767px) {
    .l-content__download > h3 {
      margin-bottom: 3rem;
    }
  }
  .l-content__download a .p-btn-01__txt {
    text-align: center;
    letter-spacing: 0.2em;
    padding-left: 1rem;
  }
  @media screen and (max-width: 767px) {
    .p-btn-01.more {
      font-size: calc(var(--font-size-sp, 18) / 16 * 1rem);
    }
  }
  .p-btn-01.more .c-icon-circle-arrow-main {
    transform: rotate(90deg);
  }
  .download-detail__contact-wrap {
    margin-top: 7.5rem;
  }
  @media screen and (max-width: 767px) {
    .download-detail__contact-wrap {
      margin-top: 5rem;
      margin-bottom: 1.25rem;
      margin-inline: calc(var(--container-space) / 2 * -1);
    }
  }
}