@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Montserrat);
body, table, td, input, textarea, p, ul, li, a {
  font-family: "Montserrat", "RodinPro-DB", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W6", "HIragino Kaku Gothic Pro W6", "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  color: #303030;
}

h1, h2, h3, h4, h5 {
  font-family: "Montserrat", "DNPShueiGoGinStd-B", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W6", "HIragino Kaku Gothic Pro W6", "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: 700;
}

.clearfix {
  clear: both;
}

canvas {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.top .top-nav {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 500px;
  height: 500px;
  background: rgba(48, 48, 48, 0.8);
  padding: 0;
  margin: auto;
}
.top .top-nav li {
  display: inline-block;
  width: 49.5%;
  text-align: center;
  line-height: 250px;
  margin: 0;
}
.top .top-nav li a {
  color: #fcfaf5;
  padding: 0;
}
.top footer {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 0;
}
.top footer p {
  max-width: 1180px;
  margin: auto;
}