/* ===== 上段ヘッダー ===== */
.hn-header-topbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 40px;
  background:#fff;
}

.hn-logo img {
  height:80px;
}

.hn-top-buttons .hn-btn {
  margin-left:20px;
  padding:10px 20px;
  background:#eff6ff;
  border:1px solid #aac6ff;
  border-radius:8px;
  text-decoration:none;
  color:#0052cc;
  font-weight:600;
}
.hn-btn.phone {
  background:#ffecec;
  border-color:#ff8d8d;
  color:#d62828;
}

/* ===== ショートカット帯 ===== */
.hn-shortcuts {
  display:flex;
  justify-content:center;
  gap:40px;
  padding:10px 0;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  background:#fff;
}

.hn-sc {
  text-align:center;
  color:#444;
  text-decoration:none;
  font-size:14px;
}
.hn-sc i {
  font-size:26px;
  display:block;
  margin-bottom:5px;
}

/* 個別アイコン色 */
.hn-sc:nth-child(1) i { color:#2b7cff; }
.hn-sc:nth-child(2) i { color:#ff66aa; }
.hn-sc:nth-child(3) i { color:#22b573; }
.hn-sc:nth-child(4) i { color:#8888ff; }
.hn-sc:nth-child(5) i { color:#ff9900; }
.hn-sc:nth-child(6) i { color:#2f9ec8; }

/* ===== スライダー ===== */
.hn-slider {
  width:100%;
  overflow:hidden;
  position:relative;
}

.hn-slider img {
  width:100%;
  display:block;
  object-fit:cover;
}

.hn-slide {
  animation:slide 18s infinite;
}

@keyframes slide {
  0% { transform:translateX(0); }
  30% { transform:translateX(0); }
  50% { transform:translateX(-100%); }
  80% { transform:translateX(-200%); }
  100% { transform:translateX(0); }
}