@charset "utf-8";
#mainImg {
  position: relative;
}
#mainImg .mainImg_bg {
  opacity: 0;
}
#mainImg .mainIn {
  position: absolute;
}
#mainImg .h1_title1 {
  width: 451px;
  top: 30px;
  left: 288px;
  z-index: 4;
}
#mainImg .h1_title2 {
  width: 526px;
  top: 48px;
  left: 250px;
  z-index: 4;
}
#mainImg .title {
  width: 439px;
  top: 193px;
  left: 298px;
  z-index: 4;
}
#mainImg .date {
  width: 265px;
  top: 375px;
  left: 381px;
  z-index: 4;
}
#mainImg .sai {
  width: 172px;
  top: 88px;
  left: 39px;
  z-index: 3;
}
#mainImg .feather {
  z-index: 2;
}
#mainImg .feather1 {
  width: 61px;
  top: 211px;
  left: 268px;
}
#mainImg .feather2 {
  width: 73px;
  top: 214px;
  left: 692px;
}
#mainImg .feet {
  z-index: 1;
}
#mainImg .feet1 {
  width: 227px;
  top: 355px;
  left: 5px;
}
#mainImg .feet2 {
  width: 203px;
  top: 387px;
  left: 201px;
}
#mainImg .feet3 {
  width: 231px;
  top: 233px;
  left: 422px;
}
#mainImg .feet4 {
  width: 203px;
  top: 321px;
  left: 611px;
}
#mainImg .feet5 {
  width: 226px;
  top: 195px;
  left: 767px;
}
@media only screen and (max-width: 750px) {
  #mainImg .h1_title1 {
    width: calc(303 / 750 * 100vw);
    top: calc(20 / 750 * 100vw);
    left: calc(194 / 750 * 100vw);
  }
  #mainImg .h1_title2 {
    width: calc(353 / 750 * 100vw);
    top: calc(33 / 750 * 100vw);
    left: calc(168 / 750 * 100vw);
  }
  #mainImg .title {
    width: calc(295 / 750 * 100vw);
    top: calc(129 / 750 * 100vw);
    left: calc(200 / 750 * 100vw);
  }
  #mainImg .date {
    width: calc(178 / 750 * 100vw);
    top: calc(252 / 750 * 100vw);
    left: calc(256 / 750 * 100vw);
  }
  #mainImg .sai {
    width: calc(116 / 750 * 100vw);
    top: calc(59 / 750 * 100vw);
    left: calc(26 / 750 * 100vw);
  }
  #mainImg .feather1 {
    width: calc(41 / 750 * 100vw);
    top: calc(142 / 750 * 100vw);
    left: calc(180 / 750 * 100vw);
  }
  #mainImg .feather2 {
    width: calc(49 / 750 * 100vw);
    top: calc(144 / 750 * 100vw);
    left: calc(465 / 750 * 100vw);
  }
  #mainImg .feet1 {
    width: calc(153 / 750 * 100vw);
    top: calc(239 / 750 * 100vw);
    left: calc(3 / 750 * 100vw);
  }
  #mainImg .feet2 {
    width: calc(126 / 750 * 100vw);
    top: calc(261 / 750 * 100vw);
    left: calc(135 / 750 * 100vw);
  }
  #mainImg .feet3 {
    width: calc(155 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(284 / 750 * 100vw);
  }
  #mainImg .feet4 {
    width: calc(136 / 750 * 100vw);
    top: calc(216 / 750 * 100vw);
    left: calc(411 / 750 * 100vw);
  }
  #mainImg .feet5 {
    width: calc(152 / 750 * 100vw);
    top: calc(132 / 750 * 100vw);
    left: calc(516 / 750 * 100vw);
  }
}
/*
animation
*/
#mainImg .sai.scIn {
  opacity: 0;
  animation: sai 0.8s 4s ease-out forwards;
}
#mainImg .feather1.scIn {
  opacity: 0;
  animation: fall 3.5s linear forwards;
}
#mainImg .feather1.scIn span {
  display: block;
  animation: sway 3.5s ease-in-out forwards;
}
#mainImg .feather2.scIn {
  opacity: 0;
  animation: fall2 4s 1.2s linear forwards;
}
#mainImg .feather2.scIn span {
  display: block;
  animation: sway2 4s 1.2s ease-in-out forwards;
}
@media print, screen and (min-width: 751px) {
  @keyframes sai {
    0% {
      opacity: 0;
      transform: translate(-100px, 20px) scale(0.8);
    }
    60% {
      opacity: 1;
      transform: translate(10px, -5px) scale(1.05);
    }
    80% {
      transform: translate(-4px, 2px) scale(0.98);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0) scale(1);
    }
  }
  @keyframes fall {
    0% {
      opacity: 0;
      transform: translateY(-230px);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes sway {
    0% {
      transform: translateX(-50px) rotate(0deg) scale(0.8);
    }
    50% {
      transform: translateX(-100px) rotate(-45deg) scale(0.9);
    }
    100% {
      transform: translateX(0px) rotate(0deg) scale(1);
    }
  }
  @keyframes fall2 {
    0% {
      opacity: 0;
      transform: translateY(-230px);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes sway2 {
    0% {
      transform: translateX(50px) rotate(0deg) scale(0.8);
    }
    50% {
      transform: translateX(100px) rotate(45deg) scale(0.9);
    }
    100% {
      transform: translateX(0px) rotate(0deg) scale(1);
    }
  }
}
@media only screen and (max-width: 750px) {
  @keyframes sai {
    0% {
      opacity: 0;
      transform: translate(calc(-50 / 750 * 100vw), calc(10 / 750 * 100vw)) scale(0.8);
    }
    60% {
      opacity: 1;
      transform: translate(calc(5 / 750 * 100vw), calc(-3 / 750 * 100vw)) scale(1.05);
    }
    80% {
      transform: translate(calc(-2 / 750 * 100vw), calc(1 / 750 * 100vw)) scale(0.98);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0) scale(1);
    }
  }
  @keyframes fall {
    0% {
      opacity: 0;
      transform: translateY(calc(-115 / 750 * 100vw));
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes sway {
    0% {
      transform: translateX(calc(-50 / 750 * 100vw)) rotate(0deg) scale(0.8);
    }
    50% {
      transform: translateX(calc(-100 / 750 * 100vw)) rotate(-45deg) scale(0.9);
    }
    100% {
      transform: translateX(0px) rotate(0deg) scale(1);
    }
  }
  @keyframes fall2 {
    0% {
      opacity: 0;
      transform: translateY(calc(-115 / 750 * 100vw));
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes sway2 {
    0% {
      transform: translateX(calc(50 / 750 * 100vw)) rotate(0deg) scale(0.8);
    }
    50% {
      transform: translateX(calc(100 / 750 * 100vw)) rotate(45deg) scale(0.9);
    }
    100% {
      transform: translateX(0px) rotate(0deg) scale(1);
    }
  }
}
#mainImg .scIn.fadeIn {
  opacity: 0
}
#mainImg .scIn.fadeIn.move {
  opacity: 1;
  transition-duration: 2.1s;
  transition-property: opacity;
  transition-timing-function: ease;
}
#mainImg .scIn.fadeIn2 {
  opacity: 0
}
#mainImg .scIn.fadeIn2.move {
  opacity: 1;
  transition-duration: 1s;
  transition-property: opacity;
  transition-timing-function: ease;
}
.scIn.slideInBottom {
  opacity: 0;
  transform: translateY(50px)
}
.scIn.slideInBottom.move {
  opacity: 1;
  transform: translateY(0px);
  transition-duration: 800ms;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}
/* */
.scIn.move.delay200 {
  transition-delay: 200ms !important
}
.scIn.move.delay300 {
  transition-delay: 300ms !important
}
.scIn.move.delay400 {
  transition-delay: 400ms !important
}
.scIn.move.delay500 {
  transition-delay: 500ms !important
}
.scIn.move.delay600 {
  transition-delay: 600ms !important
}
.scIn.move.delay700 {
  transition-delay: 700ms !important
}
.scIn.move.delay800 {
  transition-delay: 800ms !important
}
.scIn.move.delay900 {
  transition-delay: 900ms !important
}
.scIn.move.delay1000 {
  transition-delay: 1000ms !important
}
.scIn.move.delay1100 {
  transition-delay: 1100ms !important
}
.scIn.move.delay1200 {
  transition-delay: 1200ms !important
}
.scIn.move.delay1300 {
  transition-delay: 1300ms !important
}
.scIn.move.delay1400 {
  transition-delay: 1400ms !important
}
.scIn.move.delay1500 {
  transition-delay: 1500ms !important
}
.scIn.move.delay1600 {
  transition-delay: 1600ms !important
}
.scIn.move.delay1700 {
  transition-delay: 1700ms !important
}
.scIn.move.delay1800 {
  transition-delay: 1800ms !important
}
.scIn.move.delay1900 {
  transition-delay: 1900ms !important
}
.scIn.move.delay2000 {
  transition-delay: 2000ms !important
}
.scIn.move.delay2100 {
  transition-delay: 2100ms !important
}
.scIn.move.delay2200 {
  transition-delay: 2200ms !important
}
.scIn.move.delay2300 {
  transition-delay: 2300ms !important
}
.scIn.move.delay2400 {
  transition-delay: 2400ms !important
}
.scIn.move.delay2500 {
  transition-delay: 2500ms !important
}
.scIn.move.delay2600 {
  transition-delay: 2600ms !important
}
.scIn.move.delay2700 {
  transition-delay: 2700ms !important
}
.scIn.move.delay2800 {
  transition-delay: 2800ms !important
}
.scIn.move.delay2900 {
  transition-delay: 2900ms !important
}
.scIn.move.delay3000 {
  transition-delay: 3000ms !important
}
.scIn.move.delay3100 {
  transition-delay: 3100ms !important
}
.scIn.move.delay3200 {
  transition-delay: 3200ms !important
}
.scIn.move.delay3300 {
  transition-delay: 3300ms !important
}
.scIn.move.delay3400 {
  transition-delay: 3400ms !important
}
.scIn.move.delay3500 {
  transition-delay: 3500ms !important
}
.scIn.move.delay3600 {
  transition-delay: 3600ms !important
}
.scIn.move.delay3700 {
  transition-delay: 3700ms !important
}
.scIn.move.delay3800 {
  transition-delay: 3800ms !important
}
.scIn.move.delay3900 {
  transition-delay: 3900ms !important
}
.scIn.move.delay4000 {
  transition-delay: 4000ms !important
}
.scIn.move.delay4100 {
  transition-delay: 4100ms !important
}
.scIn.move.delay4200 {
  transition-delay: 4200ms !important
}
.scIn.move.delay4300 {
  transition-delay: 4300ms !important
}
.scIn.move.delay4400 {
  transition-delay: 4400ms !important
}
.scIn.move.delay4500 {
  transition-delay: 4500ms !important
}
.scIn.move.delay4600 {
  transition-delay: 4600ms !important
}
.scIn.move.delay4700 {
  transition-delay: 4700ms !important
}
.scIn.move.delay4800 {
  transition-delay: 4800ms !important
}