@charset "utf-8";
/* ============================================================
   お知らせ（一覧 index.html / 詳細 detail.html / 詳細・画像あり detail-image.html）
   支給: サンテック_Web_07_ お知らせ / 00_サンテック_Web_お知らせ修正.ai
         ab0 一覧 1366x2578 / ab1 詳細(文字のみ) 1366x2362 / ab2 詳細(画像もあり) 1366x3562
   SP アートボードは未支給。企業情報 SP の文法で縦積みに再構成（README 申し送り）。
   座標はアートボード実測（design px）。各帯の top はその帯の上端基準。
   ============================================================ */

/* ---------- ヒーロー（写真はヘッダー下 y120〜600 が見えている） ---------- */
.nw-hero{--hero-h:480px;--ttl-y:139.2px;--hero-h-sp:600px;--ttl-y-sp:418.5px}

/* 和文の位置は共通の margin-top より 1.5px 下（正本 ink: News y282.5 / お知らせ y394.5） */
.nw-hero .phero__jp{margin-top:24.1px;font-feature-settings:"palt" 1}   /* 正本 ink 幅 157.5px（palt で一致） */

/* ---------- 見出し帯（y645〜906.8）: 一覧・詳細で共通 ---------- */
.nw-head{height:261.8px}
.nw-head .c-ttl{left:0;right:0;top:124px}
.nw-head .c-ttl__jp{font-feature-settings:"palt" 1}   /* 正本 ink 幅 143px */          /* ink y772.5 */
.nw-head .c-ttl__en{margin-top:22.2px}               /* ink y830.5 */

/* ---------- 一覧（1 行 75px。行を足すと帯が伸びる） ---------- */
.nw-listband .stage{height:auto}
.nw-listband .stage > *{position:relative}
.nw-list{margin-left:282.5px;width:800.5px;border-left:1px solid var(--line);padding-bottom:1px}
.nw-list::after{content:"";position:absolute;left:29.5px;right:0;bottom:0;height:1px;background:var(--line)}
.nw-list__item{position:relative;height:75px}
.nw-list__item::before{content:"";position:absolute;left:29.5px;right:0;top:0;height:1px;background:var(--line)}
.nw-list__item::after{content:"";position:absolute;left:-1.9px;top:29px;width:3px;height:18px;background:var(--red)}
.nw-list__link{position:absolute;inset:0;transition:color var(--dur) var(--ease)}
.nw-list__link:hover{color:var(--red)}
.nw-list__date{position:absolute;left:29.5px;top:28.9px;font-family:var(--en);font-size:18px;font-weight:500;line-height:1;white-space:nowrap}
.nw-list__ttl{position:absolute;left:161.1px;top:29.1px;font-size:16px;letter-spacing:.06em;line-height:1;white-space:nowrap}

