@charset "UTF-8";

/*** style-index.css ***/
.top-header {
  position: fixed;
  top: 20px;
  left: 2%;
  z-index: 1;
  width: 96%;
  height: 60px;
  margin: 0 auto;
  background: url("../images/header-bg.png") no-repeat center center/100% 100%;
}

.visual-box {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.visual-box::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  z-index: 20;
  display: block;
  width: 100%;
  height: 290px;
  margin: auto;
  background: url("../images/separate_bg01.png") no-repeat center bottom/100%;
}
@media (max-width: 767.9999px) {
  .visual-box::before {
    background-image: url("../images/separate_bg01_sp.png");
  }
}
@media (min-width: 450px) and (max-width: 599px) {
  .visual-box::before {
    bottom: -5vw;
  }
}
@media (min-width: 600px) and (max-width: 767.9999px) {
  .visual-box::before {
    bottom: -9vw;
  }
}
@media (min-width: 1921px) {
  .visual-box::before {
    height: max(13vw, 290px);
    background-position: center top;
  }
}
.visual-box #top-carousel {
  z-index: inherit;
}
.visual-box .page-title {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  max-width: min(100vh, 1000px);
  min-width: 600px;
  margin: 0 auto;
}
@media (max-width: 767.9999px) {
  .visual-box .page-title {
    width: 82%;
    min-width: inherit;
    max-width: 380px;
  }
}
.visual-box .splide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.visual-box .splide .text {
  position: absolute;
  inset: 0;
  z-index: 10;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
.visual-box .top-carousel__controls {
  position: absolute;
  bottom: 6.5em;
  left: 50%;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  width: 260px;
  height: 50px;
  border-radius: 25px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #006EBB;
}
@media (max-width: 767.9999px) {
  .visual-box .top-carousel__controls {
    bottom: 1.5em;
    gap: 10px;
  }
}
.visual-box .splide__arrows {
  display: contents;
}
.visual-box .splide__arrow--prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.visual-box .splide__toggle {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.visual-box .splide__arrow--next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.visual-box .splide__toggle,
.visual-box .splide__arrow {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 767.9999px) {
  .visual-box .splide__toggle,
  .visual-box .splide__arrow {
    width: 32px;
    height: 32px;
  }
}
.visual-box .splide__toggle:hover:not(:disabled),
.visual-box .splide__arrow:hover:not(:disabled) {
  background-color: #04ADF1;
  opacity: 1;
}
.visual-box .splide__toggle:disabled,
.visual-box .splide__arrow:disabled {
  opacity: 0.4;
}
.visual-box .splide__toggle svg,
.visual-box .splide__arrow svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.visual-box .splide__arrow--prev svg {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

main {
  position: relative;
}
main .section-inner {
  overflow: hidden;
  padding-bottom: 50px;
}

.vide-box_wrap {
  background-color: #fff;
  padding-top: 90px;
}

.video-box {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
  width: 80%;
  aspect-ratio: 600/340;
}

.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

@media (max-width: 767.9999px) {
  .vide-box_wrap {
    padding-top: 30px;
  }
  .main-box .video-box iframe {
    border-radius: 10px;
  }
}
.section01 {
  padding-block: 30px 200px;
  background: #fff;
}
.section01::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 351px;
  margin: auto;
  background: url("../images/separate_bg02.png") no-repeat center bottom/100%;
}
@media (max-width: 767.9999px) {
  .section01::before {
    background-image: url("../images/separate_bg02_sp.png");
  }
}
@media (min-width: 1921px) {
  .section01::before {
    height: max(19vw, 351px);
  }
}
.section01 .section-title {
  padding-block: 60px 85px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section01 .section-title {
    width: 50%;
    margin-inline: auto;
  }
}
.section01 p {
  margin-bottom: 1.5em;
  font-size: 22px;
  line-height: 2;
  letter-spacing: 1px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section01 p {
    font-size: 14px;
  }
}
.section01 .bg-l01 {
  position: absolute;
  top: 350px;
  left: -70px;
  left: calc(-768px + 36vw);
  z-index: 1;
  pointer-events: none;
}
.section01 .bg-r01 {
  position: absolute;
  top: -30px;
  right: calc(-768px + 17vw);
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767.9999px) {
  .section01 .bg-r01 {
    top: 50vw;
    right: -36vw;
    width: 65vw;
  }
}
.section01 .bird-l01 {
  position: absolute;
  top: 160px;
  left: calc(-174px + 30vw);
  z-index: 1;
  pointer-events: none;
  -webkit-animation: animal 4s linear -2s infinite;
          animation: animal 4s linear -2s infinite;
}
@media (max-width: 767.9999px) {
  .section01 .bird-l01 {
    top: calc(2vw + 30px);
    left: 7vw;
    width: 14vw;
  }
}
.section01 .bird-r01 {
  position: absolute;
  top: 840px;
  right: calc(-768px + 57vw);
  z-index: 1;
  pointer-events: none;
  -webkit-animation: animal 4s linear infinite;
          animation: animal 4s linear infinite;
}
.section01 .animal-l01 {
  position: absolute;
  bottom: 5px;
  left: 16%;
  z-index: 5;
  width: 6%;
  pointer-events: none;
  -webkit-animation: animal 4s linear -1s infinite;
          animation: animal 4s linear -1s infinite;
}
@media (max-width: 767.9999px) {
  .section01 .animal-l01 {
    bottom: 9vw;
    left: 21vw;
    width: 13vw;
  }
}
.section01 .animal-r01 {
  position: absolute;
  bottom: 8px;
  right: 7.2%;
  z-index: 5;
  width: 6.5%;
  pointer-events: none;
  -webkit-animation: animal 4s linear infinite;
          animation: animal 4s linear infinite;
}
@media (max-width: 767.9999px) {
  .section01 .animal-r01 {
    bottom: 9vw;
    right: 13vw;
    width: 17vw;
  }
}

.section02 {
  background: #EAFAEF;
}
@media (max-width: 767.9999px) {
  .section02 .section-inner {
    overflow: visible;
  }
}
.section02 .section-title {
  padding-block: 60px 85px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section02 .section-title {
    position: relative;
    z-index: 10;
    width: 70%;
    margin: -10vw auto 0;
    padding: 0;
  }
}
.section02 .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1300px;
  margin-inline: auto;
}
@media (max-width: 767.9999px) {
  .section02 .flex-box {
    padding-inline: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.section02 .flex-box dl {
  position: relative;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .section02 .flex-box dl {
    max-width: 50%;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl {
    width: 400px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl {
    max-width: 45%;
    margin: 0 auto;
    padding-inline: 2% !important;
  }
  .section02 .flex-box dl span {
    display: inline-block;
  }
}
.section02 .flex-box dl:nth-child(1) {
  margin-bottom: 150px;
}
@media (min-width: 768px) {
  .section02 .flex-box dl:nth-child(1)::before {
    content: "";
    position: absolute;
    top: -100px;
    left: -20vw;
    z-index: 1;
    display: block;
    width: 332px;
    height: 68px;
    background: url("../images/bg-r02.png") no-repeat center bottom/100%;
  }
  .section02 .flex-box dl:nth-child(1)::after {
    content: "";
    position: absolute;
    left: -10vw;
    bottom: -190px;
    z-index: 1;
    display: block;
    width: 262px;
    height: 262px;
    background: url("../images/bg-l02.png") no-repeat center bottom/100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl:nth-child(1)::after {
    width: 18.7vw;
  }
}
@media (min-width: 768px) {
  .section02 .flex-box dl:nth-child(1) dd {
    padding-left: 80px;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl:nth-child(1) {
    margin-block: 12px 100px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) {
  .section02 .flex-box dl:nth-child(2) {
    margin-block: -190px 150px;
  }
  .section02 .flex-box dl:nth-child(2) dt {
    padding-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl:nth-child(2) {
    margin-top: -140px;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl:nth-child(2) {
    margin-top: 12px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.section02 .flex-box dl:nth-child(3) {
  margin-inline: auto 60px;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl:nth-child(3) {
    margin-inline: auto -30px;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl:nth-child(3) {
    margin: 30px auto 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.section02 .flex-box dl:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 240px;
  right: 43vw;
  z-index: 1;
  display: block;
  width: min(332px, 16vw);
  height: 68px;
  background: url("../images/bg-r02.png") no-repeat center bottom/100%;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl:nth-child(3)::before {
    width: 26vw;
    top: min(240px, 21vw);
    left: -20vw;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl:nth-child(3)::before {
    top: min(270px, 59vw);
    left: -100px;
    right: auto;
    width: 165px;
    height: 34px;
  }
}
.section02 .flex-box dl:nth-child(3) dt {
  padding-left: 50px;
}
@media (min-width: 768px) {
  .section02 .flex-box dl:nth-child(3) dt {
    padding-left: 50px;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl:nth-child(3) dt {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .section02 .flex-box dl:nth-child(3) dd {
    margin-right: calc(-20px - 1vw);
  }
}
.section02 .flex-box dl:nth-child(4) {
  margin-top: -150px;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl:nth-child(4) {
    margin-top: -120px;
  }
}
.section02 .flex-box dl:nth-child(4)::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -25vw;
  z-index: 1;
  display: block;
  width: 332px;
  height: 68px;
  background: url("../images/bg-r02.png") no-repeat center bottom/100%;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dl:nth-child(4)::before {
    width: 27.5vw;
    right: -27vw;
  }
}
@media (min-width: 768px) {
  .section02 .flex-box dl:nth-child(4) dt {
    padding-left: 50px;
  }
  .section02 .flex-box dl:nth-child(4) dd {
    margin-right: calc(-20px - 3vw);
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dl:nth-child(4) {
    margin-top: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .section02 .flex-box dl:nth-child(4)::before {
    top: 0;
    left: -27vw;
    right: auto;
    width: 165px;
    height: 34px;
  }
  .section02 .flex-box dl:nth-child(4)::after {
    content: "";
    position: absolute;
    top: -15vw;
    right: 2vw;
    z-index: 1;
    display: block;
    width: 15vw;
    max-width: 60px;
    height: 18vw;
    background: url("../images/bird-r01.png") no-repeat center bottom/contain;
  }
}
.section02 .flex-box dt {
  margin-bottom: 20px;
  text-align: center;
}
.section02 .flex-box dd {
  text-align: center;
}
.section02 .flex-box dd strong {
  display: inline-block;
  margin-bottom: 10px;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  font-weight: bold;
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dd strong {
    font-size: min(6vw, 24px);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dd strong {
    font-size: clamp(24px, 3vw, 30px);
  }
}
.section02 .flex-box dd p {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.7px;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section02 .flex-box dd p {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 767.9999px) {
  .section02 .flex-box dd p {
    font-size: 13px;
    text-align: left;
  }
  .section02 .flex-box dd p br {
    display: none;
  }
}

.section03 {
  padding-block: 25vw;
}
.section03 > img {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section03::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 351px;
  margin: auto;
  background: url("../images/separate_bg03.png") no-repeat center -3vw/100%;
}
@media (max-width: 767.9999px) {
  .section03::before {
    background: url("../images/separate_bg03.png") no-repeat 58% -110px/1150px;
  }
}
@media (min-width: 1921px) {
  .section03::before {
    height: max(19vw, 351px);
  }
}
.section03::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 351px;
  margin: auto;
  background: url("../images/separate_bg04.png") no-repeat center bottom/100%;
}
@media (max-width: 767.9999px) {
  .section03::after {
    background-image: url("../images/separate_bg04_sp.png");
  }
}
@media (min-width: 1921px) {
  .section03::after {
    height: max(19vw, 351px);
  }
}
.section03 .cloud-l01 {
  position: absolute;
  top: 10px;
  left: 70px;
  z-index: 5;
  pointer-events: none;
  -webkit-animation: cloud 4s ease-in-out -2s infinite alternate;
          animation: cloud 4s ease-in-out -2s infinite alternate;
}
@media (max-width: 767.9999px) {
  .section03 .cloud-l01 {
    width: 20vw;
    top: 0;
    left: -8vw;
  }
}
.section03 .cloud-l02 {
  position: absolute;
  top: 50px;
  left: 190px;
  z-index: 1;
  pointer-events: none;
  animation: cloud 4s ease-in-out infinite alternate-reverse;
}
@media (max-width: 767.9999px) {
  .section03 .cloud-l02 {
    width: 30vw;
    top: 3vw;
    left: 3vw;
  }
}
.section03 .cloud-r01 {
  position: absolute;
  top: -70px;
  right: 60px;
  z-index: 1;
  pointer-events: none;
  animation: cloud 4s ease-in-out -2s infinite alternate-reverse;
}
@media (max-width: 767.9999px) {
  .section03 .cloud-r01 {
    width: 25vw;
    top: 15px;
    right: 5vw;
  }
}
.section03 .animal-l02 {
  position: absolute;
  left: 27%;
  bottom: 9vw;
  z-index: 5;
  pointer-events: none;
  -webkit-animation: animal 4s linear infinite;
          animation: animal 4s linear infinite;
}
@media (max-width: 767.9999px) {
  .section03 .animal-l02 {
    width: 22vw;
    left: 6%;
    bottom: -3vw;
  }
}
.section03 .cloud-r02 {
  position: absolute;
  right: 40px;
  bottom: 170px;
  z-index: 5;
  pointer-events: none;
  animation: cloud 4s ease-in-out -3s infinite alternate-reverse;
}
@media (min-width: 1600px) {
  .section03 .cloud-r02 {
    bottom: max(13vw, 170px);
  }
}
.section03 .section-title {
  position: relative;
  padding-block: 60px 85px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section03 .section-title {
    width: 84%;
    margin-inline: auto;
    padding-bottom: 50px;
  }
}
.section03 .section-title .item {
  position: absolute;
  inset: -60px -15px 0 0;
  z-index: 1;
  width: 186px;
  margin: auto;
  -webkit-animation: animal 4s linear infinite;
          animation: animal 4s linear infinite;
}
@media (max-width: 767.9999px) {
  .section03 .section-title .item {
    top: -25px;
  }
}
@media (max-width: 570px) {
  .section03 .section-title .item {
    top: -3.2vw;
    left: -1vw;
    width: 32.5vw;
  }
}
.section03 .section-title + p {
  margin-bottom: 90px;
  color: #fff;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0.7px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section03 .section-title + p {
    margin-bottom: 75px;
    font-size: 15px;
    font-weight: bold;
  }
}
.section03 .town-box {
  text-align: center;
}
.section03 .town-box .town-image {
  margin-bottom: 60px;
  padding-inline: 15px;
}
.section03 .town-box .town-image picture {
  -webkit-animation: town 4s ease-in-out infinite alternate;
          animation: town 4s ease-in-out infinite alternate;
}
.section03 .town-box .town-image img {
  height: auto;
}
@media (max-width: 767.9999px) {
  .section03 .town-box .town-image {
    margin-bottom: 75px;
    padding-inline: 8%;
  }
}
.section03 .town-box .town-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 125px;
  padding: 15px 83px;
  color: #fff;
  font-size: 20px;
  border: 3px solid #fff;
  border-radius: 40px;
  background-color: #00E34C;
}
@media (max-width: 767.9999px) {
  .section03 .town-box .town-link {
    margin-bottom: 75px;
    padding: 10px 50px;
    font-size: 16px;
    border-width: 1.5px;
  }
}
.section03 .town-box .town-link::after {
  content: "";
  position: relative;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.section03 .town-box .town-link:hover {
  border-color: #0CBE48;
  background-color: #0CBE48;
}
.section03 .town-box .town-link:hover::after {
  left: 8px;
}
.section03 .text-box {
  width: 980px;
  max-width: 90%;
  margin: 0 auto;
  padding: 70px min(7%, 115px) 80px;
  border-radius: 100px;
  background: #fff;
}
.section03 .text-box div {
  margin-bottom: 60px;
  text-align: center;
}
.section03 .text-box p {
  margin-bottom: 60px;
  color: #6E4300;
  font-size: 22px;
  line-height: 2;
  letter-spacing: 0.7px;
}
.section03 .text-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 50px;
  color: #6E4300;
  font-size: 20px;
  border: 2px solid #6E4300;
  border-radius: 40px;
}
.section03 .text-box a::after {
  content: "";
  position: relative;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 4px 0 0 8px;
  border-top: solid 2px #6E4300;
  border-right: solid 2px #6E4300;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.section03 .text-box a:hover {
  color: #fff;
  border-color: #6E4300;
  background-color: #6E4300;
}
.section03 .text-box a:hover::after {
  left: 8px;
  border-color: #fff;
}
@media (max-width: 767.9999px) {
  .section03 .text-box {
    width: 84%;
    padding: 60px 20px;
    border-radius: 50px;
  }
  .section03 .text-box div {
    width: 90%;
    margin: 0 auto 50px;
  }
  .section03 .text-box p {
    margin-bottom: 50px;
    font-size: 13px;
  }
  .section03 .text-box a {
    padding: 8px 30px;
    font-size: 12px;
    letter-spacing: 2px;
    border-width: 1px;
  }
  .section03 .text-box a::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
  }
}

.section04 {
  padding-bottom: min(20vw, 350px);
  background: #fff;
}
.section04 .section-title {
  position: relative;
  z-index: 10;
  margin-top: -5vw;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section04 .section-title {
    padding-top: 16px;
  }
}
.section04 .area-map {
  position: relative;
  width: 1320px;
  max-width: calc(100% - 40px);
  margin-inline: auto;
  aspect-ratio: 220/183;
}
@media (min-width: 768px) {
  .section04 .area-map {
    margin-top: -25px;
  }
}
@media (max-width: 767.9999px) {
  .section04 .area-map {
    margin-block: -60px 30px;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 750/1153;
  }
}
.section04 .area-map img, .section04 .area-map svg, .section04 .area-map .d3 {
  position: absolute;
  inset: 0;
  max-width: 100%;
  margin: auto;
}
.section04 .area-map .d1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.section04 .area-map .d2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.section04 .area-map .d2.fadeUp {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}
.section04 .area-map .animal01.d2.fadeUp {
  inset: 16% 27.7% auto auto;
  width: 7.5%;
  -webkit-animation: fade-in 1.5s ease 2s backwards, animal 4s linear -3s infinite;
          animation: fade-in 1.5s ease 2s backwards, animal 4s linear -3s infinite;
}
@media (max-width: 767.9999px) {
  .section04 .area-map .animal01.d2.fadeUp {
    inset: 42.2% 25.6% auto auto;
    width: 12.8%;
  }
}
.section04 .area-map .animal02.d2.fadeUp {
  inset: 67.6% 86.1% auto auto;
  width: 10%;
  -webkit-animation: fade-in 1.5s ease 2s backwards, animal 4s linear -2s infinite;
          animation: fade-in 1.5s ease 2s backwards, animal 4s linear -2s infinite;
}
.section04 .area-map .animal03-1.d2.fadeUp {
  inset: 65.2% 4.5% auto auto;
  width: 17%;
}
.section04 .area-map .animal03-2.d2.fadeUp {
  inset: 59.4% 7.9% auto auto;
  width: 10%;
  -webkit-animation: fade-in 1.5s ease 2s backwards, animal 4s linear -1s infinite;
          animation: fade-in 1.5s ease 2s backwards, animal 4s linear -1s infinite;
}
.section04 .area-map .animal03-3.d2.fadeUp {
  inset: 69.6% 5.6% auto auto;
  width: 12.3%;
}
.section04 .area-map .d3 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.section04 .area-map .d3.fadeUp {
  -webkit-animation-name: slide-in;
          animation-name: slide-in;
}
.section04 .area-map a path {
  fill: none;
  stroke: #6e4300;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.section04 .area-map a #n8 path, .section04 .area-map a #n9 path, .section04 .area-map a #n10 path {
  stroke-width: 1px;
}
.section04 .area-map a text {
  fill: #6e4300;
  font-size: 14px;
  font-family: "ZenMaruGothic-Medium", "Zen Maru Gothic";
  font-weight: 500;
  letter-spacing: 0.12em;
}
.section04 .area-map a rect, .section04 .area-map a text, .section04 .area-map a path, .section04 .area-map a .move {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.section04 .area-map a:hover {
  opacity: 1;
}
.section04 .area-map a:hover rect {
  fill: #16902E;
}
.section04 .area-map a:hover text {
  fill: #fff;
}
.section04 .area-map a:hover path {
  stroke: #fff;
}
.section04 .area-map a:hover .move {
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}
@media (max-width: 767.9999px) {
  .section04 .area-list-outer {
    padding-bottom: 25vw;
  }
  .section04 .area-list-inner {
    display: none;
  }
  .section04 .area-list li {
    height: 52px;
    margin: 0 auto 28px;
    padding-inline: 6.67%;
  }
  .section04 .area-list.select-one {
    margin-bottom: 50px;
  }
  .section04 .area-list.select-one li {
    display: none;
  }
  .section04 .area-list.select-one li.active {
    display: block;
  }
  .section04 .area-list-button {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 40px;
    padding-bottom: 20px;
    cursor: pointer;
  }
  .section04 .area-list-button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-right: solid 2px #6E4300;
    border-bottom: solid 2px #6E4300;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .section04 .area-list-button.close-button::after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .section04 .area-list-button p {
    color: #6E4300;
    font-size: 21px;
  }
  .section04 .area-list-button.active p {
    font-size: 0;
  }
  .section04 .area-list-button.active p::after {
    content: "閉じる";
    font-size: 21px;
  }
  .section04 .area-list-button.active::after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .section04 .area-list li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin-inline: auto;
    line-height: 52px;
    color: #6E4300;
    font-size: 16px;
    text-align: center;
    border-radius: 100px;
    background-color: #7ADE96;
  }
  .section04 .area-list li a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: solid 2px #6E4300;
    border-right: solid 2px #6E4300;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .section04 .area-list li a.gray {
    background-color: #BDC9C1;
  }
  .section04 .area-list li a.gray::after {
    width: 14px;
    height: 14px;
    border: none;
    background: url("../images/link_blank_c.svg") no-repeat center/contain;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .section04 .area-list li a span {
    position: absolute;
    top: 4px;
    left: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background-color: #fff;
  }
}

@-webkit-keyframes move {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(50px, 50px);
            transform: translate(50px, 50px);
  }
}

@keyframes move {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(50px, 50px);
            transform: translate(50px, 50px);
  }
}
.section-report {
  padding-bottom: 230px;
  background: #B6EDC8;
}
@media (max-width: 767.9999px) {
  .section-report {
    padding-block: 7.5vw 25vw;
  }
}
.section-report::before {
  content: "";
  position: absolute;
  top: -12vw;
  right: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 351px;
  margin: auto;
  background: url("../images/separate_bg05.png") no-repeat center top/100%;
}
@media (min-width: 1921px) {
  .section-report::before {
    height: max(21vw, 351px);
    background-position: center bottom;
  }
}
@media (max-width: 767.9999px) {
  .section-report::before {
    top: -26vw;
    background-image: url("../images/separate_bg05_sp.png");
  }
}
.section-report .section-title {
  position: relative;
  z-index: 5;
  text-align: center;
}
@media (min-width: 768px) {
  .section-report .section-title img {
    -webkit-transform: translateY(-3.5vw);
            transform: translateY(-3.5vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section-report .section-title img {
    width: 30vw;
  }
}
.section-report .section-title + p {
  position: relative;
  z-index: 10;
  margin-bottom: 80px;
  font-size: 20px;
  line-height: 2;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section-report .section-title + p {
    margin-bottom: 40px;
    padding: 25px 25px 0;
    font-size: 14px;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  .section-report .section-title + p br {
    display: none;
  }
}
.section-report #mori-carousel .splide__arrow {
  top: 150px;
  width: 50px;
  height: 50px;
  background: #00BF36;
  opacity: 0.9;
}
.section-report #mori-carousel .splide__arrow:hover {
  background-color: #00E34C;
}
@media (max-width: 767.9999px) {
  .section-report #mori-carousel .splide__arrow {
    top: 128px;
    width: 40px;
    height: 40px;
  }
}
.section-report #mori-carousel .splide__arrow svg {
  width: 1.7em;
  height: 1.7em;
  fill: #fff;
  -webkit-transform: rotateY(35deg);
          transform: rotateY(35deg);
}
.section-report #mori-carousel .splide__arrow--prev svg {
  -webkit-transform: rotateY(35deg) scaleX(-1);
          transform: rotateY(35deg) scaleX(-1);
}
.section-report #mori-carousel .splide__arrow--next {
  right: calc(50% - 239px);
}
@media (max-width: 767.9999px) {
  .section-report #mori-carousel .splide__arrow--next {
    right: calc(50% - 180px);
  }
}
.section-report #mori-carousel .splide__arrow--prev {
  left: calc(50% - 239px);
}
@media (max-width: 767.9999px) {
  .section-report #mori-carousel .splide__arrow--prev {
    left: calc(50% - 180px);
  }
}
.section-report #mori-carousel .splide__slide {
  padding-bottom: 80px;
  text-align: center;
}
.section-report #mori-carousel .splide__slide:not(.is-active) {
  pointer-events: none;
  opacity: 0.5;
}
.section-report #mori-carousel .splide__slide img {
  display: inline-block;
  margin-bottom: 30px;
}
@media (max-width: 767.9999px) {
  .section-report #mori-carousel .splide__slide img {
    margin-bottom: 25px;
  }
}
.section-report #mori-carousel .splide__slide p {
  margin-bottom: 30px;
  color: #6E4300;
  font-size: 28px;
}
@media (max-width: 767.9999px) {
  .section-report #mori-carousel .splide__slide p {
    margin-bottom: 25px;
    font-size: 16px;
  }
}
.section-report #mori-carousel .splide__slide a {
  display: inline-block;
  padding: 8px 26px;
  color: #fff;
  font-size: 14px;
  background-color: #6E4300;
  border-radius: 40px;
}
.section-report #mori-carousel .splide__slide a:hover {
  background-color: #B16C01;
}
.section-report #mori-carousel .splide__slide a:hover::after {
  left: 8px;
}
@media (max-width: 767.9999px) {
  .section-report #mori-carousel .splide__slide a {
    padding: 8px 30px;
    font-size: 12px;
  }
}
.section-report #mori-carousel .splide__slide a::after {
  content: "";
  position: relative;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@-webkit-keyframes animal {
  0%, 100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@keyframes animal {
  0%, 100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translate(-40px);
            transform: translate(-40px);
  }
  100% {
    -webkit-transform: translate(40px);
            transform: translate(40px);
  }
}
@keyframes cloud {
  0% {
    -webkit-transform: translate(-40px);
            transform: translate(-40px);
  }
  100% {
    -webkit-transform: translate(40px);
            transform: translate(40px);
  }
}
@-webkit-keyframes town {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@keyframes town {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
.section-report .cloud-l03 {
  position: absolute;
  top: -16vw;
  left: 3%;
  z-index: 1;
  width: 14vw;
  pointer-events: none;
  animation: cloud 4s linear 2s infinite alternate-reverse;
}
@media (max-width: 767.9999px) {
  .section-report .cloud-l03 {
    top: -38vw;
    width: 23vw;
  }
}
.section-report .cloud-r03 {
  position: absolute;
  top: -18vw;
  right: 4%;
  z-index: 1;
  width: 16.5vw;
  pointer-events: none;
  animation: cloud 4s linear infinite alternate-reverse;
}
@media (max-width: 767.9999px) {
  .section-report .cloud-r03 {
    top: -48vw;
    right: -0.5%;
    width: 42vw;
  }
}
.section-report .cloud-r04 {
  position: absolute;
  top: -19.2vw;
  right: -4%;
  z-index: 1;
  width: 11vw;
  pointer-events: none;
  animation: cloud 4s linear 1s infinite alternate-reverse;
}
@media (max-width: 767.9999px) {
  .section-report .cloud-r04 {
    top: -49vw;
    right: -16%;
    width: 23vw;
  }
}
.section-report .animal-r02 {
  position: absolute;
  top: -12vw;
  right: 24%;
  z-index: 1;
  width: 8.4vw;
  pointer-events: none;
  -webkit-animation: animal 4s linear infinite;
          animation: animal 4s linear infinite;
}
@media (max-width: 767.9999px) {
  .section-report .animal-r02 {
    top: -33vw;
    right: 36%;
    width: 20vw;
  }
}

.section-sitemap {
  padding-bottom: 120px;
  background: #E2F3CC;
}
@media (max-width: 767.9999px) {
  .section-sitemap {
    padding-block: 7.5vw 0;
  }
}
.section-sitemap::before {
  content: "";
  position: absolute;
  top: -12vw;
  right: -5%;
  left: -5%;
  z-index: 1;
  display: block;
  width: 114%;
  height: 365px;
  margin: auto;
  background: url("../images/separate_bg07.png") no-repeat center top/100%;
}
@media (min-width: 1921px) {
  .section-sitemap::before {
    height: max(21vw, 351px);
    background-position: center bottom;
  }
}
@media (max-width: 767.9999px) {
  .section-sitemap::before {
    top: -18vw;
    width: 220vw;
    right: 0;
    left: -70vw;
  }
}
.section-sitemap .section-inner {
  position: relative;
  z-index: 5;
  max-width: 1210px;
  margin: 0 auto;
}
.section-sitemap .section-title {
  position: relative;
  z-index: 5;
  margin-block: 45px 15px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section-sitemap .section-title img {
    width: auto;
    height: 42px;
  }
  .section-sitemap .section-title {
    margin-block: 0;
  }
}
.section-sitemap .sitemap-list {
  padding-inline: 15px;
}
.section-sitemap .sitemap-list > li {
  padding-block: 45px;
  border-bottom: 1px solid #A8A29C;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li {
    padding-block: 40px;
  }
}
.section-sitemap .sitemap-list > li:first-child {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.section-sitemap .sitemap-list > li:nth-child(2) dt {
  margin-bottom: 35px;
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li:nth-child(2) dt {
    margin-bottom: 40px;
  }
}
.section-sitemap .sitemap-list > li:nth-child(2) dt img {
  width: auto;
  height: 28px;
}
.section-sitemap .sitemap-list > li:nth-child(2) .report-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px 20px;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li:nth-child(2) .report-list {
    gap: 35px 0;
    padding-left: 5vw;
  }
  .section-sitemap .sitemap-list > li:nth-child(2) .report-list li {
    width: 50%;
  }
}
.section-sitemap .sitemap-list > li:nth-child(2) .report-list li a {
  display: inline-block;
  padding-right: 18px;
  font-size: 15px;
  font-weight: bold;
  background: url("../images/arrow-nav.svg") no-repeat right center/12px 12px;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li:nth-child(2) .report-list li a {
    padding-right: 16px;
    font-size: 13px;
    background-size: 10px 10px;
  }
}
.section-sitemap .sitemap-list > li:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li:nth-child(3) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.section-sitemap .sitemap-list > li:nth-child(3) dl, .section-sitemap .sitemap-list > li:nth-child(3) div {
  text-align: center;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li:nth-child(3) dl, .section-sitemap .sitemap-list > li:nth-child(3) div {
    border-bottom: 1px solid #A8A29C;
  }
  .section-sitemap .sitemap-list > li:nth-child(3) dl:not(dl), .section-sitemap .sitemap-list > li:nth-child(3) div:not(dl) {
    width: 100%;
    padding-block: 40px;
  }
  .section-sitemap .sitemap-list > li:nth-child(3) dl:not(div), .section-sitemap .sitemap-list > li:nth-child(3) div:not(div) {
    width: 100%;
    padding-bottom: 40px;
  }
}
.section-sitemap .sitemap-list > li:nth-child(3) dt a {
  margin-bottom: 30px;
}
.section-sitemap .sitemap-list > li:nth-child(3) .window-open {
  background: url("../images/w-open-nav.svg") no-repeat right center;
}
.section-sitemap .sitemap-list > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  text-align: center;
}
.section-sitemap .sitemap-list > li:last-child picture {
  display: inline;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list > li:last-child img {
    width: 318px;
    height: auto;
  }
}
.section-sitemap .sitemap-list li:not(:last-child) a {
  display: inline-block;
  padding-right: 30px;
  color: #58493E;
  background: url("../images/arrow-nav.svg") no-repeat right center/16px 16px;
}
.section-sitemap .sitemap-list li:not(:last-child) a.pc-link, .section-sitemap .sitemap-list li:not(:last-child) a:has(> img) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-sitemap .sitemap-list li:not(:last-child) a.pc-link img, .section-sitemap .sitemap-list li:not(:last-child) a:has(> img) img {
  display: block;
}
@media (max-width: 767.9999px) {
  .section-sitemap .sitemap-list li:not(:last-child) a.pc-link img, .section-sitemap .sitemap-list li:not(:last-child) a:has(> img) img {
    width: auto;
    height: 25px;
  }
}
.section-sitemap .tree-l01, .section-sitemap .tree-r01 {
  display: none;
}
@media (max-width: 767.9999px) {
  .section-sitemap .tree-l01 {
    position: absolute;
    top: -28vw;
    left: -5vw;
    z-index: 1;
    display: block;
    width: 26vw;
    height: auto;
  }
  .section-sitemap .tree-r01 {
    position: absolute;
    top: -15vw;
    right: 2vw;
    z-index: 1;
    display: block;
    width: 12vw;
    height: auto;
  }
}/*# sourceMappingURL=style-index.css.map */

