@charset "utf-8";
#title{
    z-index:999;
}
#snail{
    position:absolute;
    width:250px;
    top:180px;
    left:0px;
    z-index:5;
    
}
#snail img{
    width:100%;
    transform:rotateY(180deg);
}
.flower{
    position:absolute;
    width:100px;
}
.flower img{
     width:100%;
}
 #flower_num_01{
    top:150px;
    left:0px;
     z-index:2;
}
#flower_num_02{
    top:280px;
    left:100px;
    z-index:6;
}
#flower_num_02 img{
    transform:rotateY(180deg);
}
 #flower_num_03{
    top:150px;
    left:130px;
    z-index:2;
}
#flower_num_04{
    top:280px;
    left:0px;
    z-index:7;
}
#flower_num_05{
    top:100px;
    left:80px;
    z-index:1;
}
#flower_num_06{
    top:280px;
    left:200px;
    z-index:8;
}
@media screen and (min-width:600px){
    #snail{
        top:150px;
    }
    #flower_num_01{
        top:150px;
        left:0px;
        z-index:2;
    }
    #flower_num_02{
        left:100px;
        top:230px;
        z-index:6;
    }
    #flower_num_02img{
        transform:rotateY(180deg);
    }
    #flower_num_03{
        top:150px;
        left:200px;
        z-index:2;
    }
    #flower_num_04{
        left:0px;
        top:230px;
        z-index:7;
    }
    #flower_num_05{
        top:150px;
        left:100px;
        z-index:1;
    }
    #flower_num_06{
        left:200px;
        top:230px;
        z-index:8;
    }
}
@media screen and (min-width:1024px){
    #snail{
        top:0px;
    }
    #flower_num_01{
        top:20px;
        left:270px;
        z-index:2;
    }
    #flower_num_02{
        top:0px;
        left:320px;
        z-index:1;
    }
    #flower_num_02 img{
        transform:rotateY(180deg);
    }
    #flower_num_03{
        top:20px;
        left:370px;
        z-index:2;
    }
    #flower_num_04{
        left:320px;
        top:100px;
        z-index:7;
    }
    #flower_num_05{
        left:370px;
        top:75px;
        z-index:6;
    }
    #flower_num_06{
        left:400px;
        top:120px;
        z-index:8;
    }
    
}