/* アルテラ・コーポレーション（パートナー）ページ固有CSS
   共通部品で足りないものだけを、ページ接頭辞（.al-）付きで定義する。 */

/* --- 年表・項目表（新規部品 .hist）：年レール（縦線＋節点）＋内容の2列リスト。
   年表（アライアンスヒストリー）と項目表（会社概要＝.prof）の2役割。
   .pcard 内契約の dl.spec は単独では効かないため流用しない。 --- */
.hist{display:grid;gap:0}
.hist>div{position:relative;display:grid;grid-template-columns:132px 1fr;gap:0 calc(34px * var(--sp-k));padding:calc(20px * var(--sp-k)) calc(6px * var(--sp-k)) calc(22px * var(--sp-k)) 0;align-items:baseline}
.hist>div+div{border-top:1px solid var(--hair)}
/* 年レール：列間の中心に縦線を通し、各行に節点を打つ */
.hist>div::before{content:"";position:absolute;left:148px;top:0;bottom:0;width:2px;background:var(--blue-100)}
.hist>div:first-child::before{top:37px}
.hist>div:last-child::before{bottom:auto;height:37px}
.hist>div::after{content:"";position:absolute;left:142px;top:30px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--navy);box-sizing:border-box}
/* 節目の年（認定・受賞）は節点を塗りつぶして強める */
.hist>div.on::after{background:var(--navy);box-shadow:0 0 0 5px var(--blue-50)}
.hist dt{font-family:"Roboto Condensed",sans-serif;font-size:calc(20px * var(--fs-k));font-weight:700;color:var(--navy);letter-spacing:.01em}
.hist dd{font-size:var(--fs-body);line-height:1.9;color:var(--ink-soft);font-weight:500}
.hist dd span{display:block}
.hist dd span+span{margin-top:calc(5px * var(--sp-k))}
.hist dd b{font-weight:700;color:var(--ink)}
/* 会社概要（項目名が日本語ラベル）はレールなし・ラベル列を詰める */
.hist.prof{margin-top:calc(16px * var(--sp-k))}
.hist.prof>div{grid-template-columns:118px 1fr;gap:0 calc(24px * var(--sp-k));padding:calc(13px * var(--sp-k)) 0}
.hist.prof>div::before,.hist.prof>div::after{display:none}
.hist.prof>div:last-child{padding-bottom:0}
.hist.prof dt{font-family:"Zen Kaku Gothic New",sans-serif;font-size:var(--fs-body);font-weight:700}
@media(max-width:640px){.hist>div{grid-template-columns:1fr;gap:calc(6px * var(--sp-k));padding:calc(16px * var(--sp-k)) 0}.hist>div::before,.hist>div::after{display:none}.hist.prof>div{grid-template-columns:1fr;gap:calc(4px * var(--sp-k))}}

/* --- ラインナップ枠（.vs-panel）内のシリーズ別リンクリスト。
   原稿は箇条書きのリンク一覧。チップ体裁（.catset .chips）は中カテゴリページ固有CSSのため使わない --- */
.al-lu ul{list-style:none;display:grid;gap:calc(10px * var(--sp-k));margin-top:calc(6px * var(--sp-k))}
.al-lu li{display:flex;gap:calc(9px * var(--sp-k));align-items:baseline}
.al-lu li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--navy);flex:none;transform:translateY(-4px)}
.al-lu a{font-size:var(--fs-ui);font-weight:500;line-height:1.65}

/* --- 歩み図（このページ専用の1枚図。Altera側の進化と富士ソフト側の開発規模が
   上下で対応する2レーンのフロー図は既存部品に無いため新規作成） --- */
.al-ayumi{width:100%;height:auto;display:block;min-width:900px}
.al-ayumi text{font-family:"Zen Kaku Gothic New",sans-serif}
.al-ayumi .ln1,.al-ayumi .ln2{font-size:var(--fs-sub);font-weight:700;fill:var(--navy)}
.al-ayumi .bx{fill:var(--blue-50);stroke:color-mix(in oklab,var(--navy) 22%,#fff);stroke-width:1}
.al-ayumi .bx2{fill:var(--navy);stroke:none}
.al-ayumi .co{fill:#fff;stroke:color-mix(in oklab,var(--navy) 30%,#fff);stroke-width:1}
.al-ayumi .t1{font-size:var(--fs-body);font-weight:700;fill:var(--navy)}
.al-ayumi .t2{font-size:var(--fs-sub);font-weight:500;fill:var(--ink-soft)}
.al-ayumi .t3{font-size:var(--fs-body);font-weight:700;fill:#fff}
.al-ayumi .ar{fill:var(--navy)}
.al-ayumi .ar2{fill:color-mix(in oklab,var(--navy) 40%,#fff)}
.al-ayumi .dl{stroke:color-mix(in oklab,var(--navy) 45%,#fff);stroke-width:2;stroke-dasharray:6 6;fill:none}
.al-ayumi .dh{fill:color-mix(in oklab,var(--navy) 45%,#fff)}