.story .contents {
  padding-bottom: 0;
}

.story .txt {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: relative;
  z-index: 50;
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  background-size: 100% auto !important;
  font-size: 0;
  text-indent: -9999px;
  -webkit-background-size: 100% auto !important;
  -o-background-size: 100% auto !important;
}

.story .txt.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.story .img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.story .img.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.story .img01 {
  -webkit-transform: translate(0, -60px);
  -ms-transform: translate(0, -60px);
  transform: translate(0, -60px);
}

.story .txt01 {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.is-start .story .img01 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.is-start .story .txt01 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  -o-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

.story .img05 {
  position: static;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  width: 100%;
  margin-top: 21%;
  overflow: hidden;
}

.story .img05 img {
  position: relative;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.story .img05.is-active img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.story_scroll {
  display: block;
}

@media only screen and (max-width: 750px) {
  .story .txt {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
  .story .txt.is-active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .story .img {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
  .story .img.is-active {
    -webkit-transition: opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .story .img01, .story .txt01 {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .is-start .story .img01 {
    -webkit-transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    -o-transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
  }
  .is-start .story .txt01 {
    -webkit-transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    -o-transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  }
  .story .txt01 {
    padding-top: 22vw;
    background: url(../img/story/txt01_sp.png) center bottom no-repeat;
  }
  .story .txt02 {
    margin-top: 38vw;
    padding-top: 21vw;
    background: url(../img/story/txt02_sp.png) center top no-repeat;
  }
  .story .txt03 {
    margin-top: 8.5vw;
    padding-top: 16vw;
    background: url(../img/story/txt03_sp.png) center top no-repeat;
  }
  .story .txt04 {
    margin-top: 8.5vw;
    padding-top: 22vw;
    background: url(../img/story/txt04_sp.png) center top no-repeat;
  }
  .story .txt05 {
    margin-top: 40.5vw;
    padding-top: 19vw;
    background: url(../img/story/txt05_sp.png) center top no-repeat;
  }
  .story .txt06 {
    margin-top: 62vw;
    padding-top: 17vw;
    background: url(../img/story/txt06_sp.png) center top no-repeat;
  }
  .story .txt07 {
    margin-top: 8.5vw;
    padding-top: 32.5vw;
    background: url(../img/story/txt07_sp.png) center top no-repeat;
  }
  .story .txt08 {
    margin-top: 35.5vw;
    padding-top: 19vw;
    background: url(../img/story/txt08_sp.png) center top no-repeat;
  }
  .story .img01 {
    top: 12.6%;
    right: 0;
    width: 80%;
    max-width: 600px;
  }
  .story .img02 {
    top: 41.2%;
    left: 7.5%;
    width: 54.13%;
    max-width: 406px;
  }
  .story .img03 {
    top: 53.2%;
    right: 0;
    width: 68.26%;
    max-width: 512px;
  }
  .story .img04 {
    top: 78.7%;
    left: 0;
    width: 46.13%;
    max-width: 346px;
  }
  .story .en .txt01 {
    padding-top: 26.4vw;
    background: url(../../en/assets/img/story/txt01EN_sp.png) center bottom no-repeat;
  }
  .story .en .txt02 {
    margin-top: 38vw;
    padding-top: 25vw;
    background: url(../../en/assets/img/story/txt02EN_sp.png) center top no-repeat;
  }
  .story .en .txt03 {
    margin-top: 8.5vw;
    padding-top: 14vw;
    background: url(../../en/assets/img/story/txt03EN_sp.png) center top no-repeat;
  }
  .story .en .txt04 {
    margin-top: 8.5vw;
    padding-top: 24vw;
    background: url(../../en/assets/img/story/txt04EN_sp.png) center top no-repeat;
  }
  .story .en .txt05 {
    margin-top: 49.5vw;
    padding-top: 28vw;
    background: url(../../en/assets/img/story/txt05EN_sp.png) center top no-repeat;
  }
  .story .en .txt06 {
    margin-top: 65vw;
    padding-top: 25vw;
    background: url(../../en/assets/img/story/txt06EN_sp.png) center top no-repeat;
  }
  .story .en .txt07 {
    margin-top: 8.5vw;
    padding-top: 23vw;
    background: url(../../en/assets/img/story/txt07EN_sp.png) center top no-repeat;
  }
  .story .en .txt08 {
    margin-top: 35.7vw;
    padding-top: 22vw;
    background: url(../../en/assets/img/story/txt08EN_sp.png) center top no-repeat;
  }
  .story .en .img01 {
    top: 62.5vw;
  }
  .story .en .img02 {
    top: 210vw;
  }
  .story .en .img03 {
    top: 280vw;
  }
  .story .en .img04 {
    top: 400vw;
  }
}

@media only screen and (min-width: 751px) {
  .story .in_contents {
    width: 100%;
    max-width: 100%;
    margin: 90px auto 0;
  }
  .story .story_wrap {
    position: relative;
    max-width: 1650px;
    margin: 0 auto;
    padding-top: 156px;
  }
  .story .txt {
    display: block;
    left: 50%;
  }
  .story .txt01 {
    width: 496px;
    height: 128px;
    margin-left: -282px;
    background: url(../img/story/txt01_pc.png) center top no-repeat;
  }
  .story .txt02 {
    width: 548px;
    height: 54px;
    margin: 17% 0 0 62px;
    background: url(../img/story/txt02_pc.png) center top no-repeat;
  }
  .story .txt03 {
    width: 454px;
    height: 44px;
    margin: 3% 0 0 14px;
    background: url(../img/story/txt03_pc.png) center top no-repeat;
  }
  .story .txt04 {
    width: 622px;
    height: 44px;
    margin: 3% 0 0 99px;
    background: url(../img/story/txt04_pc.png) center top no-repeat;
  }
  .story .txt05 {
    width: 350px;
    height: 102px;
    margin: 43.7% 0 0 -353px;
    background: url(../img/story/txt05_pc.png) center top no-repeat;
  }
  .story .txt06 {
    width: 348px;
    height: 76px;
    margin: 4.5% 0 0 -356px;
    background: url(../img/story/txt06_pc.png) center top no-repeat;
  }
  .story .txt07 {
    width: 550px;
    height: 190px;
    margin: -6% 0 0 255px;
    background: url(../img/story/txt07_pc.png) center top no-repeat;
  }
  .story .txt08 {
    width: 750px;
    height: 128px;
    margin: 22.6% 0 0;
    background: url(../img/story/txt08_pc.png) center top no-repeat;
  }
  .story .img01 {
    top: 2%;
    right: 0;
    width: 66.4%;
  }
  .story .img02 {
    top: 41.3%;
    left: 4%;
    width: 37.6%;
  }
  .story .img03 {
    top: 45.3%;
    right: 4%;
    width: 50%;
  }
  .story .img04 {
    top: 78.7%;
    left: 19%;
    width: 27.03%;
  }
  .story .img05 {
    margin-top: 7%;
  }
  .story .img05 img {
    width: 100%;
    max-width: 100%;
  }
  .story .en .txt01 {
    width: 462px;
    height: 156px;
    margin-left: -294px;
    background: url(../../en/assets/img/story/txt01EN_pc.png) center top no-repeat;
  }
  .story .en .txt02 {
    width: 608px;
    height: 64px;
    margin: 17% 0 0 62px;
    background: url(../../en/assets/img/story/txt02EN_pc.png) center top no-repeat;
  }
  .story .en .txt03 {
    width: 504px;
    height: 60px;
    margin: 3% 0 0 14px;
    background: url(../../en/assets/img/story/txt03EN_pc.png) center top no-repeat;
  }
  .story .en .txt04 {
    width: 672px;
    height: 88px;
    margin: 3% 0 0 99px;
    background: url(../../en/assets/img/story/txt04EN_pc.png) center top no-repeat;
  }
  .story .en .txt05 {
    width: 386px;
    height: 126px;
    margin: 43.7% 0 0 -353px;
    background: url(../../en/assets/img/story/txt05EN_pc.png) center top no-repeat;
  }
  .story .en .txt06 {
    width: 474px;
    height: 108px;
    margin: 4.5% 0 0 -310px;
    background: url(../../en/assets/img/story/txt06EN_pc.png) center top no-repeat;
  }
  .story .en .txt07 {
    width: 430px;
    height: 130px;
    margin: -8% 0 0 316px;
    background: url(../../en/assets/img/story/txt07EN_pc.png) center top no-repeat;
  }
  .story .en .txt08 {
    width: 660px;
    height: 94px;
    margin: 28.8% 0 0;
    background: url(../../en/assets/img/story/txt08EN_pc.png) center top no-repeat;
  }
  .story .en .img02 {
    top: 43.9%;
  }
  .story .en .img03 {
    top: 47.9%;
  }
  .story .en .img04 {
    top: 81.9%;
  }
}