/*** style-top2025.css ***/
/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  zoom: 1;
}

main {
  overflow: hidden;
  margin-top: -5.5vw;
}

.c-mv {
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.c-mv:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.c-mv .c-mv__container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}
.c-mv .c-mv__container .c-mv__title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
.c-mv .c-mv__video {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.c-mv .c-mv__mask {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 2;
}

.section01 {
  padding-bottom: 18.2vw;
}
.section01:before {
  content: "";
  display: block;
  position: absolute;
  width: 115%;
  height: 19vw;
  background: url(../images/separate_bg07.png) no-repeat center bottom/100%;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  margin: auto;
}
.section01--info {
  overflow: inherit;
  margin: 7.5em auto 5em;
}
.section01--info .section-title {
  padding: 0 !important;
  position: relative;
  z-index: 2;
}
.section01--info--list {
  max-width: 984px;
  padding: 7.5em 0 3em;
  margin: -6.5em auto 0;
  position: relative;
  z-index: 1;
}
.section01--info--list:before {
  content: "";
  display: block;
  position: absolute;
  width: 120%;
  height: 100%;
  background: url("../images/separate-info_bg01.png") no-repeat center center/100% 100%;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.section01--info--list--category:nth-of-type(n+2) {
  border-top: 1px solid #A37123;
  padding-top: 1em;
  margin-top: 1em;
}
.section01--info--list--category a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #A37123;
  line-height: 1.4;
}
.section01--info--list--category a .icon {
  width: 5.4%;
}
.section01--info--list--category a .texts {
  width: 92%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.section01--info--list--category a .texts h3 {
  width: 32.5%;
  font-size: clamp(23px, 1.4vw, 26px);
  letter-spacing: 0.06em;
}
.section01--info--list--category a .texts p {
  color: #A37123;
  margin-bottom: 0;
}
.section01--info--list--category a .texts .date {
  width: 15%;
  font-size: clamp(13px, 0.75vw, 14px);
  font-weight: bold;
  border-left: 1px solid #A37123;
  border-right: 1px solid #A37123;
}
.section01--info--list--category a .texts .txt {
  width: 52.5%;
  font-size: clamp(14px, 0.85vw, 16px);
  text-align: justify;
  padding-left: 1.5em;
}
.section01 .bg-l01 {
  width: 14.9%;
  max-width: 286px;
  top: 1305px;
  left: 0;
}
.section01 .bg-r01 {
  width: 21.3%;
  max-width: 408px;
  top: 1130px;
  right: 0;
}
.section01 .bg-l03 {
  width: 11.6%;
  max-width: 223px;
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.section01 .bg-r03 {
  position: absolute;
  width: 15%;
  max-width: 293px;
  top: 100px;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
.section01 .cloud-l01 {
  position: absolute;
  max-width: 250px;
  bottom: 200px;
  left: calc(-768px + 51vw);
  z-index: 1;
  pointer-events: none;
  animation: cloud 4s ease-in-out infinite alternate-reverse;
}
.section01 .cloud-r01 {
  position: absolute;
  max-width: 192px;
  bottom: 270px;
  right: calc(-768px + 51vw);
  z-index: 1;
  pointer-events: none;
  animation: cloud 4s ease-in-out -2s infinite alternate-reverse;
}
.section01 .bird-l01 {
  position: absolute;
  top: 115px;
  left: calc(-250px + 30vw);
  z-index: 1;
  pointer-events: none;
  animation: animal 4s linear -2s infinite;
  /*@media (max-width: 767.9999px) {
    top: calc(2vw + 30px);
    left: 7vw;
    width: 14vw;
  }*/
}
.section01 .bird-r01 {
  top: inherit;
  bottom: 210px;
  right: calc(-768px + 71vw);
}
.section01 .animal-l01 {
  position: absolute;
  bottom: 5px;
  left: 16%;
  z-index: 5;
  width: 6%;
  pointer-events: none;
  animation: animal 4s linear -1s infinite;
  /*@media (max-width: 767.9999px) {
    bottom: 9vw;
    left: 21vw;
    width: 13vw;
  }*/
}
.section01 .animal-r01 {
  position: absolute;
  bottom: 8px;
  right: 7.2%;
  z-index: 5;
  width: 6.5%;
  pointer-events: none;
  animation: animal 4s linear infinite;
  /*@media (max-width: 767.9999px) {
    bottom: 9vw;
    right: 13vw;
    width: 17vw;
  }*/
}
@media (min-width: 1921px) {
  .section01:before {
    height: max(19vw, 351px);
  }
}

.section02 .section-inner--wrap {
  width: 61.5%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 1em 0 3.5em;
  margin-top: 6.5em;
  position: relative;
  z-index: 1;
}
.section02 .section-inner--wrap:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/separate_bg09.png") no-repeat center center/100% 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.section02 .section-inner--wrap--category {
  width: 82.2%;
  margin: 0 auto;
}
.section02 .section-inner--wrap--category picture {
  margin-left: -80px;
}
.section02 .section-inner--wrap--category .link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 15px 83px;
  color: #fff;
  font-size: 20px;
  border-radius: 40px;
  background-color: #00e34c;
  margin-top: 2em;
}
.section02 .section-inner--wrap--category .link:after {
  content: "";
  position: relative;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  transition: left 0.4s;
}
.section02 .section-inner--wrap--category .link:hover {
  background-color: #0cbe48;
}
.section02 .section-bnr {
  max-width: 1345px;
  margin: 5em auto 0;
}
@media (min-width: 1921px) {
  .section02:before {
    height: max(19vw, 351px);
  }
}

.section05 {
  background: #E2F3CC;
  position: relative;
  /*top: -5em;*/
  z-index: 1;
  padding-bottom: 19.3vw;
}
/*.section05:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 19.3vw;
  margin: auto;
  background: url(../images/separate_bg02.png) no-repeat center bottom/100%;
}*/
.section05 .bg-l03 {
  position: absolute;
  width: 11%;
  max-width: 216px;
  top: 7.5em;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.section05 .bg-r03 {
  position: absolute;
  width: 17.7%;
  max-width: 346px;
  top: 1em;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
.section05 .bg-l04 {
  position: absolute;
  width: 12%;
  max-width: 236px;
  top: 47.5%;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.section05 .bg-r04 {
  position: absolute;
  width: 10.7%;
  max-width: 211px;
  top: 47.5%;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
.section05 .bird-l01 {
  position: absolute;
  top: 4em;
  left: calc(-174px + 25vw);
  z-index: 1;
  pointer-events: none;
  animation: animal 4s linear -2s infinite;
}
.section05 .animal-l01 {
  position: absolute;
  bottom: 5px;
  left: 16%;
  z-index: 5;
  width: 6%;
  pointer-events: none;
  animation: animal 4s linear -1s infinite;
}
.section05 .animal-r01 {
  position: absolute;
  bottom: 8px;
  right: 7.2%;
  z-index: 5;
  width: 6.5%;
  pointer-events: none;
  animation: animal 4s linear infinite;
}
.section05 .video-wrap {
  overflow: inherit;
  padding-bottom: 5em;
  margin-top: -2.5vw;
  position: relative;
}
.section05 .video-wrap:before {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  height: 100%;
  background: url("../images/separate_bg08-1.png") no-repeat center center/100% 100%;
  top: 53.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.section05 .video-wrap--title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.section05 .video-wrap--title .section-title {
  max-width: 529px;
}
.section05 .video-wrap--title .animal-l06 {
  max-width: 124px;
  margin: -3em 2.5em 0 0;
  animation: animal 4s linear -1s infinite;
}
.section05 .video-wrap--title p {
  width: 100%;
  font-size: clamp(17px, 1.3vw, 26px);
  text-align: center;
  margin-top: 2.5em;
}
.section05 .video-wrap--category {
  width: 55%;
  max-width: 744px;
  margin: 20px auto 0;
}
.section05 .video-wrap--category--box .ttl {
  width: 95%;
  margin: 3.5em auto 0;
}
.section05 .video-wrap--category--box .bnr {
  margin-top: 2.5em;
}
.section05 .video-wrap--category--box p {
  text-align: center;
  line-height: 1.8;
  margin-top: 2.5em;
}
.section05 .video-wrap--category .ill05-3 {
  max-width: 153px;
  margin: 5em auto 0;
}
.section05 .video-wrap--notice {
  max-width: 246px;
  width: 100%;
  margin: 73px auto 0;
}
.section05 .video-wrap {
  /*text-align: center;
  &--box{
      aspect-ratio: 7/4;
      position: relative;
      width: 40%;
      height: auto;
      margin: 0 auto;
      iframe{
          width: 100%;
          height: 100%;
      }
  }
  h3{
      font-size: clamp(40px, 2vw,40px);
      font-family: "fot-tsukuardgothic-std", sans-serif;
      font-style: normal;
      font-weight: bold;
      letter-spacing: .1em;
      margin-top: 1em;
  }
  p{
      line-height: 1.8;
      margin-top: .5em;
  }*/
}
.section05 .video-wrap--half {
  padding-top: 30px;
}
.section05 .video-wrap--half .ttl {
  max-width: 623px;
  margin: 0 auto;
}
.section05 .video-wrap--half .ttl img {
  width: 100%;
  height: auto;
}
.section05 .video-wrap--half .lead {
  width: 100%;
  font-size: clamp(17px, 1.3vw, 26px);
  color: #6E4300;
  text-align: center;
  margin-top: 1em;
}
.section05 .video-wrap--half .half-list {
  margin-top: 45px;
  display: flex;
  gap: 75px;
}
.section05 .video-wrap--half .half-item {
  width: 50%;
}
.section05 .video-wrap--half .half-item picture {
  width: 90%;
  margin: 0 auto;
}
.section05 .video-wrap--half .half-item .image {
  width: 100%;
  height: auto;
  margin-top: 35px;
}
.section05 .section-inner {
  overflow: inherit;
  padding-bottom: 7.5em;
  margin-top: 12.5em;
  position: relative;
}
.section05 .section-inner:before {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  height: 100%;
  background: url("../images/separate_bg05-1.png") no-repeat center center/100% 100%;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.section05 .section-inner--title {
  display: table;
  position: relative;
  margin: 0 auto;
}
.section05 .section-inner--title .section-title {
  max-width: 381px;
}
.section05 .section-inner--title .animal-l05 {
  position: absolute;
  max-width: 144px;
  top: -3em;
  left: -9em;
  pointer-events: none;
  animation: animal 4s linear -1s infinite;
}
.section05 .section-inner--title .ill05-1 {
  position: absolute;
  max-width: 66px;
  top: 1em;
  right: -5em;
  pointer-events: none;
  animation: animal 4s linear infinite;
}
.section05 .section-inner--wrap {
  width: 45%;
  max-width: 860px;
  margin: 0 auto;
  position: relative;
}
.section05 .section-inner--wrap .ill05-2 {
  position: absolute;
  bottom: -4vw;
  right: -1.5vw;
  width: 19.4%;
}
.section05 .section-inner--wrap--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5em;
  position: relative;
  z-index: 2;
}
.section05 .section-inner--wrap--category .image {
  width: 35%;
}
.section05 .section-inner--wrap--category--texts {
  width: 57.5%;
  color: #A37123;
}
.section05 .section-inner--wrap--category--texts h4 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  font-size: clamp(38px, 2vw, 38px);
  font-weight: lighter;
  letter-spacing: 0.1em;
}
.section05 .section-inner--wrap--category--texts h4 span {
  font-size: clamp(20px, 1vw, 20px);
  font-family: "Poppins", sans-serif;
  font-weight: lighter;
  letter-spacing: 0.2em;
  margin-left: 1em;
}
.section05 .section-inner--wrap--category--texts p {
  color: #A37123;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 2em;
}
.section05 .section-inner--wrap--category--texts--sns {
  font-size: clamp(14px, 0.7vw, 14px);
  margin-top: 2em;
}
.section05 .section-inner--wrap--category--texts--sns ul {
  display: flex;
  align-items: center;
}
.section05 .section-inner--wrap--category--texts--sns ul li {
  width: 17%;
  max-width: 40px;
  margin-top: 1.5em;
}
.section05 .section-inner--wrap--category--texts--sns ul li:nth-of-type(n+2) {
  margin-left: 8.5%;
}
.section05 .section-bnr {
  max-width: 1345px;
  margin: 5em auto 0;
}

.ytmodal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}
.ytmodal.is-open {
  display: block;
}
.ytmodal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.ytmodal__panel {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  max-width: 960px;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 1em;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
  /*width: min(960px, calc(100% - 32px));
  margin: 6vh auto 0;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.35);*/
}
.ytmodal {
  /* 16:9 responsive */
}
.ytmodal__ratio {
  position: relative;
  padding-top: 56.25%;
}
.ytmodal__ratio iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ytmodal__close {
  max-width: 2em;
  max-height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(12px, 1.4vw, 32px);
  padding: 1em;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  position: absolute;
  top: -2.5em;
  right: 0;
  z-index: 1;
}
.ytmodal__close:hover {
  color: #000;
  background: rgba(255, 255, 255, 0.8);
}
.ytmodal__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (max-width: 767.9999px) {
  .js-header-menu-button span {
    background-color: #16902E;
  }
  .js-header-menu-button .text {
    color: #16902E;
  }
  .c-mv {
    margin-top: 5em;
  }
  .c-mv:before {
    top: -5em;
  }
  .section01 {
    padding-bottom: 56vw;
    position: relative;
    z-index: 1;
  }
  .section01:before {
    width: 200vw;
    height: 56vw;
    left: 40%;
    background: url(../images/separate_bg07_sp.svg) no-repeat center bottom/100% !important;
  }
  .section01 .section-title {
    padding-block: 85px 60px;
  }
  .section01--info {
    margin: 0 auto;
  }
  .section01--info .section-title {
    width: 74.7%;
  }
  .section01--info--list {
    max-width: 77.5%;
    padding: 5em 0 2em;
    margin: -4em auto 0;
  }
  .section01--info--list:before {
    width: 115%;
    background: url("../images/separate-info_bg01_sp.png") no-repeat center center/100% 100%;
  }
  .section01--info--list--category a .icon {
    width: 19.6%;
  }
  .section01--info--list--category a .texts {
    width: 75%;
  }
  .section01--info--list--category a .texts h3 {
    width: 70%;
    font-size: clamp(14px, 3.2vw, 26px);
    letter-spacing: 0;
  }
  .section01--info--list--category a .texts .date {
    width: 30%;
    font-size: clamp(8px, 2.1vw, 14px);
    border-right: none;
  }
  .section01--info--list--category a .texts .txt {
    width: 100%;
    font-size: clamp(11px, 2.9vw, 16px);
    line-height: 1.4;
    padding-left: 0;
    margin-top: 1em;
  }
  .section01 .bg-r01 {
    width: inherit;
    max-width: 100px;
    top: 220vw;
    right: calc(-100px + 26vw);
    z-index: -1;
  }
  .section01 .bg-l03 {
    width: inherit;
    max-width: 140px;
    top: -6.5vw;
    left: calc(-140px + 19vw);
  }
  .section01 .bg-r03 {
    width: inherit;
    max-width: 140px;
    top: 125vw;
    right: calc(-140px + 26vw);
  }
  .section01 .cloud-l01 {
    max-width: 77px;
    bottom: 35vw;
    left: calc(-77px + 15vw);
  }
  .section01 .cloud-r01 {
    max-width: 77px;
    bottom: 47.5vw;
    right: calc(-77px + 13vw);
  }
  .section01 .bird-l01 {
    max-width: 50px;
    top: 185vw;
    left: calc(-52px + 15vw);
  }
  .section01 .animal-l01,
  .section01 .animal-r01 {
    display: none;
  }
  .section02 .section-inner--wrap {
    width: 90%;
    padding: 0 0 3.5em;
    margin-top: 5em;
  }
  .section02 .section-inner--wrap:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/separate_bg09_sp.png") no-repeat center center/100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .section02 .section-inner--wrap--category {
    width: 82.2%;
  }
  .section02 .section-inner--wrap--category picture {
    margin: -2.5em auto 0;
  }
  .section02 .section-inner--wrap--category .link {
    padding: 10px 50px;
    font-size: 16px;
    border-width: 1.5px;
    margin-top: 2em;
  }
  .section02 .section-inner--wrap--category .link:after {
    content: "";
    position: relative;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    transition: left 0.4s;
  }
  .section02 .section-inner--wrap--category .link:hover {
    background-color: #0cbe48;
  }
  .section02 .section-bnr {
    max-width: 1345px;
    margin: 5em auto 0;
  }
}
@media (max-width: 767.9999px) and (min-width: 1921px) {
  .section02:before {
    height: max(19vw, 351px);
  }
}
@media (max-width: 767.9999px) {
  .section05 {
    padding-bottom: 60vw;
  }
  .section05:before {
    height: 60vw;
    margin: auto;
    background-image: url("../images/separate_bg02_sp.png");
  }
}
@media (max-width: 767.9999px) and (min-width: 1921px) {
  .section05:before:before {
    height: max(19vw, 351px);
  }
}
@media (max-width: 767.9999px) {
  .section05 .bg-l03 {
    width: inherit;
    max-width: 100px;
    top: -15vw;
    left: calc(-100px + 26.7vw);
  }
  .section05 .bg-r03 {
    width: inherit;
    max-width: 90px;
    top: -10vw;
    right: calc(-90px + 24vw);
  }
  .section05 .bg-l04 {
    width: inherit;
    max-width: 92px;
    top: 41%;
    left: calc(-92px + 24.5vw);
  }
  .section05 .bg-r04 {
    width: inherit;
    max-width: 92px;
    top: 41%;
    right: calc(-92px + 24.5vw);
  }
  .section05 .animal-l01 {
    bottom: 9vw;
    left: 21vw;
    width: 13vw;
  }
  .section05 .animal-r01 {
    bottom: 9vw;
    right: 13vw;
    width: 17vw;
  }
  .section05 .video-wrap {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
  }
  .section05 .video-wrap:before {
    width: 85%;
    background: url("../images/separate_bg08-1_sp.png") no-repeat center center/100% 100%;
    top: 55%;
  }
  .section05 .video-wrap--title {
    flex-direction: column;
  }
  .section05 .video-wrap--title .section-title {
    max-width: 67.3%;
    margin-top: 1em;
  }
  .section05 .video-wrap--title .animal-l06 {
    max-width: 22.6%;
    margin: -22.5vw auto 0;
  }
  .section05 .video-wrap--title p {
    font-size: clamp(17px, 1.3vw, 26px);
    margin-top: 1.5em;
  }
  .section05 .video-wrap--category {
    width: 75%;
    margin-top: 45px;
  }
  .section05 .video-wrap--category--box .ttl {
    margin: 1.5em auto 0;
  }
  .section05 .video-wrap--category--box .bnr {
    margin-top: 1.5em;
  }
  .section05 .video-wrap--category--box p {
    text-align: justify;
    margin-top: 1.5em;
  }
  .section05 .video-wrap--category .ill05-3 {
    max-width: 28.7%;
    margin: 1.5em auto 0;
  }
  .section05 .video-wrap--notice {
    margin-top: 45px;
  }
  .section05 .video-wrap {
    /*&--box{
        width: 90%;
    }
    h3{
        font-size: clamp(26px, 3.7vw, 40px);
        line-height: 1.4;
    }
    p{
        width: 82.5%;
        margin: 1em auto 0;
        font-size: clamp(14px, 2vw, 16px);
        text-align: justify;
    }*/
  }
  .section05 .video-wrap--half .ttl {
    max-width: 518px;
  }
  .section05 .video-wrap--half .half-list {
    margin-top: 25px;
    flex-direction: column;
    gap: 20px;
  }
  .section05 .video-wrap--half .half-item {
    width: 100%;
  }
  .section05 .video-wrap--half .half-item picture {
    width: 80%;
  }
  .section05 .section-inner {
    position: relative;
    z-index: 2;
    padding-bottom: 2.5em;
    margin-top: 12.5em;
  }
  .section05 .section-inner:before {
    width: 85%;
    background: url("../images/separate_bg05-1_sp.png") no-repeat center center/100% 100%;
    top: 52%;
  }
  .section05 .section-inner--title .section-title {
    max-width: 53vw;
  }
  .section05 .section-inner--title .animal-l05 {
    max-width: 21vw;
    top: -6em;
    left: 27.5%;
    transform: translateX(-50%);
  }
  .section05 .section-inner--title .ill05-1 {
    max-width: 9.7vw;
    top: -3.5em;
    right: 22.5%;
    transform: translateX(-50%);
  }
  .section05 .section-inner--wrap {
    width: 70%;
  }
  .section05 .section-inner--wrap--category {
    margin-top: 2.5em;
  }
  .section05 .section-inner--wrap--category .image {
    width: 100%;
  }
  .section05 .section-inner--wrap--category--texts {
    width: 100%;
  }
  .section05 .section-inner--wrap--category--texts h4 {
    font-size: clamp(33px, 8.8vw, 38px);
    text-align: center;
    margin-top: 1em;
    align-items: center;
    flex-direction: column;
  }
  .section05 .section-inner--wrap--category--texts h4 span {
    display: block;
    font-size: clamp(11px, 2.9vw, 20px);
    margin: 1.5em auto 0;
  }
  .section05 .section-inner--wrap--category--texts p {
    font-size: clamp(12px, 3.4vw, 16px);
  }
  .section05 .section-inner--wrap--category--texts picture {
    margin-top: 2em;
  }
  .section05 .section-inner--wrap--category--texts--sns {
    font-size: clamp(13px, 3.4vw, 14px);
    border-top: 1px dashed #A37123;
    padding-top: 3em;
    margin-top: 3em;
    text-align: center;
  }
  .section05 .section-inner--wrap--category--texts--sns p {
    margin-top: 0;
  }
  .section05 .section-inner--wrap--category--texts--sns ul {
    justify-content: center;
  }
  .section05 .section-inner--wrap--category--texts--sns ul li {
    max-width: 10vw;
  }
  .section05 .section-bnr {
    position: relative;
    z-index: 2;
    max-width: 95%;
    margin-top: 3em;
  }
  .ytmodal__close {
    font-size: clamp(12px, 5vw, 32px);
    right: 0.5em;
  }
}/*# sourceMappingURL=style-top2025.css.map */