/* ウェイトは塗り面積比で決定（Roboto Medium の日付で較正: 正本比 0.91 が等ウェイト） */
/* ---------- 導線ボックス（リスト下端 y1282.8〜フッター y1741.1） ---------- */
.nw-links{height:458.3px}
.nw-box{left:282.3px;width:801.4px;height:151.4px;border:1.417px solid var(--red);border-radius:8px;background:#fff}
.nw-box__ttl,.nw-box__txt{font-feature-settings:"palt" 1}   /* 正本の仮名詰め（ink 幅 274/201.5/308px） */
.nw-box--contact{top:71.5px}
.nw-box--products{top:260.2px}
.nw-box > *{position:absolute}
.nw-box__ttl{left:163px;font-size:20px;font-weight:700;line-height:1;white-space:nowrap}
.nw-box__txt{left:163px;font-size:16px;font-weight:400;line-height:26.22px;letter-spacing:.05em;white-space:nowrap}
.nw-box--contact .nw-box__ico{left:74.1px;top:49.9px;width:64.5px;height:48.8px}
.nw-box--contact .nw-box__ttl{top:29.4px}
.nw-box--contact .nw-box__txt{top:60.1px}
.nw-box--products .nw-box__ico{left:73.3px;top:41px;width:65.3px;height:66.5px}
.nw-box--products .nw-box__ttl{top:32.2px}
.nw-box--products .nw-box__txt{top:61.4px}

/* 白ピル（赤線 1px / r20）＋赤矢印。お問い合わせは赤文字、製品情報は墨文字 */
.nw-btn{left:518.5px;top:49.6px;width:204.3px;height:49.4px;border:1px solid var(--red);border-radius:20.5px;background:#fff;
  color:var(--ink);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.nw-box--products .nw-btn{top:51px}
.nw-box--contact .nw-btn{color:var(--red)}
.nw-btn > *{position:absolute}
.nw-btn__txt{top:16.1px;left:18.4px;font-size:15.488px;font-weight:700;letter-spacing:.1em;line-height:1;white-space:nowrap}
.nw-box--contact .nw-btn__txt{left:38.3px}
.nw-btn__arw{left:148.6px;top:16.5px;width:25.75px;height:14.38px;transition:filter var(--dur) var(--ease)}
.nw-btn:hover{background:var(--red);color:#fff}
.nw-btn__txt{transition:color var(--dur) var(--ease)}
.nw-btn:hover .nw-btn__arw{filter:brightness(0) invert(1)}

/* ============================================================
   詳細（記事はフロー。見出し帯の下端 y906.8 から）
   ============================================================ */
.nw-article{width:1000px;margin-inline:auto;min-height:335px;padding-top:59.7px}   /* 短い記事でも「一覧へ」は y1346.3 */
.nw-article__ttl{font-size:21px;font-weight:700;letter-spacing:.06em;line-height:1}  /* ink y967 */
.nw-article__date{display:block;margin-top:60.2px;font-family:var(--en);font-size:18px;font-weight:500;line-height:1}  /* ink y1050 */
.nw-article__rule{height:1px;margin:13.3px 0 0;border:0;background:var(--ink);width:1001.5px}   /* y1079 / 線 0.85 */
.nw-article__body{margin-top:9.3px;font-size:16px;font-weight:400;line-height:29.764px;letter-spacing:.05em;font-feature-settings:"palt" 1}   /* 正本 ink 幅 396.5/498.5px（palt で一致） */
.nw-article__body p{margin:0}
.nw-fig{width:800px;margin:55.5px auto 0}
.nw-fig + .nw-fig{margin-top:55.3px}
.nw-fig__ph{display:block;width:800px;height:550px;background:var(--ink)}      /* 支給はダミーの墨ベタ。写真差し替え前提 */
.nw-fig figcaption{margin-top:9.2px;text-align:center;font-size:16px;line-height:29.764px;letter-spacing:.05em;text-indent:.05em}

/* 「Read More / お知らせ一覧へ」 240x60 平行四辺形 #f2f2f2 */
.nw-back{position:relative;display:block;width:240px;height:60px;margin:104.5px auto 118.4px;color:var(--ink);
  transition:color var(--dur) var(--ease)}
.nw-back:hover{color:var(--red)}
.nw-detail--img .nw-back{margin-top:103.5px;margin-bottom:123.4px}
.nw-back::before{content:"";position:absolute;inset:0;background:#f2f2f2;clip-path:polygon(10.5px 0,100% 0,229.5px 100%,0 100%);
  transition:background-color var(--dur) var(--ease)}
.nw-back:hover::before{background:#e4e4e4}
.nw-back__bars{position:absolute;left:39.5px;top:19.1px;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)}
.nw-back__en,.nw-back__jp{position:absolute;left:59.8px;width:180px;text-align:center;line-height:1;white-space:nowrap}
.nw-back__en{top:18.4px;font-family:var(--en);font-size:10px;font-weight:800;letter-spacing:.1em;text-indent:.1em}
.nw-back__jp{top:30.2px;font-size:14px;font-weight:500;letter-spacing:.06em;text-indent:.06em}

/* ============================================================
   SP（375）— SP デザイン未支給。企業情報 SP / 共通フッター SP の文法で再構成
   ============================================================ */
@media (max-width:900px){
  /* 下層ヒーロー SP は企業情報 SP 正本の値（英字 45 / 和文 18 / x36.4）。共通 .phero の SP 値 40/16 より大きい */
  .nw-hero .phero__ttl{left:36.4px}
  .nw-hero .phero__en{font-size:45px;margin-top:4.6px}
  .nw-hero .phero__jp{font-size:18px;margin-top:10.3px}
  .nw-head{height:128px}
  .nw-head .c-ttl{top:52px}
  .nw-head .c-ttl__jp{font-size:24px}
  .nw-head .c-ttl__en{font-size:12px;margin-top:12.3px}

  .nw-list{margin-left:22.5px;width:330px}
  .nw-list::after,.nw-list__item::before{left:15px}
  .nw-list__item{height:auto}
  .nw-list__item::after{top:20px;height:14px}
  .nw-list__link{position:relative;display:block;padding:20px 0 20px 15px}
  .nw-list__date,.nw-list__ttl{position:static;display:block}
  .nw-list__date{font-size:14px}
  .nw-list__ttl{margin-top:10px;font-size:14px;line-height:22px;letter-spacing:.05em;white-space:normal}

  .nw-links{height:auto;padding:40px 0 45px}
  .nw-links .stage{height:auto}
  .nw-links .stage > *{position:relative}
  .nw-box{left:auto;top:auto!important;width:330px;height:auto;margin:0 auto;padding:20px 18px 22px 18px;border-width:1px}
  .nw-box + .nw-box{margin-top:20px}
  .nw-box > *{position:static}
  .nw-box{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start}
  .nw-box__ico{grid-row:1 / 3;align-self:center;width:44px!important;height:auto!important}
  .nw-box__ttl{grid-column:2;font-size:16px;white-space:normal;line-height:1.4}
  .nw-box__txt{grid-column:2;margin-top:6px;font-size:12px;line-height:20px;white-space:normal}
  .nw-box__txt br{display:none}
  .nw-btn{grid-column:1 / -1;justify-self:center;position:relative!important;left:auto;top:auto!important;margin-top:16px;width:204.3px;height:44px;border-radius:22px}
  .nw-btn__txt{position:absolute!important;top:14.3px;font-size:14px}
  .nw-box--contact .nw-btn__txt{left:40px}
  .nw-box--products .nw-btn__txt{left:22px}
  .nw-btn__arw{position:absolute!important;top:15px}

  .nw-article{width:330px;min-height:0;padding-top:12px}
  .nw-article__ttl{font-size:17px;line-height:28px;letter-spacing:.05em}
  .nw-article__date{margin-top:22px;font-size:14px}
  .nw-article__rule{width:330px;margin-top:10px}
  .nw-article__body{margin-top:12px;font-size:14px;line-height:28px}
  .nw-article__ttl,.nw-article__body,.nw-list__ttl{text-wrap:pretty}
  .nw-fig,.nw-fig__ph{width:330px}
  .nw-fig{margin-top:30px}
  .nw-fig + .nw-fig{margin-top:30px}
  .nw-fig__ph{height:226.9px}
  .nw-fig figcaption{margin-top:6px;font-size:13px;line-height:24px}
  .nw-back,.nw-detail--img .nw-back{margin:50px auto 60px}
}