/***** common *****/
.pc-only {
  display: block;
}

@media (max-width: 768px) {
  .pc-only {
    display: none;
  }
}
.sp-only {
  display: none;
}

@media (max-width: 768px) {
  .sp-only {
    display: block;
  }
}
/***** common /*****/
/*** header ***/
@media (max-width: 768px) {
  .js-header-menu-button:not(.active) {
    background: none;
  }
}
.js-header-menu-button span {
  background-color: #FFFFFF;
}
.js-header-menu-button .text {
  color: #FFFFFF;
}

/*** header /***/
.js-color01 .media_bg_sky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 768px) {
  .section01 .cloud-l01,
  .section01 .cloud-r01 {
    max-width: 110px;
  }
}
.section01::before {
  background-image: url(../images/media/media_separate_bg07.png);
}
@media (max-width: 768px) {
  .section01::before {
    background: url(../images/media/media_separate_bg07_sp.png) no-repeat center bottom/100% !important;
    transform: none;
    left: 0;
    width: 100vw;
    height: 66vw;
  }
}
.section01 {
  background: transparent;
  padding-bottom: 27vw;
}
@media (min-width: 961px) {
  .section01 {
    padding-bottom: 27vw;
  }
}
@media (max-width: 768px) {
  .section01 {
    padding-bottom: 40.5vw;
  }
}
.section01 .bg-l001 {
  position: absolute;
  width: 15%;
  max-width: 126px;
  top: 360px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.section01 .bg-r001 {
  position: absolute;
  width: 15%;
  max-width: 181px;
  top: 360px;
  right: -30px;
  z-index: 2;
  pointer-events: none;
}
.section01 .bg-l03,
.section01 .bg-r03 {
  top: 370px;
  z-index: 2;
}
.section01 .bg-l03 {
  max-width: 203px;
}
.section01 .bg-r03 {
  top: 490px;
  width: 21%;
  max-width: 301px;
}
@media (max-width: 768px) {
  .section01 .bg-r03 {
    width: inherit;
    max-width: 120px;
    top: 86vw;
    right: -22px;
  }
}
.section01 .cloud-l01 {
  top: 33%;
  left: 28px;
}
@media (max-width: 768px) {
  .section01 .cloud-l01 {
    top: 37%;
  }
}
.section01 .cloud-r01 {
  top: 51%;
  right: 31px;
}
@media (max-width: 440px) {
  .section01 .cloud-r01 {
    top: 46%;
  }
}
@media (min-width: 441px) and (max-width: 768px) {
  .section01 .cloud-r01 {
    top: 34%;
  }
}
@media (min-width: 961px) {
  .section01 .cloud-r01 {
    top: 37%;
  }
}
.section01 .bird-l01 {
  position: absolute;
  top: 450px;
  left: calc(-174px + 22vw);
  z-index: 2;
  pointer-events: none;
  animation: animal 4s linear -2s infinite;
}
.section01 .bird-r01 {
  top: 50%;
  right: 269px;
}
@media (min-width: 961px) {
  .section01 .bird-r01 {
    right: 460px;
  }
}

.section05 {
  width: 115%;
  height: 100%;
  background: url(../images/media/media_separate_bg07_2.png) repeat-y center bottom/100%;
  display: block;
}
@media (max-width: 768px) {
  .section05 {
    z-index: auto;
    background: url(../images/media/media_separate_bg07_2_sp.png) repeat-y center bottom/100%;
    padding-bottom: 15vw;
  }
  .section05 .cloud-l01,
  .section05 .cloud-r01 {
    max-width: 110px;
    z-index: 2;
  }
  .section05 .cloud-l01 {
    position: absolute;
    top: -119px;
    left: 28px;
    pointer-events: none;
    animation: cloud 4s ease-in-out infinite alternate-reverse;
  }
  .section05 .cloud-r01 {
    position: absolute;
    top: -23vw;
    right: 31px;
    pointer-events: none;
    animation: cloud 4s ease-in-out -2s infinite alternate-reverse;
  }
  .section05 .bg-l03_sp,
  .section05 .bg-r03_sp {
    z-index: 1;
  }
  .section05 .bg-l03_sp {
    position: absolute;
    top: -37px;
    left: 13px;
    pointer-events: none;
    max-width: 76px;
  }
  .section05 .bg-r03_sp {
    position: absolute;
    top: -13vw;
    right: 49px;
    pointer-events: none;
    max-width: 40px;
  }
  .section05 .bg-l003_sp {
    position: absolute;
    top: 163px;
    left: -39px;
    pointer-events: none;
    max-width: 102px;
    z-index: -2;
  }
  .section05 .bg-l10 {
    position: absolute;
    max-width: 59px;
    top: 51vw;
    left: -14px;
  }
  .section05 .bg-r10 {
    position: absolute;
    top: 3.2%;
    right: -25px;
    max-width: 94px;
    pointer-events: none;
  }
  .section05 .bg-l11 {
    position: absolute;
    max-width: 108px;
    top: 28.8%;
    left: -18px;
  }
  .section05 .bg-r11 {
    position: absolute;
    top: 41.8%;
    right: -16px;
    max-width: 91px;
    pointer-events: none;
  }
  .section05 .bg-l12 {
    position: absolute;
    max-width: 105px;
    top: 65%;
    left: -52px;
  }
  .section05 .bg-r12 {
    position: absolute;
    top: 72.4%;
    right: -29px;
    max-width: 84px;
    pointer-events: none;
  }
  .section05 .bg-r13 {
    position: absolute;
    top: 90%;
    right: -24px;
    max-width: 86px;
    pointer-events: none;
  }
}
.section05 .video-wrap--category--box {
  width: 50%;
  max-width: 671px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .section05 .video-wrap--category--box {
    width: 100%;
  }
}
.section05 .video-wrap--category--box:not(:first-of-type) > p {
  color: #6E4300;
}
.section05 .section5-inner1 {
  margin-top: 40px;
}
.section05 .section5-inner1::after {
  content: "";
  /*height: 2px;
  background: linear-gradient(to right, #B5E87D 7px, transparent 1px) repeat-x left bottom / 11px 2px;
  display: block;
  padding-bottom: 9rem;
  margin: 0 auto;
  width: 50%;*/
  height: 2px;
  background: linear-gradient(to right, #B5E87D 7px, transparent 1px) repeat-x left bottom/11px 2px;
  display: block;
  padding-bottom: 9rem;
  margin: 0 auto;
  width: 50%;
}
@media (max-width: 768px) {
  .section05 .section5-inner1::after {
    padding-bottom: 3em;
    width: 78%;
  }
}
.section05 .section5-inner1 .section-inner--wrap {
  max-width: 760px;
}
.section05 .section5-inner1 .section-inner--wrap .ill05-2 {
  right: 1.5vw;
}
@media (max-width: 768px) {
  .section05 .section5-inner1 .section-inner--wrap .section-inner--wrap--category {
    margin-top: 1.5em;
  }
  .section05 .section5-inner1 .section-inner--wrap .section-inner--wrap--category .section-inner--wrap--category--texts--sns {
    padding-top: 2em;
  }
}
.section05 .section5-inner1 .section-inner--wrap--category .image > img {
  border-radius: 10%;
}
@media (max-width: 768px) {
  .section05 .section5-inner1 .section-inner--title {
    margin-top: 11.5em;
  }
  .section05 .section5-inner1 .section-inner--title .animal-l05 {
    top: -11em;
  }
  .section05 .section5-inner1 .section-inner--title .ill05-1 {
    top: -8em;
  }
  .section05 .section5-inner1 .section-inner--title .section-title {
    margin-top: -4.8em;
  }
}
.section05 .section5-inner1 .section-inner--title {
  /*@media (max-width: 440px) {
    .ill05-1 {top: -7.5em;}
  }*/
}
.section05 .video-wrap::before {
  background-image: url("../images/media/media_separate_bg08-1.png");
  top: 51.2%;
  /*padding-bottom: 26%;*/
}
@media (max-width: 768px) {
  .section05 .video-wrap::before {
    width: 92%;
    top: 51%;
    background-image: url("../images/media/media_separate_bg08-1_sp.png");
    padding-bottom: 11em;
  }
}
@media (max-width: 768px) {
  .section05 .video-wrap .video-wrap--notice {
    max-width: 165px;
  }
}
.section05 .video-wrap .video-wrap--category {
  width: auto;
}
@media (max-width: 768px) {
  .section05 .video-wrap .video-wrap--category {
    width: 75%;
    margin-top: 31px;
  }
}
.section05 .video-wrap .video-wrap--category {
  max-width: none;
}
.section05 .video-wrap .video-wrap--category .image > img {
  border-radius: 5%;
}
.section05 .video-wrap .video-wrap--category .video-wrap--half {
  max-width: 904px;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .section05 .video-wrap .video-wrap--category .video-wrap--half {
    width: 100%;
    padding-top: 1em;
  }
}
.section05 .video-wrap .half-books-e::before {
  content: "";
  height: 2px;
  background: linear-gradient(to right, #B5E87D 7px, transparent 1px) repeat-x left bottom/11px 2px;
  display: block;
  padding-bottom: 45px;
  margin: 0 auto;
  width: 50%;
}
@media (max-width: 768px) {
  .section05 .video-wrap .half-books-e::before {
    width: 78%;
  }
}
.section05 .video-wrap .half-books-e .half-books-e-inner {
  display: flex;
  gap: 70px;
  width: 38%;
  margin: 45px auto 0;
}
@media (max-width: 768px) {
  .section05 .video-wrap .half-books-e .half-books-e-inner {
    width: 100%;
    display: block;
    width: 75%;
    position: relative;
  }
}
.section05 .video-wrap .half-books-e .half-books-e-inner div {
  width: 50%;
}
@media (max-width: 768px) {
  .section05 .video-wrap .half-books-e .half-books-e-inner div {
    width: 90%;
    margin: 0 auto;
  }
  .section05 .video-wrap .half-books-e .half-books-e-inner div:last-of-type {
    margin-top: 1em;
  }
}
.section05 .video-wrap .half-books-e .half-books-e-inner div a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 57px;
  color: #fff;
  font-size: 14px;
  border-radius: 40px;
  background-color: #6E4300;
  margin-top: 2em;
}
.section05 .video-wrap .half-books-e .half-books-e-inner div 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;
  transform: rotate(45deg);
  transition: left 0.4s;
}
.section05 .video-wrap .half-books-e .half-books-e-inner div a:hover {
  background-color: #5E3900;
}
.section05 .video-wrap .half-books-e .half-books-e-inner div:first-of-type {
  text-align: center;
}
.section05 .video-wrap .half-books-e .half-books-e-inner div:first-of-type > img {
  width: 70%;
}
@media (max-width: 768px) {
  .section05 .video-wrap .video-wrap--title .animal-l06 {
    margin-top: -30vw;
  }
}
.section05 .video-wrap--category .ill05-4 {
  max-width: 180px;
  margin: 5em auto 0;
}
@media (max-width: 768px) {
  .section05 .video-wrap--category .ill05-4 {
    width: 29%;
    margin-top: 1.5em;
  }
}
.section05 .section-bnr {
  width: 55%;
  max-width: 964px;
  position: relative;
  bottom: 8em;
}
@media (max-width: 768px) {
  .section05 .section-bnr {
    bottom: 0;
    width: 95%;
    margin-top: 2em;
  }
}
.section05 .bg-l04 {
  top: 22.6%;
  width: 11.5%;
}
@media (max-width: 768px) {
  .section05 .bg-l04 {
    width: inherit;
    max-width: 79px;
    top: 16.2%;
    left: 0;
  }
}
.section05 .bg-r04 {
  top: 22.5%;
  width: 15%;
  max-width: 239px;
}
@media (max-width: 768px) {
  .section05 .bg-r04 {
    width: inherit;
    max-width: 79px;
    top: 11.4%;
    right: 0;
  }
}
.section05 .bg-l05 {
  position: absolute;
  width: 12%;
  max-width: 169px;
  top: 46.5%;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .section05 .bg-l05 {
    width: inherit;
    max-width: 101px;
    top: 31.4%;
    left: 0;
  }
}
.section05 .bg-r05 {
  position: absolute;
  width: 10.7%;
  max-width: 167px;
  top: 51%;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .section05 .bg-r05 {
    width: inherit;
    max-width: 122px;
    top: 36.7%;
    right: -70px;
  }
}
.section05 .bg-l06 {
  position: absolute;
  width: 12%;
  max-width: 141px;
  top: 66.3%;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .section05 .bg-l06 {
    width: inherit;
    max-width: 107px;
    top: 45.3%;
    left: -36px;
    z-index: 2;
  }
}
.section05 .bg-r06 {
  position: absolute;
  width: 15.7%;
  max-width: 283px;
  top: 67.5%;
  right: -1.1%;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .section05 .bg-r06 {
    width: inherit;
    max-width: 188px;
    top: 46.3%;
    right: -48px;
  }
}
.section05 .bg-l07 {
  position: absolute;
  width: 12%;
  max-width: 142px;
  top: 74.9%;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .section05 .bg-l07 {
    width: inherit;
    max-width: 142px;
    top: 54.8%;
    left: -32px;
  }
}
.section05 .bg-r07 {
  position: absolute;
  width: 15.7%;
  max-width: 126px;
  top: 83.8%;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .section05 .bg-r07 {
    width: inherit;
    max-width: 98px;
    /*max-width: 22.275%;*/
    top: 57.3%;
    right: -43px;
    z-index: 2;
  }
}
@media (max-width: 768px) {
  .section05 .bg-r008 {
    position: absolute;
    max-width: 350px;
    top: 59.7%;
    right: -252px;
    z-index: 1;
  }
  .section05 .bg-l008 {
    max-width: 98px;
    position: absolute;
    top: 69.2%;
    left: -29px;
    z-index: 2;
  }
  .section05 .bg-r09 {
    position: absolute;
    max-width: 124px;
    top: 70.2%;
    right: -41px;
    z-index: 1;
  }
  .section05 .bg-l09 {
    position: absolute;
    max-width: 74px;
    top: 78.1%;
    left: -19px;
    z-index: 2;
  }
}

.section-sitemap .bg-l08 {
  position: absolute;
  width: 12%;
  max-width: 175px;
  top: -171px;
  left: -15px;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 961px) {
  .section-sitemap .bg-l08 {
    top: -340px;
  }
}
.section-sitemap .bg-r08 {
  position: absolute;
  width: 12%;
  max-width: 180px;
  top: -206px;
  right: 47px;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 961px) {
  .section-sitemap .bg-r08 {
    top: -362px;
    right: 112px;
  }
}
.section-sitemap .bird-l01 {
  position: absolute;
  top: -184px;
  left: 141px;
  width: 12%;
  max-width: 176px;
  z-index: 1;
  pointer-events: none;
  -webkit-animation: animal 4s linear -2s infinite;
  animation: animal 4s linear -2s infinite;
}
@media (min-width: 961px) {
  .section-sitemap .bird-l01 {
    top: -330px;
    left: 251px;
  }
}
@media (max-width: 768px) {
  .section-sitemap .bird-l01 {
    top: -77px;
    left: 209px;
    width: 23%;
  }
}
.section-sitemap {
  /*@media (max-width: 767.9999px) {
    .bird-l01 {
      width: 14vw;
    }
  }*/
}
.section-sitemap .animal-l07 {
  position: absolute;
  width: 12%;
  max-width: 156px;
  top: -50px;
  left: 103px;
  z-index: 1;
  pointer-events: none;
  animation: animal 4s linear -2s infinite;
}
@media (min-width: 961px) {
  .section-sitemap .animal-l07 {
    top: -149px;
    left: 153px;
  }
}
.section-sitemap .animal-l08 {
  position: absolute;
  width: 12%;
  max-width: 152px;
  top: -140px;
  right: 123px;
  z-index: 1;
  pointer-events: none;
  animation: animal 4s linear -2s infinite;
}
@media (min-width: 961px) {
  .section-sitemap .animal-l08 {
    top: -239px;
    right: 243px;
  }
}/*# sourceMappingURL=style-media.css.map */