/* AIO・LLMOサービスページ（/service/llmo-consulting/）の追加分
 * 2026-10-02 作成 → 同日作り直し。追加セクションは既存部品（reason の list / service-merit / cta / service-about）で組み、
 * ここには既存部品に無いものだけを書く。色・書体は page/styles.css の :root 変数を使う。
 */

/* FV下 資料ダウンロード帯（FVの特徴帯と同じグラデーション） */
.llmo-dlbar { background: var(--gradation); }
.llmo-dlbar__inner { display: flex; align-items: center; gap: 2.4rem; padding-top: 2rem; padding-bottom: 2rem; }
.llmo-dlbar__img { width: 14rem; height: auto; border-radius: .6rem; background: #fff; flex-shrink: 0; box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, .12); }
.llmo-dlbar__text { flex: 1; color: #fff; }
.llmo-dlbar__text p { font-size: 1.4rem; line-height: 1.7; margin: 0; }
.llmo-dlbar__text .llmo-dlbar__ttl { font-size: 2rem; font-weight: 700; margin-bottom: .4rem; }
.llmo-dlbar__btn { position: relative; display: inline-flex; align-items: center; gap: 1.2rem; padding: 1.6rem 3.2rem; border-radius: 10rem; background: #fff; color: var(--accent-color); font-size: 1.6rem; font-weight: 700; white-space: nowrap; transition: opacity .3s; }
.llmo-dlbar__btn:hover { opacity: .8; }
.llmo-dlbar__btn span { display: block; width: .8rem; height: .8rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }

/* 3つの特徴（service-merit の中） */
.service-merit .llmo-feature__note { color: #fff; font-size: 1.5rem; line-height: 1.9; text-align: center; margin-top: 3.2rem; }

/* お客様の声 */
.llmo-voice .iframe-content { margin: 2.4rem 0; }

@media screen and (max-width: 600px) {
  .llmo-dlbar__inner { flex-wrap: wrap; gap: 1.6rem; }
  .llmo-dlbar__img { width: 9.6rem; }
  .llmo-dlbar__text { flex: 1 1 calc(100% - 11.2rem); }
  .llmo-dlbar__text .llmo-dlbar__ttl { font-size: 1.7rem; }
  .llmo-dlbar__text p { font-size: 1.3rem; }
  .llmo-dlbar__btn { width: 100%; justify-content: center; }
  .service-merit .llmo-feature__note { font-size: 1.4rem; text-align: left; }
}
