/* TOP（固定ページ7968）固有のCSS ─ sections-base.css の後ろに読む
 * 1) 土台との差分2件（company-brain には無いぶん）
 * 2) 元の本文インライン <style> のうち、移設できるものを出ていた順のまま
 * ★★ <noscript> の中にあった .rv{opacity:1!important} は移していない（本文に残す）。
 *    あれは「JSが無効なときだけスクロール演出を止める」ための条件付きCSSで、
 *    ファイルに移すと常時適用になり演出が消える。計算後スタイルの突合では検知できない
 *    （測定時にページ末まで巻くので、どちらでも最終的に表示状態になるため）。
 */

/* ───── 1) 土台との差分 ───── */
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:640px){#n07 .panel{text-align:center;justify-content:center}}

/* ───── 移設ブロック1/6 (131B) ───── */
@media(max-width:640px){#n00 h1{font-size:24px;line-height:1.5;letter-spacing:.02em;margin-bottom:14px}#n00 .sub{font-size:12.5px}}

/* ───── 移設ブロック2/6 (958B) ───── */
#n00{position:relative;isolation:isolate}#n00 .s-in{position:relative;z-index:2}#n00 .cb-depth{position:absolute;inset:0;z-index:0;pointer-events:none}#n00 .cb-depth .cb-glow{position:absolute;inset:0;background:radial-gradient(46% 54% at 50% 46%,rgba(86,181,206,.12),transparent 70%)}#n00 #cbrain{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;-webkit-mask:radial-gradient(132% 130% at 50% 33%,#000 66%,transparent 100%);mask:radial-gradient(132% 130% at 50% 33%,#000 66%,transparent 100%)}#n00 h1{position:relative}#n00 .cb-focus{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:1;width:min(960px,86vw);height:240px;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,rgba(2,7,5,.55),transparent 76%)}@media(max-width:760px){#n00 #cbrain{-webkit-mask:radial-gradient(158% 128% at 50% 33%,#000 60%,transparent 100%);mask:radial-gradient(158% 128% at 50% 33%,#000 60%,transparent 100%)}}

/* ───── 移設ブロック3/6 (360B) ───── */
#n01 .s-lead b{white-space:nowrap!important}#n01 .s-lead{text-align:center!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important;font-size:14px!important;line-height:1.9!important}@media(max-width:900px){#n01 .s-lead{text-align:center!important;max-width:560px!important;font-size:14px!important;line-height:1.9!important}}

/* ───── 移設ブロック4/6 (1,599B) ───── */
/* TOP 0x06 VALUES -> def2b aesthetic (val2) 2026-06-21 */.val2,.val2 *{box-sizing:border-box}.val2{width:min(820px,100%);margin:16px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}.val2-node{position:relative;border:1px solid var(--line);border-radius:12px;padding:20px 15px 17px;background:linear-gradient(162deg,rgba(86,181,206,.05),rgba(33,40,48,.5));display:flex;flex-direction:column;gap:9px;min-width:0;transition:border-color .25s,box-shadow .25s}.val2-node:hover{border-color:var(--line2);box-shadow:inset 0 0 26px rgba(86,181,206,.06)}.val2-node::before{content:attr(data-idx);position:absolute;top:-1px;right:12px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--faint);background:var(--bg);padding:0 7px;transform:translateY(-50%);border:1px solid var(--line);border-radius:20px;line-height:1.7}.val2-h{font-size:16px;font-weight:700;color:#e4f1f6;line-height:1.4;display:flex;align-items:center;gap:8px;font-family:var(--jp)}.val2-h::before{content:"";width:7px;height:7px;background:#56b5ce;box-shadow:0 0 8px rgba(86,181,206,.7);border-radius:1px;flex:0 0 auto}.val2-d{font-size:12px;line-height:1.7;color:var(--muted);font-family:var(--jp);margin:0;text-wrap:pretty;word-break:auto-phrase}@media(max-width:680px){.val2{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.val2-node{padding:13px 10px 13px;border-radius:10px;gap:6px}.val2-node::before{font-size:7.5px;right:9px;padding:0 6px;letter-spacing:.08em}.val2-h{font-size:13.5px;gap:6px}.val2-h::before{width:6px;height:6px}.val2-d{font-size:10.5px;line-height:1.55}}

/* ───── 移設ブロック5/6 (315B) ───── */
#nmkt,#n01,#n02,#n03,#n04,#nfact,#nprod,#n06,#n07,#n08{min-height:auto!important;justify-content:flex-start!important;padding-top:136px!important;padding-bottom:54px!important;}@media(max-width:900px){#nmkt,#n01,#n02,#n03,#n04,#nfact,#nprod,#n06,#n07,#n08{padding-top:74px!important;padding-bottom:60px!important;}}

/* ───── 移設ブロック6/6 (994B) ───── */

#nprod .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(1080px,100%);margin-top:clamp(28px,4vw,40px)}
#nprod .ptile{position:relative;display:block;border:1px solid #204b57;border-radius:12px;overflow:hidden;background:#06151c;text-decoration:none}
#nprod .ptile img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}
#nprod .ptile:hover img{transform:scale(1.035)}
#nprod .pcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 14px 13px;text-align:left;font-size:12px;line-height:1.5;color:#fff;background:linear-gradient(0deg,rgba(2,7,5,.92),rgba(2,7,5,.35) 55%,transparent)}
#nprod .pcap b{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;color:#56b5ce;margin-bottom:5px}
@media(max-width:760px){#nprod .pgrid{gap:8px}#nprod .pcap{padding:9px 7px 8px;font-size:9.5px;line-height:1.45}#nprod .pcap b{font-size:7.5px;letter-spacing:.12em;margin-bottom:3px}}
