/* ===== 組み込み製品トップ（fsi-embedded.css の拡張） ===== */
.page-hero .bigsearch{margin:calc(30px * var(--sp-k)) 0 0 calc(72px * var(--sp-k));max-width:880px;/* 760→880（2026-09-08 ユーザー指示。TOP の .bigsearch と同じ幅） */box-shadow:var(--sh-2);border-color:var(--prod)}
.page-hero .bigsearch>svg{stroke:var(--prod)}
.page-hero .bigsearch{padding-left:calc(9px * var(--sp-k))}
.page-hero .bigsearch:focus-within{transform:none}
.bigsearch .cat{position:relative;display:flex;align-items:stretch;flex:none;align-self:stretch;background:var(--bg-soft);border:1px solid var(--line);border-radius:calc(var(--rd-lg) - 9px);padding:0;overflow:visible;transition:none}
.bigsearch .cat:hover{transform:none;box-shadow:none;border-color:var(--line)}
.bigsearch .cat>svg{position:absolute;top:50%;right:12px;width:15px;height:15px;margin-top:calc(-7.5px * var(--sp-k));stroke:var(--ink-mute);pointer-events:none}
.bigsearch .cat select{appearance:none;-webkit-appearance:none;border:none;outline:none;background:transparent;font-size:var(--fs-sub);font-weight:500;font-family:inherit;color:var(--ink);cursor:pointer;width:236px;padding:0 calc(34px * var(--sp-k)) 0 calc(16px * var(--sp-k))}
@media(max-width:980px){.bigsearch .cat select{width:150px;font-size:var(--fs-label);padding:0 calc(28px * var(--sp-k)) 0 calc(12px * var(--sp-k))}.page-hero .bigsearch .btn{padding:calc(14px * var(--sp-k)) calc(18px * var(--sp-k))}}
/* 特徴（why 行） */
/* ヒーロー（TOP風アレンジ：アイコン＋中央寄せ＋検索） */
.page-hero.hero-top{position:relative;padding:calc(40px * var(--sp-k)) 0 calc(58px * var(--sp-k));text-align:center}
.page-hero.hero-top>.wrap{position:relative;z-index:2}
.page-hero.hero-top .crumbs{justify-content:flex-start;text-align:left}
.hero-eyebrow.prod{color:var(--prod)}
.hero-eyebrow.prod::before,.hero-eyebrow.prod::after{background:var(--prod)}
.hero-top .hero-sub em{font-style:normal;font-weight:900;color:var(--prod);word-break:auto-phrase}
.page-hero.hero-top .bigsearch{border-color:var(--prod);margin:calc(30px * var(--sp-k)) auto 0;text-align:left}

.why-tx :is(h3,h4) b{font-weight:900;color:var(--prod)}
.fig-logos{display:flex;flex-wrap:wrap;gap:calc(10px * var(--sp-k));justify-content:center;width:100%}
.fig-logos .cell{width:calc(33.33% - 7px);aspect-ratio:2/1;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:calc(8px * var(--sp-k)) calc(12px * var(--sp-k))}
.fig-logos img{max-width:92%;max-height:84%;object-fit:contain}
.fig-tri{display:flex;align-items:center;gap:calc(8px * var(--sp-k))}
.fig-tri .p{display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--sp-k));width:86px}
.fig-tri .c{width:70px;height:70px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.fig-tri .c svg{width:32px;height:32px;stroke:var(--prod);stroke-width:1.7;fill:none}
.fig-tri .lb{font-size:var(--fs-label);font-weight:700;color:var(--ink-soft);text-align:center;line-height:1.5}
.fig-tri .arr{flex:none;margin-bottom:calc(26px * var(--sp-k))}
.fig-tri .arr svg{width:24px;height:24px;stroke:var(--ink-mute);stroke-width:1.8;fill:none}
.fig-warr{width:118px;height:118px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(7px * var(--sp-k))}
.fig-warr svg{width:38px;height:38px;stroke:var(--prod);stroke-width:1.6;fill:none}
.fig-warr .wl{font-family:"Roboto Condensed",sans-serif;font-size:var(--fs-label);font-weight:700;letter-spacing:.06em;color:var(--ink-soft)}
/* 多言語サポートの図（Claude Design 支給 2026-09-16、クライアント指摘 S5「画像のリンク切れ？」→ デザイン CSS にピルの定義が無かった）。12.5px は図の中の文字＝--fs-label に置換 */
.fig-lang{display:flex;align-items:flex-end;gap:calc(6px * var(--sp-k))}
.fig-lang .p{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:calc(8px * var(--sp-k));width:96px;min-height:170px}
.fig-lang .c{width:70px;height:70px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none}
.fig-lang .main .c{background:var(--prod);border-color:var(--prod)}
.fig-lang .c svg{width:32px;height:32px;stroke:var(--prod);stroke-width:1.7;fill:none}
.fig-lang .main .c svg{stroke:#fff}
.fig-lang .lb{font-size:var(--fs-label);font-weight:700;color:var(--ink-soft);text-align:center;line-height:1.5;min-height:38px;display:flex;align-items:flex-start}
.fig-lang .bub{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:calc(6px * var(--sp-k)) calc(12px * var(--sp-k));border-radius:var(--rd-md);background:#fff;border:1px solid var(--line);font-size:var(--fs-label);font-weight:700;line-height:1.4;color:var(--ink-soft);text-align:center;white-space:nowrap;margin-bottom:calc(6px * var(--sp-k))}
.fig-lang .bub::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fig-lang .bub.hl{background:var(--prod);border-color:var(--prod);color:#fff}
.fig-lang .bub.hl::after{border-color:var(--prod)}
.fig-lang .arr{flex:none;align-self:flex-end;margin-bottom:calc(62px * var(--sp-k))}
.fig-lang .arr svg{width:22px;height:22px;stroke:var(--ink-mute);stroke-width:1.8;fill:none}
/* .sb-cta は TOP でも使うため fsi-embedded.css へ移設（2026-09-16） */
/* 取り扱いメーカー: .mkr-panel は共通CSSへ昇格（2026-08-24・ASIC特集と共用） */
/* 受託開発クロスセル */












/* 特集 */
@media(max-width:1100px){}
@media(max-width:980px){.page-hero:not(.hero-top) .bigsearch{margin-left:0}}
@media(max-width:640px){}
/* .devmenu / .dev-lead は廃止（2026-09-08）。分類リンクカード .pcat.links（fsie-ext.css）に統合 */