@charset "UTF-8";
/* ================================== */
/*             amemesyon              */
/* ================================== */
.JS-rorate.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-2.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-2 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-3.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-3 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-4.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-4 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-5.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-5 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-6.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-6 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-7.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-7 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-8.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-8 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-9.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-9 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-10.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-10 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-11.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-11 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-12.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-12 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-13.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-13 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-14.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-14 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-15.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-15 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-16.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-16 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-17.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-17 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-18.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-18 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-19.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-19 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.JS-rorate-20.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.JS-rorate-20 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* brn-hover */
.w-fv-bottom-bt-2:hover .yaji-1-img {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}

.w-fv-bottom-bt:hover .yaji-1-img {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}

.w-fv-bottom-bt-3:hover .yaji-1-img {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}

.w-fv-bottom-bt-4:hover .yaji-1-img {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}

.w-fv-bottom-bt-2:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.w-fv-bottom-bt:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.w-fv-bottom-bt-3:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.w-fv-bottom-bt-4:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.w-nav-li-btn:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.w-nav-li-btn-2:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer-fb-img-img:hover {
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.yaji-1-img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* scroll */
.fv-header {
  position: relative;
}

.TOP .scrolldown1 {
  display: block;
}

/*====== 9-1-1 縦線が動いてスクロールを促す =======*/
/*スクロールダウン全体の場所*/
.scrolldown1 {
  /*描画位置※位置は適宜調整してください*/
  display: none;
  position: absolute;
  left: 50px;
  bottom: auto;
  top: 641px;
  height: 100px;
  width: 10px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

/*Scrollテキストの描写*/
.scrolldown1 span {
  position: absolute;
  left: 0;
  top: -73px;
  color: #505D69;
  letter-spacing: 0.05em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 16px;
  letter-spacing: 0.2em;
}

/* 線の描写 */
.scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 30px;
  background: #505D69;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
          animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
  left: 8px;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 50px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 100px;
    opacity: 0;
  }
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 50px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 100px;
    opacity: 0;
  }
}

/* TOP-img-hover */
.line-up-1-img-hover:hover .line-up-1-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.line-up-1-img img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.line-up-1-img {
  overflow: hidden;
}

@media screen and (max-width: 769px) {
  /* add-221222 */
  .scrolldown1 {
    top: calc(1356vw /768 * 100);
    bottom: auto;
    left: auto;
    right: calc(43vw /768 * 100);
  }
  /**/
  .scrolldown1 span {
    top: -52px;
    font-size: calc(10vw /768 * 100);
    height: 60px;
  }
  @-webkit-keyframes pathmove {
    0% {
      height: 0;
      top: 0;
      opacity: 0;
    }
    30% {
      height: 30px;
      opacity: 1;
    }
    100% {
      height: 0;
      top: 60px;
      opacity: 0;
    }
  }
  @keyframes pathmove {
    0% {
      height: 0;
      top: 0;
      opacity: 0;
    }
    30% {
      height: 30px;
      opacity: 1;
    }
    100% {
      height: 0;
      top: 60px;
      opacity: 0;
    }
  }
  .scrolldown1::after {
    left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .hover:hover {
    -webkit-animation: none;
            animation: none;
  }
}
/*# sourceMappingURL=animation.css.map */