@charset "UTF-8";
div.main-wrap div.flame-wrap01 div.flame01 p.ani {
  opacity: 0;
}
div.main-wrap div.flame-wrap01 div.flame01 p.ani.animation {
  animation: flame-ani01 0.6s forwards;
}
@media screen and (min-width: 768px) {
  div.main-wrap div.flame-wrap01 div.flame01 p.ani.animation {
    animation: flame-ani01 0.6s 0.4s forwards;
  }
}

section.sec03 div.sec03-flame-wrap div.sec03-flame02 p.ani,
div.main-wrap div.flame-wrap02 div.flame03 p.ani {
  opacity: 0;
}
section.sec03 div.sec03-flame-wrap div.sec03-flame02 p.ani.animation,
div.main-wrap div.flame-wrap02 div.flame03 p.ani.animation {
  animation: flame-ani02 0.6s forwards;
}
@media screen and (min-width: 768px) {
  section.sec03 div.sec03-flame-wrap div.sec03-flame02 p.ani.animation,
  div.main-wrap div.flame-wrap02 div.flame03 p.ani.animation {
    animation: flame-ani02 0.6s 0.4s forwards;
  }
}

section.sec01 div.sec01-wrap a.link-logo02 {
  opacity: 0;
}
section.sec01 div.sec01-wrap a.link-logo02.animation {
  animation: scale-ani01 0.6s forwards;
}
@media screen and (min-width: 768px) {
  section.sec01 div.sec01-wrap a.link-logo02.animation {
    animation: scale-ani01 0.6s 0.4s forwards;
  }
}
section.sec01 div.sec01-wrap a.link-logo02:hover img {
  display: inline-block;
  animation: buruani02 0.6s infinite;
}

section.sec02 div.sec02-flame-wrap01 div.sec02-flame01 p.sec02-txt01.ani {
  opacity: 0;
}
section.sec02 div.sec02-flame-wrap01 div.sec02-flame01 p.sec02-txt01.ani.animation {
  animation: flame-ani03 0.6s forwards;
}
@media screen and (min-width: 768px) {
  section.sec02 div.sec02-flame-wrap01 div.sec02-flame01 p.sec02-txt01.ani.animation {
    animation: flame-ani03-pc 0.6s 0.4s forwards;
  }
}

section.sec02 div.sec02-flame-wrap01 div.sec02-flame01 p.sec02-txt02 span.ani {
  opacity: 0;
}
section.sec02 div.sec02-flame-wrap01 div.sec02-flame01 p.sec02-txt02 span.ani.animation {
  animation: flame-ani04 0.6s forwards;
}
@media screen and (min-width: 768px) {
  section.sec02 div.sec02-flame-wrap01 div.sec02-flame01 p.sec02-txt02 span.ani.animation {
    animation: flame-ani04 0.6s 0.4s forwards;
  }
}

section.sec02 div.sec02-flame-wrap02 div.sec02-flame-inner p.sec02-txt04 span.ani {
  opacity: 0;
}
section.sec02 div.sec02-flame-wrap02 div.sec02-flame-inner p.sec02-txt04 span.ani.animation {
  animation: scale-ani02 ease-out 0.6s 0.2s forwards;
}
@media screen and (min-width: 768px) {
  section.sec02 div.sec02-flame-wrap02 div.sec02-flame-inner p.sec02-txt04 span.ani.animation {
    animation: scale-ani02 ease-out 0.8s 0.8s forwards;
  }
}

section.sec02 div.sec02-txt06-wrap p.sec02-txt07::after {
  animation: bg-waveani 1.4s infinite linear;
}
@media screen and (min-width: 768px) {
  section.sec02 div.sec02-txt06-wrap p.sec02-txt07::after {
    animation: bg-waveani 8s infinite linear;
  }
}

section.sec02 p.sec02-txt10::after {
  animation: bg-waveani 3s infinite linear;
}
@media screen and (min-width: 768px) {
  section.sec02 p.sec02-txt10::after {
    animation: bg-waveani 7s infinite linear;
  }
}

section.sec03 div.sec03-inner01 dl dt.ani {
  position: relative;
}
section.sec03 div.sec03-inner01 dl dt.ani::after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, 0);
  background: #FFF;
}
section.sec03 div.sec03-inner01 dl dt.ani.animation::after {
  animation: cartain-x 1s forwards;
}

@keyframes cartain-x {
  0% {
    transform-origin: right bottom;
    transform: scaleX(1);
  }
  100% {
    transform-origin: right bottom;
    transform: scaleX(0);
  }
}
section.sec03 div.sec03-flame03 p img.ani {
  display: inline-block;
  opacity: 0;
}
section.sec03 div.sec03-flame03 p img.animation {
  animation: flame-ani01 0.6s 0.4s forwards;
}

