@charset "UTF-8";

.bg01{
	position: absolute;
    width: 280px;
    left: -9%;
    bottom: -15%;
    z-index: -1;
	-webkit-animation:spin 20s linear infinite;
	-moz-animation:spin 20s linear infinite;
	animation:spin 20s linear infinite;
}

.bg02{
    position: absolute;
    width: 450px;
    right: -22%;
    top: -35%;
    z-index: -1;
	-webkit-animation:spin 20s linear infinite;
	-moz-animation:spin 20s linear infinite;
	animation:spin 20s linear infinite;
}

.bg04{
	position: absolute;
    width: 310px;
    left: -9%;
    top: 9%;
    z-index: -1;
	-webkit-animation:spin 20s linear infinite;
	-moz-animation:spin 20s linear infinite;
	animation:spin 20s linear infinite;
}

@-moz-keyframes spin{
	100%{
		-moz-transform:rotate(360deg);
	}
}
@-webkit-keyframes spin{
	100%{
		-webkit-transform:rotate(360deg);
	}
}
@keyframes spin{
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

.bg03{
    position: absolute;
    width: 250px;
    right: 8%;
    bottom: 0;
    z-index: 1;
}

@media screen and (max-width:640px){

}


@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 768px) {

.bg01 {
    width: 240px;
    right: 8%;
}

.bg02 {
    display: none;
}

.bg03 {
    width: 160px;
}
.bg04 {
    width: 200px;
    left: -29%;
    top: 0%;
}
}

@media only screen and (max-width: 480px) {

.bg01 {
    left: 56%;
    bottom: -4%;
    width: 150px;
}

}