/*reset*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, article, footer, header, menu, nav, section, video, picture {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  display: block;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
  display: block;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: auto;
  border: 0;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

/*Base*/
/* CSS Document */
.wrap {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 100vh;
}

.wrapInner {
  margin: 0 auto;
}

.wrapInner input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: border 0.2s ease-out;
}

.wrapInner input::-webkit-search-decoration {
  display: none;
}

.wrapInner input:focus {
  outline-offset: -2px;
}

.wrapInner input[type="image"] {
  -webkit-appearance: none;
}

.wrapInner::before {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 750px;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #FFF;
  z-index: 999;
  transition: .3s all .7s;
}

.openingNext .wrapInner::before {
  opacity: 0;
  pointer-events: none;
}

.wrap.openingNext {
  height: auto;
  overflow: visible;
}

.openingContainer {
  cursor: none;
  position: fixed;
  width: 100%;
  max-width: 750px;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1000;
  background: #FFF;
}

.openingNext .openingContainer {
  position: absolute;
  filter: blur(20px);
  opacity: 0;
  transition: 1s all;
  pointer-events: none;
  background: #FFF;
}

.opening__img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.opening__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.openingHw {
  width: 90%;
  top: 39%;
  opacity: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: .6s all 1s;
  filter: blur(20px);
}

.openingHw.display {
  opacity: 1;
  filter: blur(0);
}

