/* line 16, ../scss/animation.scss */
.marquee {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  gap: 1rem;
  font-size: 17px;
  color: #fff;
  position: relative;
  z-index: 10;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 30, ../scss/animation.scss */
.marquee-inner {
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    translate: 0;
  }
  100% {
    translate: calc(-100% - 1rem);
  }
}
/* line 37, ../scss/animation.scss */
.marquee-inner_reverse {
  animation: marquee_reverse 15s linear infinite;
}

@keyframes marquee_reverse {
  0% {
    translate: -100%;
  }
  100% {
    translate: calc(0% + 1rem);
  }
}
/* line 46, ../scss/animation.scss */
span.c-mask-square {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  transition: width 0.8s cubic-bezier(0.2, 0.52, 0.35, 0.99);
  transition-delay: .6s;
  z-index: 1;
}

/* line 57, ../scss/animation.scss */
span.c-mask-square.left {
  left: 0;
}

/* line 60, ../scss/animation.scss */
span.c-mask-square.is-animated {
  width: 0;
}

/* line 63, ../scss/animation.scss */
span.c-mask-square.delay {
  transition-delay: 1.2s;
}

/* line 68, ../scss/animation.scss */
span.c-mask-square-up {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  transition: height 0.8s cubic-bezier(0.2, 0.52, 0.35, 0.99);
  transition-delay: .6s;
  z-index: 1;
}

/* line 79, ../scss/animation.scss */
span.c-mask-square-up.is-animated {
  height: 0;
}

