@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;800&display=swap");
* {
  font-family: "M PLUS 1p", sans-serif;
}

.section01 {
  width: 100%;
  aspect-ratio: 1440/900;
  background-color: rgb(253, 228, 225);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .section01 {
    aspect-ratio: 375/536;
  }
}
.section01 .inner {
  width: 100%;
  max-width: 1440px;
  margin: auto;
  height: 100%;
}
.section01 .logo {
  position: absolute;
  top: 6%;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  width: 82%;
  justify-content: flex-start;
  align-items: flex-end;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .section01 .logo {
    width: 90%;
    top: 15%;
    right: 3.5%;
  }
}
.section01 .logo.active img:not(.tm, .r) {
  transform: scale(1);
  transition-duration: 0.4s;
}
.section01 .logo img:not(.tm, .r) {
  transform-origin: center bottom;
  transform: scale(0);
  transition-timing-function: cubic-bezier(0.44, 1.27, 0.81, 1.18);
}
.section01 .logo .f {
  width: 13%;
}
.section01 .logo .o {
  width: 16%;
  transition-delay: 0.07s;
}
.section01 .logo .w {
  margin-left: 2.2%;
  width: 22%;
  transition-delay: 0.14s;
}
.section01 .logo .a {
  margin-left: 1%;
  margin-bottom: -0.4%;
  width: 19%;
  transition-delay: 0.21s;
}
.section01 .logo .l {
  margin-left: 2%;
  width: 6.45%;
  transition-delay: 0.28s;
}
.section01 .logo .d {
  margin-left: 1%;
  width: 17.4%;
  transition-delay: 0.35s;
}
.section01 .logo .tm {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4%;
}
.section01 .logo .r {
  position: absolute;
  right: -3.5%;
  bottom: -1%;
  width: 2.15%;
}
@media screen and (max-width: 900px) {
  .section01 .logo .r {
    right: -4%;
  }
}
.section01 .fv-ill-wrap {
  width: 66%;
  margin: auto;
  position: absolute;
  top: 28.5%;
  left: 0;
  right: 0;
  z-index: 0;
  will-change: transform;
}
@media screen and (max-width: 900px) {
  .section01 .fv-ill-wrap {
    width: 115%;
    top: 57%;
    left: -8%;
  }
}
.section01 .fv-ill-wrap .fv-ill {
  width: 100%;
  transform: scale(0);
  transition-timing-function: cubic-bezier(0.44, 1.27, 0.81, 1.18);
}
.section01 .fv-ill-wrap .fv-ill.view {
  transition-delay: 0.8s;
  transform: scale(1);
  transition-duration: 0.4s;
}
.section01 .fv-text {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 44%;
  left: 6%;
  font-size: 1.6vw;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 2px;
  transform: rotate(0.05deg);
}
@media screen and (max-width: 900px) {
  .section01 .fv-text {
    justify-content: center;
    left: 6%;
    right: 0;
    bottom: 5%;
    top: 0;
    margin: auto;
    font-size: 5.4vw;
  }
}/*# sourceMappingURL=section01.css.map *