@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}
.co-hero .phero__ttl{text-shadow:0 0 20px rgba(0,0,0,.5),0 0 40px rgba(0,0,0,.5)}   /* 支給: 文字にぼかし 40px 相当のドロップシャドウ */

/* ---------- 共通：セクション見出し ---------- */
.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.7px;width:405.4px;height:1px;background:var(--red)}
.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） ---------- */
.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:inset 0 0 0 1px 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:25px;top:295.7px;width:270px;height:1px;background:var(--red)}
.co-card__ico{position:absolute}
.co-card--1 .co-card__ico{left:79px;top:69.2px;width:162px;height:157px}
.co-card--2 .co-card__ico{left:80px;top:67.2px;width:160px;height:160px}
.co-card--3 .co-card__ico{left:71px;top:69.2px;width:178px;height:157px}
.co-card__txt{position:absolute;left:-.5px;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 ずれるので付けない。2 行目 +1 → 全体 -0.5 */
.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}
  .co-hero .phero__ttl{left:36.4px}
  .co-hero .phero__jp{font-size:18px;margin-top:10.3px}

  .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.6px;width:300px}
  .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}
  .co-card::after{left:23.4px;top:277.5px;width:253.1px}
  .co-card--1 .co-card__ico{left:74.1px;top:64.9px;width:151.9px;height:147.2px}
  .co-card--2 .co-card__ico{left:75px;top:63px;width:150px;height:150px}
  .co-card--3 .co-card__ico{left:66.6px;top:64.9px;width:166.9px;height:147.2px}
  .co-card__txt{left:-1.8px;top:287.8px;font-size:16.875px;line-height:39.375px;text-indent:.1em}   /* SP は従来の実測値のまま */

  /* 会社概要：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}
}