@charset "utf-8";


.top2_kumo_l_01 {
	position: absolute;
	top: 20px;
	left: -15px;
	width: 250px;
	z-index: 10;
}
.top2_kumo_l_02 {
	position: absolute;
	top: 100px;
	left: -10px;
	width: 200px;
	z-index: 10;
}

.top2_kumo_l_03 {
	position: absolute;
	bottom: 50px;
	left: -60px;
	width: 200px;
	z-index: 10;
}
.top2_kumo_l_04 {
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 200px;
	z-index: 10;
}





.top2_kumo_r_01 {
	position: absolute;
	top: 600px;
	right: -50px;
	width: 250px;
	z-index: 10;
}
.top2_kumo_r_02 {
	position: absolute;
	top: 680px;
	right: -80px;
	width: 220px;
	z-index: 10;
}




.top3-kumo_l_01 {
	position: absolute;
	bottom: 80px;
	left: -50px;
	width: 300px;
	z-index: 10;
}
.top3-kumo_l_02 {
	position: absolute;
	bottom: 40px;
	left: 10px;
	width: 240px;
	z-index: 9;
}


.top3-kumo_r_01 {
	position: absolute;
	top: 45%;
	right: -20px;
	width: 240px;
	z-index: 10;
}

.top3-kumo_r_02 {
	position: absolute;
	top: 54%;
	right: 0px;
	width: 140px;
	z-index: 9;
}


.top3-kumo_r_03 {
	position: absolute;
	bottom: 0;
	right: -10px;
	width: 300px;
	z-index: 10;
}

.top302-kumo_r_01 {
	position: absolute;
	bottom: 60px;
	right: -30px;
	width: 240px;
	z-index: 10;
}
.top302-kumo_r_02 {
	position: absolute;
	bottom: -35px;
	right: -60px;
	width: 250px;
	z-index: 9;
}


.top4-kumo_l_01 {
	position: absolute;
	bottom: 15px;
	left: -90px;
	width: 250px;
	z-index: 10;
}
.top4-kumo_l_02 {
	position: absolute;
	bottom: -40px;
	left: -90px;
	width: 240px;
	z-index: 9;
}


.top4-kumo_r_01 {
	position: absolute;
	bottom: 240px;
	right: -100px;
	width: 240px;
	z-index: 10;
}
.top4-kumo_r_02 {
	position: absolute;
	bottom: 150px;
	right: -60px;
	width: 300px;
	z-index: 9;
}


.top4-kumo_r_03 {
	position: absolute;
	bottom: -60px;
	right: -10px;
	width: 300px;
	z-index: 10;
}
.top4-kumo_r_04 {
	position: absolute;
	bottom: -110px;
	right: -150px;
	width: 250px;
	z-index: 9;
}

.top402-kumo_l_01 {
	position: absolute;
	bottom: -60px;
	left: -110px;
	width: 300px;
	z-index: 10;
}


.f-kumo_l_01 {
	position: absolute;
    top: -40px;
    left: -90px;
    width: 22%;
    z-index: 10;
}
.f-kumo_l_02 {
	position: absolute;
	top: 45px;
	left: -90px;
	width: 300px;
	z-index: 10;
}
.f-kumo_l_03 {
	position: absolute;
	bottom: -100px;
	left: -90px;
	width: 350px;
	z-index: 10;
}

@media screen and (max-width: 860px) {
.f-kumo_l_03 {
    bottom: -12%;
    width: 32%;
}
}


.f-kumo_r_01 {
	position: absolute;
	top: 15px;
	right: -100px;
	width: 280px;
	z-index: 10;
}
.f-kumo_r_02 {
	position: absolute;
    top: 65px;
    right: -60px;
    width: 22%;
    z-index: 9;
}
.f-kumo_r_03 {
	position: absolute;
	bottom: 50px;
	right: -20px;
	width: 300px;
	z-index: 10;
}
.f-kumo_r_04 {
	position: absolute;
    bottom: 10px;
    right: -200px;
    width: 17%;
    z-index: 9;
}




.top2_kumo_l_01 img,
.top2_kumo_l_02 img,
.top2_kumo_l_03 img,
.top2_kumo_l_04 img,
.top2_kumo_r_01 img,
.top2_kumo_r_02 img,
.top3-kumo_l_01 img,
.top3-kumo_l_02 img,
.top3-kumo_r_01 img,
.top3-kumo_r_02 img,
.top3-kumo_r_03 img,
.top302-kumo_r_01 img,
.top302-kumo_r_02 img,
.top4_kumo_l_01 img,
.top4_kumo_l_02 img,
.top4_kumo_r_01 img,
.top4_kumo_r_02 img,
.top4_kumo_r_03 img,
.top4_kumo_r_04 img,
.top402_kumo_l_01 img,
.f-kumo_l_01 img,
.f-kumo_l_02 img,
.f-kumo_l_03 img,
.f-kumo_r_01 img,
.f-kumo_r_02 img,
.f-kumo_r_03 img,
.f-kumo_r_04 img  {
	width: 100%;
}




.animation{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-duration: 7.5s;
}

