@charset "UTF-8";
.home-hero {
  height: 100svh;
  position: relative;
  width: 100%;
}
.home-hero .swiper-container,
.home-hero .swiper-wrapper {
  height: 100%;
  transition-property: opacity;
  width: 100%;
}
.home-hero .swiper-wrapper {
  box-sizing: border-box;
}
.home-hero + .site-block {
  margin-top: 2.5rem;
}

.home-hero-slider > .list {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.home-hero-slider > .list.-list01 {
  background-image: url(../../images/home/hero.jpg);
}
@supports (background-image: url("../../images/home/hero.webp")) {
  .home-hero-slider > .list.-list01 {
    background-image: url(../../images/home/hero.webp);
  }
}

.home-message {
  border-bottom: var(--color-border) 1px solid;
  display: grid;
  gap: 2.5rem;
  grid-template-areas: "title" "message";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  padding-bottom: 5rem;
}
.home-message > .title {
  grid-area: title;
  display: flex;
  flex-direction: column;
  gap: 2.625rem;
}
.home-message > .title > .ornament {
  font-size: 4.5rem;
  line-height: 1.2;
}
.home-message > .title > .text {
  font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", serif;
  font-size: 1.75rem;
  letter-spacing: 0.2em;
  line-height: 1.625;
}
.home-message > .message {
  grid-area: message;
}

.home-news {
  display: grid;
  gap: 2.5rem;
  grid-template-areas: "title" "content" "button";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.home-news > .title {
  grid-area: title;
}
.home-news > .content {
  grid-area: content;
}
.home-news > .button {
  grid-area: button;
}
@media (max-width: 100vh) {
  .home-hero {
    height: 100vw !important;
  }
}