/*文字アニメーション*/
.box01_li a,.box01_li02 a {
  opacity: 0;
}

.box01_li.inview a,.box01_li02.inview a {
  -webkit-animation-name: kf-animate-chars;
          animation-name: kf-animate-chars;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(0.39, 1.57, 0.58, 1);
          animation-timing-function: cubic-bezier(0.39, 1.57, 0.58, 1);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.box01_li.inview a:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.box01_li.inview a:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.box01_li.inview a:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.box01_li.inview a:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.box01_li02.inview a:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.box01_li02.inview a:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.box01_li02.inview a:nth-child(3) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.box01_li02.inview a:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}


@-webkit-keyframes kf-animate-chars {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes kf-animate-chars {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.cover-slide {
  position: relative;
  overflow: hidden;
}

.cover-slide::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eaebe6;
  opacity: 0;
}

.cover-slide.inview::after {
  opacity: 1;
  -webkit-animation-name: kf-cover-slide;
          animation-name: kf-cover-slide;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
#index .cover-slide .icon_text {opacity: 0; transform: translateY(-50%); transition-duration: 1s; -webkit-transition-delay: 2s; transition-delay: 2s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
#index .cover-slide.inview .icon_text {opacity: .3; transform: translateY(0);}

@-webkit-keyframes kf-cover-slide {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.1% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes kf-cover-slide {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.1% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.img-zoom {
  opacity: 0;
}

.inview .img-zoom {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-animation-name: kf-img-show;
          animation-name: kf-img-show;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: normal;
          animation-fill-mode: normal;
}


@-webkit-keyframes kf-img-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kf-img-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
  }
}
.box02_left_box h2 .char01 {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: .5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview h2 .char01 {opacity: 1; transform: translateX(0);}
.box02_left_box h2 .char02 {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: .75s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview h2 .char02 {opacity: 1; transform: translateX(0);}
.box02_left_box .txt {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: 1.5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview .txt {opacity: 1; transform: translateX(0);}
.box02_left_box .btn {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: 1.75s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview .btn {opacity: 1; transform: translateX(0);}
.box02_left_box h2 .char01::after {content: ""; position: absolute; left: 0; bottom: -8px; width: 100%; height: 4px; background: #94b915; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; transition-delay: 2.5s;}
.box02_left_box.inview h2 .char01::after {transform: scale(1, 1);}
.box02_left_box h2 .char02::after {content: ""; position: absolute; left: 0; bottom: -8px; width: 100%; height: 4px; background: #94b915; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; transition-delay: 2.75s;}
.box02_left_box.inview h2 .char02::after {transform: scale(1, 1);}
.box06_inner .map_box {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box06_inner.inview .map_box {opacity: 1; transform: translateX(0);}
.box06_inner .access_box {opacity: 0; transform: translateX(20px); transition-duration: 1.5s; transition-delay: .5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box06_inner.inview .access_box {opacity: 1; transform: translateX(0);}
.scrt-to-top {-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-transition-property: opacity,transform;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
.box03_inner .scrt-to-top:nth-child(2),.box05_inner .scrt-to-top:nth-child(2) {transition-delay: .2s; -webkit-transition-delay: .2s;}
.box03_inner .scrt-to-top:nth-child(3),.box05_inner .scrt-to-top:nth-child(3) {transition-delay: .4s; -webkit-transition-delay: .4s;}
.box03_inner.inview .scrt-to-top,.box05_inner.inview .scrt-to-top {transform: translateY(0); opacity: 1;}