@charset "UTF-8";

/*
======== table of content. ===============

summary:パーツ要素

==========================================
*/

/*SCROLLアイコン*/
/* scroll icon
------------------------- */
.iena_scroll { opacity: 1; transition: opacity 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000), transform 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); text-align: center; }
.iena_scroll.fade { opacity: 0; }

.iena_scroll {
  text-align: center;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.scroll_text {margin-bottom: 5px;}

.scroll_text img { width:9px; margin-left: 2px; }

.scroll__arrow-line {
  position: relative;
  display: block;
  width: 1px;
  height: 44px;
  margin: auto;
  overflow: hidden;
}

.scroll__arrow-line_shadow { position: absolute; display: block; left: 5px; opacity: .2; width: 1px; height: 44px; background: #000; margin: auto; overflow: hidden; }

.scroll__arrow-line::before {
  content: ' ';
  display: block;
  width: 1px;
  height: 44px;
  background: #000;
  animation: SCROLL_LINE 5s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}


@-webkit-keyframes SCROLL_LINE {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes SCROLL_LINE {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@media screen and (max-width: 767px) {
.iena_scroll { display: none; }
}