@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 1366x799.13（y1676.28–2475.41） ----------
   9/18 デザイン＝9/28 赤入れ henkou の見本（帯内の座標は 0.04px 以内で一致）。
   写真 A（MG_706867）は菱形 (1182.96,-100.96)(732.91,349.08)(1182.96,799.13)(1633,349.08) を帯で切ったもの、
   B（MG_706844）は三角 (733.04,349.08)(283,799.13)(1183.09,799.13)。A が手前。
   1366 より広い画面では菱形の右側（x1366–1633）の続きを見せる（帯の外は overflow で切る）。
   匠＝しっぽり明朝 Regular 300・白 30%／きさげ作業＝SemiBold 96・字間 100／本文 Noto Medium 18/42 字間 100（ai_textspec） */
.stakumi{height:799.13px;overflow:hidden;background:#000;color:#fff}
.stakumi__ph img{width:100%;height:100%}
.stakumi__ph--a{left:732.91px;top:0;width:900.09px;height:799.13px;clip-path:polygon(450.05px -100.96px,0 349.08px,450.05px 799.13px,900.09px 349.08px)}
.stakumi__ph--b{left:283px;top:349.08px;width:900.09px;height:450.05px;clip-path:polygon(450.04px 0,0 100%,100% 100%)}
.stakumi__ttl{left:0;top:0;width:100%;height:100%;font-weight:inherit}
.stakumi__ttl > span{position:absolute;font-family:"Shippori Mincho",serif;line-height:1;white-space:nowrap}
.stakumi__k{left:53.68px;top:75px;font-size:300px;font-weight:400;opacity:.3}
.stakumi__h{left:183px;top:220.65px;font-size:96px;font-weight:600;letter-spacing:.1em}
/* Google Fonts のしっぽり明朝には palt が無い（palt/halt/pkna/kern いずれも送り 105.6px の等幅のまま＝実測）。
   Illustrator のカーニング「自動」＝プロポーショナルの字送りを、字ごとの位置で再現する（見本のインク左端から逆算）:
   き -15.5 / さ -39.0 / げ -61.0 / 作・業 -56.0（96px 時。em 指定なので SP 57px にもそのまま効く） */
.stakumi__p1{margin-left:-.1615em;letter-spacing:-.1448em}
.stakumi__p2{letter-spacing:-.1292em}
.stakumi__p3{letter-spacing:.1521em}
.stakumi__txt{left:183px;top:367.66px;font-size:18px;line-height:42px;letter-spacing:.1em;white-space:nowrap}


/* ---------- 各プロセス 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–2627.28（黒 780＋余白 51）/
           プロセス 2627.28–3358.84–4000.40–4791.98–5523.57–6179.07 / フッター 6179.07–
   ============================================================ */
@media (max-width:900px){
  .shero{height:600px}
  /* 9/28 赤入れの見本（henkou）で差し替え。3 枚の写真の分割点はページ座標 (63.77,308.09)。
     上＝MG_707172（分割点から右上 45°より右）／右＝MG_732173（右下 45°より右）／メイン＝MG_707229（その間）。
     上と右の原画は分割点の近くまで届かないが、その部分は赤帯（y285.76–345.76）の下に隠れる */
  .shero__ph--top{left:76.81px;top:0;width:298.19px;height:258.09px;clip-path:polygon(245.05px 0,100% 0,100% 100%,0 100%,0 245.05px)}
  .shero__ph--right{left:94.89px;top:271.35px;width:280.11px;height:297.97px;clip-path:polygon(0 0,100% 0,100% 100%,0 17.86px)}
  .shero__ph--main{left:0;top:258.09px;width:375px;height:341.91px;clip-path:polygon(63.91px 0,100% 311.09px,100% 100%,0 100%,0 63.91px)}
  .shero__deco{width:375px;height:600px}
  /* 赤帯・見出し・副題の枠は 9/28 見本で 9/18 より 6.00px 上（x は同じ） */
  .shero__band{top:235.76px;width:375px;height:60px}
  /* 45px・トラッキング -70・水平比率 98%・斜体。ベースライン左端 x21.64 y281.6 */
  .shero__ttl{left:21.64px;top:239.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:306.39px;width:183px;padding-left:9.65px}
  .shero__sub2{left:69.27px;top:341.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}


  /* 匠 SP 375x780（9/18 SP＝9/28 見本）＋営業プロセスの写真までの余白 51（赤入れ「間には余白が欲しい」。
     ページ内の SP ブロック間の余白 51–53px に合わせた）。黒帯はデザインでは x0.67 から始まるが 0 からにした */
  .stakumi{height:831px;background:linear-gradient(#000 780px,#fff 780px)}
  .stakumi__ph--a{left:112.24px;top:189.96px;width:262.76px;height:523.01px;clip-path:polygon(0 262.76px,100% 0,100% 525.52px)}
  .stakumi__ph--b{left:0;top:452.72px;width:375px;height:327.28px;clip-path:polygon(112.35px 0,100% 262.65px,100% 100%,0 100%,0 112.35px)}
  .stakumi__k{left:-5px;top:35.67px;font-size:179.08px}
  .stakumi__h{left:52.2px;top:121.77px;font-size:57px}
  .stakumi__txt{left:52.2px;top:201.7px;font-size:16px;line-height:37px}


  .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}
}