@charset "utf-8";
/* ============================================================
   私たちの強み（strengths/index.html）
   支給: 00_サンテック_Web_私たちの強み.ai（artboard 0 = PC 1366x6440.79 / 1 = SP 375x7175.42）
   座標は各帯の上端を原点にした実測値（design px）。帯境界は PC:
     ヒーロー 120–888 / パンくず 888–933 / 強み 933–1676.28 / 匠 1676.28–2475.41 /
     プロセス 2475.41–3150.28–3740.28–4330.28–4920.28–5603.79 / フッター 5603.79–
   ============================================================ */

.mul{mix-blend-mode:multiply}
/* このページの本文は Illustrator のカーニング「自動」で組まれており、実測で palt と一致した
   （例: ヒーロー副題 40px の字幅 正本 895.0px / palt 895.0 / halt 937.5）。ページ内だけ palt に切り替える。
   ただし「ワンストップ体制」はカーニングなし（NOAUTOKERN）なので halt のまま。 */
body[data-page="strengths"] main{font-feature-settings:"palt" 1}
.shero polygon,.sintro polygon{fill:var(--red)}

/* ---------- ヒーロー PC 1366x768（アートボード y120–888） ---------- */
.shero{height:768px;overflow:hidden;background:#fff}
.shero__ph{display:block}
.shero__ph img{width:100%;height:100%}
.shero__ph--top{left:765.5px;top:0;width:600.5px;height:168.2px;clip-path:polygon(168.1px 0,100% 0,100% 100%,0 100%)}
.shero__ph--right{left:765.5px;top:168.2px;width:600.5px;height:599.8px;clip-path:polygon(0 0,100% 0,100% 100%)}
.shero__ph--main{left:165.6px;top:168.2px;width:1200.4px;height:599.8px;clip-path:polygon(600px 0,0 100%,100% 100%)}
.shero__deco{left:0;top:0;width:1366px;height:768px;overflow:visible}
/* 1366px より広い画面: アートボード外に描かれている装飾の続き（x<0 / x>1366）はそのまま見せ、
   赤帯は左端まで延長する（帯の外は .shero の overflow:hidden で切る）。1366 以下では見た目は変わらない */
/* 赤帯 990x172.8（左→右に #cf170e→#a80201 の実測グラデーション） */
.shero__band{left:0;top:215.8px;width:990px;height:172.8px;background:linear-gradient(90deg,#cf170e 0%,#a80201 100%)}
.shero__band::before{content:"";position:absolute;right:100%;top:0;width:2000px;height:100%;background:#cf170e}
.shero__h{left:0;top:0;width:100%;height:100%;font-weight:inherit}
.shero__h > span{position:absolute}
/* 128px・トラッキング -70・斜体（Illustrator 行列 a1 b0 c.174 d.985）。原点はベースライン左端 x12.68 y350.68 */
.shero__ttl{left:12.68px;top:230.9px;font-size:128px;font-weight:800;letter-spacing:-.07em;font-feature-settings:"halt" 1;line-height:1;color:#fff;white-space:nowrap;
  transform-origin:0 .936em;transform:matrix(1,0,-.174,.985,0,0)}
/* 白地＋赤線 2px の枠 960x80（外寸 962x82） */
.shero__sub{left:178.9px;top:417.6px;width:962px;height:82px;border:2px solid var(--red);background:#fff;
  color:var(--red);font-size:40px;font-weight:700;letter-spacing:.1em;line-height:1;white-space:nowrap;
  display:flex;justify-content:center;padding:15.6px 0 0 .1em}
.shero__sub > span{display:block}
/* 「ス」「ト」「ッ」の送りが Illustrator では詰まる（字ごとの letter-spacing で次の字の位置を合わせる） */
/* 正本の字の左端: ト x391 / ッ x495.5 / プ x605.5（全字の列を実測）。ス を span で包むと ン-ス のカーニングが切れるので ト 側で詰める */
.shero__k1{margin-left:-.1211em;letter-spacing:-.1167em}
.shero__k2{letter-spacing:-.0888em}
.shero__k3{margin-left:.043em}   /* 実測: 「制」だけ PC 5.5px / SP 1.5px 左（体→制の詰めが強い） */


/* ---------- 私たちの強み PC 1366x743.28（y933–1676.28） ---------- */
.sintro{height:743.28px;overflow:hidden;background:#fff}
.sintro__deco{left:0;top:0;width:1366px;height:743.28px;overflow:visible}
.sintro__ttl{left:0;top:126.5px;width:1366px}
.sintro__ttl .c-ttl__en{margin-top:21.7px}
.sintro__txt{left:183px;top:250.24px;font-size:18px;line-height:42px;letter-spacing:.1em;white-space:nowrap}
.sintro__frame{left:862.5px;top:232.6px;width:351px;height:351px;border:1px solid #d9453e}  /* 赤 tint80 */
.sintro__ph{left:833px;top:263.1px;width:350px;height:350px}
.sintro__ph img{width:100%;height:100%}


/* ---------- 各プロセス PC ---------- */
.sproc{height:590px;overflow:hidden;background:#fff}
.sproc--sales{height:674.87px}
.sproc--inspection{height:683.51px}
.sproc__ph{top:45px;width:680px;height:510px}
.sproc__ph img{width:100%;height:100%}
.sproc__ttl{width:300px;margin-left:-150px;text-align:center;font-size:36px;font-weight:600;letter-spacing:.1em;text-indent:.1em;line-height:1;white-space:nowrap}
.sproc__rule{width:30px;height:6px;background:var(--red)}
.sproc__txt{width:421.1px;font-size:16px;line-height:38px;letter-spacing:.1em;text-align:justify}
.sproc__txt .ln{display:block;text-align-last:justify;white-space:nowrap}
.sproc__txt .ln:last-child{text-align-last:auto}
.sproc__l1{letter-spacing:.068em}   /* 正本: この1行だけトラッキング 68 */
/* 写真左・文字右 */
.sproc--sales .sproc__ph,.sproc--machining .sproc__ph,.sproc--inspection .sproc__ph{left:3.46px}
.sproc--design .sproc__ph,.sproc--assembly .sproc__ph{left:682.664px}
.sproc--sales .sproc__ph{top:130.38px}
.sproc--machining .sproc__ph,.sproc--inspection .sproc__ph{top:45.5px}
.sproc--sales .sproc__ttl,.sproc--inspection .sproc__ttl{left:972.35px}
.sproc--design .sproc__ttl,.sproc--assembly .sproc__ttl{left:391.95px}
.sproc--machining .sproc__ttl{left:1005.95px}
.sproc--sales .sproc__rule,.sproc--inspection .sproc__rule{left:957.35px}
.sproc--design .sproc__rule,.sproc--assembly .sproc__rule{left:376.89px}
.sproc--machining .sproc__rule{left:990.96px}
.sproc--sales .sproc__txt,.sproc--machining .sproc__txt,.sproc--inspection .sproc__txt{left:763.5px}
.sproc--design .sproc__txt,.sproc--assembly .sproc__txt{left:183px}
.sproc--machining .sproc__txt{width:486.6px}
.sproc--sales .sproc__ttl{top:191.59px}      .sproc--sales .sproc__rule{top:247.75px}      .sproc--sales .sproc__txt{top:281.47px}
.sproc--design .sproc__ttl{top:125.7px}      .sproc--design .sproc__rule{top:181.37px}     .sproc--design .sproc__txt{top:215.1px}
.sproc--machining .sproc__ttl{top:87.7px}    .sproc--machining .sproc__rule{top:143.88px}  .sproc--machining .sproc__txt{top:177.6px}
.sproc--assembly .sproc__ttl{top:99.7px}    .sproc--assembly .sproc__rule{top:155.88px}   .sproc--assembly .sproc__txt{top:189.6px}
.sproc--inspection .sproc__ttl{top:106.7px}  .sproc--inspection .sproc__rule{top:162.88px} .sproc--inspection .sproc__txt{top:196.6px}

/* ============================================================
   SP 375（支給 SP アートボードの実測値。PC 値は流用しない）
   帯境界: ヒーロー 50–650 / パンくず 650–675 / 強み 675–1796.28 / 匠 1796.28–2576.28 /
           プロセス 2576.28–3307.84–3949.40–4740.98–5472.57–6128.07 / フッター 6128.07–
   ============================================================ */
@media (max-width:900px){
  .shero{height:600px}
  .shero__ph--top{left:166.27px;top:0;width:208.73px;height:133.59px;clip-path:polygon(133.59px 0,100% 0,100% 100%,0 100%)}
  .shero__ph--right{left:166.27px;top:133.59px;width:208.73px;height:204.99px;clip-path:polygon(0 0,100% 0,100% 100%,204.99px 100%)}
  .shero__ph--main{left:0;top:133.59px;width:375px;height:466.41px;clip-path:polygon(166.41px 0,100% 208.59px,100% 100%,0 100%,0 166.41px)}
  .shero__deco{width:375px;height:600px}
  .shero__band{top:241.76px;width:375px;height:60px}
  /* 45px・トラッキング -70・水平比率 98%・斜体。ベースライン左端 x21.64 y287.6 */
  .shero__ttl{left:21.64px;top:245.48px;font-size:45px;transform:matrix(.98,0,-.174,.985,0,0)}
  .shero__sub{left:0;top:0;width:0;height:0;border:0;background:none;padding:0;display:block;font-size:16px}
  .shero__sub > span{position:absolute;height:28px;border:2px solid var(--red);background:#fff;padding-top:3.61px}
  .shero__sub1{left:28.27px;top:312.39px;width:183px;padding-left:9.65px}
  .shero__sub2{left:69.27px;top:347.39px;width:209px;padding-left:3.85px}

  /* パンくず：このページの SP は 9px・左 x29.9（共通の 10px / 22.5 と別値） */

  .sintro{height:1121.28px}
  .sintro__deco{width:375px;height:1121.28px}
  .sintro__ttl{top:118.66px;width:375px}
  .sintro__ttl .c-ttl__jp{font-size:24px}
  .sintro__ttl .c-ttl__en{font-size:12px;margin-top:11.69px}
  .sintro__txt{left:19.53px;top:188.18px;font-size:16px;line-height:37px}
  .sintro__frame{left:55.01px;top:704.08px;width:277.3px;height:277.3px}
  .sintro__ph{left:31.83px;top:728.27px;width:276.32px;height:276.32px}


  .sproc{height:641.56px}
  .sproc--sales{height:731.56px}
  .sproc--machining{height:791.58px}
  .sproc--assembly{height:731.59px}
  .sproc--inspection{height:655.5px}
  .sproc .sproc__ph{left:0;top:0;width:375px;height:281.25px}
  .sproc .sproc__ttl{left:187.5px;top:320px;font-size:24px}
  .sproc .sproc__rule{left:172.5px;top:358.54px}
  .sproc .sproc__txt{left:27.5px;top:387.4px;width:321.4px;font-size:14px;line-height:30px}
  .sproc--machining .sproc__txt{letter-spacing:.09em;width:321.26px}
  .sproc__l1{letter-spacing:inherit}
}