/* ═══════════════════════════════════════════════════════════
   首页新版式（新日鉄参考）。作用域限定在 .newhome 内，
   不影响内页与其它页面；单位已由 rem 换算成 px（1rem=11.52px）。
   部署：2026-10-14
   ═══════════════════════════════════════════════════════════ */
.newhome{font-family:"Hiragino Sans","Yu Gothic","Meiryo","Noto Sans JP",sans-serif;
  font-size:17.3px;line-height:1.85;color:var(--ink)}
/* 没上传首页视频时，用 hero 首图做静帧，版式与视频一致 */
.newhome .mv-video img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0}
.newhome .floatui{z-index:120}

.newhome *{box-sizing:border-box}
.newhome img{vertical-align:bottom;max-width:100%}
.newhome a{color:var(--navy-2);text-decoration:none}
.newhome a:hover{color:var(--accent);text-decoration:none}
.newhome .wrap{width:100%;max-width:1780px;margin:0 auto;padding:0 clamp(28px,4vw,80px)}
.newhome .fullpad{width:100%;padding:0 clamp(28px,4vw,90px)}
.newhome .topbar{background:var(--navy);color:#cfd9e4;font-size:16.13px}
.newhome .topbar .wrap{display:flex;align-items:center;gap:22px;height:40px}
.newhome .topbar .tel, .newhome .topbar .mail{color:#cfd9e4}
.newhome .topbar .spacer{flex:1}
.newhome .sitesearch{display:flex;align-items:center;gap:8px}
.newhome .sitesearch input[type="text"]{width:190px;height:27px;border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.12);color:#fff;border-radius:3px;padding:0 8px;font-size:16.13px;outline:none;font-family:inherit}
.newhome .sitesearch input::placeholder{color:rgba(255,255,255,.55)}
.newhome .sitesearch button{height:27px;padding:0 13px;border:0;border-radius:3px;background:var(--accent);color:#fff;font-size:16.13px;cursor:pointer;font-family:inherit}
.newhome .sitesearch .scopes{display:flex;gap:10px;font-size:16.13px;white-space:nowrap;color:#cfd9e4}
.newhome .sitesearch .scopes label{display:flex;align-items:center;gap:3px;cursor:pointer}
.newhome .sitesearch .scopes input{accent-color:var(--accent);margin:0}
.newhome .yahoo-link{display:inline-flex;align-items:center;opacity:.95}
.newhome .yahoo-link img{height:24px;width:auto;display:block}
.newhome .langs{display:flex;gap:14px}
.newhome .langs a{color:#cfd9e4;padding:2px 0}
.newhome .langs a.on{color:#fff;font-weight:700;border-bottom:2px solid var(--accent)}
.newhome .hd{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 10px rgba(11,46,79,.06)}
.newhome .hd-in{max-width:1780px;margin:0 auto;padding:0 clamp(28px,4vw,80px);display:flex;align-items:center;height:76px;gap:36px}
.newhome .logo img{height:42px;width:auto;display:block}
.newhome .nav{margin-left:auto;display:flex;align-items:stretch;height:100%}
.newhome .navitem{display:flex;align-items:center}
.newhome .navitem>a, .newhome .nav>a{display:flex;align-items:center;height:100%;padding:0 16px;
  font-size:16.13px;font-weight:600;color:var(--ink);letter-spacing:.02em;border-bottom:3px solid transparent}
.newhome .navitem:hover>a, .newhome .navitem.on>a, .newhome .nav>a:hover, .newhome .nav>a.on{color:var(--accent);border-bottom-color:var(--accent)}
.newhome .mega{position:absolute;top:100%;left:0;right:0;background:#fff;
  box-shadow:0 22px 44px rgba(11,46,79,.18);border-top:1px solid var(--line);
  opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;z-index:70;
  max-height:calc(100vh - 76px);overflow:auto}
.newhome .navitem:hover .mega, .newhome .navitem:focus-within .mega, .newhome .mega.open{opacity:1;visibility:visible}
.newhome .navitem.suppress .mega{opacity:0 !important;visibility:hidden !important}
.newhome .mega-in{max-width:1780px;margin:0 auto;padding:26px clamp(28px,4vw,80px) 44px}
.newhome .mega-head{display:flex;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:26px}
.newhome .mega-title{font-size:19.58px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:8px}
.newhome .mega-title .mk{display:inline-flex;width:20px;height:20px;border-radius:3px;background:var(--accent);
  color:#fff;font-size:16.13px;font-weight:700;align-items:center;justify-content:center}
.newhome .mega-x{margin-left:auto;width:34px;height:34px;border:0;background:transparent;color:#888;font-size:25.34px;line-height:1;cursor:pointer;font-family:inherit}
.newhome .mega-x:hover{color:var(--accent)}
.newhome .mega-body{display:grid;grid-template-columns:340px 1fr;gap:56px}
.newhome .mega-left a{display:block;font-size:20.16px;font-weight:700;color:var(--ink);padding:13px 0}
.newhome .mega-left a:hover{color:var(--accent)}
.newhome .mega-left a::after{content:" ›";color:var(--accent);font-weight:400}
.newhome .mega-right{display:grid;grid-template-columns:1fr 1fr;gap:34px 48px;align-content:start}
.newhome .mgroup h5{margin:0 0 12px;font-size:17.28px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:10px}
.newhome .mlinks{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}
.newhome .mlinks a{font-size:16.13px;color:#555;padding:3px 0}
.newhome .mlinks a:hover{color:var(--accent);text-decoration:underline}
.newhome .mlinks a::before{content:"› ";color:var(--accent)}
.newhome .mv{max-width:1920px;margin:0 auto;position:relative;background:#000}
.newhome .mv-video{position:relative;width:100%;aspect-ratio:32/15;overflow:hidden}
.newhome .mv-video video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;object-fit:cover}
.newhome .mv-mask{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,46,79,.6) 0%,rgba(11,46,79,.14) 42%,rgba(11,46,79,0) 66%)}
.newhome .mv-cap{position:absolute;left:clamp(24px,6vw,88px);bottom:clamp(100px,12vw,160px);
  color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);max-width:min(820px,74vw)}
.newhome .mv-cap .en{display:block;font-size:16.13px;font-weight:700;letter-spacing:.24em;opacity:.95;margin-bottom:10px}
.newhome .mv-cap .ja{display:block;font-size:clamp(28.8px,4.4vw,52.99px);font-weight:700;line-height:1.34;letter-spacing:.02em}
.newhome .mv-creed{position:absolute;right:clamp(24px,6vw,88px);bottom:clamp(100px,12vw,160px);display:flex;gap:18px}
.newhome .mv-creed span{width:64px;height:64px;border:2px solid rgba(255,255,255,.85);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:23.04px;font-weight:700;
  writing-mode:vertical-rl;letter-spacing:.1em;backdrop-filter:blur(2px)}
.newhome .mv-btn{position:absolute;left:clamp(24px,6vw,88px);bottom:clamp(28px,5vw,66px);
  display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:10px 28px;
  background:#fff;color:var(--navy);font-size:19.58px;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:.25s}
.newhome .mv-btn:hover{background:var(--accent);color:#fff}
.newhome .mv-btn .tri{width:0;height:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent;flex:none}
.newhome .modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.8);padding:24px}
.newhome .modal.on{display:flex}
.newhome .modal-box{width:100%;max-width:980px;background:#000;position:relative}
.newhome .modal-box video{width:100%;display:block}
.newhome .modal-x{position:absolute;top:-46px;right:0;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:30.87px;line-height:1;cursor:pointer}
.newhome .sec{position:relative;padding:110px 0;overflow:hidden}
.newhome .sec.alt{background:var(--soft)}
.newhome .sec-head{display:flex;align-items:flex-end;gap:22px;padding-bottom:20px;border-bottom:2px solid var(--navy);margin-bottom:44px}
.newhome .sec-en{font-size:16.13px;font-weight:700;letter-spacing:.22em;color:var(--accent);display:block;margin-bottom:8px}
.newhome .sec-ttl{margin:0;font-size:clamp(29.95px,3.4vw,44.93px);font-weight:700;line-height:1.4;color:var(--navy)}
.newhome .sec-more{margin-left:auto;font-size:16.13px;font-weight:700;color:var(--navy-2);white-space:nowrap;padding-bottom:8px}
.newhome .sec-more:hover{color:var(--accent)}
.newhome .sec-lead{margin:0 0 40px;font-size:17.86px;color:#47546a;max-width:860px}
.newhome .stories{display:grid;grid-template-columns:380px 1fr;gap:80px}
.newhome .st-left .bigttl{margin:0 0 28px;font-size:clamp(34.56px,4.2vw,55.3px);font-weight:700;line-height:1.5;letter-spacing:.03em;color:var(--navy)}
.newhome .creed{display:flex;gap:14px;margin:0 0 32px}
.newhome .creed span{flex:1;border:2px solid var(--navy);color:var(--navy);text-align:center;padding:12px 0;
  font-size:21.89px;font-weight:700;letter-spacing:.18em}
.newhome .st-list{border-top:2px solid var(--navy)}
.newhome .st-list li{list-style:none;display:flex;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);font-size:17.28px;color:var(--ink)}
.newhome .st-list b{color:var(--accent);flex:none}
.newhome .team4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.newhome .tcard{background:#fff;border:1px solid var(--line);padding:24px 22px 26px;transition:.25s}
.newhome .tcard:hover{border-color:var(--accent);box-shadow:0 10px 26px rgba(11,46,79,.13);transform:translateY(-4px)}
.newhome .tcard .role{font-size:16.13px;font-weight:700;color:var(--accent);letter-spacing:.1em;margin-bottom:8px}
.newhome .tcard .nm{font-size:20.16px;font-weight:700;color:var(--navy);margin-bottom:4px}
.newhome .tcard .en{font-size:16.13px;color:var(--muted);letter-spacing:.08em;margin-bottom:14px}
.newhome .tcard .sp{font-size:16.13px;color:var(--ink);line-height:1.75;padding-top:12px;border-top:1px dashed var(--line)}
.newhome .tcard .st{font-size:16.13px;color:var(--navy-2);margin-top:10px;font-weight:700}
.newhome .about{display:grid;grid-template-columns:1fr 1fr;background:#f4f7fa}
.newhome .about-left{padding:96px 64px 96px max(clamp(28px,4vw,80px),calc((100vw - 1780px)/2 + clamp(28px,4vw,80px)))}
.newhome .about-right{background:var(--navy);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr auto;gap:4px;padding:72px 0 72px 4px}
.newhome .about-right .ph{overflow:hidden}
.newhome .about-right .ph img{width:100%;height:100%;object-fit:cover}
.newhome .about-right .btns{grid-column:1/-1;display:flex;gap:14px;padding:0 20px 0 18px}
.newhome .about-right .btns a{flex:1;background:#fff;color:var(--navy);text-align:center;font-size:16.13px;font-weight:700;padding:14px 6px;transition:.2s}
.newhome .about-right .btns a:hover{background:var(--accent);color:#fff}
.newhome .dgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 44px;margin:0 0 44px}
.newhome .dnum{font-size:clamp(36.86px,4.4vw,57.6px);font-weight:800;line-height:1.05;color:var(--navy)}
.newhome .dnum span{font-size:.4em;font-weight:700;margin-left:.3em}
.newhome .dlab{font-size:16.13px;color:var(--muted);margin-top:10px;letter-spacing:.1em}
.newhome .precard{border:2px solid var(--navy);padding:22px 26px;margin-bottom:40px}
.newhome .precard .en{font-size:16.13px;color:var(--accent);font-weight:700;letter-spacing:.14em;display:block;margin-bottom:8px}
.newhome .precard b{font-size:21.89px;display:block;color:var(--navy);line-height:1.6;margin-bottom:4px}
.newhome .precard .ph2{font-size:16.13px;color:var(--muted);margin:0 0 4px}
.newhome .precard .motto{font-size:18.43px;font-weight:700;color:var(--accent);margin:10px 0 6px;letter-spacing:.1em}
.newhome .precard a{font-size:16.13px;font-weight:700;color:var(--navy-2)}
.newhome .precard a:hover{color:var(--accent)}
.newhome .plan h3{margin:0 0 16px;font-size:23.04px;font-weight:700;color:var(--navy)}
.newhome .plan ol{margin:0 0 34px;padding:0;list-style:none;counter-reset:pl}
.newhome .plan ol li{counter-increment:pl;display:flex;gap:12px;padding:9px 0;font-size:16.7px;align-items:flex-start}
.newhome .plan ol li:before{content:counter(pl);flex:none;width:24px;height:24px;border-radius:50%;background:var(--navy);
  color:#fff;font-size:16.13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:4px}
.newhome .plan ol li a{color:var(--navy-2);font-weight:700}
.newhome .plan ol li a:hover{color:var(--accent)}
.newhome .btnline2{display:inline-block;padding:15px 40px;border:2px solid var(--navy);color:var(--navy);font-weight:700;font-size:16.7px;transition:.2s}
.newhome .btnline2:hover{background:var(--navy);color:#fff}
.newhome .works-bg{position:relative;padding:110px 0;background:#0d1520}
.newhome .works-bg>.bg{position:absolute;inset:0;overflow:hidden}
.newhome .works-bg>.bg img{width:100%;height:100%;object-fit:cover}
.newhome .works-bg .wrap{position:relative;z-index:2}
.newhome .wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;background:#fff;padding:38px;
  box-shadow:0 18px 50px rgba(11,46,79,.22)}
.newhome .wcell{border:1px solid var(--line);padding:26px 24px 28px;transition:.25s;background:#fff}
.newhome .wcell:hover{border-color:var(--accent);box-shadow:0 10px 26px rgba(11,46,79,.14);transform:translateY(-4px)}
.newhome .wcat{font-size:16.13px;font-weight:700;color:var(--accent);letter-spacing:.08em;display:block;margin-bottom:12px}
.newhome .wnum{font-size:39.17px;font-weight:800;line-height:1.05;color:var(--navy)}
.newhome .wnum span{font-size:.42em;font-weight:700;margin-left:.25em}
.newhome .wunit{font-size:16.13px;color:var(--muted);letter-spacing:.08em;margin-top:6px}
.newhome .wdesc{font-size:16.13px;color:#47546a;line-height:1.8;margin:14px 0 0;padding-top:14px;border-top:1px dashed var(--line)}
.newhome .quality{display:grid;grid-template-columns:380px 1fr;gap:80px}
.newhome .q-left .bigttl{margin:0 0 26px;font-size:clamp(29.95px,3.4vw,41.47px);font-weight:700;line-height:1.5;color:var(--navy)}
.newhome .q-lead{margin:0 0 28px;font-size:17.28px;color:#47546a;line-height:1.9}
.newhome .machine{border:2px solid var(--navy);padding:22px 24px;margin-bottom:30px}
.newhome .machine .en{font-size:16.13px;color:var(--accent);font-weight:700;letter-spacing:.12em;display:block;margin-bottom:8px}
.newhome .machine b{font-size:20.16px;color:var(--navy);display:block;margin-bottom:8px;line-height:1.5}
.newhome .machine .acc{font-size:27.65px;font-weight:800;color:var(--accent);line-height:1.2}
.newhome .machine .acc span{font-size:.5em;color:var(--navy);margin-left:.2em}
.newhome .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px;margin:0;padding:0;list-style:none}
.newhome .tools li{font-size:16.13px;color:var(--ink);padding:7px 0;border-bottom:1px solid var(--line)}
.newhome .tools li::before{content:"› ";color:var(--accent);font-weight:700}
.newhome .q-photo{border:1px solid var(--line);padding:8px;background:#fff;max-width:620px;margin-left:auto}
.newhome .q-photo img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.newhome .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.newhome .fstep{background:#fff;padding:24px 20px;position:relative}
.newhome .fstep .no{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;
  font-size:16.13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.newhome .fstep b{display:block;font-size:16.7px;color:var(--navy);line-height:1.6;margin-bottom:6px}
.newhome .fstep span{font-size:16.13px;color:var(--muted);line-height:1.7}
.newhome .docs{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;padding-top:32px;border-top:2px solid var(--navy)}
.newhome .docs h4{width:100%;margin:0 0 6px;font-size:21.31px;color:var(--navy);font-weight:700}
.newhome .docs span{border:1px solid var(--line);padding:9px 18px;font-size:16.13px;color:#47546a;background:var(--soft)}
.newhome .clients-note{margin:26px 0 0;font-size:16.7px;line-height:2;color:var(--ink)}
.newhome .clients-note .cnote-s{display:block;margin-top:6px;font-size:16.13px;color:var(--muted)}
.newhome .after{display:grid;grid-template-columns:1fr 400px;gap:56px}
.newhome .afcols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.newhome .afcard{border:1px solid var(--line);padding:24px 22px;background:#fff;transition:.25s}
.newhome .afcard:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(11,46,79,.12)}
.newhome .afcard .area{font-size:16.13px;font-weight:700;color:var(--accent);letter-spacing:.1em;margin-bottom:10px}
.newhome .afcard b{display:block;font-size:19.58px;color:var(--navy);margin-bottom:6px}
.newhome .afcard .u{font-size:16.13px;color:var(--navy-2);word-break:break-all}
.newhome .afcard .note{font-size:16.13px;color:var(--muted);margin-top:8px}
.newhome .aftext{margin:26px 0 0;font-size:16.7px;color:#47546a;line-height:1.95;
  border-left:4px solid var(--accent);padding-left:18px}
.newhome .ratio{background:var(--soft);border:1px solid var(--line);padding:30px 28px}
.newhome .ratio h4{margin:0 0 22px;font-size:21.31px;color:var(--navy)}
.newhome .rrow{margin-bottom:22px}
.newhome .rrow .lb{display:flex;justify-content:space-between;font-size:16.13px;color:var(--ink);margin-bottom:8px}
.newhome .rrow .lb b{font-size:25.34px;font-weight:800;color:var(--navy)}
.newhome .rbar{height:12px;background:#e3e9ee;overflow:hidden}
.newhome .rbar i{display:block;height:100%;background:var(--navy)}
.newhome .rbar i.jp{background:var(--accent)}
.newhome .clients{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.newhome .clients span{font-size:16.13px;color:#47546a;background:#fff;border:1px solid var(--line);padding:5px 12px}
.newhome .cta{background:var(--navy);color:#fff;padding:78px 0 56px}
.newhome .cta-in{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.newhome .cta-copy h2{margin:0 0 12px;font-size:clamp(26.5px,2.8vw,35.71px);font-weight:700;letter-spacing:.06em}
.newhome .cta-copy p{margin:0;font-size:17.28px;line-height:2;opacity:.82}
.newhome .cta-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;
  min-width:360px;padding:21px 34px;background:#fff;color:var(--navy);
  font-size:19.58px;font-weight:700;transition:.25s}
.newhome .cta-btn span{font-size:17.28px;transition:transform .25s}
.newhome .cta-btn:hover{background:var(--accent);color:#fff}
.newhome .cta-btn:hover span{transform:translateX(5px)}
.newhome .cta-telrow{margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.18);
  display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;font-size:16.36px}
.newhome .cta-telrow .who{opacity:.75}
.newhome .cta-telrow .tel b{font-size:20.74px;margin-left:8px;letter-spacing:.02em}
.newhome .cta-telrow .sep{opacity:.45}
.newhome .cta-telrow .hours{margin-left:auto;opacity:.6;font-size:14.75px;letter-spacing:.04em}
.newhome .cta-btn:hover{background:var(--accent);color:#fff}
.newhome .ft{background:#f6f8fa;border-top:1px solid var(--line);color:var(--ink);padding:72px 0 0;font-size:16.13px}
.newhome .ft-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:44px;padding-bottom:48px}
.newhome .ft h4{margin:0 0 16px;font-size:17.28px;font-weight:700;color:var(--ink);letter-spacing:.03em}
.newhome .ft h4 a{color:var(--ink)}
.newhome .ft h4 a::after{content:"　＞";color:var(--muted);font-weight:400;font-size:.9em}
.newhome .ft h4 a:hover{color:var(--accent)}
.newhome .ft ul{margin:0;padding:0;list-style:none}
.newhome .ft li{margin:0 0 12px}
.newhome .ft li a{color:#4a5560;font-size:16.13px}
.newhome .ft li a:hover{color:var(--accent)}
.newhome .ft li a::before{content:"＞";color:#9aa5b1;font-size:.85em;margin-right:7px}
.newhome .ft-bot{border-top:1px solid var(--line);margin-top:40px;padding:20px 0 26px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:16.13px}
@media (max-width:1150px){.newhome .team4{grid-template-columns:repeat(2,1fr)}
.newhome .wgrid{grid-template-columns:repeat(2,1fr)}
.newhome .about{grid-template-columns:1fr}
.newhome .about-left{padding:64px 28px}
.newhome .flow{grid-template-columns:repeat(2,1fr)}
.newhome .after{grid-template-columns:1fr}
.newhome .ft-grid{grid-template-columns:repeat(3,1fr)}
.newhome .stories, .newhome .quality{grid-template-columns:1fr;gap:40px}
.newhome .tools{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.newhome .topbar .mail{display:none}
.newhome .sitesearch input[type="text"]{width:120px}
.newhome .sitesearch .scopes, .newhome .yahoo-link{display:none}
.newhome .nav{display:none}
.newhome .team4{grid-template-columns:1fr}
.newhome .wgrid{grid-template-columns:1fr;padding:22px}
.newhome .flow{grid-template-columns:1fr}
.newhome .afcols{grid-template-columns:1fr}
.newhome .tools{grid-template-columns:1fr}
.newhome .mv-video{aspect-ratio:4/3}
.newhome .mv-creed{display:none}
.newhome .sec{padding:60px 0}
.newhome .ft-grid{grid-template-columns:repeat(2,1fr)}}
.newhome .navitem>a::after{content:"";flex:none;width:7px;height:7px;margin-left:9px;margin-top:-4px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .2s}
.newhome .navitem:hover>a::after{transform:rotate(225deg);margin-top:2px}
.newhome .prod{position:relative;padding:96px 0;background:url('/assets/img/bg_plant.jpg') center/cover no-repeat}
.newhome .prod-card{position:relative;z-index:2;width:100%;max-width:1780px;margin:0 auto;
  padding:0 clamp(28px,4vw,80px)}
.newhome .prod-inner{display:grid;grid-template-columns:1.05fr 1.55fr;background:#fff;
  box-shadow:0 24px 70px rgba(11,46,79,.25)}
.newhome .prod-left{padding:60px 56px;display:flex;flex-direction:column}
.newhome .prod-tag{font-size:16.13px;font-weight:700;color:var(--navy);margin-bottom:26px}
.newhome .prod-tag a{margin-left:14px;color:var(--navy-2)}
.newhome .prod-tag a::after{content:"　＞";color:var(--accent);font-size:.85em}
.newhome .prod-left h2{margin:0 0 34px;font-size:clamp(27.65px,2.9vw,38.02px);line-height:1.5;font-weight:700;color:var(--ink)}
.newhome .prod-search{display:flex;border:1px solid #b9c2cc;margin-bottom:26px}
.newhome .prod-search input{flex:1;border:0;outline:none;padding:15px 18px;font-size:17.28px;font-family:inherit;color:var(--ink)}
.newhome .prod-search input::placeholder{color:#9aa5b1}
.newhome .prod-search button{width:58px;border:0;background:#fff;cursor:pointer;color:var(--navy-2)}
.newhome .prod-search button svg{width:20px;height:20px}
.newhome .prod-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.newhome .prod-btns a{display:flex;align-items:center;justify-content:space-between;
  border:1px solid #c6cdd5;padding:15px 20px;font-size:17.28px;font-weight:600;color:var(--ink);
  background:#fff;transition:.2s}
.newhome .prod-btns a::after{content:"＞";color:var(--muted);font-size:.9em}
.newhome .prod-btns a:hover{border-color:var(--accent);color:var(--accent)}
.newhome .prod-btns a:last-child{grid-column:1/-1}
.newhome .prod-right{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}
.newhome .pcard{display:flex;flex-direction:column;background:#fff;text-decoration:none}
.newhome .pcard .ph{overflow:hidden;aspect-ratio:16/10;flex:1}
.newhome .pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.newhome .pcard:hover .ph img{transform:scale(1.05)}
.newhome .pcard .tx{padding:26px 28px 30px}
.newhome .pcard .tx b{display:block;font-size:21.89px;line-height:1.6;color:var(--ink);font-weight:700}
.newhome .pcard .tx span{display:inline-block;margin-top:14px;font-size:16.13px;font-weight:700;color:var(--navy-2)}
.newhome .pcard .tx span::after{content:"　＞";color:var(--accent)}
.newhome .pcard:hover .tx span{color:var(--accent)}
.newhome .news{position:relative;overflow:hidden;padding:110px 0;
  background:url('/assets/img/bg_nature.jpg') center/cover no-repeat}
.newhome .news-grid{position:relative;z-index:2}
.newhome .news-grid{width:100%;max-width:1780px;margin:0 auto;padding:0 clamp(28px,4vw,80px);
  display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:stretch}
.newhome .news-left{display:flex;flex-direction:column;position:relative;z-index:1}
.newhome .news-cards{position:relative;z-index:1}
.newhome .nbrand{margin-top:auto;padding-top:44px;display:flex;gap:12px}
.newhome .nbrand span{width:64px;height:64px;border:2px solid var(--navy);color:var(--navy);
  display:flex;align-items:center;justify-content:center;font-size:21.89px;font-weight:700;
  writing-mode:vertical-rl;letter-spacing:.2em}
.newhome .news-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.newhome .news-left .nlabel{font-size:15.55px;font-weight:700;color:var(--navy);margin:38px 0 6px;
  padding-bottom:10px;border-bottom:2px solid var(--navy)}
.newhome .ncats{list-style:none;margin:0;padding:0}
.newhome .ncats a{display:flex;align-items:center;gap:12px;padding:13px 2px;font-size:17.28px;
  font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.newhome .ncats a::before{content:"";width:8px;height:8px;background:var(--accent);flex:none}
.newhome .ncats a::after{content:"＞";margin-left:auto;color:var(--muted);font-size:.85em;transition:.2s}
.newhome .ncats a:hover{color:var(--accent)}
.newhome .ncats a:hover::after{transform:translateX(4px)}
.newhome .ncol{display:grid;gap:40px;align-content:start}
.newhome .ncard{text-decoration:none;display:block}
.newhome .ncard .ph{overflow:hidden;aspect-ratio:4/3}
.newhome .ncard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.newhome .ncard:hover .ph img{transform:scale(1.05)}
.newhome .ncard .tx{padding:20px 2px 0}
.newhome .ncard .tx b{display:block;font-size:18.66px;line-height:1.7;color:var(--ink);font-weight:700;min-height:63.48px}
.newhome .ncard .tx span{display:inline-block;margin-top:10px;font-size:16.13px;font-weight:700;color:var(--navy-2)}
.newhome .ncard .tx span::after{content:"　＞";color:var(--accent)}
.newhome .ncard:hover .tx span{color:var(--accent)}
.newhome .floatui{position:fixed;right:0;bottom:120px;z-index:90;display:flex;flex-direction:column;gap:2px}
.newhome .floatui a{width:74px;padding:14px 6px;text-align:center;font-size:14.4px;font-weight:700;
  line-height:1.5;text-decoration:none;writing-mode:vertical-rl}
.newhome .floatui .f-news{background:var(--navy-2);color:#fff}
.newhome .floatui .f-top{background:#fff;color:var(--navy);border:1px solid var(--line);border-right:0}
.newhome .floatui .f-news:hover{background:var(--accent)}
.newhome .floatui .f-top:hover{color:var(--accent)}
@media (max-width:1150px){.newhome .prod-inner{grid-template-columns:1fr}
.newhome .news-grid{grid-template-columns:1fr;gap:44px}
.newhome .news-cards{grid-template-columns:repeat(2,1fr)}
.newhome .news-left .bigttl br{display:none}}
.newhome .bgsec{position:relative}
.newhome .bgsec::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.34) 55%,rgba(255,255,255,.10) 100%)}
.newhome .bgsec>.insp-grid, .newhome .bgsec>.wrap, .newhome .bgsec>.prod-card, .newhome .bgsec>.news-grid{position:relative;z-index:2}
.newhome .insp-grid{width:100%;max-width:1780px;margin:0 auto;padding:0 clamp(28px,4vw,80px);
  display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:stretch}
.newhome .insp-left{display:flex;flex-direction:column;min-height:0}
.newhome .insp-left .ilabel{font-size:15.55px;font-weight:700;color:var(--navy);margin:34px 0 6px;
  padding-bottom:10px;border-bottom:2px solid var(--navy)}
.newhome .icats{list-style:none;margin:0;padding:0}
.newhome .icats a{display:flex;align-items:center;gap:12px;padding:12px 2px;font-size:17.05px;
  font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.newhome .icats a::after{content:"＞";margin-left:auto;color:var(--muted);font-size:.85em}
.newhome .icats a:hover{color:var(--accent)}
.newhome .iico{flex:none;width:30px;height:30px;border-radius:6px;color:#fff;font-size:15.55px;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.newhome .ibtn{margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid #c6cdd5;padding:16px 22px;font-size:17.86px;font-weight:700;
  color:var(--ink);text-decoration:none;transition:.2s}
.newhome .ibtn::after{content:"＞";color:var(--muted)}
.newhome .ibtn:hover{border-color:var(--accent);color:var(--accent)}
.newhome .insp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}
.newhome .icard{background:#fff;text-decoration:none;display:flex;flex-direction:column;min-height:100%}
.newhome .icard .ph{overflow:hidden;flex:none;aspect-ratio:4/3}
.newhome .icard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.newhome .icard:hover .ph img{transform:scale(1.05)}
.newhome .icard .tx{padding:24px 24px 28px;flex:none;display:flex;flex-direction:column}
.newhome .icard .tx b{font-size:17.86px;line-height:1.7;color:var(--ink);font-weight:700;min-height:60.71px}
.newhome .icard .tx span{margin-top:auto;padding-top:14px;font-size:16.36px;font-weight:700;color:var(--navy-2)}
.newhome .icard .tx span::after{content:"　＞";color:var(--accent)}
.newhome .icard:hover .tx span{color:var(--accent)}
@media (max-width:1150px){.newhome .insp-grid{grid-template-columns:1fr;gap:44px}
.newhome .insp-cards{grid-template-columns:repeat(2,1fr)}
.newhome .icard .ph{flex:none;aspect-ratio:16/9}}