/* template-network.php（ネットワーク構築）専用CSS */

/* ===== 概要リード ===== */
.nh-page .nw-intro{overflow:hidden;}
.nh-page .nw-intro .deco-icon{top:10px;right:20px;width:200px;height:200px;color:var(--peach-deep);}

/* ===== サービス紹介ブロック（元HTMLの svc-block を踏襲） ===== */
.nh-page .nw-services{padding-top:0;}
.nh-page .svc-block{padding:64px 0;border-bottom:1.5px solid var(--line);}
.nh-page .svc-block:last-of-type{border-bottom:none;}
.nh-page .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.nh-page .svc-grid.rev .svc-photo{order:2;}
.nh-page .svc-photo{border-radius:var(--r-md);overflow:hidden;box-shadow:0 20px 40px rgba(150,110,70,.15);height:320px;}
.nh-page .svc-text{position:relative;}
.nh-page .svc-icon{
  width:52px;height:52px;border-radius:16px 16px 16px 4px;
  background:linear-gradient(135deg,var(--peach-deep),var(--coral-deep));
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  color:#fff;box-shadow:0 10px 22px rgba(217,80,15,.28);
}
.nh-page .svc-icon svg{width:26px;height:26px;}
.nh-page .svc-text .svc-sub{font-size:12px;color:var(--coral-deep);font-weight:700;margin-bottom:8px;display:block;letter-spacing:.05em;}
.nh-page .svc-text h3{
  font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size:clamp(20px,2.4vw,26px);font-weight:900;margin-bottom:14px;color:var(--ink);
}
.nh-page .svc-text p{color:var(--ink-soft);font-size:14.5px;}

/* ===== 工事内容一覧 ===== */
.nh-page .nw-works{background:var(--paper);}
.nh-page .nw-works .deco-icon{bottom:-10px;left:-40px;width:230px;height:230px;color:var(--coral-deep);}
.nh-page .nw-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;z-index:1;}
.nh-page .nw-work-card{
  background:var(--cream);border:1.5px solid var(--line);border-radius:var(--r-md);
  padding:30px 26px;transition:transform .3s ease, box-shadow .3s ease;
}
.nh-page .nw-work-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(150,110,70,.14);}
.nh-page .nw-work-icon{
  width:46px;height:46px;border-radius:14px;background:var(--peach);color:var(--coral-deep);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.nh-page .nw-work-icon svg{width:23px;height:23px;}
.nh-page .nw-work-card h3{
  font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:8px;
}
.nh-page .nw-work-card p{font-size:13px;color:var(--ink-soft);}

/* ===== 施工実績イメージギャラリー ===== */
.nh-page .nw-gallery-sec{background:var(--mint-deep);}
.nh-page .nw-gallery-sec .sec-title{color:#fff;}
.nh-page .nw-gallery-sec .sec-head{margin-bottom:36px;}
.nh-page .nw-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.nh-page .nw-g{border-radius:var(--r-md);overflow:hidden;height:220px;box-shadow:0 16px 32px rgba(0,0,0,.25);}

/* ===== レスポンシブ ===== */
@media (max-width:920px){
  .nh-page .svc-grid{grid-template-columns:1fr;}
  .nh-page .svc-grid.rev .svc-photo{order:0;}
  .nh-page .nw-work-grid{grid-template-columns:1fr 1fr;}
  .nh-page .nw-gallery{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .nh-page .nw-work-grid{grid-template-columns:1fr;}
  .nh-page .nw-gallery{grid-template-columns:1fr;}
  .nh-page .nw-g{height:200px;}
}