/* =========================================================
   シロキング ブランドトップ（DMMコーポレート風）
   style.css のヘッダー/フッター/コンテナを土台に、bh-* で上書き
   ========================================================= */

/* ---- ヒーロー ---- */
.bh-hero{
  position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(130% 120% at 82% 0%, #15396b 0%, #0b2447 52%, #06142a 100%);
  padding:104px 0 92px;
}
.bh-hero-inner{position:relative;z-index:2;}
.bh-eyebrow{
  display:inline-block;margin:0 0 20px;
  font-size:.82rem;letter-spacing:.34em;font-weight:700;color:#7fd38a;
}
.bh-title{
  margin:0;font-weight:800;letter-spacing:.01em;line-height:1.18;
  font-size:clamp(2.3rem,6.4vw,4.4rem);
}
.bh-title .accent{color:#7fd38a;}
.bh-lead{
  margin:24px 0 0;max-width:620px;line-height:1.95;color:#cdd9ec;
  font-size:clamp(1rem,2.2vw,1.18rem);
}
.bh-cta{
  display:inline-flex;align-items:center;gap:.55em;margin-top:36px;
  background:#2e7d32;color:#fff;font-weight:700;font-size:1.02rem;
  padding:15px 32px;border-radius:999px;box-shadow:0 10px 26px rgba(46,125,50,.38);
  transition:transform .1s ease,background .15s ease;
}
.bh-cta:hover{background:#3a9b3f;transform:translateY(-2px);text-decoration:none;}
.bh-crown{
  position:absolute;right:-6%;top:50%;transform:translateY(-50%);
  width:min(48vw,540px);height:auto;opacity:.08;color:#fff;z-index:1;pointer-events:none;
}

/* ---- 共通セクション ---- */
.bh-section{padding:84px 0;}
.bh-section--tint{background:#eef2f7;}
.bh-section--dark{background:#0b2447;color:#fff;}
.bh-label{margin:0 0 14px;font-size:.78rem;letter-spacing:.3em;font-weight:700;color:#2e7d32;}
.bh-section--dark .bh-label{color:#7fd38a;}
.bh-heading{
  margin:0 0 16px;font-weight:800;line-height:1.3;color:#0b2447;
  font-size:clamp(1.6rem,3.8vw,2.5rem);
}
.bh-section--dark .bh-heading{color:#fff;}
.bh-sub{margin:0;max-width:700px;line-height:1.95;color:#5b6b7d;font-size:1.02rem;}
.bh-section--dark .bh-sub{color:#c7d3e3;}

/* ---- サービス ---- */
.bh-services{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;margin-top:38px;
}
.bh-service{
  display:block;background:#fff;border:1px solid #e1e7ef;border-radius:16px;
  padding:30px 26px;box-shadow:0 6px 20px rgba(11,36,71,.06);color:inherit;
  transition:transform .12s ease,box-shadow .12s ease;
}
.bh-service:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(11,36,71,.13);text-decoration:none;}
.bh-service .ico{font-size:2.3rem;line-height:1;}
.bh-tag{display:inline-block;margin:14px 0 0;padding:3px 11px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;}
.bh-tag--live{background:#e3f3e4;color:#2e7d32;}
.bh-tag--plan{background:#e9eef4;color:#7a8aa0;}
.bh-service h3{margin:8px 0 8px;font-size:1.22rem;color:#0b2447;}
.bh-service p{margin:0 0 16px;color:#5b6b7d;font-size:.94rem;line-height:1.85;}
.bh-service .more{font-weight:700;color:#2e7d32;font-size:.92rem;}
.bh-service--soon{background:transparent;border-style:dashed;box-shadow:none;}
.bh-service--soon:hover{transform:none;box-shadow:none;}
.bh-service--soon h3,.bh-service--soon .ico{opacity:.7;}

/* ---- 数字で見る ---- */
.bh-nums{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:18px;margin-top:40px;
}
.bh-num{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:14px;padding:28px 16px;text-align:center;
}
.bh-num b{display:block;font-weight:800;line-height:1;color:#7fd38a;font-size:clamp(2.2rem,5.2vw,3.1rem);}
.bh-num span{display:block;margin-top:12px;font-size:.85rem;letter-spacing:.02em;color:#c7d3e3;}

/* ---- プロフィール ---- */
.bh-table{width:100%;max-width:780px;border-collapse:collapse;margin-top:30px;}
.bh-table th,.bh-table td{padding:17px 14px;border-bottom:1px solid #e1e7ef;text-align:left;vertical-align:top;font-size:.97rem;}
.bh-table th{width:32%;white-space:nowrap;color:#0b2447;font-weight:700;}
.bh-table td{color:#42525f;}
.bh-more{display:inline-block;margin-top:28px;font-weight:700;color:#2e7d32;}

@media (max-width:760px){
  .bh-hero{padding:74px 0 62px;}
  .bh-section{padding:58px 0;}
  .bh-table th{width:42%;}
  .bh-crown{opacity:.06;}
}