.machine-area {
  position: relative;
  padding: 20px 5%; }
  .machine-area .item{
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 68%;
  }
  .machine-area .box {
    cursor: pointer;
    position: absolute;
    width: 18%;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease; }
    .machine-area .box.light {
      -webkit-filter: brightness(1.5);
      filter: brightness(1.5); }
    .machine-area .box.move {
      -webkit-animation: move 0.75s 1;
      animation: move 0.75s 1; }

@-webkit-keyframes move {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    left: 40%;
    top: 80%; } }

@keyframes move {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    left: 40%;
    top: 80%; } }
    .machine-area .box.box-0 {
      left: 22.5%;
      top: 35%; }
    .machine-area .box.box-1 {
      left: 41.2%;
      top: 35%; }
    .machine-area .box.box-2 {
      left: 59.5%;
      top: 35%; }
    .machine-area .box.box-3 {
      left: 22.5%;
      top: 50.7%; }
    .machine-area .box.box-4 {
      left: 40.5%;
      top: 50.7%; }
    .machine-area .box.box-5 {
      left: 59%;
      top: 50.7%; }
    .machine-area .box.box-6 {
      left: 14.7%;
      top: 67.1%; }
    .machine-area .box.box-7 {
      left: 32.3%;
      top: 67.1%; }
    .machine-area .box.box-8 {
      left: 49.4%;
      top: 67.1%; }
    .machine-area .box.box-9 {
      left: 67.3%;
      top: 67.1%; }

.gift-area .gift-title {
  padding: 30px 7.5%;
  margin-bottom: 72%; }

.gift-area .gift-bigbox {
  position: relative; }
  .gift-area .gift-bigbox .gift {
    position: absolute;
    -webkit-animation: gift 1s 1;
    animation: gift 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

@-webkit-keyframes gift {
  0% {
    position: absolute;
    left: 51%;
    top: 20%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 10%;
    z-index: 2; }
  100% {
    position: absolute;
    left: 51%;
    top: -145%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 90%;
    z-index: 2; } }

@keyframes gift {
  0% {
    position: absolute;
    left: 51%;
    top: 20%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 10%;
    z-index: 2; }
  100% {
    position: absolute;
    left: 51%;
    top: -145%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 90%;
    z-index: 2; } }
  .gift-area .gift-bigbox .logo {
    position: absolute;
    left: 12%;
    top: 12%;
    width: 41%;
    z-index: 4; }
  .gift-area .gift-bigbox .button {
    position: absolute;
    left: 50%;
    bottom: 15%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 49%;
    cursor: pointer;
    z-index: 4; }
  .gift-area .gift-bigbox .top {
    width: 60%;
    position: absolute;
    right: 0.5%;
    top: -89.8%;
    z-index: 1;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-animation: top 0.6s 1;
    animation: top 0.6s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

@-webkit-keyframes top {
  0% {
    -webkit-transform: scale(1, 1) rotate(0deg) skew(75deg, 0deg);
    transform: scale(1, 1) rotate(0deg) skew(75deg, 0deg); }
  100% {
    -webkit-transform: scale(1, 1) rotate(0deg) skew(0deg, 0deg);
    transform: scale(1, 1) rotate(0deg) skew(0deg, 0deg); } }

@keyframes top {
  0% {
    -webkit-transform: scale(1, 1) rotate(0deg) skew(75deg, 0deg);
    transform: scale(1, 1) rotate(0deg) skew(75deg, 0deg); }
  100% {
    -webkit-transform: scale(1, 1) rotate(0deg) skew(0deg, 0deg);
    transform: scale(1, 1) rotate(0deg) skew(0deg, 0deg); } }
  .gift-area .gift-bigbox .box {
    width: 84%;
    margin: 0 auto;
    display: block;
    z-index: 3;
    position: relative; }