/* トップと主要ページのタイトルを共通のオアシス写真で見せる。 */
.site-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #c5ae81;
  border-bottom: 4px solid #e8bd65;
  color: #fffdf5;
}
.site-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url('img/8th_ucbak.jpg') center / cover;
}
.site-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#35271014,#35271014);
}
.site-hero .hero-content { position: relative; z-index: 1; }
.site-hero .site-hero-kicker {
  margin: 0 0 18px;
  color: #fff4d5;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .2em;
  opacity: 1;
  text-shadow: 0 2px 4px #3d2c19;
}
.site-hero h1 {
  color: #fffdf5;
  text-shadow: 0 2px 4px #3d2c19, 0 0 12px #3d2c1980;
}
.site-hero .hero-content > p:not(.site-hero-kicker) {
  opacity: 1;
  font-weight: 700;
  text-shadow: 0 2px 4px #3d2c19, 0 0 8px #3d2c1980;
}
.site-hero .btn-primary {
  border: 2px solid #fffdf5;
  background: #b83073;
  color: #fffdf5;
  box-shadow: 0 4px 14px #b8307325;
}
.site-hero .btn-primary:hover,
.site-hero .btn-primary:focus-visible {
  border-color: #fffdf5;
  background: #922859;
  color: #fffdf5;
}
@media (max-width: 768px) {
  .site-hero { padding: 60px 16px; }
}