.animation-gif{position:absolute;width:100%;-webkit-animation:animation-gif 2s ease-in 1s 1 alternate none running;animation:animation-gif 2s ease-in 1s 1 alternate none running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@media screen and (max-width:749px){.animation-gif .item{width:40px}@-webkit-keyframes animation-gif {
      0% {
        bottom: 1430px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 100px;
        opacity: 0;
      }
    }@keyframes animation-gif {
      0% {
        bottom: 1430px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 100px;
        opacity: 0;
      }
    }}@media screen and (min-width:750px){@-webkit-keyframes animation-gif {
      0% {
        bottom: 1520px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 120px;
        opacity: 0;
      }
    }@keyframes animation-gif {
      0% {
        bottom: 1520px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 120px;
        opacity: 0;
      }
    }}.topImage-gif{position:relative;height:700px}.topImage-gif .wrapper{text-align:center;position:relative;bottom:750px}@media screen and (max-width:749px){.topImage-gif{height:460px}.topImage-gif .wrapper{bottom:150px}}.app-area{}.app-store{display:-webkit-box;display:-ms-flexbox;display:flex;margin:30px auto 0 auto;padding:30px 0}.app-store .item{width:33%}@media screen and (max-width:749px){.txt-area{padding:10px 15px}.app-store{-ms-flex-wrap:wrap;flex-wrap:wrap;display:block}.app-store .item{width:48%;display:inline-block}.app-store .catch{width:100%;text-align:center;height:auto;margin-bottom:30px}}@media screen and (min-width:750px){.txt-area{width:650px;margin:0 auto}.app-img{margin-top:30px}.app-store{width:650px}.app-store .item{height:62px}}.media-slide{display:none}.media-slide .slick-prev{display:none}.slick-arrow:before{background-repeat:no-repeat;background-size:10px;font-family:auto;opacity:1}.slick-prev:before{background-image:url(http://www.okippa.life/assets/img/top/xicon_arrow_left.png.pagespeed.ic.Mv7UWn2nLe.png)}.slick-next:before{background-image:url(http://www.okippa.life/assets/img/top/xicon_arrow_right.png.pagespeed.ic.2lDnjV-a8w.png)}@media screen and (max-width:749px){.media-slide.sp{display:block}}@media screen and (min-width:750px){.media-slide.pc{display:block}}.danboru-movie-area{position:relative}@media screen and (max-width:749px){.danboru-movie-area{position:relative;width:100%;height:600px;overflow:hidden}.danboru-movie{position:absolute;margin:auto;-webkit-animation:rotation 5s ease-in 0s 1 alternate none running;animation:rotation 5s ease-in 0s 1 alternate none running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes rotation {
        0% {
          top: 100px;
          left: 0;
          width: 441px;
          height: 200px;
        }
        100% {
          top: -100px;
          left: -900px;
          width: 1324px;
          height: 600px;
        }
      }@keyframes rotation {
        0% {
          top: 100px;
          left: 0;
          width: 441px;
          height: 200px;
        }
        100% {
          top: -100px;
          left: -900px;
          width: 1324px;
          height: 600px;
        }
      }}@media screen and (min-width:750px){.danboru-movie-area{position:relative;width:960px;height:434px}.danboru-movie{position:absolute;top:0;bottom:0;margin:auto;-webkit-animation:rotation 8s ease-in 0s 1 alternate none running;animation:rotation 8s ease-in 0s 1 alternate none running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes rotation {
        0% {
          right: -300px;
          width: 960px;
          height: 434px;
        }
        100% {
          top: -400px;
          right: -300px;
          width: 3312px;
          height: 1500px;
        }
      }}.youtube{width:100%}@media screen and (max-width:749px){.youtube-area{padding:10px}.youtube{margin-top:40px}}@media screen and (min-width:750px){.youtube{height:540px}}.btn-area{position:relative}.linkGuide{color:#2ab078;text-align:center;display:block}@media screen and (max-width:749px){.btn-area{margin-top:-30px}.linkGuide{padding:30px 0}}@media screen and (min-width:750px){.linkGuide{position:absolute;left:0;top:30px}}