/* line 84, ../scss/animation.scss */
.fadeInUp {
  opacity: 0;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

/* line 90, ../scss/animation.scss */
.fadeInUp.is-animated {
  animation-delay: 1s;
  animation-name: fadeUpAnime;
}

/* line 94, ../scss/animation.scss */
.fadeInUp.is-animated.delay {
  animation-delay: 1.2s;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 110, ../scss/animation.scss */
.fadeRight {
  opacity: 0;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

/* line 115, ../scss/animation.scss */
.fadeRight.is-animated {
  animation-delay: 0.8s;
  animation-name: fadeRightAnime;
}

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 137, ../scss/animation.scss */
.loopSlide_txt {
  display: flex;
  height: 26px;
  overflow: hidden;
  padding: 5px 0;
}
/* line 144, ../scss/animation.scss */
.loopSlide_txt img {
  width: auto;
  height: 100%;
  animation: loop 25s linear infinite;
}

@media print, screen and (min-width: 600px) {
  /* line 152, ../scss/animation.scss */
  .loopSlide_txt {
    height: 26px;
  }
}
@keyframes loop {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
/* line 169, ../scss/animation.scss */
.fadeRight_about {
  opacity: 0;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transition-timing-function: ease-out;
}

/* line 175, ../scss/animation.scss */
.fadeRight_about.is-animated {
  animation-delay: 1s;
  animation-name: fadeRightAnime_about;
}

@keyframes fadeRightAnime_about {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 192, ../scss/animation.scss */
.fadeLeft_about {
  opacity: 0;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transition-timing-function: ease-out;
}

/* line 198, ../scss/animation.scss */
.fadeLeft_about.is-animated {
  animation-delay: 1s;
  animation-name: fadeLeftAnime_about;
}

@keyframes fadeLeftAnime_about {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 215, ../scss/animation.scss */
.fadeInUp_about {
  opacity: 0;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transition-timing-function: ease-out;
}

/* line 222, ../scss/animation.scss */
.fadeInUp_about.is-animated {
  animation-delay: 0.8s;
  animation-name: fadeInUpAbout;
}

@keyframes fadeInUpAbout {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 241, ../scss/animation.scss */
.promo_loopSlide {
  display: flex;
  width: 100vw;
  height: 600px;
  overflow: hidden;
}
/* line 247, ../scss/animation.scss */
.promo_loopSlide img {
  width: auto;
  height: 100%;
}
/* line 250, ../scss/animation.scss */
.promo_loopSlide img:first-child {
  animation: slide1 240s -120s linear infinite;
}
/* line 253, ../scss/animation.scss */
.promo_loopSlide img:last-child {
  animation: slide2 240s linear infinite;
}

@media print, screen and (min-width: 600px) {
  /* line 260, ../scss/animation.scss */
  .promo_loopSlide {
    height: 650px;
  }
}
/* line 265, ../scss/animation.scss */
.loopSlide {
  display: flex;
  width: 100vw;
  height: 383px;
  overflow: hidden;
}
/* line 271, ../scss/animation.scss */
.loopSlide img {
  width: auto;
  height: 100%;
}
/* line 275, ../scss/animation.scss */
.loopSlide img:first-child {
  animation: slide1 120s -60s linear infinite;
}
/* line 278, ../scss/animation.scss */
.loopSlide img:last-child {
  animation: slide2 120s linear infinite;
}

@media print, screen and (min-width: 600px) {
  /* line 285, ../scss/animation.scss */
  .loopSlide {
    height: 265px;
  }
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/* line 313, ../scss/animation.scss */
.bg .bg-wrap {
  position: relative;
  display: inline-block;
}

/* line 318, ../scss/animation.scss */
.bg .bg-wrap::before {
  opacity: 0;
  background: #ff8e00;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
}

/* line 330, ../scss/animation.scss */
.bg.is-animated .bg-wrap::before,
.bg.no-animated .bg-wrap::before {
  animation: bg 2.0s 0s ease-in-out forwards;
}

/* line 334, ../scss/animation.scss */
.bg.is-animated .bg-wrap:nth-of-type(2)::before,
.bg.no-animated .bg-wrap:nth-of-type(2)::before {
  animation: bg 2.0s 0.25s ease-in-out forwards;
}

/* line 338, ../scss/animation.scss */
.bg.is-animated .bg-wrap:nth-of-type(3)::before,
.bg.no-animated .bg-wrap:nth-of-type(3)::before {
  animation: bg 2.0s 0.5s ease-in-out forwards;
}

/* line 342, ../scss/animation.scss */
.bg.is-animated .bg-wrap:nth-of-type(4)::before,
.bg.no-animated .bg-wrap:nth-of-type(4)::before {
  animation: bg 2.0s 0.75s ease-in-out forwards;
}

/* line 347, ../scss/animation.scss */
.bg .bg-wrap .inn {
  opacity: 0;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  position: relative;
  z-index: 1;
  line-height: 1.0em;
  padding: 8px;
}

/* line 357, ../scss/animation.scss */
.bg.is-animated .bg-wrap .inn,
.bg.no-animated .bg-wrap .inn {
  animation: txt 1.0s 0.25s ease-in-out forwards;
}

/* line 361, ../scss/animation.scss */
.bg.is-animated .bg-wrap:nth-of-type(2) .inn,
.bg.no-animated .bg-wrap:nth-of-type(2) .inn {
  animation: txt 1.0s 0.5s ease-in-out forwards;
}

/* line 365, ../scss/animation.scss */
.bg.is-animated .bg-wrap:nth-of-type(3) .inn,
.bg.no-animated .bg-wrap:nth-of-type(3) .inn {
  animation: txt 1.0s 0.75s ease-in-out forwards;
}

/* line 369, ../scss/animation.scss */
.bg.is-animated .bg-wrap:nth-of-type(4) .inn,
.bg.no-animated .bg-wrap:nth-of-type(4) .inn {
  animation: txt 1.0s 1.00s ease-in-out forwards;
}

@keyframes txt {
  0% {
    opacity: 0;
  }
  90%, 100% {
    opacity: 1;
  }
}
@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(0);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
/* line 403, ../scss/animation.scss */
.fukidashi_wrap_move {
  opacity: 0;
}

/* line 407, ../scss/animation.scss */
.fukidashi_wrap_move.is-animated {
  animation: slide-skew 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes slide-skew {
  0% {
    transform: translate(60px, 60px);
    opacity: 0;
  }
  100% {
    transform: translate(10px, 20px);
  }
  80%,100% {
    opacity: 1;
  }
}
/* line 427, ../scss/animation.scss */
.circle_wrap {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 40px auto;
}
/* line 432, ../scss/animation.scss */
.circle_wrap div.circle {
  width: 100%;
  height: 100%;
  margin: 40px auto;
  font-size: 9.8px;
  animation: donut-spin 20s linear infinite;
}
/* line 438, ../scss/animation.scss */
.circle_wrap div.circle svg {
  overflow: visible;
}
/* line 441, ../scss/animation.scss */
.circle_wrap div.circle path {
  fill: none;
}
/* line 444, ../scss/animation.scss */
.circle_wrap div.circle text {
  fill: #ffdc00;
}
/* line 448, ../scss/animation.scss */
.circle_wrap .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  z-index: 10;
}
/* line 456, ../scss/animation.scss */
.circle_wrap .logo div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffdc00;
}
/* line 465, ../scss/animation.scss */
.circle_wrap .logo div p {
  width: 100%;
  text-align: center;
}

@media print, screen and (min-width: 600px) {
  /* line 474, ../scss/animation.scss */
  .circle_wrap {
    width: 180px;
    height: 180px;
  }
  /* line 477, ../scss/animation.scss */
  .circle_wrap div.circle {
    font-size: 7.1px;
  }
  /* line 480, ../scss/animation.scss */
  .circle_wrap .logo {
    width: 160px;
    height: 160px;
  }
}
@keyframes donut-spin {
  to {
    transform: rotate(1turn);
  }
}