/*
 * AI-OCRパッケージ LP  /service/ai-ocr/
 * lp-ai-ocr.css  (2026-10-08)
 * 設置先: wp-content/themes/sunbridge/assets/styles/lp-ai-ocr.css
 * 読み込み: mu-plugins/sb-lp-assets.php（本文の class="lp-ai-ocr" を検知）
 * 画像: /wp-content/uploads/ai-ocr-fv.png, ai-ocr-feature-01〜04.jpg
 * 構成: [1] lp-aws.css 共通トークン・部品（.lp-aws → .lp-ai-ocr に置換）
 *       [2] AI-OCRパッケージ 固有
 *       [3] ヒーロー（テーマの .c-service__header をモックFVに合わせる。このCSSは本ページでのみ読み込まれる）
 */

/* ===== [1] 共通（lp-aws.css 由来） ===== */
/* ============================================================
   サンブリッジ AWSソリューションLP 専用スタイル
   設置先: wp-content/themes/sunbridge/assets/styles/lp-aws.css
   全セレクタは .lp-ai-ocr 配下にスコープ済み（他ページへの影響なし）
   生成: 2026-08-12
   ============================================================ */


/* 全セレクタは .lp-ai-ocr 配下にスコープ済み。html/body/:root への指定はなし */
/* ============================================================
   サンブリッジ AWSソリューションLP デザイン案
   デザイントークンは現行サイト common.css の実測値に準拠
   1rem = 10px
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr{
  --color-base-rgb:26,26,26; --color-sub-rgb:85,85,85; --color-dark-rgb:26,26,26; --color-light-rgb:130,130,130;
  --color-base:rgb(var(--color-base-rgb)); --color-sub:rgb(var(--color-sub-rgb));
  --color-dark:rgb(var(--color-dark-rgb)); --color-light:rgb(var(--color-light-rgb));
  --background-base:transparent; --background-accent:#F5F5F5; --background-light:#F5F5F5; --surface-invert:#1A1A1A;
  --gradient-accent:linear-gradient(133.26deg,#E7336E 1.42%,#EB6153 43.37%,#F9C158 85.31%);
  --gradient-button:linear-gradient(0deg,rgba(51,51,51,.2),rgba(51,51,51,.2)),var(--gradient-accent);
  --hairline:rgba(var(--color-base-rgb),.2);
  --ff-base:"Noto Sans JP","Yu Gothic UI","Meiryo",sans-serif;
  --ff-accent:"Montserrat","Noto Sans JP","Yu Gothic UI",sans-serif;
  --size-medium:104.6rem; --size-large:128.6rem; --gutter:2.4rem;
}
.lp-ai-ocr.lp-ai-ocr,.lp-ai-ocr.lp-ai-ocr *,.lp-ai-ocr.lp-ai-ocr *::before,.lp-ai-ocr.lp-ai-ocr *::after{box-sizing:border-box}
.lp-ai-ocr.lp-ai-ocr{margin:0 !important;background:var(--background-base);color:var(--color-base);
  font-family:var(--ff-base);font-size:1.7rem;line-height:1.5;-webkit-font-smoothing:antialiased}
.lp-ai-ocr.lp-ai-ocr img{max-width:100%;height:auto;display:block}
.lp-ai-ocr.lp-ai-ocr a{color:inherit;text-decoration:none}
.lp-ai-ocr.lp-ai-ocr ul{list-style:none;margin:0 !important;padding:0}

.lp-ai-ocr.lp-ai-ocr .l-inner{width:100%;max-width:calc(var(--size-medium) + var(--gutter)*2);
  padding-inline:var(--gutter);margin-inline:auto !important}
.lp-ai-ocr.lp-ai-ocr .l-inner--large{width:100%;max-width:calc(var(--size-large) + var(--gutter)*2);
  padding-inline:var(--gutter);margin-inline:auto !important}
.lp-ai-ocr.lp-ai-ocr .l-section{margin-top:12rem !important}

/* ---------- 共通見出し ---------- */
.lp-ai-ocr.lp-ai-ocr .c-h2{font-size:2.6rem;font-weight:700;line-height:1.4;padding-bottom:2.4rem;margin:0 0 5.6rem !important;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-h2::before{content:"";position:absolute;left:0;bottom:0;width:8rem;height:.4rem;background:var(--gradient-accent)}
.lp-ai-ocr.lp-ai-ocr .c-h2--center{text-align:center}
.lp-ai-ocr.lp-ai-ocr .c-h2--center::before{left:50%;translate:-50%}
.lp-ai-ocr.lp-ai-ocr .c-lead{font-size:1.7rem;line-height:1.8;color:var(--color-sub);margin:-3.2rem 0 4.8rem !important}
.lp-ai-ocr.lp-ai-ocr .c-note{font-size:1.3rem;color:var(--color-light);line-height:1.7;margin-top:1.6rem !important}

/* ---------- ヘッダー（既存サイト共通パーツ） ---------- */

/* ---------- 01 HERO（1カラム・KVなし） ---------- */
.lp-ai-ocr.lp-ai-ocr .p-hero{padding:0 0 2.4rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .p-hero::before{content:"";position:absolute;left:0;right:0;top:-8rem;height:calc(100% + 18rem);
  pointer-events:none;
  background:radial-gradient(58% 90% at 84% 8%,rgba(235,97,83,.07) 0%,rgba(235,97,83,0) 70%);}
.lp-ai-ocr.lp-ai-ocr .p-hero__desc{position:relative;font-size:1.7rem;line-height:1.9;color:var(--color-sub);margin:0 !important;width:100%}
.lp-ai-ocr.lp-ai-ocr .c-btn{background:var(--gradient-button);color:#fff;font-size:1.6rem;font-weight:700;
  padding:1.6rem;width:28.8rem;text-align:center;display:block;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-btn--outline{background:transparent;border:1px solid var(--color-base);color:var(--color-base)}
.lp-ai-ocr.lp-ai-ocr .c-btn--small{padding:1.2rem;width:24rem;font-size:1.5rem}
.lp-ai-ocr.lp-ai-ocr .c-tel{border-left:1px solid rgba(0,0,0,.2);padding-left:3.2rem}
.lp-ai-ocr.lp-ai-ocr .c-tel__num{font-family:var(--ff-accent);font-size:2.8rem;line-height:1.3;display:flex;align-items:center;gap:.6rem}
.lp-ai-ocr.lp-ai-ocr .c-tel__num i{font-size:2.2rem;font-variation-settings:"FILL" 1}
.lp-ai-ocr.lp-ai-ocr .c-tel__open{font-size:1.4rem;color:var(--color-sub);padding-left:.4rem}

/* ---------- 02 課題 ---------- */
.lp-ai-ocr.lp-ai-ocr .p-problem__labels{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:2.4rem !important}
.lp-ai-ocr.lp-ai-ocr .p-problem__label{font-family:var(--ff-accent);font-size:1.3rem;letter-spacing:.08em;color:var(--color-sub);
  padding-bottom:1.2rem;border-bottom:1px solid var(--hairline)}
.lp-ai-ocr.lp-ai-ocr .p-problem__label b{font-family:var(--ff-base);font-size:1.6rem;color:var(--color-base);margin-left:1.2rem !important}
.lp-ai-ocr.lp-ai-ocr .p-problem__cards{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 4rem;grid-auto-rows:1fr}
.lp-ai-ocr.lp-ai-ocr .c-card{background:var(--background-accent);padding:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-card__title{font-size:1.8rem;font-weight:700;line-height:1.5;padding-left:1.4rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-card__title::before{content:"";position:absolute;left:0;top:1.1rem;width:.6rem;height:.6rem;background:var(--gradient-accent)}
.lp-ai-ocr.lp-ai-ocr .c-card__text{font-size:1.4rem;line-height:1.7;color:var(--color-sub);margin:1.2rem 0 0 !important}
.lp-ai-ocr.lp-ai-ocr .p-problem__close{text-align:center;font-size:2rem;font-weight:700;line-height:1.7;margin-top:6.4rem !important}

/* ---------- 03 AWSでできること ---------- */
.lp-ai-ocr.lp-ai-ocr .p-aws__values{display:grid;grid-template-columns:repeat(5,1fr);gap:1.6rem;margin-top:4.8rem !important}
.lp-ai-ocr.lp-ai-ocr .c-outline{border:1px solid var(--hairline);padding:2.4rem 1.6rem;text-align:center}
.lp-ai-ocr.lp-ai-ocr .c-outline__num{font-family:var(--ff-accent);font-size:1.2rem;color:var(--color-light);letter-spacing:.1em}
.lp-ai-ocr.lp-ai-ocr .c-outline__title{font-size:1.8rem;font-weight:700;margin:1.2rem 0 .8rem !important}
.lp-ai-ocr.lp-ai-ocr .c-outline__text{font-size:1.3rem;line-height:1.6;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .c-lightBox{background:linear-gradient(135deg,rgba(231,51,110,.05) 0%,rgba(235,97,83,.05) 45%,rgba(249,193,88,.07) 100%),#FAFAFA;color:var(--color-base);border:1px solid rgba(0,0,0,.08);border-radius:3rem;padding:8rem 4rem;margin-top:6.4rem !important}
.lp-ai-ocr.lp-ai-ocr .c-lightBox__grid{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem}
.lp-ai-ocr.lp-ai-ocr .c-lightBox h3{font-size:2.4rem;font-weight:700;line-height:1.4;margin:0 0 1.6rem !important;padding-left:2.4rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-lightBox h3::before{content:"";position:absolute;left:.2rem;top:1.2rem;width:1.2rem;height:1.2rem;
  background:var(--gradient-accent);transform:rotate(45deg)}
.lp-ai-ocr.lp-ai-ocr .c-lightBox p{font-size:1.5rem;line-height:1.9;margin:0 !important;color:var(--color-sub)}

/* ---------- 04 選ばれる理由 ---------- */
/* 3枚のタイルで数字・見出し・説明の高さを揃える（見出しは2行分を確保） */
.lp-ai-ocr.lp-ai-ocr .p-why__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-stat{background:var(--background-accent);padding:3.2rem 2.4rem;
  display:grid;grid-template-rows:auto auto 1fr;row-gap:1.6rem}
.lp-ai-ocr.lp-ai-ocr .c-stat__num{font-family:var(--ff-accent);font-size:4.4rem;font-weight:500;line-height:1.05;
  display:flex;align-items:baseline;min-height:4.8rem}
.lp-ai-ocr.lp-ai-ocr .c-stat__num small{font-size:2rem;font-weight:500;margin-left:.4rem !important}
.lp-ai-ocr.lp-ai-ocr .c-stat__title{font-size:1.6rem;font-weight:700;line-height:1.5;min-height:4.8rem;margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-stat__label{font-size:1.3rem;line-height:1.7;color:var(--color-sub);margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .p-why__badges{display:flex;align-items:center;gap:2.4rem;margin-top:4rem !important;padding:3.2rem;border:1px solid var(--hairline)}
.lp-ai-ocr.lp-ai-ocr .p-why__badgeSet{display:flex;gap:2.4rem;align-items:center;flex:none}
.lp-ai-ocr.lp-ai-ocr .c-badge__img{width:11rem;height:auto;flex:none}
.lp-ai-ocr.lp-ai-ocr .p-why__badgeText{font-size:1.4rem;line-height:1.9;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .p-why__badgeText b{color:var(--color-base);font-size:1.6rem;display:block;margin-bottom:.8rem !important}

/* ---------- 05 サービスカード ---------- */
.lp-ai-ocr.lp-ai-ocr .p-service__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard{background:var(--background-accent);padding:2.4rem;display:flex;flex-direction:column}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard__tag{font-family:var(--ff-accent);font-size:1.1rem;letter-spacing:.06em;
  color:#fff;background:var(--surface-invert);border:0;border-radius:.3rem;
  padding:.5rem 1rem;align-self:flex-start;flex:none;white-space:nowrap;margin-bottom:1.6rem !important}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard__title{font-family:var(--ff-accent);font-size:2rem;font-weight:600;line-height:1.4;
  padding-left:1.4rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard__title::before{content:"";position:absolute;left:0;top:1.1rem;width:.6rem;height:.6rem;background:var(--gradient-accent)}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard__text{font-size:1.4rem;line-height:1.7;color:var(--color-sub);margin:1.6rem 0 0 !important;flex:1}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard__more{font-family:var(--ff-accent);font-size:1.2rem;color:var(--color-sub);margin-top:2.4rem !important;
  display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);padding-top:1.6rem}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard__more i{font-size:2rem}
.lp-ai-ocr.lp-ai-ocr .c-serviceCard--soon{border:1px dashed var(--hairline);background:transparent;align-items:center;justify-content:center;
  color:var(--color-light);font-size:1.3rem;text-align:center;line-height:1.8}

/* ---------- 06 業務別 ---------- */
.lp-ai-ocr.lp-ai-ocr .p-dept__tabs{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:3.2rem !important}
.lp-ai-ocr.lp-ai-ocr .p-dept__tab{font-size:1.3rem;padding:.8rem 1.8rem;border:1px solid var(--hairline);color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .p-dept__tab.is-active{background:var(--surface-invert);color:#fff;border-color:var(--color-base);font-weight:700}
.lp-ai-ocr.lp-ai-ocr .p-dept__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.lp-ai-ocr.lp-ai-ocr .c-tile{border:1px solid var(--hairline);padding:1.8rem 2rem;font-size:1.5rem;line-height:1.6;
  display:flex;align-items:center;gap:1.2rem}
.lp-ai-ocr.lp-ai-ocr .c-tile::before{content:"";width:.6rem;height:.6rem;background:var(--gradient-accent);flex:none}

/* ---------- 07 事例 ---------- */
.lp-ai-ocr.lp-ai-ocr .p-case__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-caseCard{background:var(--background-accent);display:flex;flex-direction:column}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__fig{display:block;position:relative;background:#fff;overflow:hidden;cursor:zoom-in}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__fig img{width:100%;height:auto;display:block;transition:transform var(--transition,.4s ease)}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__fig:hover img{transform:scale(1.04)}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__zoom{position:absolute;right:0;bottom:0;background:rgba(5,6,6,.82);color:#fff;
  font-size:1.1rem;letter-spacing:.04em;padding:.5rem 1rem}

/* 構成図の拡大（CSSのみ・:target） */
.lp-ai-ocr.lp-ai-ocr .c-zoom{display:none;position:fixed;inset:0;z-index:80;padding:6.4rem 2.4rem;
  align-items:center;justify-content:center}
.lp-ai-ocr.lp-ai-ocr .c-zoom:target{display:flex}
.lp-ai-ocr.lp-ai-ocr .c-zoom__bg{position:absolute;inset:0;background:rgba(5,6,6,.93)}
.lp-ai-ocr.lp-ai-ocr .c-zoom__inner{position:relative;margin:0 !important;max-width:132rem;width:100%}
.lp-ai-ocr.lp-ai-ocr .c-zoom__inner img{width:100%;height:auto;background:#fff}
.lp-ai-ocr.lp-ai-ocr .c-zoom__inner figcaption{font-size:1.3rem;color:rgba(255,255,255,.8);margin-top:1.6rem !important;text-align:center}
.lp-ai-ocr.lp-ai-ocr .c-zoom__close{position:absolute;top:2.4rem;right:2.4rem;font-size:1.4rem;color:#fff;
  border:1px solid rgba(255,255,255,.4);padding:.8rem 1.6rem}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__body{padding:2.4rem;display:flex;flex-direction:column;flex:1}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__meta{font-size:1.2rem;color:var(--color-sub);display:flex;gap:1.2rem;flex-wrap:wrap}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__meta span{border:1px solid var(--hairline);padding:.2rem .8rem}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__title{font-size:1.8rem;font-weight:700;line-height:1.6;margin:1.6rem 0 !important;
  padding-bottom:1.6rem;border-bottom:1px solid var(--hairline)}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__row{font-size:1.4rem;line-height:1.7;color:var(--color-sub);margin-bottom:1.2rem !important}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__row b{color:var(--color-base);display:block;font-size:1.2rem;letter-spacing:.04em;margin-bottom:.4rem !important}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__result{margin-top:auto !important;font-size:1.5rem;font-weight:700;line-height:1.6;padding-top:1.6rem;
  border-top:1px solid var(--hairline)}
.lp-ai-ocr.lp-ai-ocr .p-case__cta{margin-top:4.8rem !important;border:1px solid var(--hairline);padding:4rem;text-align:center}
.lp-ai-ocr.lp-ai-ocr .p-case__cta h3{font-size:2rem;font-weight:700;margin:0 0 2.4rem !important;line-height:1.5}
.lp-ai-ocr.lp-ai-ocr .p-case__ctaBtns{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap}

/* ---------- 中間CV：資料ダウンロードバンド ---------- */
.lp-ai-ocr.lp-ai-ocr .p-dlBand{display:flex;align-items:center;gap:4rem;padding:4rem;
  border:1px solid rgba(235,97,83,.28);border-radius:1.6rem;
  background:linear-gradient(135deg,rgba(231,51,110,.10) 0%,rgba(235,97,83,.10) 45%,rgba(249,193,88,.13) 100%),#fff}
.lp-ai-ocr.lp-ai-ocr .p-dlBand__label{font-family:var(--ff-accent);font-size:1.2rem;letter-spacing:.1em;
  color:var(--color-sub);margin:0 0 1.2rem !important;padding-left:1.4rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .p-dlBand__label::before{content:"";position:absolute;left:0;top:.5rem;width:.6rem;height:.6rem;
  background:var(--gradient-accent)}
.lp-ai-ocr.lp-ai-ocr .p-dlBand__title{font-size:2.2rem;font-weight:700;line-height:1.5;margin:0 0 1.2rem !important}
.lp-ai-ocr.lp-ai-ocr .p-dlBand__text{font-size:1.4rem;line-height:1.8;color:var(--color-sub);margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .p-dlBand .c-btn{flex:none}

/* ---------- 追従型CTAバナー ---------- */
.lp-ai-ocr.lp-ai-ocr .p-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:rgba(255,255,255,.96);border-top:1px solid rgba(0,0,0,.12);box-shadow:0 -.2rem 1.2rem rgba(0,0,0,.08)}
.lp-ai-ocr.lp-ai-ocr .p-sticky__inner{width:min(100% - 4rem,152rem);margin-inline:auto !important;
  display:flex;align-items:center;justify-content:center;gap:2.4rem;padding:1.6rem 0}
.lp-ai-ocr.lp-ai-ocr .p-sticky__tel{font-family:var(--ff-accent);font-size:2rem;display:flex;align-items:baseline;gap:.4rem}
.lp-ai-ocr.lp-ai-ocr .p-sticky__tel em{font-family:var(--ff-base);font-style:normal;font-size:1.2rem;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .c-btn--sticky{width:auto;padding:1.2rem 2.8rem;font-size:1.4rem}

/* ---------- 08 支援範囲 ---------- */

/* ---------- 09 サポート ---------- */
.lp-ai-ocr.lp-ai-ocr .p-support__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-support{border:1px solid var(--hairline);padding:3.2rem 2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-support__no{font-family:var(--ff-accent);font-size:1.2rem;color:var(--color-light);letter-spacing:.1em}
.lp-ai-ocr.lp-ai-ocr .c-support__title{font-size:2rem;font-weight:700;margin:1.2rem 0 2rem !important}
.lp-ai-ocr.lp-ai-ocr .c-support li{font-size:1.4rem;line-height:1.8;color:var(--color-sub);padding-left:1.6rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-support li::before{content:"・";position:absolute;left:0;top:0}

/* ---------- 10 FAQ ---------- */
.lp-ai-ocr.lp-ai-ocr .c-faq__item{border-top:1px solid rgba(0,0,0,.18);padding:2.4rem 0}
.lp-ai-ocr.lp-ai-ocr .c-faq__item:last-child{border-bottom:1px solid rgba(0,0,0,.18)}
.lp-ai-ocr.lp-ai-ocr .c-faq__q{font-size:1.7rem;font-weight:700;display:flex;justify-content:space-between;gap:2rem;align-items:flex-start}
.lp-ai-ocr.lp-ai-ocr .c-faq__q i{font-size:2.2rem;color:var(--color-sub);flex:none}
.lp-ai-ocr.lp-ai-ocr .c-faq__a{font-size:1.5rem;line-height:1.9;color:var(--color-sub);margin-top:1.6rem !important;padding-right:4rem}

/* ---------- 11 最終CTA ---------- */
.lp-ai-ocr.lp-ai-ocr .c-contactBox{background:var(--background-light);border:1px solid rgba(0,0,0,.14);color:var(--color-dark);
  max-width:var(--size-medium);margin:12rem auto 0 !important;padding:8rem 2rem}
.lp-ai-ocr.lp-ai-ocr .c-contactBox__title{font-size:2rem;font-weight:700;line-height:1.4;text-align:center;padding-bottom:1.6rem;
  position:relative;margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-contactBox__title::before{content:"";position:absolute;left:50%;bottom:0;translate:-50%;
  width:8rem;height:.15rem;background:var(--gradient-accent)}
.lp-ai-ocr.lp-ai-ocr .c-contactBox__body{margin-top:4rem !important;display:flex;flex-direction:column;align-items:center;gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-contactBox__btns{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center}
.lp-ai-ocr.lp-ai-ocr .c-btn--dark{background:var(--color-dark);border:1px solid var(--color-dark)}
.lp-ai-ocr.lp-ai-ocr .c-contactBox .c-tel{border-left:0;padding-left:0;text-align:center}
.lp-ai-ocr.lp-ai-ocr .c-contactBox .c-tel__num{justify-content:center}
.lp-ai-ocr.lp-ai-ocr .c-contactBox .c-tel__open{color:var(--color-light);display:block;text-align:center;padding-left:0}

/* ---------- 12 関連サービス ---------- */
.lp-ai-ocr.lp-ai-ocr .p-related{padding-top:12rem}
.lp-ai-ocr.lp-ai-ocr .p-related__title{font-family:var(--ff-accent);font-size:3.2rem;font-weight:500;line-height:1;margin:0 0 3.2rem !important}
.lp-ai-ocr.lp-ai-ocr .p-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}

/* ---------- フッター ---------- */

/* 注記（デザイン案としての説明。実装時は削除） */
.lp-ai-ocr.lp-ai-ocr .a-note{font-size:1.2rem;color:#7f7c7c;border-left:2px solid #4a4949;padding:.4rem 0 .4rem 1.2rem;margin-top:1.6rem !important;line-height:1.7}
/* アイコン：本番実装では現行サイトと同じ Material Symbols Outlined（arrow_forward / keyboard_arrow_right / call / add / remove）を使用。
   本デザイン案は書き出し用に代替グリフで表示している */
.lp-ai-ocr.lp-ai-ocr .c-icon{font-style:normal;line-height:1;display:inline-block}
.lp-ai-ocr.lp-ai-ocr .c-icon--arrow{font-size:2rem}
.lp-ai-ocr.lp-ai-ocr .c-icon--tel{font-family:var(--ff-accent);font-size:1.4rem;letter-spacing:.06em;color:var(--color-sub);margin-right:.6rem !important}
.lp-ai-ocr.lp-ai-ocr .c-icon--toggle{font-size:2rem;color:var(--color-sub)}

/* ============================================================
   レスポンシブ（既存サイトと同じブレークポイント 1024 / 600）
   ============================================================ */
@media screen and (max-width:1023px){
  .lp-ai-ocr.lp-ai-ocr .p-service__grid,.lp-ai-ocr.lp-ai-ocr .p-case__grid,.lp-ai-ocr.lp-ai-ocr .p-related__grid,.lp-ai-ocr.lp-ai-ocr .p-support__grid{grid-template-columns:1fr 1fr}
  .lp-ai-ocr.lp-ai-ocr .p-dept__grid{grid-template-columns:1fr 1fr}
  .lp-ai-ocr.lp-ai-ocr .p-aws__values{grid-template-columns:repeat(3,1fr)}
  .lp-ai-ocr.lp-ai-ocr .p-why__stats{grid-template-columns:1fr}
  .lp-ai-ocr.lp-ai-ocr .p-why__badges{flex-direction:column;align-items:flex-start}
}
@media screen and (max-width:1023px){
  .lp-ai-ocr.lp-ai-ocr .p-dlBand{flex-direction:column;align-items:flex-start;gap:2.4rem}
}
@media screen and (max-width:599px){
  .lp-ai-ocr.lp-ai-ocr .l-section{margin-top:8rem !important}
  .lp-ai-ocr.lp-ai-ocr .p-hero__desc br{display:none}
  .lp-ai-ocr.lp-ai-ocr .p-problem__labels{display:none}
  .lp-ai-ocr.lp-ai-ocr .p-problem__cards{grid-template-columns:1fr;grid-auto-rows:auto}
  .lp-ai-ocr.lp-ai-ocr .p-problem__close{font-size:2rem;margin-top:4.8rem !important}
  .lp-ai-ocr.lp-ai-ocr .p-dlBand{padding:3.2rem 2rem}
  .lp-ai-ocr.lp-ai-ocr .p-dlBand__title{font-size:1.8rem}
  .lp-ai-ocr.lp-ai-ocr .p-case__ctaBtns,.lp-ai-ocr.lp-ai-ocr .c-contactBox__btns{flex-direction:column;align-items:stretch}
  .lp-ai-ocr.lp-ai-ocr .c-zoom{padding:2.4rem 1.6rem}
  .lp-ai-ocr.lp-ai-ocr .c-zoom__inner img{overflow-x:auto}
  .lp-ai-ocr.lp-ai-ocr .c-zoom__close{top:.8rem;right:1.6rem}
  /* 追従バナーはSPでボタン2つのみ表示 */
  .lp-ai-ocr.lp-ai-ocr .p-sticky__inner{gap:1.2rem;padding:1.2rem 1.6rem}
  .lp-ai-ocr.lp-ai-ocr .p-sticky__tel{display:none}
  .lp-ai-ocr.lp-ai-ocr .c-btn--sticky{flex:1;padding:1.2rem .8rem;font-size:1.3rem;width:auto}
  .lp-ai-ocr.lp-ai-ocr .c-h2{font-size:2.2rem;margin-bottom:4rem !important}
  .lp-ai-ocr.lp-ai-ocr .c-lead{font-size:1.5rem;margin:-2.4rem 0 3.2rem !important}
  .lp-ai-ocr.lp-ai-ocr .p-hero{padding-top:0}
  .lp-ai-ocr.lp-ai-ocr .p-hero__desc{font-size:1.5rem;margin-top:0 !important}
  .lp-ai-ocr.lp-ai-ocr .c-btn{width:100%}
  .lp-ai-ocr.lp-ai-ocr .c-tel{border-left:0;padding-left:0;text-align:center}
  .lp-ai-ocr.lp-ai-ocr .c-tel__num{justify-content:center;font-size:2.4rem}
  .lp-ai-ocr.lp-ai-ocr .c-tel__open{display:block;text-align:center;padding-left:0}
  .lp-ai-ocr.lp-ai-ocr .p-problem__groups{grid-template-columns:1fr;gap:3.2rem}
  .lp-ai-ocr.lp-ai-ocr .p-problem__close{font-size:1.6rem;margin-top:4rem !important}
  .lp-ai-ocr.lp-ai-ocr .p-problem__close br{display:none}
  .lp-ai-ocr.lp-ai-ocr .p-aws__values{grid-template-columns:1fr 1fr;gap:1.2rem}
  .lp-ai-ocr.lp-ai-ocr .c-lightBox{border-radius:2rem;padding:5.6rem 2.4rem;margin-top:4.8rem !important}
  .lp-ai-ocr.lp-ai-ocr .c-lightBox__grid{grid-template-columns:1fr;gap:3.2rem}
  .lp-ai-ocr.lp-ai-ocr .c-lightBox h3{font-size:2rem}
  .lp-ai-ocr.lp-ai-ocr .p-service__grid,.lp-ai-ocr.lp-ai-ocr .p-case__grid,.lp-ai-ocr.lp-ai-ocr .p-related__grid,.lp-ai-ocr.lp-ai-ocr .p-support__grid,.lp-ai-ocr.lp-ai-ocr .p-dept__grid{grid-template-columns:1fr}
  .lp-ai-ocr.lp-ai-ocr .p-why__badgeSet{flex-wrap:wrap}
  .lp-ai-ocr.lp-ai-ocr .p-dept__tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.8rem}
  .lp-ai-ocr.lp-ai-ocr .p-dept__tab{white-space:nowrap}
  .lp-ai-ocr.lp-ai-ocr .c-caseCard__title{font-size:1.7rem}
  .lp-ai-ocr.lp-ai-ocr .c-caseCard__title br{display:none}
  .lp-ai-ocr.lp-ai-ocr .p-case__cta{padding:3.2rem 2rem}
  .lp-ai-ocr.lp-ai-ocr .p-case__cta h3{font-size:1.7rem}
  .lp-ai-ocr.lp-ai-ocr .c-contactBox{margin-top:8rem !important;padding:5.6rem 1.6rem}
  .lp-ai-ocr.lp-ai-ocr .p-related{padding-top:8rem}
  .lp-ai-ocr.lp-ai-ocr .p-related__title{font-size:2.4rem}
}



/* ============================================================
   白背景化にともなう調整
   カード面(#F5F5F5)が白地(#FFF)に埋もれないよう境界線を足す
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .c-card,
.lp-ai-ocr.lp-ai-ocr .c-stat,
.lp-ai-ocr.lp-ai-ocr .c-serviceCard,
.lp-ai-ocr.lp-ai-ocr .c-caseCard{border:1px solid rgba(0,0,0,.08)}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__fig{border-bottom:1px solid rgba(0,0,0,.08)}

/* ============================================================
   ボタンの状態変化（白背景化にともなう追加）
   ・実体はspanなのでcursorを明示
   ・塗りボタンは覆いの暗幕(20%)を外して明るくする
   ・アウトラインは反転塗り
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .c-btn{cursor:pointer;border-radius:.4rem;
  transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.lp-ai-ocr.lp-ai-ocr .c-btn:hover{background:var(--gradient-accent);box-shadow:0 .6rem 1.6rem rgba(231,51,110,.28);transform:translateY(-.2rem)}
.lp-ai-ocr.lp-ai-ocr .c-btn--outline:hover{background:var(--color-base);color:#fff;box-shadow:0 .6rem 1.6rem rgba(0,0,0,.18)}
.lp-ai-ocr.lp-ai-ocr .c-btn--dark:hover{background:var(--gradient-accent);border-color:transparent}

/* 資料ダウンロードバンドのボタンは、バンド内で最も強い要素にする */
.lp-ai-ocr.lp-ai-ocr .p-dlBand .c-btn--outline{background:var(--gradient-button);color:#fff;border:0;
  box-shadow:0 .4rem 1.2rem rgba(231,51,110,.28)}
.lp-ai-ocr.lp-ai-ocr .p-dlBand .c-btn--outline:hover{background:var(--gradient-accent);color:#fff;
  box-shadow:0 .8rem 2rem rgba(231,51,110,.36)}

/* ============================================================
   部門別ソリューションのタブ切替
   投稿本文には <script> も <input> も保存できないため :target で実装する。
   :has() は :target の変化でスタイルが再計算されない（実機で確認）ため使わない。
   パネルを先、タブを後ろに置き、兄弟セレクタ(~)で強調を制御している。
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .p-dept__body{display:flex;flex-direction:column}
.lp-ai-ocr.lp-ai-ocr .p-dept__tabs{order:-1}
.lp-ai-ocr.lp-ai-ocr .p-dept__tab{cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.lp-ai-ocr.lp-ai-ocr .p-dept__tab:hover{border-color:var(--color-base);color:var(--color-base)}
.lp-ai-ocr.lp-ai-ocr .p-dept__panel{display:none;scroll-margin-top:12rem}
.lp-ai-ocr.lp-ai-ocr .p-dept__panel--default{display:grid}
.lp-ai-ocr.lp-ai-ocr .p-dept__panel:target{display:grid}
.lp-ai-ocr.lp-ai-ocr .p-dept__panel:target ~ .p-dept__panel--default{display:none}
/* 既定（未選択時）はセールスを強調 */
.lp-ai-ocr.lp-ai-ocr .p-dept__tab[href="#dept-sales"]{background:var(--surface-invert);color:#fff;
  border-color:var(--surface-invert);font-weight:700}
/* どれかが選ばれたら既定の強調を解除 */
.lp-ai-ocr.lp-ai-ocr .p-dept__panel:target ~ .p-dept__tabs .p-dept__tab[href="#dept-sales"]{background:transparent;
  color:var(--color-sub);border-color:var(--hairline);font-weight:400}
/* 選ばれたタブを強調 */
.lp-ai-ocr.lp-ai-ocr #dept-sales:target ~ .p-dept__tabs .p-dept__tab[href="#dept-sales"],
.lp-ai-ocr.lp-ai-ocr #dept-mk:target ~ .p-dept__tabs .p-dept__tab[href="#dept-mk"],
.lp-ai-ocr.lp-ai-ocr #dept-cs:target ~ .p-dept__tabs .p-dept__tab[href="#dept-cs"],
.lp-ai-ocr.lp-ai-ocr #dept-hr:target ~ .p-dept__tabs .p-dept__tab[href="#dept-hr"],
.lp-ai-ocr.lp-ai-ocr #dept-legal:target ~ .p-dept__tabs .p-dept__tab[href="#dept-legal"],
.lp-ai-ocr.lp-ai-ocr #dept-plan:target ~ .p-dept__tabs .p-dept__tab[href="#dept-plan"],
.lp-ai-ocr.lp-ai-ocr #dept-acc:target ~ .p-dept__tabs .p-dept__tab[href="#dept-acc"],
.lp-ai-ocr.lp-ai-ocr #dept-common:target ~ .p-dept__tabs .p-dept__tab[href="#dept-common"]{
  background:var(--surface-invert);color:#fff;border-color:var(--surface-invert);font-weight:700}

/* ============================================================
   支援範囲：サンブリッジの対応領域を矢印帯で明示する
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr 
.lp-ai-ocr.lp-ai-ocr 

/* ============================================================
   プロジェクトの進め方（提案資料P8の図をHTMLで再現）
   ============================================================ */

/* ============================================================
   FAQアコーディオン（details/summary。JS不要）
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .c-faq__item{padding:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-faq__q{cursor:pointer;list-style:none;padding:2.4rem 0;
  transition:color .2s ease}
.lp-ai-ocr.lp-ai-ocr .c-faq__q::-webkit-details-marker{display:none}
.lp-ai-ocr.lp-ai-ocr .c-faq__q:hover{color:#C22A5E}
.lp-ai-ocr.lp-ai-ocr .c-faq__item[open] .c-faq__q{padding-bottom:1.2rem}
.lp-ai-ocr.lp-ai-ocr .c-faq__item .c-faq__toggle::after{content:"＋"}
.lp-ai-ocr.lp-ai-ocr .c-faq__item[open] .c-faq__toggle::after{content:"−"}
.lp-ai-ocr.lp-ai-ocr .c-faq__a{margin-top:0 !important;padding-bottom:2.4rem !important;padding-right:4rem}

@media screen and (max-width:599px){
  .lp-ai-ocr.lp-ai-ocr .p-dept__panel{scroll-margin-top:8rem}
}

/* ============================================================
   テーマが .c-serviceContents 配下の h3 に付ける菱形マーカーと
   左パディングを、LP内では無効化する。
   LP自前のマーカー(.c-lightBox h3 / .c-card__title / .c-serviceCard__title)は
   より詳細度が高いため、そのまま残る。
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr h3{padding-left:0}
.lp-ai-ocr.lp-ai-ocr h3::before{content:none}

/* ============================================================
   部門タブ：JSが動いている場合はこちらが優先される。
   JSはハッシュを使わないため :target 側のルールは一切当たらない
   （＝クリックしてもページが移動しない）。
   JSが無い環境では上の :target 版がそのまま動く。
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .p-dept.is-js .p-dept__panel{display:none}
.lp-ai-ocr.lp-ai-ocr .p-dept.is-js .p-dept__panel.is-shown{display:grid}
.lp-ai-ocr.lp-ai-ocr .p-dept.is-js .p-dept__tab{background:transparent;color:var(--color-sub);
  border-color:var(--hairline);font-weight:400}
.lp-ai-ocr.lp-ai-ocr .p-dept.is-js .p-dept__tab.is-active{background:var(--surface-invert);color:#fff;
  border-color:var(--surface-invert);font-weight:700}

/* ============================================================
   構成図の拡大表示：JSが動いている場合はクラスで開閉する。
   テーマのスクリプトが history.pushState でURLを書き換えるため、
   :target が発火せず拡大できないことを実機で確認したための対応。
   JSが無い環境では上の :target 版が働く。
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .c-zoom.is-open{display:flex}
.lp-ai-ocr.lp-ai-ocr .c-caseCard__fig{cursor:zoom-in}
.lp-ai-ocr.lp-ai-ocr .c-zoom__bg,.lp-ai-ocr.lp-ai-ocr .c-zoom__close{cursor:pointer}
.lp-ai-ocr.lp-ai-ocr .c-zoom.is-open{cursor:zoom-out}

/* ============================================================
   図は画像で表示する（レイアウトが画面幅で崩れないようにするため）。
   常に画面幅にぴったり収め、横スクロールは発生させない。
   小さくて読めないときは、事例の構成図と同じくクリックで拡大する。
   ============================================================ */
.lp-ai-ocr.lp-ai-ocr .p-figure{margin:0 0 4.8rem !important}
.lp-ai-ocr.lp-ai-ocr .p-figure__open{display:block;position:relative;background:#fff;cursor:zoom-in}
.lp-ai-ocr.lp-ai-ocr .p-figure__open img{width:100%;height:auto;display:block}

@media screen and (max-width:599px){
  /* 認定ロゴ：縦積みをやめて1行に収める */
  .lp-ai-ocr.lp-ai-ocr .p-why__badgeSet{flex-wrap:nowrap;gap:1.2rem;width:100%;justify-content:center}
  .lp-ai-ocr.lp-ai-ocr .c-badge__img{width:auto;flex:1 1 0;min-width:0;max-width:10rem}

  /* 部門タブ：右に切れるのをやめて画面内で折り返す */
  .lp-ai-ocr.lp-ai-ocr .p-dept__tabs{flex-wrap:wrap;overflow-x:visible;padding-bottom:0;gap:.6rem}
  .lp-ai-ocr.lp-ai-ocr .p-dept__tab{font-size:1.2rem;padding:.7rem 1.2rem}
}



/* ===== [2] AI-OCRパッケージ 固有 ===== */
/* 配色トークン（モックに合わせる） */
.lp-ai-ocr.lp-ai-ocr{--gradient-accent:linear-gradient(90deg,#E5007F 0%,#F39800 100%);--gradient-button:linear-gradient(90deg,#D1006F 0%,#DC5A00 100%);--c-orange:#C2560A;--c-orange-light:#FFF3EA;--c-navy:#0F2A4A;--c-navy2:#14284B;--c-border:#D9DEE5;--c-gray:#F0F0F0;--color-base:#14171D;--color-sub:#3D4756}
.lp-ai-ocr.lp-ai-ocr > .l-section:first-child{margin-top:0 !important}
.lp-ai-ocr.lp-ai-ocr .l-section{margin-top:8rem !important}
.lp-ai-ocr.lp-ai-ocr .c-btn{border-radius:0}
.lp-ai-ocr.lp-ai-ocr .c-btn:hover{background:var(--gradient-accent)}
.lp-ai-ocr.lp-ai-ocr .c-lead--dark{color:var(--color-base)}
.lp-ai-ocr.lp-ai-ocr .c-lead--16{font-size:1.6rem}
.lp-ai-ocr.lp-ai-ocr .c-note{text-align:right;font-size:1.2rem;color:#6B7480}
.lp-ai-ocr.lp-ai-ocr .u-sp{display:none}

/* グレー帯（白ボックスの横幅いっぱい） */
.lp-ai-ocr.lp-ai-ocr .is-gray{background:var(--c-gray);box-shadow:0 0 0 100vmax var(--c-gray);clip-path:inset(0 -100vmax);padding-block:8rem;margin-top:8rem !important}
.lp-ai-ocr.lp-ai-ocr .is-gray + .l-section{margin-top:8rem !important}
.lp-ai-ocr.lp-ai-ocr .is-gray + .is-gray{margin-top:0 !important}

/* ラベル・アイコン・小見出し */
.lp-ai-ocr.lp-ai-ocr .c-outline__num{font-family:var(--ff-accent);color:var(--c-orange);font-weight:700;font-size:1.3rem;letter-spacing:.06em}
.lp-ai-ocr.lp-ai-ocr .c-iconCircle{width:6rem;height:6rem;border-radius:50%;background:var(--c-orange-light);display:flex;align-items:center;justify-content:center;flex:none}
.lp-ai-ocr.lp-ai-ocr .c-iconCircle::before{content:"";width:2.8rem;height:2.8rem;background:center/contain no-repeat}
.lp-ai-ocr.lp-ai-ocr .c-h3{font-size:2.4rem;font-weight:700;line-height:1.4;margin:8rem 0 2.4rem !important;padding-left:3.2rem !important;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-h3::before{content:"" !important;position:absolute;left:.2rem;top:1rem;width:1.4rem;height:1.4rem;background:var(--gradient-accent);transform:rotate(45deg)}
.lp-ai-ocr.lp-ai-ocr .c-h3 + .c-lead{margin:0 0 3.2rem !important}

/* 課題 */
.lp-ai-ocr.lp-ai-ocr .p-issue__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-issue{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:3.6rem 1.6rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem}
.lp-ai-ocr.lp-ai-ocr .c-issue__title{font-size:2.2rem;font-weight:700;line-height:1.5;margin:0 0 .4rem !important}
.lp-ai-ocr.lp-ai-ocr .c-issue ul{align-self:stretch;text-align:left;list-style:none;margin:0 !important;padding:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-issue li{font-size:1.4rem;line-height:1.9;color:var(--color-sub);padding-left:1.4rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-issue li::before{content:"・";position:absolute;left:-.2rem;top:0}
.lp-ai-ocr.lp-ai-ocr .p-problem__close{text-align:center;font-size:2.2rem;font-weight:700;line-height:1.6;margin-top:4rem !important;color:var(--color-base)}
.lp-ai-ocr.lp-ai-ocr .p-problem__close::before{content:"";display:block;width:4rem;height:2.4rem;margin:0 auto 1.6rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24' fill='none' stroke='%23C2560A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4 L20 20 L36 4'/%3E%3C/svg%3E") center/contain no-repeat}

/* メリット */
.lp-ai-ocr.lp-ai-ocr .p-merit__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-merit{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:3.2rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}
.lp-ai-ocr.lp-ai-ocr .c-merit__label{font-size:1.3rem;font-weight:700;color:var(--c-orange);letter-spacing:.06em}
.lp-ai-ocr.lp-ai-ocr .c-merit__title{font-size:2.2rem;font-weight:700;line-height:1.45;margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-merit__text{font-size:1.5rem;line-height:1.7;color:var(--color-sub);margin:0 !important}

/* ソリューションの全体像 */
.lp-ai-ocr.lp-ai-ocr .p-arch{list-style:none;margin:0 !important;padding:4rem 3.2rem !important;background:#fff;border:1px solid var(--c-border);border-radius:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .p-arch::before{content:"";position:absolute;left:10%;right:10%;top:7.2rem;height:2px;background:var(--c-navy)}
.lp-ai-ocr.lp-ai-ocr .c-arch{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}
.lp-ai-ocr.lp-ai-ocr .c-arch__no{width:6.4rem;height:6.4rem;border-radius:50%;background:var(--c-navy);color:#fff;font-family:var(--ff-accent);font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex:none}
.lp-ai-ocr.lp-ai-ocr .c-arch__body{align-self:stretch;display:flex;flex-direction:column;gap:1.6rem;margin-top:-1.2rem !important}
.lp-ai-ocr.lp-ai-ocr .c-arch__title{margin:0 0 .8rem !important;border:2px solid var(--c-navy);background:#fff;padding:1.2rem .8rem;text-align:center;font-size:1.7rem;font-weight:700;line-height:1.4;color:var(--c-orange)}
.lp-ai-ocr.lp-ai-ocr .c-arch__row{display:flex;gap:1rem;align-items:flex-start}
.lp-ai-ocr.lp-ai-ocr .c-arch__row p{margin:0 !important;font-size:1.4rem;line-height:1.7;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .c-awsIco{width:3.4rem;height:3.4rem;border-radius:4px;background:var(--c,#8C4FFF) center/2rem no-repeat;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2rem;line-height:1}

/* 比較表 */
.lp-ai-ocr.lp-ai-ocr .p-compare{width:100%;table-layout:fixed;font-size:1.5rem;line-height:1.6;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--c-border);border-collapse:separate;border-spacing:0}
.lp-ai-ocr.lp-ai-ocr .p-compare th,.lp-ai-ocr.lp-ai-ocr .p-compare td{border:0;border-top:1px solid var(--c-border);padding:1.8rem 2rem;text-align:center;vertical-align:middle}
.lp-ai-ocr.lp-ai-ocr .p-compare thead th,.lp-ai-ocr.lp-ai-ocr .p-compare thead td{border-top:0}
.lp-ai-ocr.lp-ai-ocr .p-compare thead td{width:20rem;background:#E3E7ED}
.lp-ai-ocr.lp-ai-ocr .p-compare thead th{font-size:1.6rem;font-weight:700;background:#D5DAE1;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .p-compare thead th.is-connect{background:var(--c-orange);color:#fff}
.lp-ai-ocr.lp-ai-ocr .p-compare tbody th{background:#F7F8FA;color:var(--color-base);font-weight:700}
.lp-ai-ocr.lp-ai-ocr .p-compare td{background:#fff;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .p-compare td.is-connect{background:#FFF8F2;color:var(--color-base);font-weight:700}
.lp-ai-ocr.lp-ai-ocr .p-compare + .p-cmpTabs + .c-note{margin-top:1.2rem !important}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs{display:none}

/* 4つの主要機能 */
.lp-ai-ocr.lp-ai-ocr .p-func{display:flex;flex-direction:column;gap:2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-func{background:#fff;border-radius:8px;padding:4.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4.8rem;align-items:center}
.lp-ai-ocr.lp-ai-ocr .c-func--rev .c-func__body{order:2}
.lp-ai-ocr.lp-ai-ocr .c-func__head{display:flex;align-items:baseline;justify-content:center;gap:1.4rem;margin:0 0 2rem !important}
.lp-ai-ocr.lp-ai-ocr .c-func__num{font-family:var(--ff-accent);font-size:4rem;font-weight:700;line-height:1;color:var(--c-orange)}
.lp-ai-ocr.lp-ai-ocr .c-func__title{font-size:2.6rem;font-weight:700;line-height:1.4;margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-func__text{font-size:1.6rem;line-height:1.9;color:var(--color-base);margin:0 0 1.6rem !important}
.lp-ai-ocr.lp-ai-ocr .c-func ul{list-style:none;margin:0 !important;padding:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-func li{font-size:1.5rem;line-height:2;color:var(--color-sub);padding-left:1.6rem;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-func li::before{content:"・";position:absolute;left:0;top:0}
.lp-ai-ocr.lp-ai-ocr .c-func__img img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 .8rem 2.4rem rgba(15,42,74,.14)}

/* 拡張対応（AWSサービス） */
.lp-ai-ocr.lp-ai-ocr .p-aws__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.4rem}
.lp-ai-ocr.lp-ai-ocr .c-aws{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:2.4rem;display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:1.8rem;align-items:center;position:relative}
.lp-ai-ocr.lp-ai-ocr .c-aws .c-awsIco{width:5.6rem;height:5.6rem;background-size:3rem;font-size:3rem}
.lp-ai-ocr.lp-ai-ocr .c-aws__name{display:block;font-family:var(--ff-accent);font-size:1.8rem;font-weight:700;line-height:1.4;padding-right:10.4rem}
.lp-ai-ocr.lp-ai-ocr .c-aws__text{display:block;font-size:1.3rem;line-height:1.7;color:var(--color-sub);margin-top:.6rem}
.lp-ai-ocr.lp-ai-ocr .c-aws__tag{position:absolute;top:1.2rem;right:1.2rem;white-space:nowrap;background:var(--c-navy2);color:#fff;font-size:1.2rem;font-weight:700;line-height:1.5;padding:.4rem 1.2rem}
.lp-ai-ocr.lp-ai-ocr .p-aws__grid + .c-note{margin-top:2.4rem !important}

/* 費用 */
.lp-ai-ocr.lp-ai-ocr .p-cost__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.lp-ai-ocr.lp-ai-ocr .c-costCard{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:2.8rem;text-align:center}
.lp-ai-ocr.lp-ai-ocr .c-costCard__title{background:var(--c-gray);padding:1.2rem;font-size:1.8rem;font-weight:700;line-height:1.5;margin:0 0 1.6rem !important}
.lp-ai-ocr.lp-ai-ocr .c-costCard__text{font-size:1.4rem;line-height:1.7;color:var(--color-sub);margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .p-price__cta{display:flex;flex-direction:column;align-items:center;gap:1.6rem;margin-top:4.8rem !important}
.lp-ai-ocr.lp-ai-ocr .p-price__ctaText{font-size:1.7rem;font-weight:700;margin:0 !important;display:flex;align-items:center;gap:1.4rem}
.lp-ai-ocr.lp-ai-ocr .p-price__ctaText::before,.lp-ai-ocr.lp-ai-ocr .p-price__ctaText::after{content:"";display:block;width:2px;height:2.2rem;background:var(--color-base);transform:rotate(-28deg)}
.lp-ai-ocr.lp-ai-ocr .p-price__ctaText::after{transform:rotate(28deg)}
.lp-ai-ocr.lp-ai-ocr .c-btn--arrow{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;width:32.4rem;padding:2rem 2.4rem;text-decoration:none}
.lp-ai-ocr.lp-ai-ocr .c-btn--arrow::after{content:"";width:2rem;height:2rem;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") center/contain no-repeat}

/* 選ばれる理由 */
.lp-ai-ocr.lp-ai-ocr .p-point__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.lp-ai-ocr.lp-ai-ocr .c-point{background:#fff;border:1px solid var(--c-border);border-top:4px solid var(--c-orange);border-radius:8px;padding:3.6rem 2.8rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem}
.lp-ai-ocr.lp-ai-ocr .c-point .c-iconCircle{width:6.4rem;height:6.4rem}
.lp-ai-ocr.lp-ai-ocr .c-point .c-iconCircle::before{width:3rem;height:3rem}
.lp-ai-ocr.lp-ai-ocr .c-point__title{font-size:2.2rem;font-weight:700;line-height:1.45;margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-point__text{font-size:1.4rem;line-height:2;color:var(--color-sub);margin:0 !important}

/* 導入の流れ */
.lp-ai-ocr.lp-ai-ocr .p-flow__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.lp-ai-ocr.lp-ai-ocr .c-step{height:8.8rem;padding:0 2.8rem 0 1.8rem;background:var(--c-navy);clip-path:polygon(0 0,calc(100% - 2.4rem) 0,100% 50%,calc(100% - 2.4rem) 100%,0 100%);display:flex;flex-direction:column;justify-content:center;gap:.2rem}
.lp-ai-ocr.lp-ai-ocr .c-step__no{font-family:var(--ff-accent);font-size:1.2rem;font-weight:700;color:#F4B183}
.lp-ai-ocr.lp-ai-ocr .c-step__title{white-space:nowrap;font-size:1.5rem;font-weight:700;line-height:1.4;color:#fff}
.lp-ai-ocr.lp-ai-ocr .p-flow__descs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 0 !important;padding:0 !important;list-style:none}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc{background:var(--c-gray);border-radius:8px;padding:2.4rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc .c-iconCircle{width:5.6rem;height:5.6rem;background:#fff}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc p{font-size:1.4rem;line-height:1.8;color:var(--color-sub);margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc__no{display:none;font-family:var(--ff-accent);font-size:1.2rem;font-weight:700;color:var(--c-orange)}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc__no b{display:block;font-family:var(--ff-base);font-size:1.6rem;color:var(--color-base)}

/* よくあるご質問 */
.lp-ai-ocr.lp-ai-ocr .p-qa{display:flex;flex-direction:column;gap:1.6rem}
.lp-ai-ocr.lp-ai-ocr .c-qa{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:2.8rem}
.lp-ai-ocr.lp-ai-ocr .c-qa__q,.lp-ai-ocr.lp-ai-ocr .c-qa__a{display:grid;grid-template-columns:2.8rem minmax(0,1fr);margin:0 !important}
.lp-ai-ocr.lp-ai-ocr .c-qa__q{font-size:1.6rem;font-weight:700;line-height:1.6;color:var(--color-base)}
.lp-ai-ocr.lp-ai-ocr .c-qa__a{font-size:1.4rem;line-height:1.9;color:var(--color-sub);margin-top:1rem !important}
.lp-ai-ocr.lp-ai-ocr .c-qa__q::before,.lp-ai-ocr.lp-ai-ocr .c-qa__a::before{font-family:var(--ff-accent);font-weight:700;font-size:1.7rem;line-height:1.5}
.lp-ai-ocr.lp-ai-ocr .c-qa__q::before{content:"Q";color:var(--c-orange)}
.lp-ai-ocr.lp-ai-ocr .c-qa__a::before{content:"A";color:#6B7480}

/* 追従CTA */
.lp-ai-ocr.lp-ai-ocr .p-sticky__label{font-size:1.5rem;font-weight:700}
.lp-ai-ocr.lp-ai-ocr .c-btn--sticky{border-radius:0}

/* ===== アイコン（data URI SVG） ===== */
.lp-ai-ocr.lp-ai-ocr .c-ico--memo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cline x1='7' y1='9' x2='17' y2='9'/%3E%3Cline x1='7' y1='13' x2='13' y2='13'/%3E%3Cpath d='M15 17l2 2 3-4'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--eye::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--alert::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--receipt::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l3-2 3 2 2-2 2 2 3-2 3 2V2l-3 2-3-2-2 2-2-2-3 2z'/%3E%3Cline x1='8' y1='9' x2='16' y2='9'/%3E%3Cline x1='8' y1='13' x2='14' y2='13'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--clipboard::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpolyline points='9 13 11 15 15 11'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--users::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.9'/%3E%3Cpath d='M16 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--chat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Cline x1='8' y1='9' x2='16' y2='9'/%3E%3Cline x1='8' y1='13' x2='13' y2='13'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--doclines::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='14' y2='17'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--sun::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M4.2 4.2l2.1 2.1'/%3E%3Cpath d='M17.7 17.7l2.1 2.1'/%3E%3Cpath d='M2 12h3'/%3E%3Cpath d='M19 12h3'/%3E%3Cpath d='M4.2 19.8l2.1-2.1'/%3E%3Cpath d='M17.7 6.3l2.1-2.1'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--scanline::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Cline x1='7' y1='12' x2='17' y2='12'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-ico--play::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2560A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--upload{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--storage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M21 12c0 1.66-4 3-9 3s-9-1.34-9-3'/%3E%3Cpath d='M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--scan{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Cline x1='7' y1='9' x2='17' y2='9'/%3E%3Cline x1='7' y1='13' x2='17' y2='13'/%3E%3Cline x1='7' y1='17' x2='13' y2='17'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 12 6 16 12 8'/%3E%3Cpolyline points='10 14 12 16 22 6'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--code{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--trend{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 15 8 9 13 13 21 5'/%3E%3Cpolyline points='15 5 21 5 21 11'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--sparkle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.9L19 9.7l-5.2 1.8L12 16.5l-1.8-5L5 9.7l5.2-1.8z'/%3E%3Cpath d='M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--bucket{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='2.5'/%3E%3Cpath d='M4 5l2 14c.3 1.4 2.9 2.5 6 2.5s5.7-1.1 6-2.5l2-14'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--db{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M20 12c0 1.66-3.58 3-8 3s-8-1.34-8-3'/%3E%3Cpath d='M4 5v14c0 1.66 3.58 3 8 3s8-1.34 8-3V5'/%3E%3C/svg%3E")}
.lp-ai-ocr.lp-ai-ocr .c-awsIco--chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpolyline points='6 15 10 11 13 14 18 8'/%3E%3C/svg%3E")}

@media screen and (min-width:1200px){.lp-ai-ocr.lp-ai-ocr .c-issue li{white-space:nowrap}}

/* ===== タブレット ===== */
@media screen and (max-width:1023px){
.lp-ai-ocr.lp-ai-ocr .p-issue__grid,.lp-ai-ocr.lp-ai-ocr .p-merit__grid,.lp-ai-ocr.lp-ai-ocr .p-point__grid,.lp-ai-ocr.lp-ai-ocr .p-cost__grid{gap:1.6rem}
.lp-ai-ocr.lp-ai-ocr .p-arch{grid-template-columns:minmax(0,1fr);gap:1.6rem;padding:0 !important;background:none;border:0}
.lp-ai-ocr.lp-ai-ocr .p-arch::before{content:none}
.lp-ai-ocr.lp-ai-ocr .c-arch{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1.2rem;align-items:start}
.lp-ai-ocr.lp-ai-ocr .c-arch__no{width:4.4rem;height:4.4rem;font-size:1.4rem;margin-top:2rem !important}
.lp-ai-ocr.lp-ai-ocr .c-arch:not(:last-child)::after{content:"";position:absolute;left:2.1rem;top:6.4rem;width:2px;height:calc(100% - 3.8rem);background:#9AA3B2}
.lp-ai-ocr.lp-ai-ocr .c-arch:not(:first-child) .c-arch__no::before{content:"";position:absolute;left:50%;top:-1rem;transform:translateX(-50%);border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-top:.8rem solid var(--c-navy)}
.lp-ai-ocr.lp-ai-ocr .c-arch__body{margin-top:0 !important;background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:1.6rem;gap:1rem}
.lp-ai-ocr.lp-ai-ocr .c-arch__title{border:0;padding:0;margin:0 !important;text-align:left;background:none}
.lp-ai-ocr.lp-ai-ocr .p-flow__steps{display:none}
.lp-ai-ocr.lp-ai-ocr .p-flow__descs{grid-template-columns:minmax(0,1fr);gap:1.2rem}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc{flex-direction:row;text-align:left;align-items:center}
.lp-ai-ocr.lp-ai-ocr .c-stepDesc__no{display:block}
.lp-ai-ocr.lp-ai-ocr .c-aws__name{padding-right:0}
.lp-ai-ocr.lp-ai-ocr .c-aws{padding-top:4.8rem}
.lp-ai-ocr.lp-ai-ocr .c-aws__tag{top:1.2rem;right:1.2rem}
.lp-ai-ocr.lp-ai-ocr .p-sticky__label{display:none}
.lp-ai-ocr.lp-ai-ocr .c-step__title{white-space:normal}
}

/* ===== SP ===== */
@media screen and (max-width:767px){
.lp-ai-ocr.lp-ai-ocr .u-pc{display:none}
.lp-ai-ocr.lp-ai-ocr .u-sp{display:inline}
.lp-ai-ocr.lp-ai-ocr br.u-sp{display:inline}
.lp-ai-ocr.lp-ai-ocr p.u-sp,.lp-ai-ocr.lp-ai-ocr div.u-sp{display:block}
.lp-ai-ocr.lp-ai-ocr .l-section{margin-top:6.4rem !important}
.lp-ai-ocr.lp-ai-ocr .is-gray{padding-block:6.4rem;margin-top:6.4rem !important}
.lp-ai-ocr.lp-ai-ocr .is-gray + .l-section{margin-top:6.4rem !important}
.lp-ai-ocr.lp-ai-ocr .p-issue__grid,.lp-ai-ocr.lp-ai-ocr .p-merit__grid,.lp-ai-ocr.lp-ai-ocr .p-point__grid,.lp-ai-ocr.lp-ai-ocr .p-cost__grid,.lp-ai-ocr.lp-ai-ocr .p-aws__grid{grid-template-columns:minmax(0,1fr)}
.lp-ai-ocr.lp-ai-ocr .c-issue{padding:3.2rem 2rem}
.lp-ai-ocr.lp-ai-ocr .c-issue__title,.lp-ai-ocr.lp-ai-ocr .c-merit__title,.lp-ai-ocr.lp-ai-ocr .c-point__title{font-size:2rem}
.lp-ai-ocr.lp-ai-ocr .p-problem__close{font-size:1.8rem}
.lp-ai-ocr.lp-ai-ocr .c-h3{font-size:2.2rem;margin-top:6.4rem !important;padding-left:2.8rem !important}
.lp-ai-ocr.lp-ai-ocr .c-h3::before{width:1.2rem;height:1.2rem}
.lp-ai-ocr.lp-ai-ocr .c-func{grid-template-columns:minmax(0,1fr);padding:2.4rem 1.6rem;gap:2rem}
.lp-ai-ocr.lp-ai-ocr .c-func--rev .c-func__body{order:0}
.lp-ai-ocr.lp-ai-ocr .c-func__head{justify-content:flex-start;margin-bottom:1.2rem !important}
.lp-ai-ocr.lp-ai-ocr .c-func__num{font-size:3.2rem}
.lp-ai-ocr.lp-ai-ocr .c-func__title{font-size:2rem}
.lp-ai-ocr.lp-ai-ocr .c-func__text{font-size:1.5rem}
.lp-ai-ocr.lp-ai-ocr .c-func li{font-size:1.4rem;line-height:1.8;margin-bottom:.4rem !important}
.lp-ai-ocr.lp-ai-ocr .c-aws{padding:4.4rem 1.6rem 2rem;gap:1.4rem;grid-template-columns:4.8rem minmax(0,1fr)}
.lp-ai-ocr.lp-ai-ocr .c-aws .c-awsIco{width:4.8rem;height:4.8rem;background-size:2.6rem;font-size:2.6rem}
.lp-ai-ocr.lp-ai-ocr .c-aws__name{font-size:1.7rem}
.lp-ai-ocr.lp-ai-ocr .c-note{text-align:left}
.lp-ai-ocr.lp-ai-ocr .c-btn--arrow{width:100%}
.lp-ai-ocr.lp-ai-ocr .c-costCard{padding:2rem 1.6rem}
.lp-ai-ocr.lp-ai-ocr .p-price__ctaText{font-size:1.5rem}
/* 比較表 → タブ切り替え */
.lp-ai-ocr.lp-ai-ocr .p-compare{display:none}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs{display:block;position:relative;padding-top:7.4rem}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs::before{content:"";position:absolute;top:0;left:0;right:0;height:6.4rem;box-sizing:border-box;background:#fff;border:1px solid var(--c-border);border-radius:7px}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__tab{position:absolute;top:.4rem;left:.4rem;width:calc(50% - .6rem);height:5.6rem;box-sizing:border-box;padding:.4rem;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;line-height:1.4;font-weight:700;color:var(--color-sub);cursor:pointer;list-style:none;z-index:1}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__item:nth-of-type(2) .p-cmpTabs__tab{left:calc(50% + .2rem)}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__tab::-webkit-details-marker{display:none}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__tab::marker{content:""}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__item[open] .p-cmpTabs__tab{background:var(--c-orange);color:#fff;pointer-events:none}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__list{margin:0 !important;background:#fff;border:1px solid var(--c-border);border-radius:6px;overflow:hidden}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__list > div{display:grid;grid-template-columns:9.6rem minmax(0,1fr);border-top:1px solid var(--c-border)}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__list > div:first-child{border-top:0}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__list dt{padding:1.2rem 1rem;background:#F7F8FA;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.2rem;line-height:1.5;font-weight:700;color:var(--color-base)}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__list dd{margin:0 !important;padding:1.2rem 1.4rem;display:flex;align-items:center;font-size:1.3rem;line-height:1.6;color:var(--color-sub)}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs__list.is-connect dd{background:#FFF8F2;color:var(--color-base);font-weight:700}
.lp-ai-ocr.lp-ai-ocr .p-cmpTabs + .c-note{margin-top:1.2rem !important}
}


/* ===== [3] ヒーロー（FV） ===== */


body.single-service .c-article__bg{background:radial-gradient(circle at 86% -12%,rgba(229,0,127,.30) 0,rgba(243,152,0,.13) 24%,rgba(11,13,18,0) 46%),#0B0D12;height:82rem !important}
body.single-service .c-article__bg img{opacity:0}
body.single-service .c-service__header{position:relative;padding-right:56rem;min-height:36rem;display:flex;flex-direction:column;justify-content:center}
body.single-service .c-service__title::before{content:"書類の取り込みからシステム連携まで一気通貫で自動化\A柔軟性とコストを兼ね備えた";white-space:pre-line;display:block;font-family:"Noto Sans JP","Yu Gothic UI",sans-serif;font-size:2.1rem;font-weight:700;line-height:1.6;letter-spacing:0;margin-bottom:1.6rem}
body.single-service .c-service__title::after{content:"";display:block;width:14.4rem;height:.4rem;border-radius:2px;margin-top:1.6rem;background:linear-gradient(90deg,#E5007F 0%,#F39800 100%)}
body.single-service .c-service__header .c-serviceContact{flex-wrap:wrap;row-gap:2.4rem}
body.single-service .p-heroCta .c-serviceContact{flex-wrap:wrap;row-gap:2.4rem}
body.single-service .c-service__header .c-serviceContact__btn{display:flex;gap:1.6rem}
body.single-service .p-heroCta .c-serviceContact__btn{display:flex;gap:1.6rem}
body.single-service .c-service__header .c-secondaryButton{background:linear-gradient(90deg,#D1006F 0%,#DC5A00 100%)}
body.single-service .p-heroCta .c-secondaryButton{background:linear-gradient(90deg,#D1006F 0%,#DC5A00 100%)}
body.single-service .c-service__header .c-serviceContact__btn::after{content:"資料ダウンロード";display:flex;align-items:center;justify-content:center;width:28.8rem;border:2px solid #fff;color:#fff;font-weight:700;font-size:1.6rem;box-sizing:border-box}
body.single-service .c-service__header .c-serviceContact__telArea{flex-basis:100%;border-left:0 !important;padding-left:0 !important;margin-left:0 !important}
body.single-service .p-heroCta .c-serviceContact__telArea{flex-basis:100%;border-left:0 !important;padding-left:0 !important;margin-left:0 !important}
body.single-service .c-service__header .c-serviceContact__telArea::before{display:none}
body.single-service .p-heroCta .c-serviceContact__telArea::before{display:none}
body.single-service .c-service__header::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:51.4rem;aspect-ratio:856/526;background:url("/wp-content/uploads/ai-ocr-fv.png") center/contain no-repeat}
@media screen and (max-width:1023px){
body.single-service .c-service__header{padding-right:0;min-height:0}
body.single-service .c-service__header::after{display:none}
body.single-service .c-service__header .c-serviceContact__btn{flex-wrap:wrap}
body.single-service .p-heroCta .c-serviceContact__btn{flex-wrap:wrap}
}
@media screen and (max-width:599px){
body.single-service .c-service__title::before{font-size:1.6rem}
body.single-service .c-service__header .c-serviceContact__btn{flex-direction:column;width:100%}
body.single-service .p-heroCta .c-serviceContact__btn{flex-direction:column;width:100%}
body.single-service .c-service__header .c-serviceContact__btn::after{width:100%;padding:1.4rem}
body.single-service .p-heroCta .c-serviceContact__btn::after{width:100%;padding:1.4rem}
}
body.single-service .c-service__header .c-secondaryButton{width:28.8rem;flex:none;box-sizing:border-box}
body.single-service .p-heroCta .c-secondaryButton{width:28.8rem;flex:none;box-sizing:border-box}
body.single-service .c-service__header .c-serviceContact__telArea{flex-direction:row;align-items:center;justify-content:flex-start;gap:1.2rem}
body.single-service .p-heroCta .c-serviceContact__telArea{flex-direction:row;align-items:center;justify-content:flex-start;gap:1.2rem}
@media screen and (max-width:599px){body.single-service .c-service__header .c-secondaryButton{width:100%}body.single-service .c-service__header .c-serviceContact__telArea{flex-direction:column;align-items:center}}
@media screen and (max-width:599px){body.single-service .p-heroCta .c-secondaryButton{width:100%}body.single-service .p-heroCta .c-serviceContact__telArea{flex-direction:column;align-items:center}}
body.single-service .c-service__header .c-serviceContact__btn{width:auto !important;max-width:none;flex:none;align-items:stretch}
body.single-service .p-heroCta .c-serviceContact__btn{width:auto !important;max-width:none;flex:none;align-items:stretch}
body.single-service .c-service__header .c-serviceContact__btn::after{flex:none;min-height:5.3rem}
body.single-service .p-heroCta .c-serviceContact__btn::after{flex:none;min-height:5.3rem}
@media screen and (max-width:599px){body.single-service .c-service__header .c-serviceContact__btn{width:100% !important}}
@media screen and (max-width:599px){body.single-service .p-heroCta .c-serviceContact__btn{width:100% !important}}
@media screen and (max-width:599px){
body.single-service .c-service__header{margin-top:-4rem}
body.single-service .c-service__title{margin-top:0 !important}
body.single-service .c-service__title::before{margin-bottom:.8rem}
body.single-service .c-service__title::after{margin-top:1.2rem}
body.single-service .c-service__header .c-service__contact{margin-top:2.4rem !important}
body.single-service .c-service__header .c-serviceContact{row-gap:1.2rem}
body.single-service .p-heroCta .c-serviceContact{row-gap:1.2rem}
body.single-service .c-service__header .c-serviceContact__btn{gap:1rem}
body.single-service .p-heroCta .c-serviceContact__btn{gap:1rem}
body.single-service .c-service__header .c-serviceContact__btn::after{min-height:4.8rem;padding:0}
body.single-service .p-heroCta .c-serviceContact__btn::after{min-height:4.8rem;padding:0}
body.single-service .c-service__header .c-serviceContact__telArea{flex-direction:row;justify-content:center;gap:.8rem}
body.single-service .p-heroCta .c-serviceContact__telArea{flex-direction:row;justify-content:center;gap:.8rem}
body.single-service .c-service__body{margin-top:3.2rem !important}
}
@media screen and (max-width:1023px){
body.single-service .c-service__header .c-service__contact{display:block}
body.single-service .c-service__header .c-service__contact::before{content:"";display:block;width:100%;max-width:36rem;margin:0 auto 2rem;aspect-ratio:856/526;background:url("/wp-content/uploads/ai-ocr-fv.png") center/contain no-repeat}
}
@media screen and (max-width:599px){
body.single-service .c-service__header .c-service__contact{margin-top:1.6rem !important}
body.single-service .c-service__header .c-service__contact::before{max-width:33.5rem;margin-bottom:1.6rem}
}
body.single-service .c-service{--bmt:10rem}
body.single-service .c-service__body{position:relative;margin-top:var(--bmt) !important}
body.single-service .c-service__header{justify-content:flex-end}
body.single-service .c-service__header .c-serviceContact{visibility:hidden}
body.single-service .p-heroCta{position:absolute;left:0;right:56rem;bottom:calc(100% + var(--bmt));z-index:2}
body.single-service .p-heroCta .c-serviceContact__btn{width:auto !important;max-width:none;flex:none;display:flex;gap:1.6rem;align-items:stretch}
body.single-service .p-heroCta__dl{display:flex;align-items:center;justify-content:center;width:28.8rem;min-height:5.3rem;box-sizing:border-box;border:2px solid #fff;color:#fff !important;font-weight:700;font-size:1.6rem;text-decoration:none;transition:background .25s ease,color .25s ease}
body.single-service .p-heroCta__dl:hover{background:#fff;color:#14171D !important}
body.single-service .c-service__bodyBox > .c-service__bodyContact{display:none}
body.single-service .p-bodyContact .c-service__bodyContactTitle{padding-left:0}
body.single-service .p-bodyContact .c-service__bodyContactTitle::before{content:none}
@media screen and (max-width:1023px){
body.single-service .c-service{--bmt:4rem}
body.single-service .p-heroCta{right:0}
}
@media screen and (max-width:599px){
body.single-service .c-service{--bmt:3.2rem}
body.single-service .p-heroCta .c-serviceContact__btn{flex-direction:column;width:100% !important;gap:1rem}
body.single-service .p-heroCta__dl{width:100%;min-height:4.8rem}
}
body.single-service :is(.p-heroCta,.p-bodyContact) .c-serviceContact__telNum{margin:0 !important;line-height:1.3 !important}
body.single-service :is(.p-heroCta,.p-bodyContact) .c-serviceContact__telOpening{margin:0 !important;line-height:1 !important}
@media screen and (max-width:1023px){body.single-service .p-heroCta{bottom:calc(100% + 6.4rem)}}
body.single-service .p-heroCta .c-serviceContact__telArea,body.single-service .p-heroCta .c-serviceContact__telArea > *{white-space:nowrap}
body.single-service .p-heroCta .c-serviceContact__telNum,body.single-service .p-heroCta .c-serviceContact__icon{color:#fff !important}
/* SP：キャッチの改行位置をSPデザインに合わせる */
@media screen and (max-width:767px){body.single-service .c-service__title::before{content:"書類の取り込みからシステム連携まで\A一気通貫で自動化\A柔軟性とコストを兼ね備えた"}}