/* CAD/BIMデータダウンロード */
.cad-dl {
  background-color: #f6f6f6;
}

/* 共通パーツ調整 */
.cad-dl .c-section-title {
  margin-bottom: 40px;
  font-size: 32px;
  text-align: center;
}

.cad-dl .u-block-margin {
  margin-bottom: 100px;
}

.c-page-link-body:not(:first-of-type) {
  margin-top: 30px;
}

@media screen and (max-width: 600px) {
  .cad-dl .c-section-title {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .cad-dl .u-block-margin {
    margin-bottom: 70px;
  }

  .c-page-link-body:first-of-type {
    box-shadow: none;
  }

  .c-page-link-body:first-of-type > li:last-child > a {
    border-bottom: 1px solid #d0d0ca;
  }

  .c-page-link-body:not(:first-of-type) {
    margin-top: 0;
  }
}

/* パンくず調整 */
.cad-dl .breadcrumb {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .cad-dl .breadcrumb {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .cad-dl .breadcrumb > .inner {
    font-size: 10px;
  }
}

/* ページ内リンク調整 */
.cad-dl nav:not(#ez-toc-container nav) {
  display: block;
}

/* MV */
.cad-dl-mv {
  /* margin-bottom: 50px; */
}

.cad-dl-mv-title {
  margin-bottom: 50px;
}

.cad-dl-mv-lead {
  margin-top: 50px;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 600px) {
  .cad-dl-mv-title {
    margin-bottom: 30px;
  }

  .cad-dl-mv-lead {
    margin-top: 30px;
  }
}

/* BIMデータ */
.cad-dl .bim-data {
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 65px;
  background: #E8E8E4;
}

.cad-dl .bim-data-text {
  flex: 1;
}

.cad-dl .bim-data h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}

.cad-dl .bim-data .logo-bim {
  margin-top: 10px;
  width: 128px;
  height: 28px;
}

.cad-dl .bim-data .c-button-download {
  flex: 1;
  background: #D0D0CA;
}

@media (hover: hover) {
  .cad-dl .bim-data .c-button-download:hover {
    background-color: #E8E8E4;
  }
}

@media screen and (max-width: 600px) {
  .cad-dl .bim-data {
    padding: 20px;
    flex-direction: column;
    gap: 30px;
  }

}

/* リスト */
.cad-dl .cad-dl-category {
  margin-top: -150px;
  padding-top: 150px;
}

.cad-dl .cad-dl-ttl-en {
  font-size: 32px;
  margin-bottom: 10px;
}

.cad-dl .cad-dl-ttl-ja {
  font-size: 14px;
  margin-bottom: 50px;
}

.cad-dl .cad-dl-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 50px;
  column-gap: 30px;
}

.cad-dl .cad-dl-list-item {
  h3 {
    font-size: 13px;
    font-weight: 700;
  }

  p {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 700;
  }

  .image {
    margin-bottom: 10px;
  }

  .dl-box {
    display: flex;
    gap: 10px;

    li {
      flex: 1;

      p {
        font-weight: 500;
        text-align: center;
      }

      a {
        padding: 12px 24px;
        margin-bottom: 10px;
        display: block;
        text-align: center;
        background: #E8E8E4;
        border: solid 1px #242424;
        transition: background-color 0.3s ease, color 0.3s ease;
      }

      @media (hover: hover) {
        a:hover {
          color: inherit;
          text-decoration: none;
          background: #ffffff;
        }
      }
    }

    li:first-child {
      a {
        background: #D0D0CA;
      }

      @media (hover: hover) {
        a:hover {
          background: #ffffff;
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  .cad-dl .cad-dl-category {
    margin-top: -90px;
    padding-top: 90px;
  }

  .cad-dl .cad-dl-ttl-en {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .cad-dl .cad-dl-ttl-ja {
    font-size: 12px;
    margin-bottom: 30px;
  }

  .cad-dl .bim-data h3 {
    font-size: 16px;
  }

  .cad-dl .bim-data p {
    font-size: 14px;
  }

  .cad-dl .bim-data .c-button-download {
    width: 100%;
  }

  .cad-dl .cad-dl-list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 30px;
  }

  .cad-dl .cad-dl-list-item {
    h3 {
      font-size: 12px;
    }
  
    p {
      margin-bottom: 10px;
      font-size: 11px;
    }
  }
  
}