@charset "utf-8";
/* ============================================================
   企業情報（company/index.html）
   正本: サンテック_Web_04_企業情報/00_サンテック_Web_企業情報.pdf
         PC 1366x6542.5 / SP 375x6498
   座標は各帯（.band）上端基準の実測値（design px）。
   帯（PC）: ヘッダー 0-120 / ヒーロー 120-888 / パンくず 888-933 / 導入 933-1361 /
            代表挨拶 1361-2140 / 企業理念 2140-2899.8 / 会社概要 2899.8-4399.8 /
            沿革 4399.8-5705.5 / フッター 5705.5-6542.5
   ============================================================ */

/* このページの本文は Illustrator のプロポーショナルメトリクス（= palt）で組まれている。
   PC の全 14 行で行幅を実測し、palt で ±0.5px、halt（style.css 既定）では +9〜46px 広がった。 */
main{font-feature-settings:"palt" 1}

/* ---------- ヒーロー（共通 .phero を上書き） ---------- */
.co-hero{--hero-h:768px;--ttl-y:399.5px}
.co-hero .phero__jp{margin-top:25.6px;font-weight:600}
/* 2026-09-29 ご指示「文字の下に影」。支給 FV（260925）のアピアランスは「黒の線 7pt（丸）＋ぼかし（ガウス）15px・乗算」＝文字の周りの暗いにじみ。
   text-shadow は太らせられないので 30px（σ15）を 3 重にして濃さを合わせた（正本との差 RMSE 0.021。ずらした影は 0.054）。採用情報のヒーローと同じ値 */
.co-hero .phero__en{text-shadow:0 0 30px rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.5)}
.co-hero .phero__jp{text-shadow:0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8)}

/* ---------- 共通：セクション見出し ---------- */
.co-ttl{left:0;width:1366px}
.co-ttl .c-ttl__en{margin-top:22px}
.co-intro,.co-mission,.co-outline,.co-history,.co-msg{overflow:hidden}

