/* ページ全体幅の制御 */
.site-content {
  max-width: 1200px; 
  margin: 0 auto;
}

/* hero */
.hero {
  padding: 0;
}

.hero-inner {
  height: 260px; /* desktop */
}

.hero-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-title {
  font-size: 24px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: left; 
  padding: 8px 12px; 
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 20px; 
    letter-spacing: 0.12em; 
    padding: 8px 12px; 
  }
}

.hero-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hero-title a:hover {
  color: #6a4a2f; 
}