@charset "UTF-8";
/* ================================== */
/*             amemesyon              */
/* ================================== */
/* lp-big */
/*
.hover:hover {
    -webkit-animation: big 0.15s;
            animation: big 0.15s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes big {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  
  @keyframes big {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }*/
/* yokobou */
/*
  .header-nav{
      a:hover {
          background-color: rgb(0, 0, 0);
          transition: 0.7s;
      }
  }*/
/* @header-hover */
.hover-1:hover {
  background-color: #88B229;
}

.hover-1 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hover-2:hover .header-yaji {
  transform: translateY(-50%) translateX(25%);
  -webkit-transform: translateY(-50%) translateX(25%);
}

.header-yaji {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* form-btn */
.w-btn-5 {
  position: relative;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.w-btn-5:hover {
  color: #fff;
}

.w-btn-5::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #fff;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 5;
}

.w-btn-5:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.w-btn-5::after {
  content: '上記内容で送信する';
  color: #fff;
  z-index: 5;
  position: relative;
}

.w-btn-5:hover::after {
  color: #523F1E;
}

.wpcf7-spinner {
  position: absolute !important;
  right: -100px !important;
}

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