@charset "utf-8";
#fv {
  width: 100%;
  height: auto;
  aspect-ratio: 67.29 / 32.71;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#about #fv {
  background-image: url("../image/about/fv-image@pc.webp");
}
#articles #fv {
  background-image: url("../image/articles/fv-image@pc.webp");
}
#uma #fv {
  background-image: url("../image/uma/fv-image@pc.webp");
}
#course #fv {
  background-image: url("../image/course/fv-image@pc.png");
}
#ouenten #fv {
  background-color: var(--color--navy);
  height: 100vh;
  display: flex;
  align-items: center;
}
.fv__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1120px;
  height: 100%;
  margin: 0 auto;
}
.fv__contents {
  width: 100%;
  max-width: 818px;
  height: auto;
}
#fv .section__heading {
  padding: 0 0 24px;
  margin: 0 auto 24px;
  color: var(--color--white);
}
#fv .section__heading::after {
  background-color: var(--color--white);
}
.fv__contents__txt {
  width: 100%;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
  text-align: left;
  color: var(--color--white);
}

/* 下層ページ見出し */
.lower_section__heading {
  width: 100%;
  height: auto;
  padding: 25px 0;
  position: relative;
}
.lower_section__heading__txt {
  width: 100%;
  height: auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  color: var(--color--navy);
}
.lower_section__heading::before,
.lower_section__heading::after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background-color: var(--color--navy);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}
.lower_section__heading::before {
  top: 0;
}
.lower_section__heading::after {
  bottom: 0;
}

/* PC ================================================== */
@media all and (max-width: 1110px) {
  #fv {
    height: 535px;
    aspect-ratio: initial;
  }
}

/* Tablet ================================================== */
@media all and (max-width: 991px) {
}

/* SP ================================================== */
@media all and (max-width: 768px) {
  #fv {
    height: calc(100svh - 80px);
  }
  #about #fv {
    background-image: url("../image/about/fv-image@sp.webp");
  }
  #articles #fv {
    background-image: url("../image/articles/fv-image@sp.webp");
  }
  #uma #fv {
    background-image: url("../image/uma/fv-image@sp.webp");
  }
  #course #fv {
    background-image: url("../image/course/fv-image@sp.png");
  }
  .fv__inner {
    display: block;
    width: 83%;
    height: auto;
    padding: 64px 0 0;
  }
  .fv__contents {
    width: 100%;
    height: auto;
  }
  #fv .section__heading {
    margin: 0 auto 32px;
  }
  .fv__contents__txt {
    font-size: 15px;
    line-height: 2;
    text-align: justify;
  }
}

@media all and (max-width: 575px) {
}