html,
body {
    height: 100%;
    /*高さを100%にして描画エリアをとる*/
}

#particles-js {
    position: fixed;
    /*描画固定*/
    z-index: 100;
    /*描画を一番下に*/
    width: 100%;
    height: 100%;
}

#wrapper {
    position: relative;
    /*描画を#particles-jsよりも上にするためposition:relative;を指定*/
    width: 100%;
    height: 100%;
}

a.btn,
.comingsoon,
p.foot-p,
#page-top,
ul.foot-menu,
a.foot-logo.hover,
.foot-address-wrap,
.top-contact-wrap h2,
h2.top-title,
.top-about-txt,
ul.introduction-list,
p.top-contact-txt,
.foot-logo-wrap {
    position: relative;
}

a.news.hover,
a.btn,
.comingsoon,
p.foot-p,
#page-top,
ul.foot-menu,
a.foot-logo.hover,
.foot-address-wrap,
.top-contact-wrap h2,
h2.top-title,
.top-about-txt,
ul.introduction-list,
p.top-contact-txt,
.foot-logo-wrap {
    z-index: 300;
}