/* ネッコス デザイン刷新 2026-09-27（キャンバス「ネッコス トップ デザイン案」を既存ページに重ねる） */
:root{
  --nx-ink:#173A35;--nx-sub:#4F625E;--nx-line:#D9DFDD;--nx-ground:#F2F4F3;--nx-white:#FFFFFF;
  --nx-cta:#EA5E1C;--nx-accent:#D45410;--nx-coral:#F47B3F;
  --nx-mint:#17A3B6;--nx-mint-ink:#0B7584;--nx-mint-pale:#E7F5F7;--nx-mint-light:#5CC6D4;
  --nx-jp:"LINE Seed JP","Hiragino Sans","Yu Gothic",sans-serif;
  --nx-num:"Google Sans Flex","LINE Seed JP",sans-serif;
}
/* 書体 */
body,body .site-shell,body button,body input,body textarea,body select{font-family:var(--nx-jp)!important;font-feature-settings:"palt"}
body .site-shell *:not(svg):not(svg *){font-family:inherit}
body .rail-head strong,body .stat-value-mask,body .stat-value-mask *,body .case-number,body .case-number *,body .journey-dock__number,body .pr-count strong{font-family:var(--nx-num)!important;letter-spacing:-.03em!important;font-weight:600!important}
body h1,body h2,body h3{letter-spacing:.01em!important}