.keyframe_llr {
	animation-name: anim_llr;
}
.keyframe_lrl {
	animation-name: anim_lrl;
}

.keyframe_rlr {
	animation-name: anim_rlr;
}
.keyframe_rrl {
	animation-name: anim_rrl;
}


@keyframes anim_llr {

0% {
transform: translate(0px, 0px);

}
50% {
transform: translate(100px, 0);

}


100% {
	transform: translate(0, 0);
}

}

@keyframes anim_lrl {

0% {
transform: translate(100px, 0px);

}
50% {
transform: translate(0, 0);

}


100% {
	transform: translate(100px, 0);
}

}



@keyframes anim_rlr {

0% {
transform: translate(-100px, 0px);

}
50% {
transform: translate(0px, 0);

}


100% {
	transform: translate(-100px, 0);
}

}

@keyframes anim_rrl {

0% {
transform: translate(0px, 0px);

}
50% {
transform: translate(-100px, 0);

}


100% {
	transform: translate(0, 0);
}

}


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


.top2_kumo_l_01 {
	top: 20px;
	left: -7px;
	width: 125px;
	z-index: 10;
}
.top2_kumo_l_02 {

	top: 50px;
	left: -5px;
	width: 100px;
	z-index: 10;
}

.top2_kumo_l_03 {

	bottom: 25px;
	left: -30px;
	width: 100px;
	z-index: 10;
}
.top2_kumo_l_04 {

	bottom: 0;
	left: -5px;
	width: 100px;
	z-index: 10;
}





.top2_kumo_r_01 {

	top: 0;
	right: -25px;
	width: 125px;
	z-index: 10;
}
.top2_kumo_r_02 {

	top: 40px;
	right: -40px;
	width: 110px;
	z-index: 10;
}




.top3-kumo_l_01 {

	bottom: 40px;
	left: -25px;
	width: 150px;
	z-index: 10;
}
.top3-kumo_l_02 {

	bottom: 20px;
	left: 5px;
	width: 120px;
	z-index: 9;
}


.top3-kumo_r_01 {

	top: 45%;
	right: -10px;
	width: 120px;
	z-index: 10;
}

.top3-kumo_r_02 {

	top: 50%;
	right: 0px;
	width: 120px;
	z-index: 9;
}


.top3-kumo_r_03 {

	bottom: 0;
	right: -5px;
	width: 150px;
	z-index: 10;
}

.top302-kumo_r_01 {

	bottom: 30px;
	right: -15px;
	width: 120px;
	z-index: 10;
}
.top302-kumo_r_02 {

	bottom: -17px;
	right: -30px;
	width: 125px;
	z-index: 9;
}


.top4-kumo_l_01 {

	bottom: 7px;
	left: -45px;
	width: 125px;
	z-index: 10;
}
.top4-kumo_l_02 {

	bottom: -20px;
	left: -45px;
	width: 120px;
	z-index: 9;
}


.top4-kumo_r_01 {

	bottom: 195px;
	right: -50px;
	width: 120px;
	z-index: 10;
}
.top4-kumo_r_02 {

	bottom: 150px;
	right: -30px;
	width: 150px;
	z-index: 9;
}


.top4-kumo_r_03 {

	bottom: -15px;
	right: -5px;
	width: 150px;
	z-index: 10;
}
.top4-kumo_r_04 {

	bottom: -35px;
	right: -75px;
	width: 125px;
	z-index: 9;
}

.top402-kumo_l_01 {

	bottom: -30px;
	left: -55px;
	width: 150px;
	z-index: 10;
}


.f-kumo_l_01 {

    top: -40px;
    left: -45px;
    width: 22%;
    z-index: 10;
}
.f-kumo_l_02 {

	top: 45px;
	left: -90px;
	width: 300px;
	z-index: 10;
}
.f-kumo_l_03 {

	bottom: -50px;
	left: -45px;
	width: 175px;
	z-index: 10;
}


.f-kumo_r_01 {

	top: 15px;
	right: -50px;
	width: 140px;
	z-index: 10;
}
.f-kumo_r_02 {

    top: 32px;
    right: -30px;
    width: 140px;
    z-index: 9;
}
.f-kumo_r_03 {

	bottom: 30px;
	right: -20px;
	width: 150px;
	z-index: 10;
}
.f-kumo_r_04 {

    bottom: 10px;
    right: -100px;
    width: 150px;
    z-index: 9;
}






@keyframes anim_llr {

0% {
transform: translate(0px, 0px);

}
50% {
transform: translate(40px, 0);

}


100% {
	transform: translate(0, 0);
}

}

@keyframes anim_lrl {

0% {
transform: translate(40px, 0px);

}
50% {
transform: translate(0, 0);

}


100% {
	transform: translate(40px, 0);
}

}



@keyframes anim_rlr {

0% {
transform: translate(-40px, 0px);

}
50% {
transform: translate(0px, 0);

}


100% {
	transform: translate(-40px, 0);
}

}

@keyframes anim_rrl {

0% {
transform: translate(0px, 0px);

}
50% {
transform: translate(-40px, 0);

}


100% {
	transform: translate(0, 0);
}

}



}