/* =========================================================
   ヒーロー（トップの大きい画像＋キャッチコピー）
   ========================================================= */

.hero{
  position:relative;
  min-height:600px;
  display:flex; align-items:center;
  background: url('../images/herolight.png') center/cover no-repeat;
  overflow:hidden;
}
.hero::after{ display:none; }
.hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.90) 0%, rgba(255,255,255,.68) 38%, rgba(255,255,255,.24) 65%, transparent 80%);
  z-index:1;
}
.hero-content{
  position:relative; z-index:2;
  max-width:1280px; width:100%;
  margin:0 auto; padding:0 3.5rem;
}
.hero-title{
  font-family:"Noto Serif JP",serif;
  font-size:3.6rem; font-weight:600;
  letter-spacing:.06em; line-height:1.45;
  color:#2c3122;
  text-shadow:0 1px 8px rgba(255,255,255,.4);
}
.hero-sub{
  margin-top:1.5rem;
  font-size:1.05rem; color:#3a3f30;
}
.hero-content .btn-outline-dark{ margin-top:2rem; }

/* ===== レスポンシブ ===== */
@media (max-width:1024px){
  .hero-content{ padding:0 2rem; }
  .hero-title{ font-size:2.6rem; }
}
@media (max-width:600px){
  .hero{ min-height:360px; }
  .hero-overlay{ background:linear-gradient(90deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.68) 58%,rgba(255,255,255,.18) 78%,transparent 100%); }
  .hero-content{ padding:0 1.4rem; }
  .hero-title{ font-size:1.9rem; }
  .hero-sub{ font-size:.9rem; margin-top:1rem; }
}