/* 採用案3: 白い書棚、2列の資料索引、左画像のプレビュー3段。 */
.download-guide { color: #101d40; background: #fff; font-weight: 400; overflow: clip; }
.download-guide .site-container { width: 86%; max-width: 1280px; }
.download-guide__breadcrumb { display: flex; gap: 14px; padding-block: 26px; color: #657795; font-size: 12px; }
.download-guide__breadcrumb a { color: inherit; text-decoration: none; }
.download-guide__hero { position: relative; padding: 66px 0 90px; }
.download-guide__hero-grid { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; gap: 18px; min-height: 650px; }
.download-guide__hero-copy { position: relative; z-index: 1; }
.download-guide__eyebrow { display: flex; align-items: center; gap: 26px; margin: 0 0 26px; color: #3578ff; font-size: 13px; font-weight: 700; letter-spacing: .2em; line-height: 1.6; }
.download-guide__eyebrow::after { content: ''; width: 66px; border-top: 2px solid #8eb0ff; }
.download-guide__hero h1 { margin: 0; font-size: clamp(40px, 5vw, 76px); font-weight: 700; letter-spacing: -.045em; line-height: 1.38; }
.download-guide__hero h1 span { color: #2874ff; }
.download-guide__lead { max-width: 630px; margin: 30px 0 32px; color: #60728e; font-size: 20px; line-height: 1.95; }
.download-guide__button { display: inline-flex; align-items: center; justify-content: center; gap: 36px; min-width: 440px; min-height: 76px; padding: 16px 30px; border-radius: 999px; color: #fff; background: var(--diagnosis-background, #1266ff); box-shadow: 0 5px 12px rgb(25 89 255 / 18%); font-size: 18px; font-weight: 700; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; }
/* 同サイトの承認済みヘッダーCTAと同じ青→紫を使用。 */
.download-guide__button { --diagnosis-background: linear-gradient(110deg, #005fff 10%, #567bff 76%, #7650ff 100%); }
.download-guide__button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 9px 20px rgb(25 89 255 / 25%); }
.download-guide__button .dashicons { flex: 0 0 21px; width: 21px; height: 21px; font-size: 21px; }
.download-guide__privacy-note { margin: 16px 0 0; color: #637795; font-size: 13px; }
.download-guide__hero-visual { position: relative; min-width: 0; align-self: stretch; display: flex; align-items: center; }
.download-guide__shelf { position: absolute; top: 50%; left: -40%; display: block; max-width: none; width: 170%; height: auto; transform: translateY(-50%); }
.download-guide__free { position: absolute; z-index: 1; top: -4px; left: 25%; width: 75%; margin: 0; color: #637795; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: .06em; }
.download-guide__contents { padding: 62px 0 100px; }
.download-guide__section-heading { display: grid; grid-template-columns: 1fr .92fr; gap: 60px; align-items: end; }
.download-guide__section-heading .download-guide__eyebrow { margin-bottom: 22px; }
.download-guide__section-heading h2 { margin: 0; font-size: clamp(28px, 3.2vw, 48px); font-weight: 700; letter-spacing: -.035em; line-height: 1.5; }
.download-guide__section-lead { margin: 0 0 5px; color: #657795; font-size: 20px; line-height: 1.9; }
.download-guide__contents-list { display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, auto); grid-template-columns: repeat(2, minmax(0,1fr)); gap: 42px 92px; margin: 76px 0 0; padding: 0; list-style: none; }
.download-guide__contents-list li { display: grid; grid-template-columns: 32px 64px minmax(0,1fr) 80px; gap: 16px; align-items: start; }
.download-guide__contents-number { color: #4e8bff; font-size: 22px; line-height: 1.5; font-weight: 400; }
.download-guide__contents-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #f3f7ff; }
.download-guide__contents-icon img { width: 34px; height: 34px; }
.download-guide__contents-copy h3 { margin: 4px 0 12px; font-size: 20px; font-weight: 700; line-height: 1.6; }
.download-guide__contents-copy p { margin: 0; color: #71819a; font-size: 18px; line-height: 1.8; }
.download-guide__contents-pages { display: flex; gap: 12px; align-items: center; margin-top: 8px; color: #3578ff; font-size: 12px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.download-guide__contents-pages::before { content: ''; flex: 1; border-top: 1px solid #c7daff; }
.download-guide__preview { padding: 76px 0 80px; background: #f2f8ff; }
.download-guide__preview-list { margin-top: 48px; }
.download-guide__preview-item { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 74px; padding: 28px 0; }
.download-guide__preview-item + .download-guide__preview-item { border-top: 1px solid #deebfa; }
.download-guide__preview-image { min-width: 0; background: #fff; box-shadow: 0 7px 20px rgb(29 64 107 / 12%); }
.download-guide__preview-image img { display: block; width: 100%; height: auto; }
.download-guide__preview-copy > p:first-child { display: flex; align-items: center; gap: 26px; margin: 0 0 16px; color: #3578ff; font-size: 14px; font-weight: 700; letter-spacing: .14em; }
.download-guide__preview-copy > p:first-child::after { content: ''; width: 65px; border-top: 2px solid #8eb0ff; }
.download-guide__preview-copy h3 { margin: 0 0 20px; font-size: 32px; font-weight: 700; line-height: 1.5; letter-spacing: -.025em; }
.download-guide__preview-copy > p { margin: 0; color: #657795; font-size: 22px; line-height: 1.85; }
.download-guide__preview-copy .download-guide__preview-note { margin-top: 26px; border: 1px solid #d5e5ff; border-left: 7px solid #deecff; border-radius: 5px; padding: 14px 20px; font-size: 20px; line-height: 1.85; }
.download-guide__closing { padding: 66px 0 70px; text-align: center; background: #fff url('../img/download-guide-closing.webp') center bottom / cover no-repeat; }
.download-guide__closing-inner { max-width: 850px; margin-inline: auto; }
.download-guide__closing .download-guide__eyebrow { justify-content: center; margin-bottom: 18px; gap: 18px; }
.download-guide__closing .download-guide__eyebrow::before, .download-guide__closing .download-guide__eyebrow::after { content: ''; width: 30px; border-top: 1px solid #a7c6ff; }
.download-guide__closing h2 { margin: 0; font-size: clamp(28px, 2.65vw, 40px); font-weight: 700; line-height: 1.6; }
.download-guide__closing h2 + p { margin: 14px 0 30px; color: #637795; font-size: 20px; line-height: 1.9; }
.download-guide a:focus-visible { outline: 3px solid #0867f2; outline-offset: 5px; }
@media (max-width: 1100px) {
  .download-guide__hero { padding-block: 38px 60px; }
  .download-guide__hero-grid { min-height: 470px; }
  .download-guide__button { min-width: 300px; min-height: 60px; font-size: 16px; }
  .download-guide__contents-list { column-gap: 40px; }
  .download-guide__contents-list li { grid-template-columns: 26px 48px minmax(0,1fr); gap: 12px; }
  .download-guide__contents-icon { width: 48px; height: 48px; }
  .download-guide__contents-pages { grid-column: 3; margin-top: 0; }
  .download-guide__contents-pages::before { flex: 0 0 35px; }
  .download-guide__preview-item { gap: 40px; }
  .download-guide__preview-copy h3 { font-size: 25px; }
  .download-guide__preview-copy > p { font-size: 15px; }
  .download-guide__preview-copy .download-guide__preview-note { font-size: 16px; }
}
@media (max-width: 680px) {
  .download-guide .site-container { width: calc(100% - 40px); }
  .download-guide__breadcrumb { padding-block: 18px; font-size: 11px; }
  .download-guide__hero { padding: 28px 0 0; }
  .download-guide__hero-grid { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
  .download-guide__hero h1 { font-size: clamp(30px, 8.8vw, 45px); }
  .download-guide__eyebrow { font-size: 11px; gap: 18px; margin-bottom: 22px; }
  .download-guide__eyebrow::after { width: 44px; }
  .download-guide__lead { font-size: 15px; margin-block: 22px; }
  .download-guide__button { min-width: 0; width: 100%; max-width: 320px; min-height: 54px; padding: 14px 26px; font-size: 16px; gap: 24px; }
  .download-guide__hero-visual { display: block; }
  .download-guide__shelf { position: static; width: calc(100% + 40px); margin-left: -20px; transform: none; }
  .download-guide__free { top: 12px; left: 0; width: 100%; font-size: 12px; }
  .download-guide__contents { padding: 36px 0 52px; }
  .download-guide__section-heading { grid-template-columns: 1fr; gap: 16px; }
  .download-guide__section-heading h2 { font-size: clamp(23px, 6.4vw, 31px); }
  .download-guide__section-heading .download-guide__eyebrow { margin-bottom: 16px; }
  .download-guide__section-lead { font-size: 15px; }
  .download-guide__contents-list { grid-auto-flow: row; grid-template-columns: 1fr; grid-template-rows: auto; gap: 28px; margin-top: 36px; }
  .download-guide__contents-list li { grid-template-columns: 24px 44px minmax(0,1fr); gap: 12px; }
  .download-guide__contents-icon { width: 44px; height: 44px; }
  .download-guide__contents-icon img { width: 28px; height: 28px; }
  .download-guide__contents-number { font-size: 18px; }
  .download-guide__contents-copy h3 { font-size: 16px; margin-top: 0; margin-bottom: 8px; }
  .download-guide__contents-copy p { font-size: 14px; }
  .download-guide__preview { padding: 48px 0 30px; }
  .download-guide__preview-list { margin-top: 20px; }
  .download-guide__preview-item { grid-template-columns: 1fr; gap: 24px; padding-block: 26px; }
  .download-guide__preview-copy h3 { font-size: 23px; margin-bottom: 12px; }
  .download-guide__preview-copy .download-guide__preview-note { font-size: 14px; margin-top: 18px; padding: 12px 16px; }
  .download-guide__closing { padding: 54px 0 100px; background-size: auto 210px; }
  .download-guide__closing h2 { font-size: 24px; }
  .download-guide__closing h2 + p { font-size: 15px; margin-block: 16px 24px; }
}
@media (prefers-reduced-motion: reduce) { .download-guide__button { transition: none; } }
@media (forced-colors: active) {
  .download-guide__button { border: 1px solid ButtonText; }
  .download-guide__preview-copy .download-guide__preview-note { border-color: CanvasText; }
}