/* LESS Document */
/*+++++++++++++++++++++++++++++++++++++++++++
	jumbotron
+++++++++++++++++++++++++++++++++++++++++++ */
.jumbotron {
  margin: 0 0 40px;
  background: url(../img/bg_lower.webp) no-repeat center center / cover;
  position: relative;
}
.jumbotron::before {
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.jumbotron .inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: center;
  min-height: 500px;
}
@media screen and (max-width: 767px) {
  .jumbotron .inner {
    min-height: 250px;
    padding: 60px 10px 40px;
  }
}
.jumbotron .inner hgroup {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column-reverse;
  line-height: 1;
}
.jumbotron .inner hgroup h1 {
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .jumbotron .inner hgroup h1 {
    font-size: 3.4vw;
  }
}
.jumbotron .inner hgroup p {
  font-family: 'Oswald', sans-serif;
  font-size: 10rem;
  color: #1A7108;
}
@media screen and (max-width: 767px) {
  .jumbotron .inner hgroup p {
    -webkit-text-stroke: 1px #F0F0F0;
    text-stroke: 1px #F0F0F0;
    font-size: 15vw;
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++
	パンくず
+++++++++++++++++++++++++++++++++++++++++++ */
#breadcrumbsList {
  margin: 0;
  font-size: 1.8rem;
  line-height: normal;
  text-align: left;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #breadcrumbsList {
    font-size: 3.6vw;
  }
}
#breadcrumbsList a {
  font-weight: normal;
  text-decoration: none;
  color: #4C9C19;
}
#breadcrumbsList li {
  display: inline;
}
#breadcrumbsList li + li::before {
  content: '\f0da';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin: 0 5px 0 2px;
  color: #4C9C19;
}
#breadcrumbsList::before {
  content: '\f015';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #4C9C19;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	anchorNav
+++++++++++++++++++++++++++++++++++++++++++ */
.anchorNav {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 27px;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .anchorNav {
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .anchorNav {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.anchorNav li {
  width: 100%;
  max-width: 250px;
}
@media screen and (max-width: 767px) {
  .anchorNav li {
    width: calc(50% - 5px);
  }
}
.anchorNav li a {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 14px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 59px;
  padding: 5px;
  background: #1A7108;
  font-size: 1.6rem;
  text-decoration: none;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .anchorNav li a {
    min-height: 0;
    padding: 15px 5px;
    font-size: 3.2vw;
  }
}
.anchorNav li a::after {
  content: '\f107';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #A5E23C;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	article
+++++++++++++++++++++++++++++++++++++++++++ */
article {
  margin: 50px 0;
}
article h2 {
  margin: 0 0 30px;
  text-align: center;
  font-size: 4.2rem;
  color: #1A7108;
}
@media screen and (max-width: 767px) {
  article h2 {
    font-size: 8.4vw;
  }
}
article h2::after {
  content: '';
  display: block;
  width: 100px;
  height: 4px;
  background: #CDD639;
  margin: 15px auto 0;
}
