@charset "UTF-8";
/*----------------------------------------------------------OI
*/
/*animation
HeaderAnime ----------------------------------------------------*/
@keyframes HeaderAnime {
  from { opacity: 0; }
  to {
    /* 切り替え後の画像 */
    opacity: 1;
  }
}

/*animation
fadeIn ----------------------------------------------------*/
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.trg_fIn{
  opacity: 0;
}
.trg_fIn.fadeIn{
  animation: fadeIn 2s ease 0.25s 1 forwards;
}
.trg_fIn.fadeIn.hd01 {
    animation-delay: 1s;
}
.trg_topIn.topIn.hd06 {
    animation-delay: 5.5s;
}
.trg_fIn.fadeIn.hd07 {
    animation-delay: 2.6s;
}
.trg_fIn.fadeIn.hd12 {
    animation-delay: 5.5s;
}
.trg_fIn.fadeIn.hd13 {
    animation-delay: 1.8s;
}
.trg_fIn.fadeIn.hd14 {
    animation-delay: 3.4s;
}
/*animation
zoomOut ----------------------------------------------------*/
@keyframes zoomOut {
  0% {
    transform: scale(8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    transform: scale(5);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.zoomOut{
	opacity: 0;
}
.trg_zOut.zoomOut{
/*	animation: zoomOut 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1s forwards;*/
  animation: zoomOut 0.5s ease-in 5s forwards;
}
.trg_zOut.zoomOut.hd02{
  animation-delay: 2.8s;
}
.trg_zOut.zoomOut.hd03{
  animation-delay: 3.3s;
}
.trg_zOut.zoomOut.hd04{
  animation-delay: 3.8s;
}
.trg_zOut.zoomOut.hd05{
  animation-delay: 4.3s;
}
.trg_zOut.zoomOut.hd08{
  animation-delay: 3.3s;
}
.trg_zOut.zoomOut.hd09{
  animation-delay: 3.8s;
}
.trg_zOut.zoomOut.hd10{
  animation-delay: 4.3s;
}
.trg_zOut.zoomOut.hd11{
  animation-delay: 4.8s;
}
.trg_zOut.zoomOut.hd15{
  animation-delay: 4.2s;
}
.trg_zOut.zoomOut.hd16{
  animation-delay: 4.7s;
}
.trg_zOut.zoomOut.hd17{
  animation-delay: 5.2s;
}
.trg_zOut.zoomOut.hd18{
  animation-delay: 5.7s;
}
/*animation
under_wht ----------------------------------------------------*/
.under_wht {
  display: inline-block;
  position: relative;
}
.under_wht::after {
  background: linear-gradient(to right, #fff 0%,#fff 50%,#fff 100%);
  content: '';
  display: block;
  height: 1px;
  width: 0;
  transform: translateX(-50%);
  transition: 2.2s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  bottom: 0;
  left: 50%;
}
.under_wht.Animated::after {
  width: 100%;
}
.under_wht.Animated.order2::after {
    transition-delay: 1s;
}
/*animation
smooth ----------------------------------------------------*/
/*[class*="smooth"] {
  clip-path: inset(0 100% 0 0);
  transition: .8s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}
[class*="smooth"].trg_smooth{
  clip-path: inset(0);
}
.smooth01{
  transition-delay: 1.4s;
  }
.smooth02{
  transition-delay: 1.8s;}
.smooth03{
	  transition-delay: 2.2s;
}*/

/*animation
topIn ----------------------------------------------------*/
@keyframes topIn {
	0% { opacity: 0;transform: translateY(100%); }
	100% { opacity: 1;transform: translateY(0%); }
}
@-webkit-keyframes topIn {
	0% { opacity: 0;transform: translateY(100%); }
	100% { opacity: 1;transform: translateY(0%); }
}
.topIn{
	opacity: 0;
    transform: translateY(100%);
}
.trg_topIn.topIn{
	animation: topIn 1s ease-in-out 3s 1 normal forwards;
}

/*animation
maskBg ----------------------------------------------------*/
/*@keyframes maskBg {
  0% {
    transform: translate(-100%,0)
  }
  40%, 60% {
    transform: translate(0, 0%)
  }
  100% {
    transform: translate(101%,0)
  }
}
@-webkit-keyframes maskBg {
  0% {
    transform: translate(-100%,0)
  }
  40%, 60% {
    transform: translate(0, 0%)
  }
  100% {
    transform: translate(101%,0)
  }
}
.maskBg {
  color: transparent;
  overflow: hidden;
  position: relative;
  transition: color 0ms 450ms;
  text-shadow: none;
}
.maskBg::after {
  background: #212121;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0, 100%);
}

.maskBg.trg_maskBg {
	
  color: #ffb62c;
}
.maskBg.trg_maskBg::after {
  animation: maskBg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
}*/

/*animation
fadeUp ----------------------------------------------------*/
@keyframes fadeUp {
	0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);}
}
@-webkit-keyframes fadeUp {
	0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);}
}
.trg_fUp{
  opacity: 0;
}
.trg_fUp.fadeUp{
	animation: fadeUp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.trg_fUp.fadeUp.order1 {
    animation-delay: calc(.5s* 1);
}
.trg_fUp.fadeUp.order2 {
    animation-delay: calc(.5s* 2);
}
.trg_fUp.fadeUp.order3 {
    animation-delay: calc(.5s* 3);
}

/*animation
fadeUp ----------------------------------------------------*/
/*.anim-box.slide-skew.Animated2 {
  animation: slide-skew 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.slide-skew{
  opacity: 0;
}
@keyframes slide-skew {
  0% {
    transform: translate(100%,50%);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}*/
@keyframes slideIn{
  0% {
      transform: translateX(180px);
      opacity: 0;
  }

  100% {
      transform: translateX(0);
  }
  40%, 100% {
      opacity: 1;
  }
}
.slidein{
  opacity: 0;
}
.slidein.Animated2 {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}