@charset "utf-8";
/* ------------------------------------------------ */
#mv {
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
}

#mv {
	background-color: transparent;
	transform-style: preserve-3d;
}

#mv img {
	max-width: 100%;
}
.mv-bg {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40%;
}
/* ------------------------------------------------ */
[data-gwd-motion-path-node] {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* ------------------------------------------------ */
.mv-bloc {
	position: relative;
	height: 500px;
}
.mv-chara {
	position: absolute;
}

.mv-text {
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
	.mv-text {
		top: 50px;
		z-index: 3;
	}
}
@media screen and (max-width: 767px) {
	.mv-text {
		top: 10px;
		z-index: 6;
	}
}
.mv-car1 {
	bottom: 150px;
	right: 200px;
	z-index: 3;
	animation: 3s linear 0s infinite normal forwards running mv-car1-anim_gwd-keyframes;
}
@media screen and (min-width: 768px) {
	.mv-car1 {
	animation: 12s linear 0s infinite normal forwards running mv-car1-anim_gwd-keyframes;
/*
		animation-duration: 10s;
*/
	}
}
.mv-car2 {
	bottom: 160px;
	right: -75px;
	z-index: 3;
	animation: 5s linear 2s infinite normal forwards running mv-car2-anim_gwd-keyframes;
}
@media screen and (min-width: 768px) {
	.mv-car2 {
		animation: 15s linear 2s infinite normal forwards running mv-car2-anim_gwd-keyframes;
	}
}
.mv-rofufu {
	z-index: 6;
}
@media screen and (min-width: 768px) {
	.mv-rofufu {
		bottom: 50px;
		left: 200px;
	}
}
@media screen and (max-width: 767px) {
	.mv-rofufu {
		bottom:10px;
		right: 20px;
	}
}
.mv-oyako {
	z-index: 6;
}
@media screen and (min-width: 768px) {
	.mv-oyako {
		bottom: 50px;
		right: 50%;
	}
}
@media screen and (max-width: 767px) {
	.mv-oyako {
		bottom:10px;
		left: 20px;
	}
}
.mv-bicycle {
	bottom: 120px;
	left: 100px;
	z-index: 4;
      animation: 8.5s linear 0s infinite normal forwards running mv-bicycle-anim_gwd-keyframes;
    }
.mv-salaryman {
	bottom: 100px;
	left: 200px;
	z-index: 5;
	animation: 5s linear 0s infinite normal forwards running mv-salaryman-anim_gwd-keyframes;
}
@media screen and (min-width: 768px) {
	.mv-salaryman {
		animation: 13s linear 0s infinite normal forwards running mv-salaryman-anim_gwd-keyframes;
	}
}
.mv-dog {
	bottom: 120px;
	right: 200px;
	z-index: 5;
	animation: 22s linear 0s infinite normal forwards running mv-dog-anim_gwd-keyframes;
}

.mv-bird {
	z-index: 1;
	top: 0px;
	right: -150px;
}

.mv-build {
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
	.mv-build img {
		display: none;

	}
	.mv-build {
		width: 100%;
		height: 100px;
		background-image: url("../parts/build1.webp");
		background-repeat: repeat-x;
		background-position: center;
		background-size: auto 100px;
	}
}

.mv-back {
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60%;
	background-color: #fff;
}

.mv-cloud1 {
	animation: 20s linear 0s infinite normal forwards running mv-cloud1-anim_gwd-keyframes;
}
.mv-cloud2 {
	animation: 30s linear 1.5s infinite normal forwards running mv-cloud2-anim_gwd-keyframes;
}
/* ------------------------------------------------ */
.mv-text1 {
  position: absolute;
/*
  width: 577px;
  height: 119px;
*/
  transform: translate3d(0px, 0px, 0px);
  --gwd-hidden-css-filter: none;
  filter: opacity(0%);
  left: 0px;
  top: 0px;
  animation: 0.8s linear 0s 1 normal forwards running mv-text1-anim_gwd-keyframes;
}
.mv-text2 {
  position: absolute;
/*
  width: 547px;
  height: 129px;
*/
  --gwd-hidden-css-filter: none;
  filter: opacity(0%);
  left: 0px;
  top: 80px;
  transform: translate3d(0px, 0px, 0px);
  animation: 1.3s linear 0s 1 normal forwards running mv-text2-anim_gwd-keyframes;
}
@media screen and (min-width: 768px) {
	.mv-text2 {
	  position: absolute;
	  left: 168px;
	  top: 95px;
	}
}
.mv-maru {
  position: absolute;
/*
  width: 147px;
  height: 147px;
*/
  right: 0px;
  top: 140px;
  transform: translate3d(0px, 0px, 0px);
  animation: 4.1s linear 0s infinite normal forwards running mv-maru-anim_gwd-keyframes;
}
@media screen and (min-width: 768px) {
	.mv-maru {
	  right: -120px;
 	 top: 0px;
	}
}
@keyframes mv-text1-anim_gwd-keyframes {
  0% {
    transform: translate3d(0px, 257px, 0px);
    --gwd-hidden-css-filter: none;
    filter: opacity(0%);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
    --gwd-hidden-css-filter: none;
    filter: opacity(100%);
    animation-timing-function: linear;
  }
}
@keyframes mv-text2-anim_gwd-keyframes {
  0% {
    transform: translate3d(0px, 247px, 0px);
    --gwd-hidden-css-filter: none;
    filter: opacity(0%);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
    --gwd-hidden-css-filter: none;
    filter: opacity(100%);
    animation-timing-function: linear;
  }
}

@keyframes mv-maru-anim_gwd-keyframes {
  0% {
    transform: translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in-out;
  }
  24.3902% {
    transform: translate3d(0px, -13px, 0px);
    animation-timing-function: ease-in-out;
  }
  60.9756% {
    transform: translate3d(0px, 20px, 0px);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
  }
}
/* ------------------------------------------------ */
@keyframes mv-car1-anim_gwd-keyframes {
	0% {
		transform: translateX(0);
		left: 100%;
	}
	100% {
		transform: translateX(-100%);
		left: 0;
	}
}

@keyframes mv-car2-anim_gwd-keyframes {
	0% {
		transform: translateX(0);
		left: 100%;
	}
	100% {
		transform: translateX(-100%);
		left: 0;
	}
}
@keyframes mv-dog-anim_gwd-keyframes {
	0% {
		transform: translateX(0);
		left: 100%;
	}
	100% {
		transform: translateX(-100%);
		left: 0;
	}
}

@keyframes mv-salaryman-anim_gwd-keyframes {
	0% {
		transform: translateX(-100%);
		left: 0;
	}
	100% {
		transform: translateX(0);
		left: 100%;
	}
}

@keyframes mv-bicycle-anim_gwd-keyframes {
	0% {
		transform: translateX(-100%);
		left: 0;
	}
	100% {
		transform: translateX(0);
		left: 100%;
	}
}


/* ------------------------------------------------ */
.mv-chara-group {
	position: relative
}
/* ------------------------------------------------ */
@media screen and (min-width: 768px) {
	.mv-group-text {
		width: 714.997px;
		height: 223.993px;
	}
}
@media screen and (max-width: 767px) {
	.mv-text {
		width: 100%;
	}
	.mv-group-text {
		width: 100%;
	}
}
.mv-group-car {
	height: 41.9922px;
	width: 71.9922px;
}
.mv-group-rofufu {
	width: 131px;
	height: 170px;
}
@media screen and (min-width: 768px) {
.mv-group-rofufu {
	width: 131px;
	height: 170px;
}
}
@media screen and (max-width: 767px) {
.mv-group-rofufu {
	width: 131px;
	height: 170px;
}
}
.mv-group-oyako {
	width: 132.988px;
	height: 194.996px;
}
.mv-group-bicycle {
	width: 119px;
	height: 123px;
}
.mv-group-salaryman {
      width: 111.509px;
      height: 157.972px;
}
.mv-group-dog {
	width: 114px;
	height: 156.374px;
}
.mv-group-bird {
	width: 109px;
	height: 82.67px;
}
.mv-sun {
	width: 25px;
	height: 23px;
	z-index: -1;
}

/* mvcloud--------------------- */

.mv-cloud1 {
	position: absolute;
	width: 41px;
	height: 18px;
	right: -50px;
	top: 159px;
}
.mv-cloud2 {
	position: absolute;
	width: 30px;
	height: 13px;
	right: -100px;
	top: 120px;
}

@keyframes mv-cloud1-anim_gwd-keyframes {
	0% {
		transform: translateX(0);
		left: 100%;
	}
	100% {
		transform: translateX(-100%);
		left: 0;
	}
}
@keyframes mv-cloud2-anim_gwd-keyframes {
	0% {
		transform: translateX(0);
		left: 100%;
	}
	100% {
		transform: translateX(-100%);
		left: 0;
	}
}
/* mv-car--------------------- */
.mv-car-body {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 40.9961px;
	width: 71.9922px;
	transform: translate3d(0px, 0px, 0px);
  }
.mv-car-tire1 {
	position: absolute;
	left: 13px;
	top: 30px;
	transform: rotateZ(0deg);
	height: 11.9922px;
	width: 12.9883px;
  }
.mv-car-tire2 {
	position: absolute;
	left: 47px;
	top: 29px;
	height: 10.9961px;
	width: 11.9922px;
	transform: rotateZ(0deg);
  }
.mv-car-tire1-anim {
	animation: 2s linear 0s infinite normal forwards running mv-car-tire1-anim_gwd-keyframes;
  }
  @keyframes mv-car-tire1-anim_gwd-keyframes {
	0% {
	transform: rotateZ(0deg);
	animation-timing-function: linear;
}
	25% {
	transform: rotateZ(-90deg);
	animation-timing-function: linear;
}
	50% {
	transform: rotateZ(-180deg);
	animation-timing-function: linear;
}
	75% {
	transform: rotateZ(-270deg);
	animation-timing-function: linear;
}
	100% {
	transform: rotateZ(-360deg);
	animation-timing-function: linear;
}
  }
.mv-car-tire2-anim {
	animation: 1s linear 0s infinite normal forwards running mv-car-tire2-anim_gwd-keyframes;
  }
  @keyframes mv-car-tire2-anim_gwd-keyframes {
	0% {
	transform: rotateZ(0deg);
	animation-timing-function: linear;
}
	25% {
	transform: rotateZ(-90deg);
	animation-timing-function: linear;
}
	50% {
	transform: rotateZ(-180deg);
	animation-timing-function: linear;
}
	75% {
	transform: rotateZ(-270deg);
	animation-timing-function: linear;
}
	100% {
	transform: rotateZ(-360deg);
	animation-timing-function: linear;
}
  }
.mv-car-body-anim {
	animation: 1s linear 0s infinite normal forwards running mv-car-body-anim_gwd-keyframes;
  }
  @keyframes mv-car-body-anim_gwd-keyframes {
	0% {
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}
	40% {
	transform: translate3d(0px, -3px, 0px);
	animation-timing-function: linear;
}
	100% {
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}
  }

/* mv-rofufu--------------------- */
.mv-rofufu-body {
	position: absolute;
	left: 1px;
	width: 130px;
	height: 142px;
	top: 28px;
}
.mv-rofufu-g {
	position: absolute;
	left: 21px;
	width: 34px;
	height: 34px;
	transform: rotateZ(0deg);
	top: 0px;
}
.mv-rofufu-b {
	position: absolute;
	transform-origin: 29.5px 26.5px;
	left: 76px;
	width: 33px;
	height: 29px;
	transform: rotateZ(0deg);
	top: 11px;
}
.mv-rofufu-arm {
	position: absolute;
	transform-origin: 17.5px 46.5px;
	left: 0px;
	width: 19px;
	height: 51px;
	transform: rotateZ(0deg);
	top: 1px;
}
.mv-rofufu-g-anim {
	animation: 1.4s linear 0s infinite normal forwards running mv-rofufu-g-anim_gwd-keyframes;
}
@keyframes mv-rofufu-g-anim_gwd-keyframes {
	0% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	42.8571% {
		transform: rotateZ(-13.8189deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}
.mv-rofufu-b-anim {
	animation: 1.7s linear 0s infinite normal forwards running mv-rofufu-b-anim_gwd-keyframes;
}
@keyframes mv-rofufu-b-anim_gwd-keyframes {
	0% {
		transform-origin: 29.5px 26.5px;
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	52.9412% {
		transform-origin: 14.3333px 17.6667px 0px;
		transform: rotateZ(11.7324deg);
		animation-timing-function: linear;
	}
	100% {
		transform-origin: 29.5px 26.5px;
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}
.mv-rofufu-arm-anim {
	animation: 1.3s linear 0s infinite normal forwards running mv-rofufu-arm-anim_gwd-keyframes;
}
@keyframes mv-rofufu-arm-anim_gwd-keyframes {
	0% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	46.1538% {
		transform: rotateZ(-33.2427deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}

/* mv-oyako--------------------- */
.mv-oyako-body {
	position: absolute;
	width: 133px;
	height: 166px;
	left: 0px;
	top: 29px;
}
.mv-oyako-m {
	position: absolute;
	left: 73px;
	width: 40px;
	height: 43px;
	transform: rotateZ(0deg);
	top: 23px;
}
.mv-oyako-p {
	position: absolute;
	width: 34px;
	height: 38px;
	left: 29px;
	transform: translate3d(3px, -2px, 0px) rotateZ(0deg);
	top: 2px;
}
.mv-oyako-c {
	position: absolute;
	width: 28px;
	height: 21px;
	left: 57px;
	transform: rotateZ(0deg);
	top: 105px;
}
.mv-oyako-m-anim {
	animation: 2.5s linear 0s infinite normal forwards running mv-oyako-m-anim_gwd-keyframes;
}
@keyframes mv-oyako-m-anim_gwd-keyframes {
	0% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	40% {
		transform: rotateZ(8.7469deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}
.mv-oyako-c-anim {
	animation: 2.5s linear 0s infinite normal forwards running mv-oyako-c-anim_gwd-keyframes;
}
@keyframes mv-oyako-c-anim_gwd-keyframes {
	0% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	16% {
		transform: rotateZ(-15.5061deg);
		animation-timing-function: linear;
	}
	76% {
		transform: rotateZ(13.3182deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}
.mv-oyako-p-anim {
	animation: 2.3s linear 0s infinite normal forwards running mv-oyako-p-anim_gwd-keyframes;
}
@keyframes mv-oyako-p-anim_gwd-keyframes {
	0% {
		transform: translate3d(3px, -2px, 0px) rotateZ(0deg);
		animation-timing-function: linear;
	}
	47.8261% {
		transform: translate3d(5px, 1px, 0px) rotateZ(12.6639deg);
		animation-timing-function: linear;
	}
	100% {
		transform: translate3d(3px, -2px, 0px) rotateZ(0deg);
		animation-timing-function: linear;
	}
}

/* mv-bicycle--------------------- */
.mv-bicycle-body {
	position: absolute;
	width: 119px;
	height: 123px;
	left: 0px;
	top: 0px;
}
.mv-bicycle-wheel1 {
	position: absolute;
	width: 1px;
	height: 37px;
	left: 96px;
	transform: rotateZ(0deg);
	top: 84px;
}
.mv-bicycle-wheel2 {
	position: absolute;
	width: 1px;
	height: 37px;
	left: 20px;
	transform: rotateZ(-90deg);
	top: 85px;
}
.mv-bicycle-wheel1-anim {
	animation: 1s linear 0s infinite normal forwards running mv-bicycle-wheel1-anim_gwd-keyframes;
}
@keyframes mv-bicycle-wheel1-anim_gwd-keyframes {
	0% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(360deg);
		animation-timing-function: linear;
	}
}
.mv-bicycle-wheel2-anim {
	animation: 1s linear 0s infinite normal forwards running mv-bicycle-wheel2-anim_gwd-keyframes;
}
@keyframes mv-bicycle-wheel2-anim_gwd-keyframes {
	0% {
		transform: rotateZ(-90deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(270deg);
		animation-timing-function: linear;
	}
}
/* mv-salaryman--------------------- */
.mv-salaryman-body {
	position: absolute;
	width: 45px;
      height: 76px;
      left: 17px;
      top: 29px;
}
.mv-salaryman-head {
	position: absolute;
	width: 27px;
	height: 32px;
	left: 23px;
	top: 0px;
	transform: rotateZ(0deg);
}
.mv-salaryman-rightleg {
	position: absolute;
	width: 39px;
	height: 68px;
      transform-origin: 36.3333px 1px 0px;
      top: 90px;
      left: 8.83144px;
      transform: translate3d(0px, 0px, 0px) rotateZ(5.09211deg);
}
.mv-salaryman-leftleg {
	position: absolute;
	width: 33px;
	height: 63px;
      transform-origin: 5.41945px 0.857937px 0px;
      top: 91px;
      transform: translate3d(-4px, 4px, 0px) rotateZ(-16.424deg);
      left: 39.8314px;
}
.mv-salaryman-leftarm {
	position: absolute;
	width: 72px;
	height: 87px;
	transform-origin: 21.1538px 9.23077px 0px;
	transform: rotateZ(0deg);
	left: 0px;
	top: 35px;
}
.mv-salaryman-leftarm-anim {
      animation: 1.8s linear 0s infinite normal forwards running mv-salaryman-leftarm-anim_gwd-keyframes;
}
@keyframes mv-salaryman-leftarm-anim_gwd-keyframes {
      0% {
        transform: rotateZ(-41.2933deg);
        animation-timing-function: linear;
      }
      55.5556% {
        transform: rotateZ(18.8973deg);
        animation-timing-function: linear;
      }
      100% {
        transform: rotateZ(-41.2933deg);
        animation-timing-function: linear;
      }
}
.mv-salaryman-leftleg-anim {
      animation: 1.8s linear 0s infinite normal forwards running mv-salaryman-leftleg-anim_gwd-keyframes;
}
@keyframes mv-salaryman-leftleg-anim_gwd-keyframes {
      0% {
        transform: translate3d(-4px, 4px, 0px) rotateZ(-16.424deg);
        animation-timing-function: linear;
      }
      50% {
        transform: translate3d(-17px, 2px, 0px) rotateZ(37.4083deg);
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(-4px, 4px, 0px) rotateZ(-16.424deg);
        animation-timing-function: linear;
      }
}
.mv-salaryman-rightleg-anim {
      animation: 1.8s linear 0s infinite normal forwards running mv-salaryman-rightleg-anim_gwd-keyframes;
}
@keyframes mv-salaryman-rightleg-anim_gwd-keyframes {
      0% {
        transform: translate3d(0px, 0px, 0px) rotateZ(5.09211deg);
        animation-timing-function: linear;
      }
      50% {
        transform: translate3d(9px, -7px, 0px) rotateZ(-43.7629deg);
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(0px, 0px, 0px) rotateZ(5.09211deg);
        animation-timing-function: linear;
      }
}
.mv-salaryman-head-anim {
      animation: 2.1s linear 0s infinite normal forwards running mv-salaryman-head-anim_gwd-keyframes;
}
@keyframes mv-salaryman-head-anim_gwd-keyframes {
      0% {
        transform: rotateZ(0deg);
        animation-timing-function: linear;
      }
      57.1429% {
        transform: rotateZ(24.4547deg);
        animation-timing-function: linear;
      }
      100% {
        transform: rotateZ(0deg);
        animation-timing-function: linear;
      }
}

/* mv-dog--------------------- */
.mv-dog-w-front-right {
	position: absolute;
	width: 16px;
	height: 25px;
	top: 128px;
	transform-origin: 8px 12.5px;
	transform: rotateZ(0deg);
	left: 49px;
}
.mv-dog-tale {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 105px;
	transform-origin: 7.5px 7.5px;
	transform: rotateZ(0deg);
	left: 99px;
}
.mv-dog-k-right {
	position: absolute;
	width: 56px;
	height: 80px;
	top: 70px;
	transform-origin: 45.8889px 6.66667px 0px;
	transform: rotateZ(0deg);
	left: 0px;
}
.mv-dog-w-body {
	position: absolute;
	width: 71px;
	height: 35px;
	top: 100px;
	left: 31px;
}
.mv-dog-w-hind-right {
	position: absolute;
	width: 15px;
	height: 32px;
      top: 122px;
      transform-origin: 7.5px 16px;
      left: 89px;
      transform: translate3d(-4px, -1px, 0px) rotateZ(12.6193deg);
}
.mv-dog-k-body {
	position: absolute;
	width: 41px;
	height: 112px;
	top: 0px;
	left: 23px;
}
.mv-dog-w-hind-left {
	position: absolute;
	width: 15px;
	height: 32px;
	top: 122px;
      transform-origin: 7.5px 16px;
      left: 87px;
      transform: translate3d(7px, -1px, 0px) rotateZ(-38.0993deg);
}
.mv-dog-w-front-left {
	position: absolute;
	width: 16px;
	height: 25px;
      top: 128px;
      transform-origin: 8px 12.5px;
      left: 49px;
      transform: translate3d(-4px, -1px, 0px) rotateZ(20.2897deg);
}
.mv-dog-k-left {
	position: absolute;
	width: 56px;
	height: 80px;
	top: 67px;
	transform-origin: 45.5556px 8.11111px 0px;
	left: 15px;
	transform: translate3d(-11px, -2px, 0px) rotateZ(-44.3124deg);
}
.mv-dog-tale-anim {
	animation: 0.9s linear 0s infinite normal forwards running mv-dog-tale-anim_gwd-keyframes;
}
@keyframes mv-dog-tale-anim_gwd-keyframes {
	0% {
		transform-origin: 7.5px 7.5px;
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	44.4444% {
		transform-origin: 3.11111px 12.3333px 0px;
		transform: rotateZ(-34.6661deg);
		animation-timing-function: linear;
	}
	100% {
		transform-origin: 7.5px 7.5px;
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}
.mv-dog-w-hind-right-anim {
	animation: 3s linear 0s infinite normal forwards running mv-dog-w-hind-right-anim_gwd-keyframes;
}
@keyframes mv-dog-w-hind-right-anim_gwd-keyframes {
      0% {
        transform: translate3d(-4px, -1px, 0px) rotateZ(12.6193deg);
        animation-timing-function: linear;
      }
      50% {
        transform: translate3d(5px, -3px, 0px) rotateZ(-48.4196deg);
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(-4px, -1px, 0px) rotateZ(12.6193deg);
        animation-timing-function: linear;
      }
}
.mv-dog-w-hind-left-anim {
	animation: 3s linear 0s infinite normal forwards running mv-dog-w-hind-left-anim_gwd-keyframes;
}
@keyframes mv-dog-w-hind-left-anim_gwd-keyframes {
      0% {
        transform: translate3d(7px, -1px, 0px) rotateZ(-38.0993deg);
        animation-timing-function: linear;
      }
      50% {
        transform: translate3d(-4px, 0px, 0px) rotateZ(22.6355deg);
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(7px, -1px, 0px) rotateZ(-38.0993deg);
        animation-timing-function: linear;
      }
}
.mv-dog-w-front-right-anim {
	animation: 3s linear 0s infinite normal forwards running mv-dog-w-front-right-anim_gwd-keyframes;
}
@keyframes mv-dog-w-front-right-anim_gwd-keyframes {
      0% {
        transform: translate3d(4px, -3px, 0px) rotateZ(-58.2958deg);
        animation-timing-function: linear;
      }
      50% {
        transform: translate3d(-1px, -2px, 0px) rotateZ(4.7954deg);
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(4px, -3px, 0px) rotateZ(-58.2958deg);
        animation-timing-function: linear;
      }
}
.mv-dog-w-front-left-anim {
	animation: 3s linear 0s infinite normal forwards running mv-dog-w-front-left-anim_gwd-keyframes;
}
@keyframes mv-dog-w-front-left-anim_gwd-keyframes {
      0% {
        transform: translate3d(-4px, -1px, 0px) rotateZ(20.2897deg);
        animation-timing-function: linear;
      }
      50% {
        transform: translate3d(10px, -1px, 0px) rotateZ(-55.6645deg);
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(-4px, -1px, 0px) rotateZ(20.2897deg);
        animation-timing-function: linear;
      }
}
.mv-dog-k-right-anim {
	animation: 3s linear 0s infinite normal forwards running mv-dog-k-right-anim_gwd-keyframes;
}
@keyframes mv-dog-k-right-anim_gwd-keyframes {
	0% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
	46.6667% {
		transform: rotateZ(-50.7783deg);
		animation-timing-function: linear;
	}
	100% {
		transform: rotateZ(0deg);
		animation-timing-function: linear;
	}
}
.mv-dog-k-left-anim {
	animation: 3s linear 0s infinite normal forwards running mv-dog-k-left-anim_gwd-keyframes;
}
@keyframes mv-dog-k-left-anim_gwd-keyframes {
	0% {
		transform: translate3d(-11px, -2px, 0px) rotateZ(-44.3124deg);
		animation-timing-function: linear;
	}
	46.6667% {
		transform: translate3d(-11px, -2px, 0px) rotateZ(0.0321deg);
		animation-timing-function: linear;
	}
	100% {
		transform: translate3d(-11px, -2px, 0px) rotateZ(-44.3124deg);
		animation-timing-function: linear;
	}
}

/* mv-bird--------------------- */
.mv-bird1 {
	position: absolute;
	width: 21px;
	height: 20px;
	transform: translate3d(0px, 0px, 0px);
	pointer-events: auto;
	left: 38px;
	top: 42px;
}
.mv-bird2 {
	position: absolute;
	width: 20px;
	height: 22px;
	transform: translate3d(0px, 0px, 0px);
	pointer-events: auto;
	left: 89px;
	top: 10px;
}
.mv-bird3 {
	position: absolute;
	width: 21px;
	height: 15px;
	transform: translate3d(0px, 0px, 0px);
	pointer-events: auto;
	left: 0px;
	top: 0px;
}

.mv-bird1-body {
	position: absolute;
	width: 21px;
	height: 20px;
	pointer-events: auto;
	left: 0px;
	top: 0px;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
.mv-bird2-body {
	position: absolute;
	width: 20px;
	height: 22px;
	top: 0px;
	left: 0px;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
.mv-bird3-body {
	position: absolute;
	width: 21px;
	height: 15px;
	left: 0px;
	top: 0px;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}

.mv-bird1-anim {
	animation: 12s linear 0s infinite normal forwards running mv-bird1-anim_gwd-keyframes;
}
.mv-bird2-anim {
	animation: 25s linear 1.2s infinite normal forwards running mv-bird2-anim_gwd-keyframes;
}
.mv-bird3-anim {
	animation: 20s linear 2.3s infinite normal forwards running mv-bird3-anim_gwd-keyframes;
}
.mv-bird1-body-anim {
	animation: 0.8s linear 0s infinite normal forwards running mv-bird1-body-anim_gwd-keyframes;
}

.mv-bird2-body-anim {
	animation: 1s linear 0s infinite normal forwards running mv-bird2-body-anim_gwd-keyframes;
}
.mv-bird3-body-anim {
	animation: 1s linear 0s infinite normal forwards running mv-bird3-body-anim_gwd-keyframes;
}

@keyframes mv-bird1-body-anim_gwd-keyframes {
	0% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
		animation-timing-function: ease-in-out;
	}
	50% {
		transform: translate3d(0px, -3px, 0px) scale3d(1, 0.7128, 1);
		animation-timing-function: ease-in-out;
	}
	100% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
		animation-timing-function: linear;
	}
}

@keyframes mv-bird2-body-anim_gwd-keyframes {
	0% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
		animation-timing-function: linear;
	}
	50% {
		transform: translate3d(0px, -1px, 0px) scale3d(1, 0.5081, 1);
		animation-timing-function: linear;
	}
	100% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
		animation-timing-function: linear;
	}
}
@keyframes mv-bird3-body-anim_gwd-keyframes {
	0% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
		animation-timing-function: ease-out;
	}
	50% {
		transform: translate3d(0px, -2px, 0px) scale3d(1, 0.7299, 1);
		animation-timing-function: ease-out;
	}
	100% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
		animation-timing-function: linear;
	}
}
.mv-bird1-motion-anim-x {
	--gwd-motion-path: {
		"tangentFollowing":false, "sections":[ {
		"controlPoints": ["-17.33px", "20.67px", "-408px", "193.33px", "-985.33px", "44.67px", "-1346.67px", "-196.67px"], "startTimeMs": 0, "endTimeMs": 3900, "easing": "linear"
	}
	], "positionTol":0.5, "angleTol":1, "optimizationLevel":0
  }
  ;
  animation: 10s linear 0s infinite normal forwards running mv-bird1-motion-keys-x;
  transform: translate3d(-17.33px, 0px, 0px);
}
@keyframes mv-bird1-motion-keys-x {
  0% {
	transform: translate3d(-17.33px, 0px, 0px);
	animation-timing-function: cubic-bezier(0.3388, 0.3278, 0.6709, 0.6625);
  }
  10% {
	transform: translate3d(-149.43px, 0px, 0px);
	animation-timing-function: cubic-bezier(0.3283, 0.338, 0.6457, 0.6882);
  }
  100% {
	transform: translate3d(-1346.67px, 0px, 0px);
  }
}
.mv-bird1-motion-anim-y {
  animation: 12s linear 0s infinite normal forwards running mv-bird1-motion-keys-y;
  transform: translate3d(0px, 20.67px, 0px);
}
@keyframes mv-bird1-motion-keys-y {
  0% {
	transform: translate3d(0px, 20.67px, 0px);
	animation-timing-function: cubic-bezier(0.3946, -1.0422, 0.8827, 0.5796);
  }
  100% {
	transform: translate3d(0px, -196.67px, 0px);
  }
}


.mv-bird2-motion-anim-x {
	--gwd-motion-path: {
	"tangentFollowing":false, "sections":[ {
	"controlPoints": ["0px", "0px", "-802px", "213px", "-947.33px", "-156.33px", "-1408px", "-60px"], "startTimeMs": 1200, "endTimeMs": 5100, "easing": "linear"
}
	], "positionTol":0.5, "angleTol":1, "optimizationLevel":0
  }
  ;
  animation: 3.9s linear 1.2s infinite normal forwards running mv-bird2-motion-keys-x;
  transform: translate3d(0px, 0px, 0px);
}
@keyframes mv-bird2-motion-keys-x {
  0% {
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: cubic-bezier(0.337, 0.3298, 0.6603, 0.6728);
  }
  67.5% {
	transform: translate3d(-950.09px, 0px, 0px);
	animation-timing-function: cubic-bezier(0.3397, 0.3272, 0.6667, 0.6666);
  }
  100% {
	transform: translate3d(-1408px, 0px, 0px);
  }
}
.mv-bird2-motion-anim-y {
  animation: 3.9s linear 1.2s infinite normal forwards running mv-bird2-motion-keys-y;
  transform: translate3d(0px, 0px, 0px);
}
@keyframes mv-bird2-motion-keys-y {
  0% {
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: cubic-bezier(0.5217, -2.5779, 0.71, -0.2596);
  }
  77.5% {
	transform: translate3d(0px, -57.62px, 0px);
	animation-timing-function: cubic-bezier(0.3078, 8.7025, 0.6126, 11.7525);
  }
  100% {
	transform: translate3d(0px, -60px, 0px);
  }
}

.mv-bird3-motion-anim-x {
  --gwd-motion-path: {
    "tangentFollowing":false, "sections":[ {
      "controlPoints": ["6.33px", "233.67px", "-532.2px", "356.81px", "-893.16px", "13.86px", "-968.68px", "-92.95px"], "startTimeMs": 2300, "endTimeMs": 6400, "easing": "linear"
    }
    , {
      "controlPoints": ["-968.68px", "-92.95px", "-969px", "-93.41px", "-972.01px", "-79.19px", "-972.33px", "-79.64px"], "startTimeMs": 6400, "endTimeMs": 6406.381001211628, "easing": "linear"
    }
    ], "positionTol":0.5, "angleTol":1, "optimizationLevel":0
  }
  ;
  animation: 3.9s linear 2.3s infinite normal forwards running mv-bird3-motion-keys-x;
  transform: translate3d(0px, 0px, 0px);
}
@keyframes mv-bird3-motion-keys-x {
  0% {
    transform: translate3d(6.33px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.3252, 0.3403, 0.6303, 0.7063);
  }
  89.86% {
    transform: translate3d(-896.52px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.3202, 0.3455, 0.6461, 0.6882);
  }
  99.84% {
    transform: translate3d(-968.68px, 0px, 0px);
  }
  100% {
    transform: translate3d(-972.33px, 0px, 0px);
  }
}
.mv-bird3-motion-anim-y {
  animation: 3.9s linear 2.3s infinite normal forwards running mv-bird3-motion-keys-y;
  transform: translate3d(0px, 0px, 0px);
}
@keyframes mv-bird3-motion-keys-y {
  0% {
    transform: translate3d(0px, 233.67px, 0px);
    animation-timing-function: cubic-bezier(0.4973, -0.8246, 0.8687, 0.5588);
  }
  67.4% {
    transform: translate3d(0px, 132.06px, 0px);
    animation-timing-function: cubic-bezier(0.3715, 0.2897, 0.706, 0.6318);
  }
  99.84% {
    transform: translate3d(0px, -92.95px, 0px);
  }
  100% {
    transform: translate3d(0px, -79.64px, 0px);
  }
}


/* mv-sun--------------------- */
.mv-sun {
	position: absolute;
	width: 25px;
	height: 23px;
	transform-origin: 50% 50%;
	left: 219px;
	top: 328px;
	transform: translate3d(0px, 0px, 0px);
	pointer-events: auto;
}
.mv-sun-anim {
	animation: 13.3s linear 0s infinite normal forwards running mv-sun-anim_gwd-keyframes;
}

.mv-sun-motion-path-anim-x {
	--gwd-motion-path: {
    "tangentFollowing":false, "sections":[ {
      "controlPoints": ["-232px", "89.65px", "74.01px", "-351.7px", "727.64px", "-350.52px", "998px", "92px"], "startTimeMs": 0, "endTimeMs": 13300, "easing": "linear"
    }
    ], "positionTol":0.5, "angleTol":1, "optimizationLevel":0
  }
  ;
  animation: 13.3s linear 0s infinite normal forwards running mv-sun-motion-path-keys-x;
  transform: translate3d(0px, 0px, 0px);
}
@keyframes mv-sun-motion-path-keys-x {
  0% {
    transform: translate3d(-232px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.389, 0.2685, 0.6954, 0.6431);
  }
  47.5% {
    transform: translate3d(350.13px, 0px, 0px);
    animation-timing-function: cubic-bezier(0.3149, 0.3483, 0.6209, 0.7191);
  }
  92.5% {
    transform: translate3d(934.08px, 0px, 0px);
  }
  95% {
    transform: translate3d(956.91px, 0px, 0px);
  }
  97.5% {
    transform: translate3d(978.22px, 0px, 0px);
  }
  100% {
    transform: translate3d(998px, 0px, 0px);
  }
}
.mv-sun-motion-path-anim-y {
  animation: 13.3s linear 0s infinite normal forwards running mv-sun-motion-path-keys-y;
  transform: translate3d(0px, 0px, 0px);
}
@keyframes mv-sun-motion-path-keys-y {
  0% {
    transform: translate3d(0px, 89.65px, 0px);
    animation-timing-function: cubic-bezier(0.2724, 0.3767, 0.5807, 0.7795);
  }
  35% {
    transform: translate3d(0px, -206.91px, 0px);
    animation-timing-function: cubic-bezier(0.4995, -0.7254, 0.8695, 0.5887);
  }
  87.5% {
    transform: translate3d(0px, -49.48px, 0px);
    animation-timing-function: cubic-bezier(0.3526, 0.3133, 0.6825, 0.6514);
  }
  100% {
    transform: translate3d(0px, 92px, 0px);
  }
}
/* ------------------------------------------------ */
@media screen and (max-width: 767px) {
	.mv-dog,
	.mv-bicycle,
	.mv-bicycle {
		display: none;
	}
}
/* ------------------------------------------------ */