.l-home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 92vh;
  min-height: 72rem;
}
.l-home img {
  user-drag: none;
  -webkit-user-drag: none;
}
.l-home__info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 18vh;
}
.l-home__info-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 48rem;
  z-index: 10;
}
.l-home__title {
  max-width: 32.4rem;
  margin-bottom: var(--spacing-32);
}
.l-home__description {
  padding: var(--spacing-32) var(--spacing-24) var(--spacing-72);
  border-top: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-black-90);
}
.l-home__btn {
  margin-top: calc(-1 * var(--spacing-40));
}
@media (max-width: 1199.98px) {
  .l-home {
    height: auto;
    min-height: 92vh;
  }
  .l-home__info-area {
    margin: auto 0;
  }
  .l-home__info-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: var(--spacing-160);
  }
}
@media (max-width: 575.98px) {
  .l-home__info-box {
    padding-top: calc(var(--spacing-160) + var(--spacing-40));
  }
  .l-home__title {
    max-width: 24rem;
  }
}

.c-home-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  overflow: hidden;
}
.c-home-bg__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 15%;
  top: 0;
  -webkit-transform: translateX(-15%);
          transform: translateX(-15%);
  width: 100%;
  height: 100%;
  min-width: 176rem;
  padding-top: 16vh;
}
.c-home-bg__window-mask {
  max-width: 34rem;
}
.c-home-bg__window-mask.--left {
  margin-left: -13.6rem;
}
.c-home-bg__window-mask.--right {
  margin-right: -18rem;
}
.c-home-bg__brick-01-mask {
  left: 1.2em;
  top: 1.6rem;
}
.c-home-bg__brick-02-mask {
  left: -8.8rem;
  top: -8rem;
}
.c-home-bg__brick-03-mask {
  right: -7%;
  top: 32rem;
}
.c-home-bg__clock-mask {
  left: -7.2rem;
  top: -8rem;
}
@media (max-width: 1399.98px) {
  .c-home-bg__clock-mask {
    width: 8.4rem;
    left: -20rem;
    top: -4rem;
  }
}
@media (max-width: 1199.98px) {
  .c-home-bg__wrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 100rem;
  }
  .c-home-bg__window-mask {
    max-width: 30rem;
  }
  .c-home-bg__brick-01-mask {
    display: none;
  }
  .c-home-bg__brick-02-mask {
    max-width: 10rem;
  }
  .c-home-bg__brick-03-mask {
    max-width: 13rem;
  }
  .c-home-bg__clock-mask {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .c-home-bg__wrap {
    left: 38%;
    -webkit-transform: translateX(-38%);
            transform: translateX(-38%);
  }
}
@media (max-width: 575.98px) {
  .c-home-bg__wrap {
    left: 0;
    top: 5%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    min-width: auto;
  }
  .c-home-bg__window-mask {
    display: none;
  }
  .c-home-bg__brick-02-mask {
    left: 0;
  }
  .c-home-bg__brick-03-mask {
    top: 23rem;
  }
}

