/*フッター*/
#footer{
    position        :   relative;
    overflow        :   hidden;
    width           :   100%;
    height          :   200px;
    border-bottom   :   18px solid #66cc33;
    background-color:   #f5fffa;
    font-weight     :   600;
}
#footer a {
    color: #74BC44;
}
#back{
    position        :   absolute;
    width           :   100%;
    height          :   100%;
}
#smog1{
    position        :   absolute;
    top             :   100px;
}
#smog2{
    position        :   absolute;
    top             :   55px;
}
#smog3{
    position        :   absolute;
    top             :   10px;
}
.ground{
    width           :   100%;
    height          :   25px;
    background-color:   #310304;
    text-align      :   center;
    color           :   #ffffff;
}

@media screen and (min-width:1024px) 
{/*パソコン*/
    .address{
        position        :   absolute;
        width           :   25%;
        min-width       :   300px; 
        top             :   100px;
        left            :   37.5%;
        text-align      :   center;
    }
    .tel{
        width           :   15px;
        height          :   15px;
        margin-top      :   4px; 
        margin-right    :   4px; 
    }
    #cloud{
        position        :   absolute;
        top             :   30px;
        width           :   100px;
        height          :   50px;
    }
	.flower1{
        position        :   absolute;
        width           :   50px;
        left            :   10%;
        top             :   155px;
    }
    .flower2{
        position        :   absolute;
        left            :   15%;
        top             :   165px;
    }
    .flower3{
        position        :   absolute;
        left            :   80%;
        top             :   165px;
    }
    .tree1{
        position        :   absolute;
        width           :   100px;
        left            :   30%;
        top             :   75px;
    }
    .tree2{
        position        :   absolute;
        width           :   100px;
        left            :   60%;
        top             :   75px;
    }
    #butterfly{
        position        :   absolute;
        width           :   20px;
        height          :   20px;
        top             :   130px;
        left            :   190px;
    }
    #home{
        position        :   absolute;
        left            :   85%;
        top             :   105px;
        width           :   100px;
        height          :   100px;
    }
}
@media screen and (max-width:1024px) 
{/*タブレット*/
	.tree1{
        display         :   none;
    }
    .tree2{
        display         :   none;
    }
    .address{
        position        :   absolute;
        width           :   80%;
        top             :   55px;
        left            :   10%;
        text-align      :   center;
    }
    #cloud{
        position        :   absolute;
        top             :   15px;
        width           :   80px;
        height          :   40px;
    }
    .tel{
        width           :   15px;
        height          :   15px;
        margin-top      :   4px; 
        margin-right    :   4px; 
    }
    .flower1{
        position        :   absolute;
        width           :   40px;
        left            :   5%;
        top             :   164px;
    }
    .flower2{
        position        :   absolute;
        width           :   30px;
        left            :   15%;
        top             :   174px;
    }
    .flower3{
        display         :   none;
    }
    #butterfly{
        position        :   absolute;
        width           :   20px;
        height          :   20px;
        top             :   150px;
        left            :   190px;
    }
    #home{
        position        :   absolute;
        left            :   80%;
        top             :   105px;
        width           :   100px;
        height          :   100px;
    }
}
@media screen and (max-width:480px) 
{/*スマホ*/
    .tree1{
        display         :   none;
    }
    .tree2{
        display         :   none;
    }
    .address{
        position        :   absolute;
        width           :   80%;
        top             :   55px;
        left            :   10%;
        text-align      :   center;
        font-size:      :   5px;
    }
    #cloud{
        position        :   absolute;
        top             :   15px;
        width           :   80px;
        height          :   40px;
    }
    .tel{
        width           :   15px;
        height          :   15px;
        margin-top      :   4px; 
        margin-right    :   4px; 
    }
    .flower1{
        position        :   absolute;
        width           :   35px;
        left            :   5%;
        top             :   170px;
    }
    .flower2{
        position        :   absolute;
        width           :   25px;
        left            :   15%;
        top             :   180px;
    }
    .flower3{
        display         :   none;
    }
    #butterfly{
        position        :   absolute;
        width           :   18px;
        height          :   18px;
        top             :   170px;
        left            :   190px;
    }
    #home{
        position        :   absolute;
        left            :   80%;
        top             :   115px;
        width           :   90px;
        height          :   90px;
    }
}