@charset "UTF-8";
/*base*/
.download-page main ul, .download-page main ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.download-page main {
  max-width: 1054px;
  margin: 0 auto 80px;
  padding: 96px 15px 0;
}

/* ぱんくずリスト */
nav.pankuzu {
  margin: 32px auto 48px;
  height: auto;
}

nav.pankuzu ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  line-height: 2;
}

nav.pankuzu li {
  font-size: 12px;
}

nav.pankuzu li:not(:last-child)::after {
  content: '/';
  padding: 0 0.5em;
}

nav.pankuzu a {
  color: #426599;
  text-decoration: underline;
}

nav.pankuzu a:hover {
  color: #222;
  text-decoration: none;
  opacity: 1;
}

/*section*/
.download-page section {
  margin: 40px 0;
}

/*h1*/
h1.title {
  font-size: 24px;
}

/*h2*/
.dl-title {
  font-size: 16px;
}

/*h2 - PDF*/
.dl-pdf.dl-title {
  margin-bottom: 24px;
}

/*h2 - 品番対照表・製品画像*/
.dl-number .dl-title,
.dl-product .dl-title {
  margin-bottom: 8px;
}

/*ダウンロードボタン*/
.dl-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 2%;
}

.dl-list-item {
  width: 32%;
  padding: 16px;
}

.dl-list h3 {
  font-size: 14px;
  margin-top: 1em;
}

.dl-list-item a {
  color: #fff;
  background: #426599;
  max-width: 298px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.dl-list-item a:hover {
  background: #668ABE;
  color: #fff;
}

/*PDFダウンロード*/
.dl-pdf .dl-list-item {
  background: #f2f2f2;
  height: 160px;
}

/*画像の仕様についてリンクテキスト*/
.link-image-detail {
  font-weight: 400;
  font-size: 12px;
  margin-left: 1em;
}

/*戻るボタン*/
.back-button {
  width: 176px;
  height: 56px;
  font-size: 16px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #222;
  background: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}

/*メディアクエリ 1024px以下*/
@media (max-width:1024px) {
  .download-page main {
    padding-top: 64px;
  }
} 
/*メディアクエリ 768px以下*/
@media (max-width:768px) {
  /*base*/
  .download-page main {
    padding: 64px 24px 0;
  }

  /* ぱんくずリスト */
  nav.pankuzu {
    margin: 24px auto;
  }

  /*ダウンロードボタン*/
  .dl-list {
    gap: 16px;
  }
  
  .dl-list-item {
    width: 100%;
  }

  .dl-list-item a {
    max-width: 100%;
  }

}