/*詳しくこちらボタン*/
section.sec04 div.sec04-cont-wrap div.concierge-box div a.sec04-btn02.ani,
section.sec04 div.sec04-cont-wrap dl dd a.ani,
section.sec03 a.sec03-link-btn01.ani,
section.sec02 a.sec02-link-btn04.ani,
section.sec02 h3.sec02-logo01.ani,
section.sec02 a.sec02-link-btn03.ani,
section.sec02 a.sec02-link-btn02.ani {
  opacity: 0;
}
section.sec04 div.sec04-cont-wrap div.concierge-box div a.sec04-btn02.ani.animation,
section.sec04 div.sec04-cont-wrap dl dd a.ani.animation,
section.sec03 a.sec03-link-btn01.ani.animation,
section.sec02 a.sec02-link-btn04.ani.animation,
section.sec02 h3.sec02-logo01.ani.animation,
section.sec02 a.sec02-link-btn03.ani.animation,
section.sec02 a.sec02-link-btn02.ani.animation {
  animation: scale-ani01 0.6s 0.2s forwards;
}
@media screen and (min-width: 768px) {
  section.sec04 div.sec04-cont-wrap div.concierge-box div a.sec04-btn02.ani.animation,
  section.sec04 div.sec04-cont-wrap dl dd a.ani.animation,
  section.sec03 a.sec03-link-btn01.ani.animation,
  section.sec02 a.sec02-link-btn04.ani.animation,
  section.sec02 h3.sec02-logo01.ani.animation,
  section.sec02 a.sec02-link-btn03.ani.animation,
  section.sec02 a.sec02-link-btn02.ani.animation {
    animation: scale-ani01 0.6s 0.4s forwards;
  }
}
section.sec04 div.sec04-cont-wrap div.concierge-box div a.sec04-btn02:hover img,
section.sec04 div.sec04-cont-wrap dl dd a:hover img,
section.sec03 a.sec03-link-btn01:hover img,
section.sec02 a.sec02-link-btn04:hover img,
section.sec02 h3.sec02-logo01:hover img,
section.sec02 a.sec02-link-btn03:hover img,
section.sec02 a.sec02-link-btn02:hover img {
  display: inline-block;
  animation: buruani02 0.6s infinite;
}

/**/
/*フェードアップのみ*/
section.sec04 div.sec04-cont-wrap p.sec04-txt02.ani,
section.sec04 div.sec04-cont-wrap p.sec04-txt01.ani,
section.sec04 h2.ani,
section.sec03 div.sec03-flame04 p.ani,
section.sec03 div.sec03-inner02 p.sec03-txt03.ani,
section.sec03 div.sec03-inner02 p.sec03-txt02.ani,
section.sec03 div.sec03-inner01 dl dd.ani,
section.sec03 div.sec03-flame-wrap div.sec03-flame01 h2.ani,
section.sec02 div.sec02-flame-wrap02 p.sec02-txt03.ani,
section.sec01 div.sec01-wrap p.sec01-txt01.ani,
div.main-wrap div.flame-wrap02 div.flame04 p.ani,
div.main-wrap div.flame-wrap01 div.flame02 p.ani {
  opacity: 0;
}
section.sec04 div.sec04-cont-wrap p.sec04-txt02.ani.animation,
section.sec04 div.sec04-cont-wrap p.sec04-txt01.ani.animation,
section.sec04 h2.ani.animation,
section.sec03 div.sec03-flame04 p.ani.animation,
section.sec03 div.sec03-inner02 p.sec03-txt03.ani.animation,
section.sec03 div.sec03-inner02 p.sec03-txt02.ani.animation,
section.sec03 div.sec03-inner01 dl dd.ani.animation,
section.sec03 div.sec03-flame-wrap div.sec03-flame01 h2.ani.animation,
section.sec02 div.sec02-flame-wrap02 p.sec02-txt03.ani.animation,
section.sec01 div.sec01-wrap p.sec01-txt01.ani.animation,
div.main-wrap div.flame-wrap02 div.flame04 p.ani.animation,
div.main-wrap div.flame-wrap01 div.flame02 p.ani.animation {
  animation: fadeup 0.6s 0.2s forwards;
}
@media screen and (min-width: 768px) {
  section.sec04 div.sec04-cont-wrap p.sec04-txt02.ani.animation,
  section.sec04 div.sec04-cont-wrap p.sec04-txt01.ani.animation,
  section.sec04 h2.ani.animation,
  section.sec03 div.sec03-flame04 p.ani.animation,
  section.sec03 div.sec03-inner02 p.sec03-txt03.ani.animation,
  section.sec03 div.sec03-inner02 p.sec03-txt02.ani.animation,
  section.sec03 div.sec03-inner01 dl dd.ani.animation,
  section.sec03 div.sec03-flame-wrap div.sec03-flame01 h2.ani.animation,
  section.sec02 div.sec02-flame-wrap02 p.sec02-txt03.ani.animation,
  section.sec01 div.sec01-wrap p.sec01-txt01.ani.animation,
  div.main-wrap div.flame-wrap02 div.flame04 p.ani.animation,
  div.main-wrap div.flame-wrap01 div.flame02 p.ani.animation {
    animation: fadeup 0.6s 0.6s forwards;
  }
}

