/* ================================================================
   template-profile.php（会社概要）専用CSS
   common.css / 他ページCSSに無い、このページ固有のビジュアルのみ定義。
   ================================================================ */

/* ===== 4つの事業内容（service-grid） ===== */
.nh-page .profile-services{background:var(--paper);}
.nh-page .profile-services .deco-icon{top:20px;right:20px;width:170px;height:170px;color:var(--ink-soft);}
.nh-page .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.nh-page .service-card{border-radius:var(--r-md);padding:30px 24px;transition:transform .3s ease;display:flex;flex-direction:column;}
.nh-page .service-card:hover{transform:translateY(-8px);}
.nh-page .service-card.c1{background:var(--peach);}
.nh-page .service-card.c2{background:var(--mint);}
.nh-page .service-card.c3{background:var(--peach);}
.nh-page .service-card.c4{background:var(--mint);}
.nh-page .service-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 18px rgba(150,110,70,.15);color:#fff;}
.nh-page .service-icon svg{width:26px;height:26px;}
.nh-page .service-card.c1 .service-icon,.nh-page .service-card.c3 .service-icon{background:var(--peach-deep);}
.nh-page .service-card.c2 .service-icon,.nh-page .service-card.c4 .service-icon{background:var(--mint-deep);}
.nh-page .service-en{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;}
.nh-page .service-title{font-size:17.5px;font-weight:900;margin:8px 0 14px;}
.nh-page .service-list{font-size:12.5px;color:var(--ink-soft);flex:1;}
.nh-page .service-list li{list-style:none;padding-left:16px;position:relative;margin-bottom:6px;}
.nh-page .service-list li::before{content:"○";position:absolute;left:0;color:var(--coral-deep);font-size:10px;top:5px;}
.nh-page .service-link{display:inline-flex;align-items:center;gap:4px;margin-top:18px;font-size:12.5px;font-weight:700;color:var(--coral-deep);}

/* ===== 沿革（history timeline） ===== */
.nh-page .profile-history{background:var(--cream);}
.nh-page .history-list{display:flex;flex-direction:column;gap:0;border-top:1.5px solid var(--line);}
.nh-page .history-item{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:32px 0;border-bottom:1.5px solid var(--line);align-items:start;}
.nh-page .history-year{font-weight:800;font-size:26px;color:var(--coral-deep);line-height:1.2;}
.nh-page .history-year span{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:.1em;margin-top:2px;}
.nh-page .history-body h3{font-size:16.5px;font-weight:900;color:var(--ink);margin-bottom:8px;}
.nh-page .history-body p{font-size:13.5px;color:var(--ink-soft);line-height:1.85;max-width:640px;}

/* ===== 企業理念・行動指針（quote） ===== */
.nh-page .profile-principle{background:var(--mint-deep);}
.nh-page .profile-principle .sec-tag{color:var(--glow);}
.nh-page .profile-principle .sec-title{color:#fff;}
.nh-page .principle-quote{max-width:760px;padding:40px 44px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:var(--r-md);}
.nh-page .principle-quote p{font-size:15px;line-height:2;color:var(--ink-on-dark);}

/* ===== 日本ハイテックの強み（strength-grid） ===== */
.nh-page .profile-strength{background:var(--paper);}
.nh-page .profile-strength .deco-icon{top:24px;right:24px;width:180px;height:180px;color:var(--peach-deep);}
.nh-page .strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.nh-page .strength-card{background:var(--cream);border:1.5px solid var(--line);border-radius:var(--r-md);padding:30px 24px;transition:transform .3s ease,box-shadow .3s ease;}
.nh-page .strength-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(150,110,70,.14);}
.nh-page .strength-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--peach-deep),var(--coral-deep));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px;box-shadow:0 8px 18px rgba(150,110,70,.15);}
.nh-page .strength-icon svg{width:26px;height:26px;}
.nh-page .strength-title{font-size:15.5px;font-weight:900;margin-bottom:10px;line-height:1.5;}
.nh-page .strength-text{font-size:12.5px;color:var(--ink-soft);line-height:1.8;}

/* ===== 保有資格・許認可 ===== */
.nh-page .profile-qualification{background:var(--cream);}

/* ===== RESPONSIVE ===== */
@media (max-width:920px){
  .nh-page .service-grid,.nh-page .strength-grid{grid-template-columns:repeat(2,1fr);}
  .nh-page .history-item{grid-template-columns:1fr;gap:8px;}
}
@media (max-width:600px){
  .nh-page .service-grid,.nh-page .strength-grid{grid-template-columns:1fr;}
  .nh-page .principle-quote{padding:28px 24px;}
}