.c-home-character {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  overflow: hidden;
}
.c-home-character__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  left: 13.6%;
  bottom: 12%;
}
.c-home-character__wrap [class*=-mask]:not(.--main) {
  position: absolute;
}
@-webkit-keyframes aniGrandma {
  0% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  10% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  95% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes aniGrandma {
  0% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  10% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  95% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
.c-home-character__grandma-wrap {
  width: 32rem;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  margin-right: 8.2vw;
  -webkit-animation: aniGrandma 5s 1s ease-in-out infinite both;
          animation: aniGrandma 5s 1s ease-in-out infinite both;
}
@-webkit-keyframes aniGrandmaRightHand {
  0% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  95% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}
@keyframes aniGrandmaRightHand {
  0% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  95% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}
.c-home-character__grandma-right-hand-mask {
  left: 2%;
  bottom: 20%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  width: 70%;
  -webkit-animation: aniGrandmaRightHand 5s 1.05s ease-in-out infinite both;
          animation: aniGrandmaRightHand 5s 1.05s ease-in-out infinite both;
}
@-webkit-keyframes aniHeart {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  65% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes aniHeart {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  65% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.c-home-character__heart-mask {
  left: 20%;
  top: 18%;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  width: 6.8%;
  -webkit-animation: aniHeart 2.5s 1.4s infinite both;
          animation: aniHeart 2.5s 1.4s infinite both;
}
@-webkit-keyframes aniGrandpa {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
}
@keyframes aniGrandpa {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
}
.c-home-character__grandpa-wrap {
  width: 30rem;
  margin-bottom: 0.6rem;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: aniGrandpa 2.5s 0.6s ease-in-out infinite alternate both;
          animation: aniGrandpa 2.5s 0.6s ease-in-out infinite alternate both;
}
@-webkit-keyframes aniGrandpaRightHand {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes aniGrandpaRightHand {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.c-home-character__grandpa-right-hand-mask {
  right: 88%;
  bottom: 12.6%;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  width: 50%;
  -webkit-animation: aniGrandpaRightHand 2.5s ease-in-out infinite alternate both;
          animation: aniGrandpaRightHand 2.5s ease-in-out infinite alternate both;
}
@-webkit-keyframes aniGrandpaLeftHand {
  0% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes aniGrandpaLeftHand {
  0% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.c-home-character__grandpa-left-hand-mask {
  right: 3%;
  bottom: 19%;
  width: 101%;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-animation: aniGrandpaLeftHand 2.5s 0.5s ease-in-out infinite alternate both;
          animation: aniGrandpaLeftHand 2.5s 0.5s ease-in-out infinite alternate both;
}
@-webkit-keyframes aniTalking {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniTalking {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.c-home-character__talking-mask {
  left: -15%;
  top: 13%;
  width: 28%;
  -webkit-animation: aniTalking 2.5s 0.3s infinite alternate both;
          animation: aniTalking 2.5s 0.3s infinite alternate both;
}
@-webkit-keyframes aniShiny {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes aniShiny {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.c-home-character__shiny-mask {
  left: -40%;
  top: 6%;
  width: 12%;
  -webkit-animation: aniShiny 2.5s 1s infinite both;
          animation: aniShiny 2.5s 1s infinite both;
}
.c-home-character__shiny-green-mask {
  left: -42%;
  top: 14%;
  width: 7%;
  -webkit-animation: aniShiny 2.5s 0.9s infinite both;
          animation: aniShiny 2.5s 0.9s infinite both;
}
@media (max-width: 1599.98px) {
  .c-home-character__wrap {
    left: 6%;
  }
}
@media (max-width: 1399.98px) {
  .c-home-character__wrap {
    left: 2%;
    bottom: 10%;
  }
  .c-home-character__grandma-wrap {
    width: 28rem;
  }
  .c-home-character__grandpa-wrap {
    width: 26rem;
  }
}
@media (max-width: 1199.98px) {
  .c-home-character {
    position: relative;
    margin: var(--spacing-40) 0 -14rem;
  }
  .c-home-character__wrap {
    position: relative;
    left: 16%;
  }
  .c-home-character__grandma-wrap {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 26rem;
    margin-right: 10rem;
  }
  .c-home-character__grandpa-wrap {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 24rem;
  }
}
@media (max-width: 991.98px) {
  .c-home-character {
    margin: var(--spacing-40) 0 -12rem;
  }
  .c-home-character__grandma-wrap {
    width: 24rem;
    margin-right: 10rem;
  }
  .c-home-character__grandpa-wrap {
    width: 22rem;
  }
}
@media (max-width: 767.98px) {
  .c-home-character__wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
  }
}
@media (max-width: 575.98px) {
  .c-home-character {
    margin-bottom: -10rem;
  }
  .c-home-character__grandma-wrap {
    width: 20rem;
    margin-right: var(--spacing-120);
  }
  .c-home-character__grandpa-wrap {
    width: 18rem;
  }
}

.c-home-foods {
  --top-spacing: 5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(23.4% + var(--top-spacing));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.c-home-foods__box {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.c-home-foods__box.--tea {
  position: absolute;
  left: 0;
  bottom: -13%;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  z-index: 10;
}
.c-home-foods__wrap {
  position: absolute;
  left: 35%;
  top: 0;
  -webkit-transform: translateX(-35%);
          transform: translateX(-35%);
  width: 100%;
  height: 100%;
  min-width: 160rem;
  padding-top: var(--top-spacing);
  padding-right: 5vw;
  overflow: hidden;
}
.c-home-foods__wrap > [class*=-mask] {
  position: absolute;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  z-index: 10;
}
.c-home-foods__table {
  float: right;
  width: 124%;
  height: 300%;
  border-radius: 50%;
  background-color: var(--color-cocoa);
}
@-webkit-keyframes aniFoods {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  5% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  10% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  15% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniFoods {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  5% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  10% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  15% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.c-home-foods__img {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: aniFoods 5s 1.2s infinite both;
          animation: aniFoods 5s 1.2s infinite both;
}
.c-home-foods__tofu-mask {
  left: -4.2rem;
  top: 17%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.c-home-foods__pudding-mask {
  left: 7.3%;
  bottom: 5%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.c-home-foods__pudding-mask .c-home-foods__img {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.c-home-foods__porridge-mask {
  left: 13.4%;
  top: 7.2%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  z-index: 5 !important;
}
.c-home-foods__porridge-mask .c-home-foods__img {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.c-home-foods__dongpo-mask {
  left: 18.4%;
  bottom: 1%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.c-home-foods__dongpo-mask .c-home-foods__img {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.c-home-foods__black-bean-mask {
  left: 34%;
  bottom: 5%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.c-home-foods__noodles-mask {
  left: 33.1%;
  top: 3.2%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  z-index: 5 !important;
}
.c-home-foods__dongpo-mask .c-home-foods__img {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.c-home-foods__meatball-mask {
  left: 41.9%;
  bottom: 9.4%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  z-index: 8 !important;
}
.c-home-foods__tea-mask {
  left: 52%;
  bottom: 3.6%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  z-index: 20;
}
.c-home-foods__tea-mask .c-home-foods__img {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.c-home-foods__wonton-mask {
  left: 51.4%;
  top: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  z-index: 5 !important;
}
.c-home-foods__wonton-mask .c-home-foods__img {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.c-home-foods__red-bean-mask {
  left: 62%;
  bottom: 1.2%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.c-home-foods__red-bean-mask .c-home-foods__img {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.c-home-foods__yogurt-mask {
  left: 69.8%;
  top: 30.6%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  z-index: 5 !important;
}
.c-home-foods__roll-mask {
  left: 76.4%;
  top: 53.4%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.c-home-foods__roll-mask .c-home-foods__img {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
@media (max-width: 1399.98px) {
  .c-home-foods {
    height: calc(20% + var(--top-spacing));
  }
  .c-home-foods__wrap {
    min-width: 144rem;
  }
  .c-home-foods__wrap > [class*=-mask] {
    -webkit-transform: scale(0.73);
            transform: scale(0.73);
  }
}
@media (max-width: 1199.98px) {
  .c-home-foods {
    position: relative;
    height: calc(14rem + var(--top-spacing));
  }
  .c-home-foods__wrap {
    position: relative;
    min-width: 132rem;
  }
  .c-home-foods__wrap > [class*=-mask] {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
@media (max-width: 1024px) {
  .c-home-foods__wrap {
    min-width: 140rem;
  }
}
@media (max-width: 575.98px) {
  .c-home-foods {
    --top-spacing: 3rem;
    height: calc(10rem + var(--top-spacing));
  }
  .c-home-foods__wrap {
    min-width: 88rem;
  }
  .c-home-foods__wrap > [class*=-mask] {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

.c-home-magic {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 42rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  overflow: hidden;
}
@-webkit-keyframes aniMagic {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 100%;
    opacity: 1;
  }
  80% {
    height: 100%;
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniMagic {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 100%;
    opacity: 1;
  }
  80% {
    height: 100%;
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.c-home-magic__box {
  overflow: hidden;
  -webkit-animation: aniMagic 5s 0.6s infinite both;
          animation: aniMagic 5s 0.6s infinite both;
}
.c-home-magic__wrap {
  position: absolute;
  left: 18%;
  top: 0;
  -webkit-transform: translateX(-18%);
          transform: translateX(-18%);
  width: 100%;
  min-width: 180rem;
}
.c-home-magic__wrap > [class*=-mask]:not(.--main) {
  position: absolute;
}
@-webkit-keyframes aniMagicShiny {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes aniMagicShiny {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.c-home-magic__img {
  -webkit-animation: aniMagicShiny 1.25s 1.6s ease-in infinite alternate both;
          animation: aniMagicShiny 1.25s 1.6s ease-in infinite alternate both;
}
.c-home-magic__shiny-01-mask {
  left: 9%;
  top: 38%;
}
.c-home-magic__shiny-01-mask .c-home-magic__img {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.c-home-magic__shiny-02-mask {
  left: 16%;
  bottom: 18%;
}
.c-home-magic__shiny-03-mask {
  left: 31.4%;
  top: 41%;
}
.c-home-magic__shiny-03-mask .c-home-magic__img {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.c-home-magic__shiny-04-mask {
  left: 48.3%;
  top: 49.6%;
}
.c-home-magic__shiny-04-mask .c-home-magic__img {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.c-home-magic__shiny-05-mask {
  left: 57%;
  top: 27.2%;
}
.c-home-magic__shiny-06-mask {
  left: 70.6%;
  top: 48.8%;
}
.c-home-magic__shiny-06-mask .c-home-magic__img {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
@media (max-width: 1599.98px) {
  .c-home-magic__wrap {
    left: 10%;
    -webkit-transform: translateX(-18%);
            transform: translateX(-18%);
  }
}
@media (max-width: 1399.98px) {
  .c-home-magic {
    height: 36rem;
  }
  .c-home-magic__wrap {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
    min-width: 168rem;
  }
  .c-home-magic__wrap > [class*=-mask]:not(.--main) {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media (max-width: 1199.98px) {
  .c-home-magic {
    height: 32rem;
  }
  .c-home-magic__wrap {
    left: 14%;
    -webkit-transform: translateX(-12%);
            transform: translateX(-12%);
    min-width: 136rem;
  }
  .c-home-magic__wrap > [class*=-mask]:not(.--main) {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
@media (max-width: 991.98px) {
  .c-home-magic__wrap {
    left: 15%;
    -webkit-transform: translateX(-14%);
            transform: translateX(-14%);
  }
}
@media (max-width: 767.98px) {
  .c-home-magic__wrap {
    left: 50%;
    -webkit-transform: translateX(-35%);
            transform: translateX(-35%);
  }
}
@media (max-width: 575.98px) {
  .c-home-magic {
    height: 24rem;
  }
  .c-home-magic__wrap {
    min-width: 96rem;
  }
  .c-home-magic__wrap > [class*=-mask]:not(.--main) {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}
/*# sourceMappingURL=home.css.map */