@charset "utf-8";
/* トップ（index.html）— 生成元 .work/santec2/top/gen.py。座標は structure.ndjson の実測値 */

/* ---------- bands ---------- */
.t-fv,.t-about,.t-prod,.t-rec,.t-news{overflow:hidden;overflow:clip}
.t-deco{left:0;top:0;width:0;height:0}
.t-deco > *{position:absolute;display:block}
.t-ol{overflow:visible}
.t-red{color:var(--red);font-weight:800}   /* 塗り面積比で決定（700 だと正本比 0.86、800 で 0.94＝本文 Medium の 0.92 と同水準）。原典は PUD新ゴ DeBold の可能性 */

/* FV：写真は帯幅いっぱい（1366 を超える画面では cover で拡大） */
.t-fv{background:#fff}
/* FV 動画。デザインの FVトップ.png（動画のスクリーンショット）内で、動画の画面は (38,60) から 1920x1080 の等倍。
   配置 (-32,76.9) 幅 1418.7 から換算すると、帯 1366x768 に対して 左 -4.84 / 上 -1.22 / 1372.24x771.89。
   画面幅が 1366 を超えても同じ比率ではみ出すよう % で指定し、cover で埋める */
.t-fv__mv{position:absolute;left:-.3544%;right:-.1026%;top:-.1585%;bottom:-.3477%;background:#fff}
.t-fv__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.t-fv__ttl{color:#fff;font-size:72px;line-height:122px;font-weight:700;letter-spacing:.1em;white-space:nowrap}

/* ABOUT（導入文＋ワンストップ体制） */
.t-wm{font-family:"Roboto Condensed",var(--en);font-weight:700;font-size:167.244px;line-height:167.244px;letter-spacing:.2em;
  color:#e6e6e6;white-space:nowrap}
.t-intro__ph{background:#e6e6e6;overflow:hidden}
.t-intro__ph img,.t-one__ph img,.t-rec__ph img{display:block;object-fit:cover}
.t-one__ph{overflow:hidden}
.t-intro__txt,.t-one__txt{font-size:18px;line-height:42px;letter-spacing:.1em;white-space:nowrap}
.t-one__ttl{font-weight:700;letter-spacing:.1em;white-space:nowrap;color:var(--ink);
  transform:matrix(.98,0,-.174,.985,0,0)}   /* 指示: 字形は hScale98 + 斜体（シアー 10°） */

/* 白ピル：文字の中心 x92.1 / 矢印 x154.4 は共通 .c-pill（style.css）で実装済み */

/* PRODUCTS */
.t-prod{background:#333}
.t-sec{text-align:center;white-space:nowrap}
.t-sec > span{position:absolute}
.t-prod .t-sec__jp,.t-rec .t-sec__jp{color:#fff}
.t-rec .t-sec__en{color:#fff}
.t-cards{left:0;top:0;width:100%;height:100%}
.t-card > *{position:absolute}
.t-card__ph{width:310px;height:248px;background:#1a1616}
.t-card__ttl{color:#fff;font-size:18px;line-height:26px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.t-card__txt{width:311.4px;color:#fff;font-size:14px;line-height:26px;letter-spacing:.1em;text-align:justify;text-align-last:left}
.t-card__patent{width:310px;height:35px;border-radius:10px;background:#fff;color:#ff0000;font-size:16px;line-height:35px;
  font-weight:700;letter-spacing:.04em;text-indent:.04em;text-align:center;white-space:nowrap}

/* RECRUIT */
.t-rec{background:var(--red)}
.t-rec__catch{color:#fff;font-weight:700;letter-spacing:.1em;white-space:nowrap;
  transform:matrix(.985,0,-.174,.985,0,0)}
.t-rec__txt{color:#fff;font-size:18px;line-height:42px;letter-spacing:.1em;white-space:nowrap}
.t-rec__links li:nth-child(2){margin-top:18px}
.t-rec__links li:nth-child(3){margin-top:19px}
.t-rec__link{position:relative;display:block;width:481px;height:81px;padding:27.4px 0 0 39.5px;line-height:20px;
  border:1px solid #fff;background:rgba(0,0,0,.7);color:#fff;font-size:20px;letter-spacing:.1em;white-space:nowrap;
  transition:background-color var(--dur) var(--ease)}
.t-rec__link img{position:absolute;left:413.7px;top:32.5px;width:25.8px;height:14px;transition:transform var(--dur) var(--ease)}
.t-rec__link:hover{background:rgba(0,0,0,.85)}
.t-rec__link:hover img{transform:translateX(4px)}

/* NEWS */
.t-news__list{width:800px;border-left:1px solid var(--line)}
.t-news__list li{margin-left:29.5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.t-news__row{position:relative;display:flex;align-items:flex-start;height:74px;transition:color var(--dur) var(--ease)}
.t-news__row::before{content:"";position:absolute;left:-31.4px;top:28px;width:3px;height:18px;background:var(--red)}
.t-news__row:hover{color:var(--red)}
.t-news__date{flex:none;width:131.6px;margin-top:28.05px;font-family:var(--en);font-size:18px;font-weight:500;line-height:1;white-space:nowrap}
.t-news__ttl{margin-top:28px;font-size:16px;line-height:1;letter-spacing:.06em;white-space:nowrap}
.t-more{display:block;width:240px;height:60px;background:#f2f2f2;clip-path:polygon(10.9px 0,240px 0,229.1px 60px,0 60px);
  transition:opacity var(--dur) var(--ease)}
.t-more:hover{opacity:.75}
.t-more__bars{position:absolute;left:39.5px;top:19px;width:44.2px;height:23px;
  background:linear-gradient(90deg,#040000 0 9.2px,transparent 9.2px 17.5px,#999899 17.5px 26.7px,transparent 26.7px 35px,#d71522 35px 44.2px)}
.t-more__en{position:absolute;left:99.8px;width:100px;top:17.7px;text-align:center;font-family:var(--en);font-size:10px;font-weight:800;
  letter-spacing:.1em;text-indent:.1em;line-height:10px}
.t-more__jp{position:absolute;left:97.3px;width:100px;top:30px;text-align:center;font-size:14px;letter-spacing:.06em;text-indent:.06em;line-height:14px;white-space:nowrap}

/* 字詰め: Illustrator の kern=AUTO（メトリクス）の行は palt、kern=none（ピル・お知らせ行・一覧へ）は既定の halt */
.t-fv__ttl,.t-intro__txt,.t-one__ttl,.t-one__txt,.t-sec__jp,.t-card__ttl,.t-card__txt,.t-card__patent,
.t-rec__catch,.t-rec__txt,.t-rec__link{font-feature-settings:"palt" 1}

/* ---- measured (PC) ---- */
.t-fv__ttl{left:180px;top:456.41px}
.dc-489{left:613.1px;top:99.3px;width:1187.6px;height:881.6px;background:var(--red);clip-path:polygon(306.1px 881.6px,0px 881.6px,881.5px 0px,1187.6px 0px)}
.dc-492{left:757px;top:866.2px;width:309.1px;height:229.4px;background:var(--red);clip-path:polygon(79.6px 229.4px,0px 229.4px,229.5px 0px,309.1px 0px);mix-blend-mode:multiply}
.ol-493{left:1082px;top:461.1px;width:587px;height:463.1px}
.dc-494{left:-107.6px;top:1301.4px;width:215.2px;height:159.8px;background:var(--red);clip-path:polygon(55.4px 159.8px,0px 159.8px,159.8px 0px,215.2px 0px)}
.dc-495{left:-264px;top:814px;width:731.8px;height:525.6px;background:var(--red);clip-path:polygon(206.2px 525.6px,0px 525.6px,525.6px 0px,731.8px 0px);mix-blend-mode:multiply}
.dc-517{left:744.6px;top:790.9px;width:256.8px;height:150.5px;background:var(--red);clip-path:polygon(106.4px 150.5px,0px 150.5px,150.4px 0px,256.8px 0px);mix-blend-mode:multiply}
.t-wm{left:-1px;top:238.36px}
.t-intro__txt{left:182.8px;top:108.65px}
.t-one__txt{left:182.8px;top:1120.25px}
.t-one__ttl{left:173.2px;top:984.44px;font-size:71.08px;line-height:101.54px;transform-origin:0 81.76px}
.t-one__btn{left:182.8px;top:1519.8px}
.t-intro__ph{left:0;top:380.9px;width:1141.8px;height:500px;clip-path:polygon(0 0,1141.8px 0,641.8px 500px,0 500px)}
.t-intro__ph img{width:924px;height:500px;-webkit-mask-image:linear-gradient(90deg,#000 455px,transparent 910px);mask-image:linear-gradient(90deg,#000 455px,transparent 910px)}
.t-one__ph{left:613.4px;top:968.7px;width:1174.2px;height:740px;clip-path:polygon(-230.2px 740px,509.8px 0px,1638px 0px,898px 740px)}
.t-one__ph img{width:1174.2px;height:740px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 225px);mask-image:linear-gradient(90deg,transparent 0,#000 225px)}
.t-card--01 .t-card__ph{left:183px;top:263.13px}
.t-card--01 .t-card__ttl{left:183px;top:529.35px}
.t-card--01 .t-card__txt{left:183px;top:567.32px}
.t-card--02 .t-card__ph{left:528px;top:263.13px}
.t-card--02 .t-card__ttl{left:528px;top:529.35px}
.t-card--02 .t-card__txt{left:528px;top:567.42px}
.t-card--03 .t-card__ph{left:873px;top:263.13px}
.t-card--03 .t-card__ttl{left:873px;top:529.35px}
.t-card--03 .t-card__txt{left:873px;top:567.42px}
.t-card--04 .t-card__ph{left:183px;top:699.13px}
.t-card--04 .t-card__ttl{left:183px;top:965.35px}
.t-card--04 .t-card__txt{left:183px;top:1030.12px}
.t-card--05 .t-card__ph{left:528px;top:699.13px}
.t-card--05 .t-card__ttl{left:528px;top:965.35px}
.t-card--05 .t-card__txt{left:528px;top:1003.42px}
.t-card--06 .t-card__ph{left:873px;top:699.13px}
.t-card--06 .t-card__ttl{left:873px;top:965.35px}
.t-card--06 .t-card__txt{left:873px;top:1003.42px}
.t-card--07 .t-card__ph{left:183px;top:1239.13px}
.t-card--07 .t-card__ttl{left:183px;top:1505.35px}
.t-card--07 .t-card__txt{left:183px;top:1543.42px}
.t-card--08 .t-card__ph{left:528px;top:1239.13px}
.t-card--08 .t-card__ttl{left:528px;top:1505.35px}
.t-card--08 .t-card__txt{left:528px;top:1543.42px}
.t-card--09 .t-card__ph{left:873px;top:1239.13px}
.t-card--09 .t-card__ttl{left:873px;top:1505.35px}
.t-card--09 .t-card__txt{left:873px;top:1543.42px}
.t-card--10 .t-card__ph{left:183px;top:1857.14px}
.t-card--10 .t-card__ttl{left:183px;top:2123.35px}
.t-card--10 .t-card__txt{left:183px;top:2161.42px}
.t-card--11 .t-card__ph{left:528px;top:1857.14px}
.t-card--11 .t-card__ttl{left:528px;top:2123.35px}
.t-card--11 .t-card__txt{left:528px;top:2161.42px}
.t-card--12 .t-card__ph{left:873px;top:1857.14px}
.t-card--12 .t-card__ttl{left:873px;top:2123.35px}
.t-card--12 .t-card__txt{left:873px;top:2161.42px}
.t-card--13 .t-card__ph{left:183px;top:2293.13px}
.t-card--13 .t-card__ttl{left:183px;top:2559.35px}
.t-card--13 .t-card__txt{left:183px;top:2597.42px}
.t-card--14 .t-card__ph{left:528px;top:2293.13px}
.t-card--14 .t-card__ttl{left:528px;top:2559.35px}
.t-card--15 .t-card__ph{left:873px;top:2293.13px}
.t-card--15 .t-card__ttl{left:873px;top:2559.35px}
.t-card--15 .t-card__txt{left:873px;top:2597.42px}
.t-card__patent{left:183px;top:2768.7px}
.t-prod .t-sec__jp{left:384.4px;top:124.6px;width:600px}
.t-prod .t-sec__en{left:383px;top:183.65px;width:600px}
.dc-490{left:147.4px;top:-0.8px;width:378px;height:221.5px;background:var(--red);clip-path:polygon(156.5px 221.5px,0px 221.5px,221.4px 0px,378px 0px);mix-blend-mode:multiply}
.ol-491{left:-342px;top:150.7px;width:611.7px;height:507.2px}
.ol-506{left:482.2px;top:346.5px;width:1189.6px;height:883.5px}
.t-rec .t-sec__jp{left:384.4px;top:126px;width:600px}
.t-rec .t-sec__en{left:383px;top:185.05px;width:600px}
.t-rec__ph{left:-90.1px;top:211.4px;width:1801.6px;height:928.6px;clip-path:polygon(0px 928.6px,872.9px 928.6px,1801.6px 0px,928.6px 0px)}
.t-rec__ph img{width:1801.6px;height:928.6px}
.t-rec__catch{left:196.5px;top:307.74px;font-size:71.08px;line-height:101.54px;transform-origin:0 81.76px}
.t-rec__txt{left:183px;top:548.15px}
.t-rec__btn{left:182.8px;top:695.3px}
.t-rec__links{left:703px;top:893.2px}
.t-news .t-sec__jp{left:384.4px;top:125.9px;width:600px}
.t-news .t-sec__en{left:383px;top:184.95px;width:600px}
.t-news__list{left:282.5px;top:263.6px}
.t-more{left:563px;top:403.1px}
.t-fv{height:768px}
.t-about{height:1708.8px}
.t-prod{height:2932px}
.t-rec{height:1298px}
.t-news{height:581.1px}

@media (max-width:900px){
  .t-fv__ttl{font-size:45px;line-height:70px}
  .t-fv__mv{left:-500.34px;top:-1.22px;right:auto;bottom:auto;width:1372.24px;height:771.89px}   /* SP 配置 (-527.5,5.9) から換算 */
  .t-wm{font-size:90px;line-height:90px;letter-spacing:.1em;text-indent:.1em}
  .t-intro__txt,.t-one__txt{font-size:16px;line-height:37px}
  .t-rec__txt{font-size:16px;line-height:37px}
  .t-card__ph{width:150px;height:120px}
  .t-card__ttl{font-size:12px;line-height:18px}
  .t-card__txt{width:151px;font-size:10px;line-height:15px}
  .t-card__patent{width:150px;height:16.9px;border-radius:5px;font-size:8px;line-height:16.9px}
  .t-rec__links li:nth-child(2){margin-top:11.5px}
  .t-rec__links li:nth-child(3){margin-top:12.3px}
  .t-rec__link{width:319px;height:54px;padding:17.9px 0 0 26px;font-size:13.25px;line-height:13.25px}
  .t-rec__link img{left:273.9px;top:21.3px;width:17.1px;height:9.3px}
  .t-sec .t-sec__jp{font-size:24px}
  .t-sec .t-sec__en{font-size:12px}
  .t-news__list{width:316px}
  .t-news__list li{margin-left:29.5px}
  .t-news__row{display:flow-root;height:114px}
  .t-news__row::before{left:-31.5px;top:23.4px}
  .t-news__date{display:block;width:auto;margin-top:23.6px;font-size:16px}
  .t-news__ttl{display:block;margin-top:0;padding-top:7px;font-size:14px;line-height:25px;white-space:nowrap}

/* ---- measured (SP) ---- */
.t-fv__ttl{left:26.5px;top:426.18px}
.dc-s522{left:157.3px;top:270.7px;width:762.2px;height:714.2px;background:var(--red);clip-path:polygon(248px 714.2px,0px 714.2px,514.2px 0px,762.2px 0px)}
.dc-s523{left:-625.2px;top:1892.2px;width:762.2px;height:714.2px;background:var(--red);clip-path:polygon(248px 714.2px,0px 714.2px,514.2px 0px,762.2px 0px)}
.dc-s538{left:222.1px;top:904.8px;width:170.7px;height:119.1px;background:var(--red);clip-path:polygon(84.2px 119.1px,0px 119.1px,86.6px 0px,170.7px 0px);mix-blend-mode:multiply}
.dc-s539{left:-31.9px;top:1841.8px;width:170.7px;height:119.1px;background:var(--red);clip-path:polygon(84.2px 119.1px,0px 119.1px,86.6px 0px,170.7px 0px);mix-blend-mode:multiply}
.t-wm{left:0;width:375px;text-align:center;top:350.67px}
.t-intro__txt{left:27.2px;top:49.12px}
.t-one__txt{left:27.4px;top:1125.62px}
.t-one__ttl{left:20.7px;top:1031.82px;font-size:40px;line-height:71.08px;transform-origin:0 52.98px}
.t-one__btn{left:23.8px;top:1706.5px}
.t-intro__ph{left:0;top:426.7px;width:375px;height:500px;clip-path:polygon(0 0,541.8px 0,181.8px 500px,0 500px)}
.t-intro__ph img{width:375px;height:500px;-webkit-mask-image:none;mask-image:none}
.t-one__ph{left:0;top:1785.1px;width:375px;height:500px;clip-path:polygon(534.3px 500px,-128px 500px,237px 0px,1034.3px 0px)}
.t-one__ph img{width:375px;height:500px;-webkit-mask-image:none;mask-image:none}
.t-card--01 .t-card__ph{left:28.5px;top:206.3px}
.t-card--01 .t-card__ttl{left:28.5px;top:330.97px}
.t-card--01 .t-card__txt{left:28.5px;top:373.74px}
.t-card--02 .t-card__ph{left:196.5px;top:206.3px}
.t-card--02 .t-card__ttl{left:196.5px;top:330.97px}
.t-card--02 .t-card__txt{left:196.5px;top:353.84px}
.t-card--03 .t-card__ph{left:28.5px;top:487.8px}
.t-card--03 .t-card__ttl{left:28.5px;top:612.47px}
.t-card--03 .t-card__txt{left:28.5px;top:635.34px}
.t-card--04 .t-card__ph{left:196.5px;top:487.8px}
.t-card--04 .t-card__ttl{left:196.5px;top:612.47px}
.t-card--04 .t-card__txt{left:196.5px;top:658.04px;letter-spacing:0.08em}
.t-card--05 .t-card__ph{left:28.5px;top:764.48px}
.t-card--05 .t-card__ttl{left:28.5px;top:889.17px}
.t-card--05 .t-card__txt{left:28.5px;top:911.94px}
.t-card--06 .t-card__ph{left:196.5px;top:764.48px}
.t-card--06 .t-card__ttl{left:196.5px;top:889.17px}
.t-card--06 .t-card__txt{left:196.5px;top:911.94px}
.t-card--07 .t-card__ph{left:28.5px;top:1126.04px}
.t-card--07 .t-card__ttl{left:28.5px;top:1250.67px}
.t-card--07 .t-card__txt{left:28.5px;top:1273.44px}
.t-card--08 .t-card__ph{left:196.5px;top:1126.04px}
.t-card--08 .t-card__ttl{left:196.5px;top:1250.67px}
.t-card--08 .t-card__txt{left:196.5px;top:1293.54px}
.t-card--09 .t-card__ph{left:28.5px;top:1562.57px}
.t-card--09 .t-card__ttl{left:28.5px;top:1687.27px}
.t-card--09 .t-card__txt{left:28.5px;top:1710.04px}
.t-card--10 .t-card__ph{left:196.5px;top:1562.57px}
.t-card--10 .t-card__ttl{left:196.5px;top:1687.27px}
.t-card--10 .t-card__txt{left:196.5px;top:1729.94px}
.t-card--11 .t-card__ph{left:28.5px;top:1939.12px}
.t-card--11 .t-card__ttl{left:28.5px;top:2063.77px}
.t-card--11 .t-card__txt{left:28.5px;top:2086.54px}
.t-card--12 .t-card__ph{left:196.5px;top:1939.12px}
.t-card--12 .t-card__ttl{left:196.5px;top:2063.77px}
.t-card--12 .t-card__txt{left:196.5px;top:2086.54px}
.t-card--13 .t-card__ph{left:28.5px;top:2210.67px}
.t-card--13 .t-card__ttl{left:28.5px;top:2335.27px}
.t-card--13 .t-card__txt{left:28.5px;top:2358.04px}
.t-card--14 .t-card__ph{left:196.5px;top:2210.67px}
.t-card--14 .t-card__ttl{left:196.5px;top:2335.27px}
.t-card--15 .t-card__ph{left:28.5px;top:2530.1px}
.t-card--15 .t-card__ttl{left:28.5px;top:2654.77px}
.t-card--15 .t-card__txt{left:28.5px;top:2677.54px}
.t-card__patent{left:28.5px;top:2460.8px}
.t-prod .t-sec__jp{left:-111.1px;top:119.74px;width:600px}
.t-prod .t-sec__en{left:-112.5px;top:154.4px;width:600px}
.ol-s542{left:-454.5px;top:44.7px;width:611.7px;height:507.2px}
.ol-s543{left:-711.6px;top:604.1px;width:925.2px;height:687.2px}
.dc-s548{left:-60.1px;top:-0.8px;width:378px;height:221.5px;background:var(--red);clip-path:polygon(156.5px 221.5px,0px 221.5px,221.4px 0px,378px 0px);mix-blend-mode:multiply}
.dc-s549{left:-140.3px;top:685.7px;width:289.3px;height:169.5px;background:var(--red);clip-path:polygon(119.9px 169.5px,0px 169.5px,169.5px 0px,289.3px 0px);mix-blend-mode:multiply}
.t-rec .t-sec__jp{left:-112.5px;top:119.64px;width:600px}
.t-rec .t-sec__en{left:-113.9px;top:154.4px;width:600px}
.t-rec__ph{left:0;top:232.2px;width:375px;height:927.8px;clip-path:polygon(-293.6px 928.6px,579.3px 928.6px,1508px 0px,635px 0px)}
.t-rec__ph img{width:375px;height:927.8px}
.t-rec__catch{left:47.1px;top:201.96px;font-size:40px;line-height:65px;transform-origin:0 49.94px}
.t-rec__txt{left:33.5px;top:357.92px}
.t-rec__btn{left:33.4px;top:530.2px}
.t-rec__links{left:28.5px;top:914.3px}
.t-news .t-sec__jp{left:-112.5px;top:119.94px;width:600px}
.t-news .t-sec__en{left:-113.9px;top:155.6px;width:600px}
.t-news__list{left:28.6px;top:213.1px}
.t-more{left:67.5px;top:378.7px}
.t-more__en{top:18.2px}.t-more__jp{top:31px}   /* SP 実測: 文字インクが 0.5 / 1px 上 */
.t-fv{height:600px}
.t-about{height:2281.7px}
.t-prod{height:2837.1px}
.t-rec{height:1160px}
.t-news{height:538px}
}