@charset "utf-8";


.petal.p01{
                width: 5%;
                top: 10%;
                bottom: auto;
                left: 4%;
                right: auto;
	}
.petal.p02{
                width: 4%;
                top: 30%;
                bottom: auto;
                left: 14%;
                right: auto;
	}
.petal.p03{
                width: 4%;
                top: 70%;
                bottom: auto;
                left: auto;
                right: 10%;
	}
@media screen and (max-width: 768px) {
.petal.p01{
                top: auto;
                bottom: -15%;
                left: 4%;
                right: auto;
	}
.petal.p02{
                top: auto;
                bottom: -5%;
                left: 14%;
                right: auto;
	}
.petal.p03{
                width: 4%;
                top: 70%;
                bottom: auto;
                left: auto;
                right: 10%;
	}
	}



.petal.p04{
                width: 10%;
                top: -3%;
                bottom: auto;
                left: auto;
                right: 12%;
	}
.petal.p05{
                width: 8%;
                top: 10%;
                bottom: auto;
                left: auto;
                right: -5%;
	}
@media screen and (max-width: 768px) {
.petal.p04{
                width: 5%;
                top: -13%;
                bottom: auto;
                left: auto;
                right: -5%;
	}
.petal.p05{
                width: 5%;
                top: 10%;
                bottom: auto;
                left: auto;
                right: 15%;
	}
	}


.petal.p06{
                width: 8%;
                top: auto;
                bottom: -20%;
                left: -5%;
                right: auto;
	}
.petal.p07{
                width: 8%;
                top: auto;
                bottom: -4%;
                left: 22%;
                right: auto;
	}
@media screen and (max-width: 768px) {
.petal.p06{
                width: 5%;
                top: auto;
                bottom: 10%;
                left: -5%;
                right: auto;
	}
.petal.p07{
                width: 5%;
                top: auto;
                bottom: -6%;
                left: 16%;
                right: auto;
	}
	}


.petal.p08{
                width: 4%;
                top: -14%;
                bottom: auto;
                left: auto;
                right: 5%;
	}
.petal.p09{
                width: 3%;
                top: 5%;
                bottom: auto;
                left: auto;
                right: 10%;
	}
@media screen and (max-width: 768px) {
.petal.p08{
                top: -18%;
                bottom: auto;
                left: auto;
                right: 15%;
	}
.petal.p09{
                top: -5%;
                bottom: auto;
                left: auto;
                right: 10%;
	}
	}



.petal.p10{
                width: 10%;
                top: -6%;
                bottom: auto;
                left: 0;
                right: auto;
	}
.petal.p11{
                width: 8%;
                top: 5%;
                bottom: auto;
                left: auto;
                right: 0;
	}
@media screen and (max-width: 768px) {
.petal.p10{
                width: 6%;
                top: -2%;
                bottom: auto;
                left: 10%;
                right: auto;
	}
.petal.p11{
                width: 4%;
                top: 5%;
                bottom: auto;
                left: auto;
                right: 10%;
	}
	}