@charset "UTF-8";
@media only screen and (min-width: 768px) {
  .pc-header-main.off {
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    transition: 1s;
  }
}
#feature {
  /*現在地とhoverの設定*/
}
#feature .sec.--01 .head .sub .js-fade:nth-child(1) {
  transition-delay: 0.2s;
}
#feature .sec.--01 .head .main .js-fade-up:nth-child(1) {
  transition-delay: 0.5s;
}
#feature .sec.--01 .head .main .js-fade-up:nth-child(2) {
  transition-delay: 1s;
}
#feature .sec.--01 .head .main .js-fade-up:nth-child(3) {
  transition-delay: 1.5s;
}
#feature .sec.--04 .head_02 .js-fade-up:nth-child(1) {
  transition-delay: 0.5s;
}
#feature .sec.--04 .head_02 .js-fade-up:nth-child(2) {
  transition-delay: 1s;
}
#feature .sec.--04 .head_02 .js-fade-up:nth-child(3) {
  transition-delay: 1.5s;
}
#feature .sec.--04 .model_12 {
  transition-delay: 1s;
}
#feature .js-fade {
  opacity: 0;
  transition: opacity 1600ms, transform 1600ms;
}
#feature .js-fade-left {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 1600ms, transform 1600ms;
}
#feature .js-fade-right {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 1600ms, transform 1600ms;
}
#feature .js-fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1600ms, transform 1600ms;
}
#feature .js-fade-down {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 1600ms, transform 1600ms;
}
#feature .is-active {
  opacity: 1;
  transform: translate(0rem);
}
#feature .js-scroll-trigger_01,
#feature .js-scroll-trigger_02 {
  display: flex;
  transform: translate3d(0%, 0, 0);
  transition: transform 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#feature .js-scroll-trigger_01.is-scroll,
#feature .js-scroll-trigger_02.is-scroll {
  /* position: initial; */
  transform: translate3d(-100%, 0, 0);
}
#feature .js-scroll-trigger_01 > *,
#feature .js-scroll-trigger_02 > * {
  flex-shrink: 0;
  box-sizing: initial;
}
#feature .js-link-animation .link {
  /*線の基点とするためrelativeを指定*/
  position: relative;
}
#feature .js-link-animation .link::after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 20%;
  /*線の形状*/
  width: 20vw;
  height: 0.1333333333vw;
  background-color: #727272;
  /*アニメーションの指定*/
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: center top;
  transition-delay: 0.3s;
}
@media only screen and (min-width: 768px) {
  #feature .js-link-animation .link::after {
    width: 6.1904761905vw;
    height: 0.0476190476vw;
  }
}
#feature .js-link-animation.is-active .link::after {
  transform: scale(1, 1);
}/*# sourceMappingURL=animation.css.map */