/* ---------- 導入（グレー帯） ---------- */
.co-intro{height:428px;background:var(--card)}
.co-intro__bg{left:0;top:45.2px;font-family:var(--en-cond);font-weight:700;font-size:148px;line-height:1;
  letter-spacing:.2em;color:#dcdcdc;white-space:nowrap;user-select:none}
.co-intro__lead{left:182.8px;top:109.8px;font-size:24px;line-height:58px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.co-intro__txt{left:182.8px;top:229.2px;font-size:18px;line-height:42px;letter-spacing:.1em;white-space:nowrap}

/* ---------- 代表挨拶 ---------- */
.co-msg{height:779px}
.co-msg .co-ttl{top:126.5px}
.co-msg__photo{left:803px;top:265.2px;width:380px;height:460px}
.co-msg__photo img{width:100%;height:100%;object-fit:cover}
.co-msg__head{left:182.8px;top:281.3px;font-size:32px;line-height:1;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.co-msg__head::after{content:"";position:absolute;left:-.8px;top:42.2px;width:405.4px;height:2px;background:var(--red)}   /* 2026-09-29 ご指示: 1px→2px（線の中心は据え置き） */
.co-msg__txt{left:182.8px;top:355.2px;font-size:18px;line-height:42px;letter-spacing:.1em;white-space:nowrap}
.co-msg__sign{left:0;top:0;width:0;height:0}
.co-msg__sign > span{position:absolute;white-space:nowrap;line-height:1;letter-spacing:.1em}
.co-msg__role{left:182.8px;top:684.8px;font-size:16px}
.co-msg__name{left:326.5px;top:677.3px;font-size:24px;font-weight:600}

/* ---------- 企業理念（カード 320x416） ----------
   2026-09-29 ご指示「アイコンの大きさや、位置を変えたので、これを使用してください」:
   見本（企業情報 .ai の henkou レイヤー、PC アートボード左外の 3 枚）どおり。見本のカードは 320x416 ＝ PC と 1:1。
   アイコンは 150→180（1.2 倍）で上へ（アイコン上端 72.5→57.5）、赤線は 296→286、文字は据え置き。
   見本の枠線・赤線は 1.5pt（9/18 デザインは 1pt）。線の中心を縁／y286 に置く。
   1.5px は border/outline では 1px に丸められ、高さ 1.5px の箱は 1px か 2px に丸められるため、
   box-shadow の広がりで描く（枠は ±.75px、赤線は 1px＋.25px。dpr2 で 3 デバイス px、正本の @2x と同じ濃淡）。
   アイコン SVG は見本のアウトライン版から書き出し（アイコンの外形＋四辺 3px。ギアの線 6px がはみ出さない幅）。 */
.co-mission{height:759.8px}
.co-mission .co-ttl{top:73px}
.co-mission__list{left:0;top:215.8px;width:1366px;height:416px}
.co-card{position:absolute;top:0;width:320px;height:416px;background:#fff;
  box-shadow:0 0 0 .75px var(--red),inset 0 0 0 .75px var(--red),4px 4px 20px rgba(0,0,0,.2)}
.co-card--1{left:183px}
.co-card--2{left:523px}
.co-card--3{left:863px}
.co-card::after{content:"";position:absolute;left:25.25px;top:285.5px;width:269.5px;height:1px;background:var(--red);box-shadow:0 0 0 .25px var(--red)}   /* 線 x25〜295・中心 y286・太さ 1.5（1px＋広がり .25px。高さ 0 の箱は影を描かないブラウザがあるので使わない） */
.co-card__ico{position:absolute}
.co-card--1 .co-card__ico{left:63.885px;top:54.5px;width:193px;height:186px}
.co-card--2 .co-card__ico{left:67.022px;top:54.5px;width:186px;height:186px}
.co-card--3 .co-card__ico{left:54.435px;top:54.5px;width:212px;height:186px}
.co-card__txt{position:absolute;left:-1.15px;top:306.9px;width:100%;text-align:center;font-size:18px;line-height:42px;
  font-weight:800;letter-spacing:.1em;white-space:nowrap}   /* 実測: text-indent は 1 行目だけに効き +2px ずれるので付けない。
  2026-09-29 見本（文字はアウトライン済み）の字形の重心に合わせ -0.5→-1.15（6 行の横ずれ平均 +0.65px を解消）。
  縦は据え置き（+0.2px。top を 0.5 動かすとベースラインが 1px 跳ぶ） */
.co-card__txt em{font-style:normal;color:var(--red)}

/* ---------- 会社概要（表） ---------- */
.co-outline{height:1500px;background:var(--card)}
.co-outline .co-ttl{top:126.7px}
.co-table{left:183px;top:264.7px;width:1000px;background:#fff}
.co-table tbody{display:block}
.co-table tr{display:grid;grid-template-columns:200px 1fr;height:70px;border-top:1px solid var(--red)}
.co-table tr.is-multi{height:365px}
.co-table tr:last-child{height:71px;border-bottom:1px solid var(--red)}
.co-table th,.co-table td{display:block;padding:13.2px 0 0;font-size:18px;line-height:42px;letter-spacing:.1em;text-align:left;white-space:nowrap}
.co-table th{padding-left:40px;background:#fcefee;font-weight:700}   /* 赤 7% */
.co-table td{padding-left:39.5px}
.co-table td a{transition:color var(--dur) var(--ease)}
.co-table td a:hover{color:var(--red)}

/* ---------- 沿革 ---------- */
.co-history{height:1305.7px}
.co-history .co-ttl{top:125.2px}
.co-tl{left:183px;top:268.7px;width:1000px;height:909px;background:#fff;box-shadow:4px 4px 20px rgba(0,0,0,.2)}
.co-tl__list{position:absolute;left:0;top:79.1px;width:100%}
.co-tl__list li{position:relative;height:104px}
.co-tl__list li::before{content:"";position:absolute;left:0;top:10.7px;width:160px;height:1px;background:var(--red)}
.co-tl__list li::after{content:"";position:absolute;left:150px;top:2.2px;width:18px;height:18px;border-radius:50%;background:var(--red)}
.co-tl__date{position:absolute;left:177.2px;top:0;font-size:20px;line-height:1;font-weight:800;color:var(--red);
  letter-spacing:.1em;white-space:pre}
.co-tl__txt{position:absolute;left:387.3px;top:1.6px;font-size:18px;line-height:1;letter-spacing:.1em;white-space:nowrap}
.co-tl__txt small{display:block;margin-top:9.8px;font-size:14px}

/* ============================================================
   SP（〜900px, 375 キャンバス）
   ============================================================ */
@media (max-width:900px){
  /* SP 帯（アートボード）: ヘッダー 0-50 / ヒーロー 50-650 / パンくず 650-675 / 導入 675-1265 /
     代表挨拶 1265-2440 / 企業理念 2440-3958 / [会社概要: SP 未デザイン→本実装で挿入] /
     沿革 4440-5450.7（アートボード上の y）/ フッター 5450.7-6498 */

  /* ヒーロー：SP 正本は英字 45 / 和文 18（共通 .phero の SP 値 40/16 より大きい） */
  .co-hero{--hero-h-sp:600px;--ttl-y-sp:418.5px}
  .co-hero .phero__en{font-size:45px;margin-top:4.6px;text-shadow:0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8)}
  .co-hero .phero__ttl{left:36.4px}
  .co-hero .phero__jp{font-size:18px;margin-top:10.3px;text-shadow:0 0 30px #000,0 0 30px #000,0 0 30px #000}   /* SP も採用情報と同じ値 */

  .co-ttl{left:-1.5px;width:375px}   /* 正本の SP 見出しは中心 x186（キャンバス中心より 1.5px 左） */
  .co-ttl .c-ttl__jp{font-size:24px}
  .co-ttl .c-ttl__en{font-size:12px;margin-top:11.1px;text-indent:0}

  /* 導入 */
  .co-intro{height:590px}
  .co-intro__bg{left:-9.5px;top:53px;width:379px;text-align:center;font-size:99.435px;letter-spacing:.1em;text-indent:.1em}
  .co-intro__lead{left:35.1px;top:106.2px;font-size:18px;line-height:42px}
  .co-intro__txt{left:35.1px;top:332.9px;font-size:16px;line-height:37px}

  /* 代表挨拶 */
  .co-msg{height:1175px}
  .co-msg .co-ttl{top:118.8px}
  .co-msg__photo{left:37.5px;top:199.2px;width:300px;height:360px}
  .co-msg__head{left:38.3px;top:614.9px;font-size:23px}
  .co-msg__head::after{left:-1.3px;top:34.1px;width:300px}   /* 2px（SP も同じ太さ） */
  .co-msg__txt{left:36.9px;top:667.9px;font-size:16px;line-height:37px}
  .co-msg__role{left:36.9px;top:1105.1px;font-size:13px}
  .co-msg__name{left:147.9px;top:1098.6px;font-size:20px}

  /* 企業理念（縦積み 300x390、間隔 440） */
  .co-mission{height:1518px}
  .co-mission .co-ttl{top:67.8px}
  .co-mission__list{left:37.5px;top:148.3px;width:300px;height:1270px}
  .co-card{left:0!important;width:300px;height:390px}
  .co-card--2{top:440px}
  .co-card--3{top:880px}
  /* 2026-09-29 見本（SP アートボード右外の 3 枚）は PC 見本と同一の 320x416。SP のカード 300x390 は
     9/18 SP デザインどおり PC の 0.9375 倍なので、見本の座標を 0.9375 倍して置く（線の太さ 1.5 は 9/18 SP と同じく縮めない）。 */
  .co-card::after{left:23.6875px;top:267.625px;width:252.625px}   /* 線 x23.44〜276.56・中心 y268.125（見本×0.9375） */
  .co-card--1 .co-card__ico{left:59.892px;top:51.094px;width:180.938px;height:174.375px}
  .co-card--2 .co-card__ico{left:62.833px;top:51.094px;width:174.375px;height:174.375px}
  .co-card--3 .co-card__ico{left:51.033px;top:51.094px;width:198.75px;height:174.375px}
  .co-card__txt{left:-.62px;top:287.8px;font-size:16.875px;line-height:39.375px}   /* 2026-09-29 見本×0.9375 の字形重心に合わせる（text-indent を外し -1.8→-0.62。6 行の横ずれ ±0.2 以内）。縦は従来値 */

  /* 会社概要：SP アートボードに描かれていない（指示「スマホになった時の見え方はお任せします」）。
     PC の表の文法（赤 1px 罫・見出し列 赤 7%・Bold）を保ち、SP の列幅 300 / 本文 14 に縮めて流し組みにした。 */
  .co-outline{height:auto;padding:115.8px 0 100px}
  .co-outline .stage{height:auto}
  .co-outline .stage > *{position:relative}
  .co-outline .co-ttl{top:auto}
  .co-table{left:37.5px;top:auto;width:300px;margin-top:48px}
  .co-table tr,.co-table tr.is-multi,.co-table tr:last-child{grid-template-columns:90px 1fr;height:auto;min-height:50px}
  .co-table th,.co-table td{padding:13px 0 12px;font-size:14px;line-height:24px;white-space:normal}
  .co-table th{padding-left:12px;white-space:nowrap}
  .co-table td{padding-left:14px;padding-right:8px;word-break:keep-all;overflow-wrap:anywhere}

  /* 沿革 */
  .co-history{height:1010.7px}
  .co-history .co-ttl{top:115.8px}
  .co-tl{left:37.5px;top:206.3px;width:300px;height:730px}
  .co-tl__list{top:50.1px}
  .co-tl__list li{height:83.2px}
  .co-tl__list li::before{left:-.3px;top:8.7px;width:31.6px}
  .co-tl__list li::after{left:24.1px;top:2.7px;width:13px;height:13px}
  .co-tl__date{left:45.1px;font-size:16px}
  .co-tl__txt{left:46.1px;top:20.1px;font-size:14px;line-height:20px}
  .co-tl__txt small{margin-top:1.7px;font-size:11.2px;line-height:1}
}