:root {
  --color-primary: #c8102e;
  --color-primary-contrast: #ffffff;
  --color-bg: #faf7f5;
  --color-surface: #ffffff;
  --color-text: #1f2328;
  --color-muted: #6b7280;
  --color-dark: #1b1214;
  --color-border: #e8e0dc;
  --font-heading: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --font-body: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --radius: 14px;
  --img-slide-1: url("/img/slide1.jpg");
  --img-slide-2: url("/img/slide2.jpg");
  --img-slide-3: url("/img/slide3.jpg");
  --img-hyomei: url("/img/slide4.jpg");
  --img-concert: url("/img/slide4.jpg");
  --img-news: url("/img/slide5.jpg");
  --img-office: url("/img/slide6.jpg");
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
}

.photo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.photo-slide-1 {
  background-image: var(--img-slide-1), linear-gradient(135deg, #c8102e, #5c0715);
}

.photo-slide-2 {
  background-image: var(--img-slide-2), linear-gradient(135deg, #1b1214, #c8102e);
}

.photo-slide-3 {
  background-image: var(--img-slide-3), linear-gradient(135deg, #7a0a1c, #e8a0ab);
}

.photo-hyomei {
  background-image: var(--img-hyomei), linear-gradient(135deg, #1b1214, #7a0a1c);
}

.photo-concert {
  background-image: var(--img-concert), linear-gradient(160deg, #c8102e, #1b1214);
}

.photo-news {
  background-image: var(--img-news), linear-gradient(135deg, #c8102e, #1b1214);
}

.photo-office {
  background-image: var(--img-office), linear-gradient(135deg, #1b1214, #c8102e);
}

.slide {
  opacity: 0;
  transition: opacity 0.8s ease;
}

.slide.is-active {
  opacity: 1;
}