@charset "UTF-8";
/*
 * cta-quick.css
 * CTA改善（2026-09）
 *   1. 資料詳細ページ: SP でフォームをコンテンツより先に表示
 *   2. ヘッダーの資料DLボタン幅（PC）
 * main.css / main.min.css はビルド生成物のため、追加分はこのファイルに分離する。
 *
 * SP 下部固定 CTA バーは 2026-09-04 に一旦取りやめ。
 * 復活させる場合はコミット 6db05ec の内容を戻す。
 */

/* ==========================================================================
   1. 資料詳細ページ SP フォーム優先表示
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* KV の余白を圧縮してフォームを引き上げる（資料詳細ページのみ）
     上側は固定ヘッダー（top:10px + 高さ64px）に見出しが潜らない値を維持する */
  .p-docPage .l-section-lowerKv__inner {
    padding: 26% 0 9%;
  }

  .l-section-lowerFormWrapper.-docPage .l-section-lowerFormWrapper__inner {
    display: flex;
    flex-direction: column;
    padding: 24px 0 61px;
  }

  /* フォームを先頭へ */
  .l-section-lowerFormWrapper.-docPage .p-lowerForm-form {
    order: -1;
  }

  /* 表紙画像・訴求コンテンツはフォームの下に回す */
  .l-section-lowerFormWrapper.-docPage .p-lower-formContent {
    order: 0;
    padding: 40px 0 0;
  }
}

/* 資料一覧への導線（資料詳細ページ下部） */
.p-docOtherLink {
  margin: 40px 0 0;
  text-align: center;
}

.p-docOtherLink__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #29baa2;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity 0.3s;
}

.p-docOtherLink__link:hover,
.p-docOtherLink__link:focus-visible {
  opacity: 0.7;
}

.p-docOtherLink__link svg {
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .p-docOtherLink {
    margin: 56px 0 0;
    text-align: left;
  }

  .p-docOtherLink__link {
    font-size: 1.6rem;
  }
}

/* ==========================================================================
   2. ヘッダーの資料DLボタン幅（PC）
   「資料を無料でもらう」に変更したため、既定の 180px のままだと
   PC で3行に折り返す。1行に収まるまで広げる。
   ただし 1212px 時点で 200px 以上にするとグローバルナビが2段に折り返すため、
   上限は 190px（この幅でPDFアイコンも本来の40pxを保てる）。
   ========================================================================== */
@media screen and (min-width: 1000px), print {
  .l-header-nav__downloadBtn .c-btn .c-btn__txt {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1212px), print {
  .l-header-nav__downloadBtn {
    max-width: 190px;
  }
}

/* ==========================================================================
   3. ヘッダーの資料DLボタン幅（SP）
   文言変更で既定のままだと「…でもら／う」と2行になる。
   ボタン幅を広げるとロゴに接触する（320px時点で余白が0になる）ため、
   ボタン左右のパディングとハンバーガーとの間隔を詰めて文字幅を確保する。
   ========================================================================== */
@media screen and (max-width: 999px) {
  .l-header__btnWrapper {
    gap: 10px;
  }

  .l-header__btnWrapper .c-btn.-gradient {
    padding: 10px 6px;
  }

  .l-header__btnWrapper .c-btn.-gradient .c-btn__txt {
    white-space: nowrap;
  }
}