/* ============================================================
   /f/service 専用追加CSS
   設置: FTP → /item/common/css/hanaimo_service.css
   読込: CSS（HANAIMO）フリーパーツに<link>追加済み
   依存: hanaimo_global.css（先に読み込むこと）
   2026.03.10
============================================================ */

/* ============================================================
   MV — service カラー変数
   画像: /common/images_update/component/service_mv.png
   ※画像未アップの場合は image_sonota.png で代替可
============================================================ */
.hni-cta-banner--service {
  --cta-img:     url('https://hanaimo.itembox.design/item/common/images_update/component/image_sonota.png');
  --cta-overlay: linear-gradient(
    to right,
    rgba(1, 60, 52, 0.70) 0%,
    rgba(1, 60, 52, 0.32) 55%,
    rgba(1, 60, 52, 0.05) 100%
  );
  --cta-accent:  #01796a;
}
@media (max-width: 600px) {
  .hni-cta-banner--service .hni-cta-banner__top {
    min-height: 140px;
  }
}

/* ============================================================
   ページ内ナビ（hni-service-nav）
============================================================ */
.hni-service-nav {
  background: var(--hni-white);
  border: 1px solid var(--hni-border);
  border-top: 3px solid var(--hni-primary);
  border-radius: 3px;
  padding: 16px 24px;
  margin: 28px 0 0;
}
.hni-service-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
}
.hni-service-nav__list a {
  font-size: 14px;
  color: var(--hni-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.6;
  transition: opacity .2s;
}
.hni-service-nav__list a::before {
  content: '↓';
  font-size: 12px;
}
.hni-service-nav__list a:hover { opacity: .7; }
@media (max-width: 600px) {
  .hni-service-nav { padding: 14px 16px; }
  .hni-service-nav__list { gap: 4px 14px; }
  .hni-service-nav__list a { font-size: 13px; }
}