.openingHw__item {
  fill: none;
  stroke-width: 7;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.fv__item--01 {
  width: 18.2%;
  top: 66%;
  left: 36.7%;
  opacity: 0;
  z-index: 10;
  transition: .3s all .5s;
  transform: translateY(10%);
}

.openingNext .fv__item--01 {
  opacity: 1;
  transform: translateY(0);
}

.fv__item--02 {
  width: 25%;
  bottom: 1.6%;
  right: 2.8%;
  opacity: 0;
  transition: .3s all .7s;
  transform: translateY(10%);
}

.openingNext .fv__item--02 {
  opacity: 1;
  transform: translateY(0);
}

.fvSlide01 {
  width: 46.1%;
  top: 2.2%;
  left: 2.6%;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .fvSlide01 {
    border-radius: 5vw;
  }
}

.fvSlide02 {
  width: 46.1%;
  top: 40.8%;
  left: 2.6%;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .fvSlide02 {
    border-radius: 5vw;
  }
}

.fvSlide03 {
  width: 22.2%;
  top: 2.2%;
  left: 50.8%;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .fvSlide03 {
    border-radius: 5vw;
  }
}

.fvSlide04 {
  width: 22.2%;
  top: 2.2%;
  right: 2.6%;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .fvSlide04 {
    border-radius: 5vw;
  }
}

.fvSlide05 {
  width: 46.2%;
  top: 16.4%;
  right: 2.6%;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .fvSlide05 {
    border-radius: 5vw;
  }
}

.fvSlide06 {
  width: 46.2%;
  top: 44.7%;
  right: 2.6%;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .fvSlide06 {
    border-radius: 5vw;
  }
}

.ctaArea01__btn--01, .ctaArea01__btn--02 {
  width: 87.8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.ctaArea01__btn--01 {
  bottom: 3.8%;
}

.ctaArea01__btn--02 {
  bottom: 26%;
}

.overlayArea {
  position: relative;
  width: 100%;
}

.overlayArea--over {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.overlayItem {
  position: absolute;
}

.overlayItem--01 {
  width: 100%;
  height: 100 .overlayItem--01;
  top: 0;
  left: 0;
}

.stickyContainer {
  position: relative;
}

.stickyRange {
  position: absolute;
  overflow: unset;
}

.stickyRange--01 {
  top: 2.5%;
  height: 98%;
  z-index: 10;
}

.stickyRange--02 {
  top: 6.7%;
  height: 92.8%;
}

.sticky__item {
  position: sticky;
}

.sticky__item--01 {
  width: 53%;
  margin: 0 auto;
  top: 15%;
}

.sticky__item--02 {
  width: 61%;
  margin: 0 auto;
  top: 26%;
  z-index: 10;
}

.sticky__parts--01 {
  bottom: 0;
}

.sticky__parts--02 {
  bottom: 0;
  z-index: 20;
}

.anm__item0201, .anm__item0202 {
  top: 56.9%;
  width: 50.9%;
}

.anm__item0201 {
  left: -8.7%;
  opacity: 0;
  transition: .5s all;
}

.anm__item0201.is-in {
  left: -4.7%;
  opacity: 1;
}

.anm__item0202 {
  right: -12%;
  opacity: 0;
  transition: .5s all;
}

.anm__item0202.is-in {
  right: -8%;
  opacity: 1;
}

.anm__item0203 {
  width: 264%;
  top: 76.3%;
  left: 2%;
  animation: anm0203 10s 0s linear infinite;
}

@keyframes anm0203 {
  0% {
    left: 2%;
  }
  100% {
    left: -133.2%;
  }
}

.anm__item0204, .anm__item0205, .anm__item0206, .anm__item0207 {
  left: 2.8%;
  opacity: 0;
  transform: translateY(10%);
  transition: .5s all;
}

.anm__item0204.is-in, .anm__item0205.is-in, .anm__item0206.is-in, .anm__item0207.is-in {
  transform: translateY(0);
  opacity: 1;
}

.anm__item0204, .anm__item0205, .anm__item0206 {
  width: 94.6%;
}

.anm__item0204 {
  top: 23.4%;
}

.anm__item0205 {
  top: 42.2%;
}

.anm__item0206 {
  top: 61.1%;
}

.anm__item0207 {
  width: 30.1%;
  top: 80%;
}

.anm__item0301 {
  width: 267%;
  top: 3.2%;
  left: 3.9%;
  animation: anm0301 10s 0s linear infinite;
}

@keyframes anm0301 {
  0% {
    left: 3.9%;
  }
  100% {
    left: -87.1%;
  }
}

.anm__item0302, .anm__item0303 {
  top: 7.9%;
  width: 55.6%;
}

.anm__item0302 {
  left: -1.9%;
  opacity: 0;
  transform: translateY(10%);
  transition: .3s all;
}

.anm__item0302.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0303 {
  right: -4.6%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(10%);
}

.anm__item0303.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0304 {
  width: 101%;
  top: 25.1%;
  left: -.3%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(5%);
  z-index: 10;
}

.anm__item0304.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0305 {
  width: 54%;
  top: 6.5%;
  left: 1.7%;
}

.anm__item0306 {
  width: 45.8%;
  top: 5.7%;
  left: 6.8%;
  animation: anm0306 40s 0s linear infinite;
}

@keyframes anm0306 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.anm__item0307 {
  width: 75%;
  top: 42.4%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0307::before {
  position: absolute;
  content: "";
  display: block;
  width: 75vw;
  height: 75vw;
  max-width: 562px;
  max-height: 562px;
  background: #EEEADC;
  border-radius: 50%;
  top: 9%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: scale(0);
  transition: .4s all;
}

.anm__item0307.is-in::before {
  transform: scale(1);
}

.anm__item0307--obj {
  width: 100%;
  clip-path: circle(0 at 50% 54%);
  transition: clip-path 0.8s;
}

.is-in > .anm__item0307--obj {
  clip-path: circle(60% at 50% 54%);
}

.anm__item0401 {
  width: 208%;
  top: 5.8%;
  left: 5%;
  animation: anm0401 10s 0s linear infinite;
}

@keyframes anm0401 {
  0% {
    left: 5%;
  }
  100% {
    left: -66.2%;
  }
}

.anm__item0402 {
  width: 101%;
  top: 13.7%;
  left: -.5%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(5%);
  z-index: 10;
}

.anm__item0402.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0403 {
  width: 54.5%;
  top: 11.6%;
  left: 0.4%;
}

.anm__item0404 {
  width: 45.8%;
  top: 12.2%;
  left: 6.5%;
  animation: anm0306 40s 0s linear infinite;
}

@keyframes anm0306 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.anm__item0405 {
  width: 75%;
  top: 40.8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0405::before {
  position: absolute;
  content: "";
  display: block;
  width: 72vw;
  height: 72vw;
  max-width: 562px;
  max-height: 562px;
  background: #EEEADC;
  border-radius: 50%;
  top: 15.7%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: scale(0);
  transition: .4s all;
}

.anm__item0405.is-in::before {
  transform: scale(1);
}

.anm__item0405--obj {
  width: 100%;
  clip-path: circle(0 at 50% 58%);
  transition: clip-path 0.8s;
}

.is-in > .anm__item0405--obj {
  clip-path: circle(60% at 50% 58%);
}

.anm__item0406 {
  width: 100%;
  height: 100%;
  top: 68%;
  left: 0;
}

.anm__item0406--obj01 {
  width: 33%;
  left: 16%;
  opacity: 0;
  transform: translateY(10%);
  transition: .5s all;
}

.is-in .anm__item0406--obj01 {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0406--obj02 {
  width: 33%;
  top: 5%;
  left: 51%;
  opacity: 0;
  transform: translateY(10%);
  transition: .5s all .2s;
}

.is-in .anm__item0406--obj02 {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0501, .anm__item0502, .anm__item0503, .anm__item0504 {
  opacity: 0;
  transform: translateY(10%);
  transition: .5s all;
}

.anm__item0501.is-in, .anm__item0502.is-in, .anm__item0503.is-in, .anm__item0504.is-in {
  transform: translateY(0);
  opacity: 1;
}

.anm__item0501, .anm__item0502, .anm__item0503 {
  width: 102.8%;
  left: -1.5%;
}

.anm__item0501 {
  top: 22.6%;
}

.anm__item0502 {
  top: 41.2%;
}

.anm__item0503 {
  top: 59.8%;
}

.anm__item0504 {
  width: 38.3%;
  top: 78.5%;
  left: -1.4%;
}

.anm__item0505, .anm__item0506, .anm__item0507 {
  opacity: 0;
  transition: .3s all;
  transform: translateY(10%);
}

.anm__item0505.is-in, .anm__item0506.is-in, .anm__item0507.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0505 {
  width: 32.4%;
  top: 58.5%;
  right: 5.5%;
}

.anm__item0506 {
  width: 33.5%;
  top: 62.9%;
  left: 4.3%;
}

.anm__item0507 {
  width: 35.6%;
  top: 48.2%;
  right: 3%;
}

.anm__item0508, .anm__item0509, .anm__item0510, .anm__item0511 {
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.is-in .anm__item0508, .is-in .anm__item0509, .is-in .anm__item0510, .is-in .anm__item0511 {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0508 {
  width: 53.1%;
  top: 2.2%;
  left: -14.9%;
  z-index: -1;
  transition-delay: .2s;
}

.anm__item0509 {
  width: 40.9%;
  top: -0.7%;
  right: -10.6%;
  z-index: -1;
  transition-delay: 1.3s;
}

.anm__item0510 {
  width: 50.8%;
  top: 27.8%;
  left: 8.5%;
  transition-delay: .5s;
}

.anm__item0511 {
  width: 50.8%;
  top: 28.2%;
  right: 4.5%;
  transition-delay: 1.6s;
}

.anm__item0601 {
  width: 21.8%;
  top: 10.5%;
  right: 23.7%;
  opacity: 0;
  transition: .5s all;
  transform: translateY(10%);
}

.anm__item0601.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0602 {
  width: 62.1%;
  top: 67.1%;
  left: 8%;
  opacity: 0;
  transition: .5s all;
  transform: translateY(10%);
}

.anm__item0602.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0603 picture, .anm__item0604 picture {
  transition: .3s all;
  clip-path: inset(0 100% 0 0);
}

.anm__item0603.is-in picture, .anm__item0604.is-in picture {
  clip-path: inset(0 0 0 0);
}

.anm__item0603 {
  width: 64%;
  top: 60.3%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0604 {
  width: 64%;
  top: 72%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0604 picture {
  transition-delay: .2s;
}

.anm__item0605 {
  width: 2px;
  height: 0;
  top: 86%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #595757;
  transition: .3s all .4s;
}

.anm__item0605.is-in {
  height: 9.5vw;
}

.anm__item0606 {
  width: 60vw;
  height: 60vw;
  max-width: 450px;
  max-height: 450px;
  top: 1.7%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0606--obj {
  width: 60vw;
  height: 60vw;
  max-width: 450px;
  max-height: 450px;
  padding: 15.6% 22.3% 0 23%;
  background: #FFF;
  border-radius: 50%;
  transition: .3s all .5s;
  clip-path: circle(0 at 50% 50%);
}

.is-in .anm__item0606--obj {
  clip-path: circle(50% at 50% 50%);
}

.anm__item0607 {
  width: 100%;
  height: 21%;
  top: 51%;
}

.anm__item0607::before, .anm__item0607::after {
  position: absolute;
  content: "";
  display: block;
  height: 7px;
  background: #231815;
  transition: .5s all;
}

@media screen and (max-width: 750px) {
  .anm__item0607::before, .anm__item0607::after {
    height: .93vw;
  }
}

.anm__item0607::before {
  width: 0;
  top: 0;
  left: 23.6%;
}

.anm__item0607::after {
  width: 0;
  bottom: 0;
  left: 6.5%;
  transition-delay: .3s;
}

.anm__item0607.is-in::before {
  width: 52.9%;
}

.anm__item0607.is-in::after {
  width: 87%;
}

.anm__item0608 {
  width: 74%;
  left: 7%;
  right: 0;
  margin: 0 auto;
  top: 13.1%;
}

.anm__item0608--obj {
  transition: 1s all;
  clip-path: inset(0 100% 0 0);
}

.is-in .anm__item0608--obj {
  clip-path: inset(0);
}

.anm__item0609 {
  width: 100%;
  top: 44%;
}

.anm__item0609--obj {
  width: 56%;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(20%);
  transition: .3s all;
}

.is-in .anm__item0609--obj {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0609--obj01 {
  margin-bottom: 2%;
}

.anm__item0609--obj02 {
  transition-delay: .3s;
}

.anm__item0610 {
  width: 0;
  height: 13px;
  top: 35.2%;
  left: 10%;
  background: #FFF67F;
  z-index: -1;
  transition: .8s all;
}

.anm__item0610.is-in {
  width: 41%;
}

@media screen and (max-width: 750px) {
  .anm__item0610 {
    height: 1.73vw;
  }
}

.anm__item0611 {
  width: 100%;
  height: 96%;
  top: 4%;
}

.anm__item0611--obj01 {
  width: 22%;
  top: 35.4%;
  left: 43.6%;
  transition: .3s all;
  clip-path: inset(0 100% 0 0);
}

.is-in .anm__item0611--obj01 {
  clip-path: inset(0);
}

.anm__item0611--obj02 {
  width: 38.4%;
  top: 1.2%;
  left: 51.5%;
  opacity: 0;
  transition: .3s all .5s;
  transform: translateY(10%);
}

.is-in .anm__item0611--obj02 {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0611--obj03 {
  width: 28.8%;
  top: 67.4%;
  left: 39.6%;
  transition: .3s all 1s;
  clip-path: inset(0 100% 0 0);
}

.is-in .anm__item0611--obj03 {
  clip-path: inset(0);
}

.anm__item0611--obj04 {
  width: 38.4%;
  bottom: .4%;
  left: 60.2%;
  opacity: 0;
  transition: .3s all 1.5s;
  transform: translateY(10%);
}

.is-in .anm__item0611--obj04 {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0612 {
  width: 32.6%;
  top: .7%;
  left: 1.8%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(10%);
}

.anm__item0612.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0613 {
  width: 32.9%;
  top: 13.1%;
  left: 19.1%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(10%);
}

.anm__item0613.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0614 {
  width: 32.7%;
  top: 31.3%;
  left: 2.6%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(10%);
}

.anm__item0614.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0615 {
  width: 32.7%;
  top: 43.9%;
  left: 16.3%;
  opacity: 0;
  transition: .3s all;
  transform: translateY(10%);
}

.anm__item0615.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0616 {
  position: absolute;
  width: 100%;
  top: .1%;
  left: 0;
  padding-top: 0.2%;
  overflow: hidden;
}

.anm__item0616--obj {
  position: relative;
  width: 118%;
  left: 3%;
  animation: 3s hereItIs 0s linear infinite;
  transform-origin: 249px center;
}

@keyframes hereItIs {
  0% {
    transform-origin: 249px center;
    transform: rotate(0) translateX(0);
  }
  50% {
    transform-origin: 311px center;
  }
  100% {
    transform-origin: 263px center;
    transform: rotate(-10.2deg) translateX(-175px);
  }
}

@media screen and (max-width: 750px) {
  .anm__item0616--obj {
    transform-origin: 36.3vw center;
  }
  @keyframes hereItIs {
    0% {
      transform-origin: 36.3vw center;
      transform: rotate(0) translateX(0%);
    }
    50% {
      transform-origin: 39.3vw center;
    }
    100% {
      transform-origin: 35.2vw center;
      transform: rotate(-10.2deg) translateX(-19.6%);
    }
  }
}

.anm__item0701, .anm__item0703, .anm__item0704, .anm__item0706, .anm__item0707, .anm__item0709 {
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.is-in .anm__item0701, .is-in .anm__item0703, .is-in .anm__item0704, .is-in .anm__item0706, .is-in .anm__item0707, .is-in .anm__item0709 {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0702, .anm__item0705, .anm__item0708 {
  opacity: 0;
  transform: scale(0) translateY(5%);
  transform-origin: bottom;
}

.is-in .anm__item0702, .is-in .anm__item0705, .is-in .anm__item0708 {
  animation: .8s marathon .5s forwards;
}

.anm__item0701 {
  width: 48.4%;
  top: 27.8%;
  right: 6.2%;
}

.anm__item0702 {
  width: 18.5%;
  top: 62%;
  right: 7.2%;
}

.anm__item0703 {
  width: 5.5%;
  top: 69.2%;
  right: 45.9%;
}

.anm__item0704 {
  width: 48.4%;
  top: 31.8%;
  left: 7.1%;
}

.anm__item0705 {
  width: 18.5%;
  top: 66%;
  left: 35.9%;
}

.anm__item0706 {
  width: 5.5%;
  top: 73.2%;
  left: 10.2%;
}

.anm__item0707 {
  width: 48.4%;
  top: 23.8%;
  right: 6.2%;
}

.anm__item0708 {
  width: 18.5%;
  top: 55%;
  right: 7.2%;
}

.anm__item0709 {
  width: 5.5%;
  top: 61.2%;
  right: 46%;
}

@keyframes marathon {
  0% {
    opacity: 0;
    transform: scale(0) translateY(5%);
  }
  1% {
    opacity: 1;
    transform: translateY(10%);
  }
  20% {
    transform: translateY(-20%);
  }
  30% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  40% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-5deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.anm__item0710 {
  width: 49%;
  top: -29%;
  right: -10%;
  transition: .3s all;
  transform: rotate(10deg);
  transform-origin: bottom;
  z-index: 10;
}

.anm__item0710.is-in {
  transform: rotate(0);
}

.anm__item0711 {
  width: 36%;
  top: 25%;
  left: 7%;
}

.anm__item0712 {
  width: 67.5%;
  top: 20.3%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0712 picture {
  width: 100%;
  transition: 0.3s all 0.1s;
  clip-path: circle(0 at 50% 50%);
}

.is-in .anm__item0712 picture {
  clip-path: circle(50% at 50% 50%);
}

.anm__item0712::before {
  position: absolute;
  content: "";
  display: block;
  width: 67vw;
  height: 67vw;
  max-width: 506px;
  max-height: 506px;
  transition: .3s all;
  border-radius: 50%;
  background: #FFF;
  transform: scale(0);
}

.is-in .anm__item0712::before {
  transform: scale(1);
}

.anm__item0713 {
  width: 209.4%;
  top: 7.7%;
  animation: anm0701 10s 0s linear infinite;
}

@keyframes anm0701 {
  0% {
    left: 5.2%;
  }
  100% {
    left: -103.7%;
  }
}

.anm__item0714 {
  width: 100%;
  height: 20%;
  bottom: 0;
}

.anm__item0714::before, .anm__item0714::after {
  position: absolute;
  content: "";
  display: block;
  height: 3px;
  background: #231815;
}

@media screen and (max-width: 750px) {
  .anm__item0714::before, .anm__item0714::after {
    height: .4vw;
  }
}

.anm__item0714::before {
  width: 0;
  top: 36%;
  left: 5.3%;
  transition: .5s all;
}

.is-in .anm__item0714::before {
  width: 89.5%;
}

.anm__item0714::after {
  width: 0;
  top: 85%;
  left: 5.3%;
  transition: .5s all .3s;
}

.is-in .anm__item0714::after {
  width: 89.7%;
}

.anm__item0715 {
  width: 47.3%;
  top: 7.3%;
  right: 3%;
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.anm__item0715.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0716 {
  width: 57.6%;
  top: 18.7%;
  left: 0;
}

.anm__item0717 {
  width: 13%;
  height: 14%;
  top: 5%;
  left: 39%;
}

.anm__item0717--01 {
  animation: 1s how-easy1 0s linear infinite;
}

.anm__item0717--02 {
  animation: 1s how-easy2 0s linear infinite;
}

.anm__item0717--03 {
  animation: 1s how-easy3 0s linear infinite;
}

.anm__item0717--04 {
  animation: 1s how-easy4 0s linear infinite;
}

.anm__item0717--01, .anm__item0717--02, .anm__item0717--03, .anm__item0717--04 {
  opacity: 0;
}

.anm__item0717--02, .anm__item0717--03, .anm__item0717--04 {
  top: 0;
  left: 0;
}

@keyframes how-easy1 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes how-easy2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes how-easy3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes how-easy4 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.anm__item0718 {
  width: 38%;
  top: 24.5%;
  left: 14%;
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.anm__item0718.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0802, .anm__item0803 {
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.anm__item0802.is-in, .anm__item0803.is-in {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0802 {
  width: 86.2%;
  top: 20.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0803 {
  width: 25.5%;
  top: 44.2%;
  right: 2.3%;
}

.anm__item0804 {
  width: 86.667%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.anm__item0804--01 {
  top: 51%;
}

.anm__item0804--02 {
  top: 84%;
}

.anm__item0804--03 {
  top: 4%;
}

.anm__item0804--04 {
  top: 24.7%;
}

.anm__item0804--05 {
  top: 59%;
}

.anm__item0804--obj {
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.is-in .anm__item0804--obj {
  opacity: 1;
  transform: translateY(0);
}

.anm__item0804--obj01 {
  transition-delay: 0s;
}

.anm__item0804--obj02 {
  transition-delay: .2s;
}

.anm__item0804--obj03 {
  transition-delay: .4s;
}

.anm__item0804--obj04 {
  transition-delay: .6s;
}

.anm__item0804--obj05 {
  transition-delay: .8s;
}

.anm__item0804--obj06 {
  transition-delay: 1s;
}

.anm__item0804--objLast {
  margin-top: 5%;
}

.fuwafuwaContainer01 {
  width: 55.73%;
  top: 27%;
  left: 6%;
  animation: 2s fuwafuwa01 0s ease-in-out infinite;
}

@keyframes fuwafuwa01 {
  0% {
    transform: translateY(4%);
  }
  50% {
    transform: translateY(-4%);
  }
  100% {
    transform: translateY(4%);
  }
}

.fuwafuwaContainer01__item--02 {
  width: 62%;
  top: 21%;
  left: 20%;
}

.arrangeContainer {
  width: 94.6%;
  top: 1%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.arrange__item {
  flex: 0 1 49.1%;
  margin: 0 0 3.8%;
  transition: .3s all;
  opacity: 0;
  transform: translateY(10%);
}

.arrange__item--02, .arrange__item--04, .arrange__item--06 {
  transition-delay: .3s;
}

.arrange__item.is-in {
  opacity: 1;
  transform: translateY(0);
}

.para__item0201 {
  position: relative;
  width: 100%;
  max-width: 750px;
  height: 200vw;
  max-height: 100vh;
}

.para__item0201--obj {
  position: relative;
  width: 100%;
  max-width: 750px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.is-in .para__item0201--obj {
  position: fixed;
}

.para__item0201--obj img {
  object-fit: cover;
  width: 100%;
  height: 200vw;
  max-height: 100vh;
}

.para__item0301 {
  position: relative;
  width: 100%;
  max-width: 750px;
}

.para__item0301--obj {
  position: absolute;
  width: 100%;
  max-width: 750px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.is-in .para__item0301--obj {
  position: fixed;
}

.para__item0301--obj img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.para__item0302 {
  position: relative;
  width: 100%;
  max-width: 750px;
}

.para__item0302--obj {
  position: absolute;
  width: 100%;
  max-width: 750px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.is-in .para__item0302--obj {
  position: fixed;
}

.para__item0302--obj img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.para__item0501 {
  position: relative;
  width: 100%;
}

.para__item0501--obj {
  position: absolute;
  max-width: 750px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.is-in .para__item0501--obj {
  position: fixed;
}

.para__item0501--obj img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.para__item0801 {
  position: relative;
  width: 100%;
}

.para__item0801--obj {
  position: absolute;
  max-width: 750px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.is-in .para__item0801--obj {
  position: fixed;
}

.para__item0801--obj img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.youtubeContainer {
  position: relative;
}

.youtubeContent {
  position: absolute;
  width: 82.2%;
  bottom: 13.8%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 46.125%;
}

.youtubeContent__item {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.positioning01 {
  position: relative;
  margin-top: -20%;
  z-index: 10;
}

.positioning02 {
  position: relative;
  margin-top: -18.7%;
  z-index: 10;
}

.positioning03 {
  overflow: hidden;
  width: 100%;
  margin-top: -21%;
  padding-top: 21%;
  z-index: 10;
}

.voiceContainer {
  position: absolute;
  width: 96.4%;
  top: 3.4%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.voice__item {
  flex: 0 1 36%;
  margin: 0 -2% -1.3% -1%;
}

.commitVideo {
  width: 90.667%;
  top: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.closingItem {
  width: 61%;
  top: 24.3%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
}

.handWriting02 {
  width: 64%;
  top: 68%;
  left: 0;
  right: 5%;
  margin: 0 auto;
}

.handWriting02__item {
  fill: none;
  stroke-width: 9;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting03 {
  width: 40%;
  top: 19.4%;
  right: 2%;
}

.handWriting03__item {
  fill: none;
  stroke-width: 5;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting04 {
  width: 40%;
  top: 18.4%;
  left: 1%;
}

.handWriting04__item {
  fill: none;
  stroke-width: 5;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting05 {
  width: 39%;
  top: 11.4%;
  right: 2%;
}

.handWriting05__item {
  fill: none;
  stroke-width: 6;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting06 {
  width: 64%;
  top: 19.1%;
  left: 12%;
}

.handWriting06__item {
  fill: none;
  stroke-width: 9;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting07 {
  width: 84%;
  bottom: 2.1%;
  left: 8%;
}

.handWriting07__item {
  fill: none;
  stroke-width: 9;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting08 {
  width: 20.5%;
  top: 18.1%;
  left: 29%;
}

.handWriting08__item {
  fill: none;
  stroke-width: 9;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.handWriting09 {
  width: 90%;
  top: 2%;
  left: 4%;
}

.handWriting09__item {
  fill: none;
  stroke-width: 7;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}

.pour__item--01 {
  width: 37%;
  top: 15.3%;
  left: 45.1%;
  transition: .5s all;
  transform: rotate(0);
  z-index: 60;
}

.is-in .pour__item--01 {
  transform: rotate(-53deg);
}

.pour__item--02 {
  width: 22.3%;
  top: 27%;
  left: 24.8%;
  z-index: 20;
  transition: .5s all .3s;
  clip-path: inset(0 0 100% 0);
}

.is-in .pour__item--02 {
  clip-path: inset(0 0 0 0);
}

.pour__item--03 {
  width: 100%;
  top: 15.6%;
  z-index: 50;
}

.pour__item--04 {
  width: 246.3%;
  top: 42.9%;
  left: -168%;
  opacity: .5;
  z-index: 40;
  transition: 5s all .8s;
}

.is-in .pour__item--04 {
  left: 13.4%;
}

.pour__item--05 {
  width: 246.3%;
  top: 42.9%;
  left: 21.4%;
  z-index: 45;
  transition: 6s all .8s;
  transform: scale(-1, 1);
}

.is-in .pour__item--05 {
  left: -168%;
}
/*# sourceMappingURL=base.css.map */