@charset "utf-8";
.boxHome {
    position: relative;
    margin: 0 auto;
    background: url(../img/xair/imgHomeBg.jpg) center no-repeat;
  }
  .boxHome picture {
    position: relative;
    z-index: 1;
    display: block;
  }
  @media only screen and (max-width: 1480px) {
    .boxHome {
      max-width: 120rem;
      background: url(../img/xair/imgHomeBg_1200.jpg) center no-repeat;
    }
  }
  @media only screen and (max-width: 1215px) {
    .boxHome {
      max-width: none;
      background: url(../img/xair/imgHomeBg_sp.jpg) center / 100% no-repeat;
    }
  }
  
  /* animation */
  .boxHome .grad {
    position: absolute;
    z-index: 0;
  }
  .boxHome .grad01 {
    width: 7.6rem;
    height: 14.6rem;
    top: 30.4rem;
    left: 44.1rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#9ed8f6), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(bottom, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(0deg, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-top-bottom 2s linear 0s infinite normal;
            animation: blow-top-bottom 2s linear 0s infinite normal;
  }
  .boxHome .grad02 {
    width: 7.6rem;
    height: 14.6rem;
    top: 30.4rem;
    left: 58.3rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#9ed8f6), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(bottom, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(0deg, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-top-bottom 2s linear 0s infinite normal;
            animation: blow-top-bottom 2s linear 0s infinite normal;
  }
  .boxHome .grad03 {
    width: 7.6rem;
    height: 14.6rem;
    top: 52.4rem;
    left: 44.1rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#9ed8f6), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(bottom, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(0deg, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-top-bottom 2s linear 0s infinite normal;
            animation: blow-top-bottom 2s linear 0s infinite normal;
  }
  .boxHome .grad04 {
    width: 7.6rem;
    height: 14.6rem;
    top: 52.4rem;
    left: 58.3rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#9ed8f6), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(bottom, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(0deg, #9ed8f6 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-top-bottom 2s linear 0s infinite normal;
            animation: blow-top-bottom 2s linear 0s infinite normal;
  }
  .boxHome .grad05 {
    width: 7.6rem;
    height: 14.6rem;
    top: 30.4rem;
    left: 74.6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9c170), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(top, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(180deg, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-bottom-top 2s linear 0s infinite normal;
            animation: blow-bottom-top 2s linear 0s infinite normal;
  }
  .boxHome .grad06 {
    width: 7.6rem;
    height: 14.6rem;
    top: 30.4rem;
    left: 88.8rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9c170), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(top, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(180deg, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-bottom-top 2s linear 0s infinite normal;
            animation: blow-bottom-top 2s linear 0s infinite normal;
  }
  .boxHome .grad07 {
    width: 7.6rem;
    height: 14.6rem;
    top: 52.4rem;
    left: 74.6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9c170), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(top, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(180deg, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-bottom-top 2s linear 0s infinite normal;
            animation: blow-bottom-top 2s linear 0s infinite normal;
  }
  .boxHome .grad08 {
    width: 7.6rem;
    height: 14.6rem;
    top: 52.4rem;
    left: 88.8rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9c170), to(rgba(255,255,255,0))) center / 7.6rem 14.6rem repeat;
    background: -o-linear-gradient(top, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    background: linear-gradient(180deg, #f9c170 0%, rgba(255,255,255,0) 100%) center / 7.6rem 14.6rem repeat;
    -webkit-animation: blow-bottom-top 2s linear 0s infinite normal;
            animation: blow-bottom-top 2s linear 0s infinite normal;
  }
  .boxHome .grad09 {
    width: 13.3rem;
    height: 1.2rem;
    top: 27rem;
    left: 52.4rem;
    background: -webkit-gradient(linear, left top, right top, from(#5ec2c6), to(rgba(255,255,255,0))) center / 13.3rem 1.2rem repeat;
    background: -o-linear-gradient(left, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 13.3rem 1.2rem repeat;
    background: linear-gradient(90deg, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 13.3rem 1.2rem repeat;
    -webkit-animation: arrow1-right-left 2s linear -1.9s infinite normal;
            animation: arrow1-right-left 2s linear -1.9s infinite normal;
  }
  .boxHome .grad10 {
    width: 2.4rem;
    height: 4.4rem;
    top: 28rem;
    left: 51.7rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#5ec2c6), to(rgba(255,255,255,0))) center / 2.4rem 4.4rem repeat;
    background: -o-linear-gradient(bottom, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 2.4rem 4.4rem repeat;
    background: linear-gradient(0deg, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 2.4rem 4.4rem repeat;
    -webkit-animation: arrow1-top-bottom 2s linear 0s infinite normal;
            animation: arrow1-top-bottom 2s linear 0s infinite normal;
  }
  .boxHome .grad11 {
    width: 13.3rem;
    height: 1.2rem;
    top: 49.5rem;
    left: 52.4rem;
    background: -webkit-gradient(linear, left top, right top, from(#5ec2c6), to(rgba(255,255,255,0))) center / 13.3rem 1.2rem repeat;
    background: -o-linear-gradient(left, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 13.3rem 1.2rem repeat;
    background: linear-gradient(90deg, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 13.3rem 1.2rem repeat;
    -webkit-animation: arrow1-right-left 2s linear -1.9s infinite normal;
            animation: arrow1-right-left 2s linear -1.9s infinite normal;
  }
  .boxHome .grad12 {
    width: 2.4rem;
    height: 4.4rem;
    top: 50.5rem;
    left: 51.7rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#5ec2c6), to(rgba(255,255,255,0))) center / 2.4rem 4.4rem repeat;
    background: -o-linear-gradient(bottom, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 2.4rem 4.4rem repeat;
    background: linear-gradient(0deg, #5ec2c6 0%, rgba(255,255,255,0) 100%) center / 2.4rem 4.4rem repeat;
    -webkit-animation: arrow1-top-bottom 2s linear 0s infinite normal;
            animation: arrow1-top-bottom 2s linear 0s infinite normal;
  }
  .boxHome .grad13 {
    width: 1.5rem;
    height: 21.1rem;
    top: 28.1rem;
    left: 70.3rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#f18d00), to(rgba(255,255,255,0))) center / 1.5rem 21.1rem repeat;
    background: -o-linear-gradient(bottom, #f18d00 0%, rgba(255,255,255,0) 100%) center / 1.5rem 21.1rem repeat;
    background: linear-gradient(0deg, #f18d00 0%, rgba(255,255,255,0) 100%) center / 1.5rem 21.1rem repeat;
    -webkit-animation: arrow2-top-bottom 2s linear -3.55s infinite normal;
            animation: arrow2-top-bottom 2s linear -3.55s infinite normal;
  }
  .boxHome .grad14 {
    width: 17.3rem;
    height: 1.2rem;
    top: 48rem;
    left: 70.3rem;
    background: -webkit-gradient(linear, right top, left top, from(#f18d00), to(rgba(255,255,255,0))) center / 17.3rem 1.2rem repeat;
    background: -o-linear-gradient(right, #f18d00 0%, rgba(255,255,255,0) 100%) center / 17.3rem 1.2rem repeat;
    background: linear-gradient(-90deg, #f18d00 0%, rgba(255,255,255,0) 100%) center / 17.3rem 1.2rem repeat;
    -webkit-animation: arrow2-left-right 2s linear -1.7s infinite normal;
            animation: arrow2-left-right 2s linear -1.7s infinite normal;
  }
  .boxHome .grad15 {
    width: 2.6rem;
    height: 4.7rem;
    top: 43.6rem;
    left: 85.7rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f18d00), to(rgba(255,255,255,0))) center / 2.6rem 4.7rem repeat;
    background: -o-linear-gradient(top, #f18d00 0%, rgba(255,255,255,0) 100%) center / 2.6rem 4.7rem repeat;
    background: linear-gradient(180deg, #f18d00 0%, rgba(255,255,255,0) 100%) center / 2.6rem 4.7rem repeat;
    -webkit-animation: arrow2-bottom-top 2s linear 0.2s infinite normal;
            animation: arrow2-bottom-top 2s linear 0.2s infinite normal;
  }
  .boxHome .grad16 {
    width: 1.5rem;
    height: 20.2rem;
    top: 51.5rem;
    left: 70.3rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#f18d00), to(rgba(255,255,255,0))) center / 1.5rem 21.1rem repeat;
    background: -o-linear-gradient(bottom, #f18d00 0%, rgba(255,255,255,0) 100%) center / 1.5rem 21.1rem repeat;
    background: linear-gradient(0deg, #f18d00 0%, rgba(255,255,255,0) 100%) center / 1.5rem 21.1rem repeat;
    -webkit-animation: arrow2-top-bottom 2s linear -3.55s infinite normal;
            animation: arrow2-top-bottom 2s linear -3.55s infinite normal;
  }
  .boxHome .grad17 {
    width: 17.3rem;
    height: 1.2rem;
    top: 70.5rem;
    left: 70.3rem;
    background: -webkit-gradient(linear, right top, left top, from(#f18d00), to(rgba(255,255,255,0))) center / 17.3rem 1.2rem repeat;
    background: -o-linear-gradient(right, #f18d00 0%, rgba(255,255,255,0) 100%) center / 17.3rem 1.2rem repeat;
    background: linear-gradient(-90deg, #f18d00 0%, rgba(255,255,255,0) 100%) center / 17.3rem 1.2rem repeat;
    -webkit-animation: arrow2-left-right 2s linear -1.7s infinite normal;
            animation: arrow2-left-right 2s linear -1.7s infinite normal;
  }
  .boxHome .grad18 {
    width: 2.6rem;
    height: 4.5rem;
    top: 66.1rem;
    left: 85.7rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f18d00), to(rgba(255,255,255,0))) center / 2.6rem 5.6rem repeat;
    background: -o-linear-gradient(top, #f18d00 0%, rgba(255,255,255,0) 100%) center / 2.6rem 5.6rem repeat;
    background: linear-gradient(180deg, #f18d00 0%, rgba(255,255,255,0) 100%) center / 2.6rem 5.6rem repeat;
    -webkit-animation: arrow2-bottom-top 2s linear 0.2s infinite normal;
            animation: arrow2-bottom-top 2s linear 0.2s infinite normal;
  }
  .boxHome .grad19 {
    width: 0.8rem;
    height: 20.8rem;
    top: 28.1rem;
    left: 69.2rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#944195), to(rgba(255,255,255,0))) center / 0.8rem 20.8rem repeat;
    background: -o-linear-gradient(bottom, #944195 0%, rgba(255,255,255,0) 100%) center / 0.8rem 20.8rem repeat;
    background: linear-gradient(0deg, #944195 0%, rgba(255,255,255,0) 100%) center / 0.8rem 20.8rem repeat;
    -webkit-animation: ac01 2s linear -1.85s infinite normal;
            animation: ac01 2s linear -1.85s infinite normal;
  }
  .boxHome .grad20 {
    width: 0.8rem;
    height: 0.8rem;
    top: 48.7rem;
    left: 69.2rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#944195), to(rgba(255,255,255,0))) center / 0.8rem 20.8rem repeat;
    background: -o-linear-gradient(top, #944195 0%, rgba(255,255,255,0) 100%) center / 0.8rem 20.8rem repeat;
    background: linear-gradient(180deg, #944195 0%, rgba(255,255,255,0) 100%) center / 0.8rem 20.8rem repeat;
    -webkit-animation: ac02 2s linear -1.85s infinite normal;
            animation: ac02 2s linear -1.85s infinite normal;
  }
  .boxHome .grad21 {
    width: 18.2rem;
    height: 0.8rem;
    top: 48.3rem;
    left: 51.8rem;
    background: -webkit-gradient(linear, left top, right top, from(#944195), to(rgba(255,255,255,0))) center / 18.2rem 0.8rem repeat;
    background: -o-linear-gradient(left, #944195 0%, rgba(255,255,255,0) 100%) center / 18.2rem 0.8rem repeat;
    background: linear-gradient(90deg, #944195 0%, rgba(255,255,255,0) 100%) center / 18.2rem 0.8rem repeat;
    -webkit-animation: ac03 2s linear 0s infinite normal;
            animation: ac03 2s linear 0s infinite normal;
  }
  .boxHome .grad22 {
    width: 1.6rem;
    height: 1.8rem;
    top: 48.5rem;
    left: 41.2rem;
    background: -webkit-gradient(linear, right top, left top, from(#944195), to(rgba(255,255,255,0))) center / 1.6rem 1.8rem repeat;
    background: -o-linear-gradient(right, #944195 0%, rgba(255,255,255,0) 100%) center / 1.6rem 1.8rem repeat;
    background: linear-gradient(-90deg, #944195 0%, rgba(255,255,255,0) 100%) center / 1.6rem 1.8rem repeat;
    -webkit-animation: ac04 2s linear 0s infinite normal;
            animation: ac04 2s linear 0s infinite normal;
  }
  .boxHome .grad23 {
    width: 8rem;
    height: 6.8rem;
    top: 46rem;
    left: 29.7rem;
    background: -webkit-gradient(linear, left top, right top, from(#944195), to(rgba(255,255,255,0))) center / 8rem 6.8rem repeat;
    background: -o-linear-gradient(left, #944195 0%, rgba(255,255,255,0) 100%) center / 8rem 6.8rem repeat;
    background: linear-gradient(90deg, #944195 0%, rgba(255,255,255,0) 100%) center / 8rem 6.8rem repeat;
    -webkit-animation: ac05 2s linear 0s infinite normal;
            animation: ac05 2s linear 0s infinite normal;
  }
  @-webkit-keyframes blow-top-bottom{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 14.6rem;
    }
  }
  @keyframes blow-top-bottom{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 14.6rem;
    }
  }
  @-webkit-keyframes blow-bottom-top{
    0% {
      background-position: 0 14.6rem;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes blow-bottom-top{
    0% {
      background-position: 0 14.6rem;
    }
    100% {
      background-position: 0 0;
    }
  }
  @-webkit-keyframes arrow1-right-left{
    0% {
      background-position: 13.3rem 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes arrow1-right-left{
    0% {
      background-position: 13.3rem 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @-webkit-keyframes arrow1-top-bottom{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 4.4rem;
    }
  }
  @keyframes arrow1-top-bottom{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 4.4rem;
    }
  }
  @-webkit-keyframes arrow2-top-bottom{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 21.1rem;
    }
  }
  @keyframes arrow2-top-bottom{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 21.1rem;
    }
  }
  @-webkit-keyframes arrow2-left-right{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 17.3rem 0;
    }
  }
  @keyframes arrow2-left-right{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 17.3rem 0;
    }
  }
  @-webkit-keyframes arrow2-bottom-top{
    0% {
      background-position: 0 4.7rem;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes arrow2-bottom-top{
    0% {
      background-position: 0 4.7rem;
    }
    100% {
      background-position: 0 0;
    }
  }
  @-webkit-keyframes ac01{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 20.8rem;
    }
  }
  @keyframes ac01{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 20.8rem;
    }
  }
  @-webkit-keyframes ac02{
    0% {
      background-position: 0 0.8rem;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes ac02{
    0% {
      background-position: 0 0.8rem;
    }
    100% {
      background-position: 0 0;
    }
  }
  @-webkit-keyframes ac03{
    0% {
      background-position: 18.2rem 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes ac03{
    0% {
      background-position: 18.2rem 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @-webkit-keyframes ac04{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 1.6rem 0;
    }
  }
  @keyframes ac04{
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 1.6rem 0;
    }
  }
  @-webkit-keyframes ac05{
    0% {
      background-position: 8rem 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes ac05{
    0% {
      background-position: 8rem 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @media only screen and (max-width: 1480px) {
    .boxHome .grad01 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(30.4rem * (1200/1400));
      left: calc(44.1rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad02 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(30.4rem * (1200/1400));
      left: calc(58.3rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad03 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(52.4rem * (1200/1400));
      left: calc(44.1rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad04 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(52.4rem * (1200/1400));
      left: calc(58.3rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad05 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(30.4rem * (1200/1400));
      left: calc(74.6rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad06 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(30.4rem * (1200/1400));
      left: calc(88.8rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad07 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(52.4rem * (1200/1400));
      left: calc(74.6rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad08 {
      width: calc(7.6rem * (1200/1400));
      height: calc(14.6rem * (1200/1400));
      top: calc(52.4rem * (1200/1400));
      left: calc(88.8rem * (1200/1400));
      background-size: calc(7.6rem * (1200/1400)) calc(14.6rem * (1200/1400));
    }
    .boxHome .grad09 {
      width: calc(13.3rem * (1200/1400));
      height: calc(1.2rem * (1200/1400));
      top: calc(27rem * (1200/1400));
      left: calc(52.4rem * (1200/1400));
      background-size: calc(13.3rem * (1200/1400)) calc(1.2rem * (1200/1400));
    }
    .boxHome .grad10 {
      width: calc(2.4rem * (1200/1400));
      height: calc(4.4rem * (1200/1400));
      top: calc(28rem * (1200/1400));
      left: calc(51.7rem * (1200/1400));
      background-size: calc(2.4rem * (1200/1400)) calc(4.4rem * (1200/1400));
    }
    .boxHome .grad11 {
      width: calc(13.3rem * (1200/1400));
      height: calc(1.2rem * (1200/1400));
      top: calc(49.5rem * (1200/1400));
      left: calc(52.4rem * (1200/1400));
      background-size: calc(13.3rem * (1200/1400)) calc(1.2rem * (1200/1400));
    }
    .boxHome .grad12 {
      width: calc(2.4rem * (1200/1400));
      height: calc(4.4rem * (1200/1400));
      top: calc(50.5rem * (1200/1400));
      left: calc(51.7rem * (1200/1400));
      background-size: calc(2.4rem * (1200/1400)) calc(4.4rem * (1200/1400));
    }
    .boxHome .grad13 {
      width: calc(1.5rem * (1200/1400));
      height: calc(21.1rem * (1200/1400));
      top: calc(28.1rem * (1200/1400));
      left: calc(70.3rem * (1200/1400));
      background-size: calc(1.5rem * (1200/1400)) calc(21.1rem * (1200/1400));
    }
    .boxHome .grad14 {
      width: calc(17.3rem * (1200/1400));
      height: calc(1.2rem * (1200/1400));
      top: calc(48rem * (1200/1400));
      left: calc(70.3rem * (1200/1400));
      background-size: calc(17.3rem * (1200/1400)) calc(1.2rem * (1200/1400));
    }
    .boxHome .grad15 {
      width: calc(2.6rem * (1200/1400));
      height: calc(4.7rem * (1200/1400));
      top: calc(43.6rem * (1200/1400));
      left: calc(85.7rem * (1200/1400));
      background-size: calc(2.6rem * (1200/1400)) calc(4.7rem * (1200/1400));
    }
    .boxHome .grad16 {
      width: calc(1.5rem * (1200/1400));
      height: calc(20.2rem * (1200/1400));
      top: calc(51.5rem * (1200/1400));
      left: calc(70.3rem * (1200/1400));
      background-size: calc(1.5rem * (1200/1400)) calc(20.2rem * (1200/1400));
    }
    .boxHome .grad17 {
      width: calc(17.3rem * (1200/1400));
      height: calc(1.2rem * (1200/1400));
      top: calc(70.5rem * (1200/1400));
      left: calc(70.3rem * (1200/1400));
      background-size: calc(17.3rem * (1200/1400)) calc(1.2rem * (1200/1400));
    }
    .boxHome .grad18 {
      width: calc(2.6rem * (1200/1400));
      height: calc(4.5rem * (1200/1400));
      top: calc(66.1rem * (1200/1400));
      left: calc(85.7rem * (1200/1400));
      background-size: calc(2.6rem * (1200/1400)) calc(4.5rem * (1200/1400));
    }
    .boxHome .grad19 {
      width: calc(0.8rem * (1200/1400));
      height: calc(20.8rem * (1200/1400));
      top: calc(28.1rem * (1200/1400));
      left: calc(69.2rem * (1200/1400));
      background-size: calc(0.8rem * (1200/1400)) calc(20.8rem * (1200/1400));
    }
    .boxHome .grad20 {
      width: calc(0.8rem * (1200/1400));
      height: calc(0.8rem * (1200/1400));
      top: calc(48.7rem * (1200/1400));
      left: calc(69.2rem * (1200/1400));
      background-size: calc(0.8rem * (1200/1400)) calc(0.8rem * (1200/1400));
    }
    .boxHome .grad21 {
      width: calc(18.2rem * (1200/1400));
      height: calc(0.8rem * (1200/1400));
      top: calc(48.3rem * (1200/1400));
      left: calc(51.8rem * (1200/1400));
      background-size: calc(18.2rem * (1200/1400)) calc(0.8rem * (1200/1400));
    }
    .boxHome .grad22 {
      width: calc(1.6rem * (1200/1400));
      height: calc(1.8rem * (1200/1400));
      top: calc(48.5rem * (1200/1400));
      left: calc(41.2rem * (1200/1400));
      background-size: calc(1.6rem * (1200/1400)) calc(1.8rem * (1200/1400));
    }
    .boxHome .grad23 {
      width: calc(8rem * (1200/1400));
      height: calc(6.8rem * (1200/1400));
      top: calc(46rem * (1200/1400));
      left: calc(29.7rem * (1200/1400));
      background-size: calc(8rem * (1200/1400)) calc(6.8rem * (1200/1400));
    }
    @-webkit-keyframes blow-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(14.6rem * (1200/1400));
      }
    }
    @keyframes blow-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(14.6rem * (1200/1400));
      }
    }
    @-webkit-keyframes blow-bottom-top{
      0% {
        background-position: 0 calc(14.6rem * (1200/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes blow-bottom-top{
      0% {
        background-position: 0 calc(14.6rem * (1200/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes arrow1-right-left{
      0% {
        background-position: calc(13.3rem * (1200/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes arrow1-right-left{
      0% {
        background-position: calc(13.3rem * (1200/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes arrow1-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(4.4rem * (1200/1400));
      }
    }
    @keyframes arrow1-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(4.4rem * (1200/1400));
      }
    }
    @-webkit-keyframes arrow2-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(21.1rem * (1200/1400));
      }
    }
    @keyframes arrow2-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(21.1rem * (1200/1400));
      }
    }
    @-webkit-keyframes arrow2-left-right{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(17.3rem * (1200/1400)) 0;
      }
    }
    @keyframes arrow2-left-right{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(17.3rem * (1200/1400)) 0;
      }
    }
    @-webkit-keyframes arrow2-bottom-top{
      0% {
        background-position: 0 calc(4.7rem * (1200/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes arrow2-bottom-top{
      0% {
        background-position: 0 calc(4.7rem * (1200/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac01{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(20.8rem * (1200/1400));
      }
    }
    @keyframes ac01{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(20.8rem * (1200/1400));
      }
    }
    @-webkit-keyframes ac02{
      0% {
        background-position: 0 calc(0.8rem * (1200/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac02{
      0% {
        background-position: 0 calc(0.8rem * (1200/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac03{
      0% {
        background-position: calc(18.2rem * (1200/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac03{
      0% {
        background-position: calc(18.2rem * (1200/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac04{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(1.6rem * (1200/1400)) 0;
      }
    }
    @keyframes ac04{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(1.6rem * (1200/1400)) 0;
      }
    }
    @-webkit-keyframes ac05{
      0% {
        background-position: calc(8rem * (1200/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac05{
      0% {
        background-position: calc(8rem * (1200/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
  }
  /* ▼400*251サイズ用 */
  @media only screen and (max-width: 1215px) {
    .boxHome .grad01 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(30.4rem * (400/1400));
      left: calc(44.1rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad02 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(30.4rem * (400/1400));
      left: calc(58.3rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad03 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(52.4rem * (400/1400));
      left: calc(44.1rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad04 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(52.4rem * (400/1400));
      left: calc(58.3rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad05 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(30.4rem * (400/1400));
      left: calc(74.6rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad06 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(30.4rem * (400/1400));
      left: calc(88.8rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad07 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(52.4rem * (400/1400));
      left: calc(74.6rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad08 {
      width: calc(7.6rem * (400/1400));
      height: calc(14.6rem * (400/1400));
      top: calc(52.4rem * (400/1400));
      left: calc(88.8rem * (400/1400));
      background-size: calc(7.6rem * (400/1400)) calc(14.6rem * (400/1400));
    }
    .boxHome .grad09 {
      width: calc(13.3rem * (400/1400));
      height: calc(1.2rem * (400/1400));
      top: calc(27rem * (400/1400));
      left: calc(52.4rem * (400/1400));
      background-size: calc(13.3rem * (400/1400)) calc(1.2rem * (400/1400));
    }
    .boxHome .grad10 {
      width: calc(2.4rem * (400/1400));
      height: calc(4.4rem * (400/1400));
      top: calc(28rem * (400/1400));
      left: calc(51.7rem * (400/1400));
      background-size: calc(2.4rem * (400/1400)) calc(4.4rem * (400/1400));
    }
    .boxHome .grad11 {
      width: calc(13.3rem * (400/1400));
      height: calc(1.2rem * (400/1400));
      top: calc(49.5rem * (400/1400));
      left: calc(52.4rem * (400/1400));
      background-size: calc(13.3rem * (400/1400)) calc(1.2rem * (400/1400));
    }
    .boxHome .grad12 {
      width: calc(2.4rem * (400/1400));
      height: calc(4.4rem * (400/1400));
      top: calc(50.5rem * (400/1400));
      left: calc(51.7rem * (400/1400));
      background-size: calc(2.4rem * (400/1400)) calc(4.4rem * (400/1400));
    }
    .boxHome .grad13 {
      width: calc(1.5rem * (400/1400));
      height: calc(21.1rem * (400/1400));
      top: calc(28.1rem * (400/1400));
      left: calc(70.3rem * (400/1400));
      background-size: calc(1.5rem * (400/1400)) calc(21.1rem * (400/1400));
    }
    .boxHome .grad14 {
      width: calc(17.3rem * (400/1400));
      height: calc(1.2rem * (400/1400));
      top: calc(48rem * (400/1400));
      left: calc(70.3rem * (400/1400));
      background-size: calc(17.3rem * (400/1400)) calc(1.2rem * (400/1400));
    }
    .boxHome .grad15 {
      width: calc(2.6rem * (400/1400));
      height: calc(4.7rem * (400/1400));
      top: calc(43.6rem * (400/1400));
      left: calc(85.7rem * (400/1400));
      background-size: calc(2.6rem * (400/1400)) calc(4.7rem * (400/1400));
    }
    .boxHome .grad16 {
      width: calc(1.5rem * (400/1400));
      height: calc(20.2rem * (400/1400));
      top: calc(51.5rem * (400/1400));
      left: calc(70.3rem * (400/1400));
      background-size: calc(1.5rem * (400/1400)) calc(20.2rem * (400/1400));
    }
    .boxHome .grad17 {
      width: calc(17.3rem * (400/1400));
      height: calc(1.2rem * (400/1400));
      top: calc(70.5rem * (400/1400));
      left: calc(70.3rem * (400/1400));
      background-size: calc(17.3rem * (400/1400)) calc(1.2rem * (400/1400));
    }
    .boxHome .grad18 {
      width: calc(2.6rem * (400/1400));
      height: calc(4.5rem * (400/1400));
      top: calc(66.1rem * (400/1400));
      left: calc(85.7rem * (400/1400));
      background-size: calc(2.6rem * (400/1400)) calc(4.5rem * (400/1400));
    }
    .boxHome .grad19 {
      width: calc(0.8rem * (400/1400));
      height: calc(20.8rem * (400/1400));
      top: calc(28.1rem * (400/1400));
      left: calc(69.2rem * (400/1400));
      background-size: calc(0.8rem * (400/1400)) calc(20.8rem * (400/1400));
    }
    .boxHome .grad20 {
      width: calc(0.8rem * (400/1400));
      height: calc(0.8rem * (400/1400));
      top: calc(48.7rem * (400/1400));
      left: calc(69.2rem * (400/1400));
      background-size: calc(0.8rem * (400/1400)) calc(0.8rem * (400/1400));
    }
    .boxHome .grad21 {
      width: calc(18.2rem * (400/1400));
      height: calc(0.8rem * (400/1400));
      top: calc(48.3rem * (400/1400));
      left: calc(51.8rem * (400/1400));
      background-size: calc(18.2rem * (400/1400)) calc(0.8rem * (400/1400));
    }
    .boxHome .grad22 {
      width: calc(1.6rem * (400/1400));
      height: calc(1.8rem * (400/1400));
      top: calc(48.5rem * (400/1400));
      left: calc(41.2rem * (400/1400));
      background-size: calc(1.6rem * (400/1400)) calc(1.8rem * (400/1400));
    }
    .boxHome .grad23 {
      width: calc(8rem * (400/1400));
      height: calc(6.8rem * (400/1400));
      top: calc(46rem * (400/1400));
      left: calc(29.7rem * (400/1400));
      background-size: calc(8rem * (400/1400)) calc(6.8rem * (400/1400));
    }
    @-webkit-keyframes blow-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(14.6rem * (400/1400));
      }
    }
    @keyframes blow-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(14.6rem * (400/1400));
      }
    }
    @-webkit-keyframes blow-bottom-top{
      0% {
        background-position: 0 calc(14.6rem * (400/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes blow-bottom-top{
      0% {
        background-position: 0 calc(14.6rem * (400/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes arrow1-right-left{
      0% {
        background-position: calc(13.3rem * (400/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes arrow1-right-left{
      0% {
        background-position: calc(13.3rem * (400/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes arrow1-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(4.4rem * (400/1400));
      }
    }
    @keyframes arrow1-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(4.4rem * (400/1400));
      }
    }
    @-webkit-keyframes arrow2-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(21.1rem * (400/1400));
      }
    }
    @keyframes arrow2-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(21.1rem * (400/1400));
      }
    }
    @-webkit-keyframes arrow2-left-right{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(17.3rem * (400/1400)) 0;
      }
    }
    @keyframes arrow2-left-right{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(17.3rem * (400/1400)) 0;
      }
    }
    @-webkit-keyframes arrow2-bottom-top{
      0% {
        background-position: 0 calc(4.7rem * (400/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes arrow2-bottom-top{
      0% {
        background-position: 0 calc(4.7rem * (400/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac01{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(20.8rem * (400/1400));
      }
    }
    @keyframes ac01{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(20.8rem * (400/1400));
      }
    }
    @-webkit-keyframes ac02{
      0% {
        background-position: 0 calc(0.8rem * (400/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac02{
      0% {
        background-position: 0 calc(0.8rem * (400/1400));
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac03{
      0% {
        background-position: calc(18.2rem * (400/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac03{
      0% {
        background-position: calc(18.2rem * (400/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac04{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(1.6rem * (400/1400)) 0;
      }
    }
    @keyframes ac04{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(1.6rem * (400/1400)) 0;
      }
    }
    @-webkit-keyframes ac05{
      0% {
        background-position: calc(8rem * (400/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac05{
      0% {
        background-position: calc(8rem * (400/1400)) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
  }
  @media only screen and (max-width: 465px) {
    .boxHome .grad01 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(304vw / 16);
      left: calc(442vw / 16);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad02 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(304vw / 16);
      left: calc(583vw / 16);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad03 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(524vw / 16);
      left: calc(442vw / 16);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad04 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(524vw / 16);
      left: calc(583vw / 16);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad05 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(304vw / 16);
      left: calc(746vw / 16);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad06 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(304vw / 16);
      left: calc(888vw / 15.5);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad07 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(524vw / 16);
      left: calc(746vw / 16);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad08 {
      width: calc(76vw / 14);
      height: calc(146vw / 14);
      top: calc(524vw / 16);
      left: calc(888vw / 15.5);
      background-size: calc(76vw / 14) calc(146vw / 14);
    }
    .boxHome .grad09 {
      width: calc(133vw / 14);
      height: calc(12vw / 14);
      top: calc(270vw / 16);
      left: calc(524vw / 16);
      background-size: calc(133vw / 14) calc(12vw / 14);
    }
    .boxHome .grad10 {
      width: calc(24vw / 14);
      height: calc(44vw / 14);
      top: calc(280vw / 15.75);
      left: calc(517vw / 15.75);
      background-size: calc(24vw / 14) calc(44vw / 14);
    }
    .boxHome .grad11 {
      width: calc(133vw / 14);
      height: calc(12vw / 14);
      top: calc(495vw / 16);
      left: calc(524vw / 16);
      background-size: calc(133vw / 14) calc(12vw / 14);
    }
    .boxHome .grad12 {
      width: calc(24vw / 14);
      height: calc(44vw / 14);
      top: calc(505vw / 16);
      left: calc(517vw / 16);
      background-size: calc(24vw / 14) calc(44vw / 14);
    }
    .boxHome .grad13 {
      width: calc(15vw / 14);
      height: calc(211vw / 14);
      top: calc(281vw / 16);
      left: calc(703vw / 15.85);
      background-size: calc(15vw / 14) calc(211vw / 14);
    }
    .boxHome .grad14 {
      width: calc(173vw / 14);
      height: calc(12vw / 14);
      top: calc(482vw / 15.75);
      left: calc(703vw / 16);
      background-size: calc(173vw / 14) calc(12vw / 14);
    }
    .boxHome .grad15 {
      width: calc(26vw / 14);
      height: calc(47vw / 14);
      top: calc(436vw / 15.75);
      left: calc(857vw / 15.75);
      background-size: calc(26vw / 14) calc(47vw / 14);
    }
    .boxHome .grad16 {
      width: calc(15vw / 14);
      height: calc(202vw / 14);
      top: calc(515vw / 16);
      left: calc(703vw / 15.75);
      background-size: calc(15vw / 14) calc(202vw / 14);
    }
    .boxHome .grad17 {
      width: calc(173vw / 14);
      height: calc(12vw / 14);
      top: calc(707vw / 15.65);
      left: calc(703vw / 15.75);
      background-size: calc(173vw / 14) calc(12vw / 14);
    }
    .boxHome .grad18 {
      width: calc(26vw / 14);
      height: calc(45vw / 14);
      top: calc(663vw / 15.75);
      left: calc(857vw / 15.75);
      background-size: calc(26vw / 14) calc(45vw / 14);
    }
    .boxHome .grad19 {
      width: calc(8vw / 14);
      height: calc(208vw / 14);
      top: calc(281vw / 16);
      left: calc(692vw / 15.85);
      background-size: calc(8vw / 14) calc(208vw / 14);
    }
    .boxHome .grad20 {
      width: calc(8vw / 14);
      height: calc(8vw / 14);
      top: calc(487vw / 15.845);
      left: calc(692vw / 15.845);
      background-size: calc(8vw / 14) calc(8vw / 14);
    }
    .boxHome .grad21 {
      width: calc(182vw / 14);
      height: calc(8vw / 14);
      top: calc(483vw / 15.75);
      left: calc(518vw / 16);
      background-size: calc(182vw / 14) calc(8vw / 14);
    }
    .boxHome .grad22 {
      width: calc(16vw / 14);
      height: calc(18vw / 14);
      top: calc(485vw / 15.75);
      left: calc(412vw / 15.3);
      background-size: calc(16vw / 14) calc(18vw / 14);
    }
    .boxHome .grad23 {
      width: calc(80vw / 14);
      height: calc(68vw / 14);
      top: calc(460vw / 16);
      left: calc(297vw / 14.5);
      background-size: calc(80vw / 14) calc(68vw / 14);
    }
    @-webkit-keyframes blow-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(146vw / 14);
      }
    }
    @keyframes blow-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(146vw / 14);
      }
    }
    @-webkit-keyframes blow-bottom-top{
      0% {
        background-position: 0 calc(146vw / 14);
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes blow-bottom-top{
      0% {
        background-position: 0 calc(146vw / 14);
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes arrow1-right-left{
      0% {
        background-position: calc(133vw / 14) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes arrow1-right-left{
      0% {
        background-position: calc(133vw / 14) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes arrow1-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(44vw / 14);
      }
    }
    @keyframes arrow1-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(44vw / 14);
      }
    }
    @-webkit-keyframes arrow2-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(211vw / 14);
      }
    }
    @keyframes arrow2-top-bottom{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(211vw / 14);
      }
    }
    @-webkit-keyframes arrow2-left-right{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(173vw / 14) 0;
      }
    }
    @keyframes arrow2-left-right{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(173vw / 14) 0;
      }
    }
    @-webkit-keyframes arrow2-bottom-top{
      0% {
        background-position: 0 calc(47vw / 14);
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes arrow2-bottom-top{
      0% {
        background-position: 0 calc(47vw / 14);
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac01{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(208vw / 14);
      }
    }
    @keyframes ac01{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 0 calc(208vw / 14);
      }
    }
    @-webkit-keyframes ac02{
      0% {
        background-position: 0 calc(8vw / 14);
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac02{
      0% {
        background-position: 0 calc(8vw / 14);
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac03{
      0% {
        background-position: calc(182vw / 14) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac03{
      0% {
        background-position: calc(182vw / 14) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @-webkit-keyframes ac04{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(16vw / 14) 0;
      }
    }
    @keyframes ac04{
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: calc(16vw / 14) 0;
      }
    }
    @-webkit-keyframes ac05{
      0% {
        background-position: calc(80vw / 14) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
    @keyframes ac05{
      0% {
        background-position: calc(80vw / 14) 0;
      }
      100% {
        background-position: 0 0;
      }
    }
  }