/*jsアニメーション ページ切り替え*/
.page-animate::before {
  content: '';
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(215deg, rgba(69, 176, 53, 1), rgba(29, 119, 84, 1));
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
  pointer-events: none;
  top: 100%;
  -webkit-transition: top 2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-animate::after {
  content: '';
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(215deg, rgba(69, 176, 53, 1), rgba(29, 119, 84, 1));
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
  pointer-events: none;
  bottom: 100%;
  -webkit-transition: bottom 2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-animate.is-slide-in::before {
  top: 0;
}

.page-animate.is-slide::after {
  bottom: 0;
}

/*スライドアニメ*/
.slide-text {  
transform: translate(-100%, 50%);
opacity: 0;

/* 初期状態で画面外の左側に隠す */
    transition: transform 0.5s ease-out; /* スライドインのアニメーション */
}
.slide-in-go {
    transform: translate(0%, 0%);
opacity: 1;
/* 画面中央にスライドイン */
transition: 0.5s;
}

/*--- JS -------------------------------------------------*/
.fadeIn {
  opacity: 0;
  visibility: hidden;
  transform: translateX(0px);
  transition: all 2s;
}
.fadeIn.moveon {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}


/*jsアニメーション左*/
.fuwal {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-150px);
  transition: all 1.8s;
}
.fuwal.showl {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}

/*jsアニメーション右*/
.fuwar {
  opacity: 0;
  visibility: hidden;
  transform: translateX(150px);
  transition: all 1.8s;
}
.fuwar.showr {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}

/*jsアニメーション下*/
.fuwad {
  opacity: 0;
  visibility: hidden;
  transform: translateY(150px);
  transition: all 1.8s;
}
.fuwad.showd {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}








/* フォント処理*/
body{
    margin: 0;
    padding: 0;
    -webkit-font-smomthing: subpixel-antialiased;
    font-family: "Noto Sans JP",sans-serif;
    line-height: 2em;
    font-size: 100%;
    word-break: break-all;
}
h1,h2,h3,h4{
    font-weight: 600!important;
    font-family: "Poppins","Noto Sans JP",sans-serif;
}
.huto{
    font-weight: 800!important;
    font-family: "Poppins","Noto Sans JP",sans-serif;
}


p {
    font-size: 16px;
    line-height: 1.8em;
}


.original-gradient {
  background-image: linear-gradient(215deg, rgba(48, 99, 86, 1), rgba(29, 119, 84, 1));
}