@charset "UTF-8";
/* TATAKI — サービス資料（PDF）のダウンロード（download/）だけで使う部品。
   フォームの骨組みは contact.css ＋ samples-contact.css（お問い合わせと同じ部品）、共通の部品は lp.css。
   動きは増やさない（lp.css の「ふわっと出る」だけ）。 */

/* ---------- 表紙（16:9 のスライド枠。後ろにもう 1 枚重なって見える「束ねたスライド」） ---------- */
.dl-cover { margin-top: 36px; max-width: 520px; }
.dl-cover__frame {
  display: block;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow:
    8px 8px 0 -1px #fff,
    8px 8px 0 0 var(--line-2),
    var(--shadow);
}
.dl-cover__frame img { width: 100%; aspect-ratio: 16 / 9; }
.dl-cover__cap { margin-top: 14px; color: var(--sub); font-size: 13px; font-weight: 500; }
@media (max-width: 1023px) {
  .dl-cover { margin-top: 28px; }
}

/* ---------- 資料の内容（お問い合わせの「ご相談のあと」と同じ形） ---------- */
.dl-toc { padding-top: 28px; border-top: 1px solid var(--line-2); }
@media (max-width: 1023px) {
  .dl-toc { padding-top: 0; border-top: 0; }
}
.dl-toc__title { color: var(--sub); font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: .06em; }
.dl-toc__list { display: grid; gap: 10px; margin-top: 14px; }
.dl-toc__list li {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  align-items: baseline;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
}
.dl-toc__list small {
  display: block;
  color: var(--sub);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  word-break: auto-phrase;
}
.dl-toc__no {
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--accent-ink);
}

/* ---------- 送信のあと ---------- */
.dl-sent__link { margin-top: 10px; }
.dl-done__file { margin-bottom: 28px; }
.dl-done__file .btn { max-width: 100%; white-space: normal; }
@media (max-width: 479px) {
  .dl-done__file .btn { width: 100%; padding-inline: 18px; }
}