section.sec01 div.sec01-wrap ul.merit-list li.ani {
  opacity: 0;
}
section.sec01 div.sec01-wrap ul.merit-list li.ani.animation {
  animation: fadeup 0.6s 0.2s forwards;
}
@media screen and (min-width: 768px) {
  section.sec01 div.sec01-wrap ul.merit-list li.ani.animation {
    animation: fadeup 0.6s 0.4s forwards;
  }
}
@media screen and (min-width: 768px) {
  section.sec01 div.sec01-wrap ul.merit-list li.ani:nth-child(2).animation {
    animation: fadeup 0.6s 0.6s forwards;
  }
}
@media screen and (min-width: 768px) {
  section.sec01 div.sec01-wrap ul.merit-list li.ani:nth-child(4).animation {
    animation: fadeup 0.6s 0.6s forwards;
  }
}

section.sec03 div.sec03-inner02 h3 span.ani img,
section.sec03 div.sec03-inner01 h3 span.ani img {
  display: inline-block;
  opacity: 0;
}
section.sec03 div.sec03-inner02 h3 span.ani.animation img,
section.sec03 div.sec03-inner01 h3 span.ani.animation img {
  animation: fadeup 0.6s 0.6s forwards;
}

/*フェードアップのみ*/
.buruburu-b {
  animation: fuwafuwa 1s infinite;
}

/*アニメーション*/
@keyframes flame-ani01 {
  0% {
    opacity: 0;
    transform-origin: left bottom;
    transform: translate(0, 0) scale(0);
  }
  100% {
    opacity: 1;
    transform-origin: left bottom;
    transform: translate(0, 0) scale(1);
  }
}
@keyframes flame-ani02 {
  0% {
    opacity: 0;
    transform-origin: right bottom;
    transform: translate(0, 0) scale(0);
  }
  100% {
    opacity: 1;
    transform-origin: right bottom;
    transform: translate(0, 0) scale(1);
  }
}
@keyframes flame-ani03 {
  0% {
    opacity: 0;
    transform-origin: center bottom;
    transform: translate(-50%, -65%) scale(0);
  }
  100% {
    opacity: 1;
    transform-origin: center bottom;
    transform: translate(-50%, -65%) scale(1);
  }
}
@keyframes flame-ani03-pc {
  0% {
    opacity: 0;
    transform-origin: right bottom;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 1;
    transform-origin: right bottom;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes flame-ani04 {
  0% {
    opacity: 0;
    transform-origin: center bottom;
    transform: translate(-50%, 0%);
  }
  100% {
    opacity: 1;
    transform-origin: center bottom;
    transform: translate(-50%, -50%);
  }
}
@keyframes scale-ani01 {
  0% {
    opacity: 0;
    transform-origin: center center;
    transform: translate(0, 0) scale(0);
  }
  100% {
    opacity: 1;
    transform-origin: center center;
    transform: translate(0, 0) scale(1);
  }
}
@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translate(0, 0.6em);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes scale-ani {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale-ani02 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 1;
    transform: scale(1.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bg-waveani {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translate(0, 10%);
  }
  50% {
    transform: translate(0, 0);
  }
  51% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 10%);
  }
}
.buruburu {
  animation: buruani 5s infinite;
}
@media screen and (min-width: 768px) {
  .buruburu {
    animation: buruani 4.4s infinite;
  }
}

@keyframes buruani {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  1% {
    transform: translate(1px, 1px) rotateZ(0.5deg);
  }
  2% {
    transform: translate(0px, 1px) rotateZ(0deg);
  }
  3% {
    transform: translate(1px, 0px) rotateZ(-0.5deg);
  }
  4% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  5% {
    transform: translate(1px, 1px) rotateZ(0.5deg);
  }
  6% {
    transform: translate(0px, 1px) rotateZ(0deg);
  }
  7% {
    transform: translate(1px, 0px) rotateZ(-0.5deg);
  }
  8% {
    transform: translate(1px, 1px) rotateZ(0.5deg);
  }
  9% {
    transform: translate(0px, 1px) rotateZ(0deg);
  }
  10% {
    transform: translate(1px, 0px) rotateZ(-0.5deg);
  }
  11% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  12% {
    transform: translate(1px, 1px) rotateZ(0.5deg);
  }
  13% {
    transform: translate(0px, 1px) rotateZ(0deg);
  }
  14% {
    transform: translate(1px, 0px) rotateZ(-0.5deg);
  }
  15% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  16% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  17% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  18% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  19% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  20% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  21% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  22% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  23% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  24% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  26% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  27% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  28% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  29% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  30% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  31% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  32% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  33% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  34% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  35% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  36% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  37% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  38% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  39% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  40% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  41% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  42% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  43% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  44% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  45% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  46% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  47% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  48% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  49% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  50% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  51% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  52% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  53% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  54% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  55% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  56% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  57% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
@keyframes buruani02 {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  7% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  14% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  21% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  28% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  35% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  42% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  49% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  56% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  63% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  70% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  77% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  84% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  91% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  98% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}/*# sourceMappingURL=animation.css.map */