/* 地の色：クリーム・クレイをやめる */
body,body .site-shell{background:#fff!important;color:var(--nx-ink)}
body .clay-pebble,body .contact-shape{display:none!important}
body .section-surface{background:#fff!important;border-radius:0!important}
body .section-surface--alt,body .section-surface--to-alt{background:var(--nx-ground)!important}
body .expertise-card,body .area-card,body .stat-card,body .demo-card,body .case-card,body .door,body .hub,body .hero-team-mini,body .co-table,body .subpage-block{box-shadow:none!important}

/* ヘッダー */
body .site-header{background:#fff!important;border-bottom:1px solid #E6EAE9}
body .desktop-nav a{font-size:14px!important;font-weight:700!important}
body .nav-cta{background:var(--nx-cta)!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important;padding:12px 24px!important;font-size:15px!important}
body .nav-cta b{background:transparent!important;color:#fff!important}

/* ボタン */
body .button-primary,body .contact-button,body .cf-send{background:var(--nx-cta)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-size:19px!important;font-weight:700!important;padding:18px 34px!important;min-height:0!important;transform:none!important}
body .button-primary:hover,body .contact-button:hover{background:#D45410!important}
body .demo-button,body .demo-button--ghost,body .demo-button-light{background:transparent!important;color:var(--nx-ink)!important;border:1.5px solid var(--nx-ink)!important;border-radius:999px!important;box-shadow:none!important;font-size:15px!important;padding:13px 24px!important}
body .demo-button:hover{background:var(--nx-ink)!important;color:#fff!important}
body .text-link,body .case-contact,body .hub__more a,body .q20-link a{color:var(--nx-ink)!important;font-weight:700!important;text-decoration:none!important;border:0!important}
body .text-link span,body .case-contact span,body .hub__more a span,body .q20-link a span{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:30px;margin-left:10px;border-radius:50%;background:var(--nx-cta);color:#fff!important;font-size:14px}

/* ラベル（ミント） */
body .section-kicker{color:var(--nx-mint-ink)!important;font-size:14px!important;font-weight:700!important;letter-spacing:.04em!important}
body .section-kicker--on-dark{color:var(--nx-mint-light)!important}
body .section-kicker::before,body .section-kicker::after{display:none!important}
body .expertise-card__role,body .demo-tag{display:inline-flex!important;align-items:center;align-self:flex-start;height:26px;padding:0 12px!important;border:1px solid var(--nx-mint)!important;border-radius:999px!important;color:var(--nx-mint-ink)!important;background:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;width:max-content}
body .case-flow span,body .expertise-card__phases b{color:var(--nx-mint-ink)!important}

/* 見出し */
body .section-title h2{font-weight:800!important;font-size:40px!important;line-height:1.4!important;text-wrap:balance}
body .section-lead{color:var(--nx-sub)!important;font-size:17px!important;line-height:1.95!important}

/* ヒーロー */
body .hero h1{font-weight:800!important;font-size:clamp(40px,4.6vw,66px)!important;line-height:1.3!important}
body .hero h1 em{color:var(--nx-accent)!important;font-style:normal}
body .hero h1 em::after,body .hero h1 em::before{display:none!important}
body .hero-lead{color:var(--nx-sub)!important;font-weight:400!important;font-size:18px!important;line-height:1.9!important}
body .hero-team-mini{background:transparent!important;border:0!important;border-top:1px solid var(--nx-line)!important;border-radius:0!important;padding:24px 0 0!important}
body .bf{background:#fff!important}
body .bf__play{border-radius:999px!important;box-shadow:none!important;font-weight:700!important}
body .bf__play-icon{background:var(--nx-cta)!important;color:#fff!important}

/* 500社の帯 */
body .logo-rail{background:var(--nx-ink)!important;color:#fff!important;padding:64px 0 56px!important}
body .logo-rail .rail-head strong{color:var(--nx-coral)!important;font-size:88px!important}
body .logo-rail .rail-head strong i{color:#fff!important;font-family:var(--nx-jp)!important;font-style:normal;font-size:26px!important;font-weight:800!important;letter-spacing:0!important}
body .logo-rail .rail-head p,body .logo-rail .rail-head b,body .logo-rail .rail-head span{color:rgba(255,255,255,.82)!important}
body .logo-rail .rail-row img{background:#fff;border-radius:8px;padding:10px 16px;box-sizing:content-box}

/* メンバー */
body .expertise-card{background:#fff!important;border:0!important;border-radius:0!important;padding:0!important}
body .expertise-card__top{flex-direction:column!important;align-items:stretch!important;gap:18px!important}
body .expertise-card__top img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:10px!important;background:var(--nx-ground)!important}
body .expertise-card h3{font-size:22px!important;font-weight:800!important}
body .expertise-card__lens{color:var(--nx-sub)!important;font-size:13px!important}
body .expertise-card__headline{font-size:17px!important;font-weight:700!important;line-height:1.7!important}
body .expertise-card__phases{border-top:1px solid var(--nx-line);padding-top:16px!important;font-size:14px!important}
body .expertise-note{background:var(--nx-mint-pale)!important;border-radius:10px!important;padding:24px 28px!important}

/* 得意な領域：罫線で区切った行の一覧 */
body .synergy-stage,body .synergy-board__line,body .synergy-item__operator{display:none!important}
@media (min-width:1101px){
  body .synergy-board__items{display:flex!important;flex-direction:column!important;border-top:1px solid #C9D1CF;gap:0!important}
  body .synergy-item{display:grid!important;grid-template-columns:150px minmax(0,4fr) minmax(0,6fr) 200px;grid-template-rows:auto auto;column-gap:40px;align-items:center;padding:40px 0!important;border-bottom:1px solid #C9D1CF;background:transparent!important}
  body .synergy-item__meta{grid-column:1;grid-row:1/3}
  body .synergy-item h3{grid-column:2;grid-row:1/3}
  body .synergy-item p{grid-column:3;grid-row:1;margin:0!important}
  body .synergy-item ul{grid-column:3;grid-row:2;margin-top:14px!important}
  body .synergy-item neccos-tech-flow{grid-column:4;grid-row:1/3}
}
body .synergy-item h3{font-family:var(--nx-num)!important;font-size:clamp(48px,6vw,88px)!important;font-weight:600!important;letter-spacing:-.03em!important;line-height:1!important;color:var(--nx-ink)!important}
body .synergy-item__meta span{color:var(--nx-sub)!important;font-weight:700!important}
body .synergy-item li{background:#fff!important;border:1px solid var(--nx-mint)!important;border-radius:999px!important;color:var(--nx-mint-ink)!important;font-size:12px!important;padding:4px 12px!important}
body .synergy .section-title{text-align:left!important;align-items:flex-start!important;margin-left:0!important}

/* 開発実績（領域） */
@media (min-width:1101px){body .areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:56px 40px!important}}
body .area-card{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
body .area-card img{border-radius:10px!important;aspect-ratio:16/10;object-fit:cover;width:100%!important;height:auto!important}
body .area-card__copy{padding:20px 0 0!important}
body .area-card__label,body .area-card__label b{color:var(--nx-sub)!important}
body .area-card__label b{display:inline-flex;height:26px;align-items:center;padding:0 12px;margin-right:8px;border:1px solid var(--nx-mint);border-radius:999px;color:var(--nx-mint-ink)!important;font-size:12px}
body .area-card h3{font-size:24px!important;font-weight:800!important}

/* 数値 */
body .stat-card{background:#fff!important;border-radius:10px!important;border-top:4px solid var(--nx-mint)!important}
body .stat-value-mask b,body .stat-value-mask em,body .stat-value-mask span{color:var(--nx-ink)!important}
body .stat-card--lead{background:#fff!important}
body .stat-k{font-weight:700!important;color:var(--nx-ink)!important}

/* デモ */
body .demo-card{background:#fff!important;border:0!important;border-radius:12px!important}
body #demo .section-surface{background:var(--nx-ground)!important}

/* 事例 */
body .case-card{background:#fff!important;border:1px solid #E3E8E6!important;border-radius:12px!important}
body .case-media__frame{border-radius:10px!important;overflow:hidden}
body .case-media__tint{display:none!important}
body .case-number,body .case-number *{color:var(--nx-accent)!important}
body .case-quote{background:var(--nx-mint-pale)!important;border-radius:10px!important}
body .case-card h3{font-weight:800!important}

/* 進め方 */
body .process{background:var(--nx-ink)!important;border-radius:0!important}
body .door{background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.22)!important;border-radius:0!important}
body .door__blob{display:none!important}
body .hub{border-radius:12px!important}
body .doors__join{opacity:.4}

/* ストーリー */
body .story-photos img{border-radius:10px!important}

/* ご相談 */
body .contact{background:var(--nx-mint-pale)!important}
body .contact h2{font-weight:800!important}
body .contact-themes li{background:#fff!important;border:1px solid var(--nx-mint)!important;color:var(--nx-mint-ink)!important}
body .contact-button{font-size:20px!important;padding:20px 40px!important}

/* フッター */
body footer{background:var(--nx-ink)!important}

/* 子ページ共通 */
body .subpage-kicker{color:var(--nx-mint-ink)!important}
body .co-row.is-todo{display:none}

/* 画面で確認した調整 */
body .theme-switcher{display:none!important}
body .section-pad::before,body .section-pad::after{display:none!important}
body .logo-rail{box-shadow:0 0 0 100vmax var(--nx-ink)!important;clip-path:inset(0 -100vmax)!important}
body .logo-rail .rail-row img{opacity:1!important;filter:none!important}
body .floating-cta{background:var(--nx-cta)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 6px 18px rgba(23,58,53,.18)!important}
body .expertise-card__top{display:flex!important}
@media (min-width:1101px){body .expertise-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px!important}}
body .expertise-card__details summary{color:var(--nx-sub)!important;font-size:13px!important}
body .synergy-board{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}
body .q20-link{background:var(--nx-mint-pale)!important;box-shadow:none!important;border:0!important;border-radius:10px!important}
body .q20-link b{color:var(--nx-accent)!important;font-family:var(--nx-num)!important}
body .section-title h2,body .hero h1,body h3{word-break:auto-phrase}
body .section-title{margin-bottom:48px!important}
body #areas .section-surface,body #cases .section-surface,body #team .section-surface,body #story .section-surface{background:#fff!important}
body #results .section-surface,body #work .section-surface,body #demo .section-surface{background:var(--nx-ground)!important}
body .stat-value-mask b{font-size:clamp(40px,3.6vw,56px)!important}
body .demo-body{color:var(--nx-sub)!important}
body .demo-card h3{color:var(--nx-ink)!important;font-weight:800!important}
body .demo-youtube{color:var(--nx-ink)!important;background:#fff!important;background-image:none!important}
body .demo-youtube *{text-shadow:none!important}
body .demo-button{align-self:flex-start!important;width:auto!important}
body .demo-card__preview{background:var(--nx-mint-pale)!important;background-image:none!important;border-radius:10px!important}
body .preview-pane{box-shadow:none!important}
body .case-number span,body .case-number em{font-size:inherit!important;vertical-align:baseline!important}
body .contact h2{font-size:clamp(28px,3.2vw,44px)!important;line-height:1.4!important}
body .story-links a{box-shadow:none!important;border:1px solid var(--nx-line)!important;border-radius:10px!important;background:#fff!important}
body .story-links a span{color:var(--nx-cta)!important}
body .contact-button span,body .button-primary span{background:transparent!important;box-shadow:none!important;color:#fff!important}
body .contact .face-stack-wrap,body .hero .face-stack-wrap{box-shadow:none!important;background:#fff!important;border:1px solid var(--nx-line)!important}
body .contact-sub a{color:var(--nx-ink)!important}
@media (max-width:600px){
  body .button-primary,body .contact-button{font-size:17px!important;padding:16px 26px!important;white-space:nowrap}
  body .section-title h2{font-size:26px!important}
  body .logo-rail .rail-head strong{font-size:64px!important}
}