@charset "utf-8";
/* PC向け*/
/*#main {
    position: relative;
    z-index: 10;
    top: 6rem;
}*/
#main {
    padding-top: 6rem;
}
#top {
    margin-bottom: 15%;
}
#topimg {
    width: 100%;
}
#top2 {
    width: 100%;
    background-color: #DDF0F0;
    padding: 5% 0 2% 0;
}
#about {
    margin-bottom: 7%;
}
#endimg {
    width: 100%;
}

/* スマホ向け：961px～ */
@media only screen and (max-width: 500px) {
    #main {
        top: 5rem;
    }
    #top {
        margin-bottom: 30%;
    }
    #top2 {
        padding: 7% 0 7% 0;
    }
    #about {
        margin-bottom: 0
    }
    #contact {
        padding: 5% 0 10% 0;
    }
}