/* neo-price.com 法人向け（2026-11-07 レオ次長）
   neo-price.jp の style.css の上にかぶせる。色だけ「濃い紺＋オレンジ」にして、.jp の仲間だけど法人向けと分かるように */
body.com{
  --navy:#173a63; --navy-2:#24518a; --bg-soft:#f1f5fa; --border:#d3dde9;
}
.com .logo b{color:var(--navy)}
.com-hero{background:linear-gradient(135deg,#173a63 0%,#24518a 60%,#2f6aa8 100%);color:#fff}
.com-hero h1{color:#fff}
.com-hero .lead{color:#e6eef8}
.com-hero .hero-tel a,.com-hero .hero-tel b,.com-hero .hero-tel span{color:#fff}
.com-hero .badges li{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.35)}
.com-en{margin:0 0 6px;font-size:12px;letter-spacing:.2em;color:#b9cde6;font-weight:bold}
.com .page-title{color:var(--navy)}

/* 3つのご相談（閉店・移転・在庫） */
.com-three{list-style:none;padding:0;margin:16px 0 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.com-three a{display:block;height:100%;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--border);border-top:5px solid var(--navy);border-radius:var(--radius);padding:18px 16px}
.com-three a:hover{border-top-color:var(--accent)}
.com-three b{display:block;font-size:19px;color:var(--navy);margin-bottom:6px}
.com-three span{font-size:14px;color:var(--sub)}
.com-three em{display:inline-block;margin-top:10px;font-style:normal;font-weight:bold;color:var(--accent-2);font-size:14px}
@media (max-width:760px){.com-three{grid-template-columns:1fr}}

/* 「できること」の箱 */
.com-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}
.com-points div{background:var(--bg-soft);border-radius:var(--radius);padding:14px 16px}
.com-points b{display:block;color:var(--navy);margin-bottom:4px}
.com-points p{margin:0;font-size:14px}
@media (max-width:760px){.com-points{grid-template-columns:1fr}}

.com .info th{white-space:nowrap}

/* 11/8 B2：トップの背景で写真がゆっくり動く（4枚・1枚6秒・合計24秒） */
.com-hero{position:relative;overflow:hidden;background:#173a63;padding:70px 0 76px}
.hb{position:absolute;inset:0;z-index:0}
.hb div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:hb-fade 24s linear infinite}
.hb div:nth-child(2){animation-delay:6s}.hb div:nth-child(3){animation-delay:12s}.hb div:nth-child(4){animation-delay:18s}
@keyframes hb-fade{0%{opacity:0;transform:scale(1.02)}5%{opacity:1}25%{opacity:1}30%{opacity:0;transform:scale(1.1)}100%{opacity:0}}
.com-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,40,72,.92) 0%,rgba(16,40,72,.78) 45%,rgba(16,40,72,.2) 100%)}
.com-hero .wrap{position:relative;z-index:2}
.hb-pause{position:absolute;right:14px;bottom:12px;z-index:3;background:rgba(255,255,255,.85);color:#173a63;border:0;border-radius:999px;padding:4px 14px;font-size:12px;cursor:pointer}
.com-hero.paused .hb div{animation-play-state:paused}
@media (max-width:860px){.com-hero::after{background:linear-gradient(180deg,rgba(16,40,72,.88),rgba(16,40,72,.8))}}
@media (prefers-reduced-motion:reduce){.hb div{animation:none}.hb div:first-child{opacity:1}}