html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  background-color: #000; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  z-index: 99999; }
  #loading .loading_img {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -200px; }
    #loading .loading_img img {
      width: 100%; }

#wrapper {
  width: 100%;
  overflow-x: hidden; }
  #wrapper #contents {
    width: 100%;
    position: relative;
    text-align: center;
    background-image: url(../img/bg.jpg);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 23%;
    z-index: 11; }
    #wrapper #contents .logo {
      position: relative; }
    #wrapper #contents .catch {
      padding-top: 4%;
      position: relative; }
    #wrapper #contents .coming {
      position: relative;
      padding: 8% 0 6%; }
    #wrapper #contents .pv {
      position: relative;
      padding-bottom: 12%; }
    #wrapper #contents .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(../img/hanabi_bg.png);
      background-size: 100% auto;
      background-position: top;
      background-repeat: no-repeat; }
    #wrapper #contents #box {
      width: 100%;
      height: 100%; }
      #wrapper #contents #box .logo_bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      #wrapper #contents #box .hanabi {
        position: absolute; }
      #wrapper #contents #box .hanabi_01 {
        width: 53%;
        top: 14%;
        left: -24%; }
      #wrapper #contents #box .hanabi_02 {
        width: 43%;
        top: -19%;
        left: -3%; }
      #wrapper #contents #box .hanabi_03 {
        width: 25%;
        top: 8%;
        left: 36%; }
      #wrapper #contents #box .hanabi_04 {
        width: 27%;
        top: 37%;
        left: 52%; }
      #wrapper #contents #box .hanabi_05 {
        width: 31%;
        top: -12%;
        left: 67%; }
      #wrapper #contents #box .hanabi_06 {
        width: 42%;
        top: 14.5%;
        left: 76%; }
  #wrapper #bottom {
    width: 100%;
    height: auto;
    border-top: 2px solid #b19b1e;
    background-color: #000;
    text-align: center;
    position: relative;
    padding: 3% 0 4%; }
    #wrapper #bottom .aproject_02 {
      margin-top: 1%; }
  #wrapper #footer {
    border-top: 2px solid #b19b1e;
    width: 100%;
    height: auto;
    padding-bottom: 4%;
    position: relative;
    z-index: 111;
    background-color: #000; }
    #wrapper #footer .caution {
      margin: 3% auto 1.5%; }
    #wrapper #footer .footer_contents .banner_box {
      width: 100%;
      height: auto;
      overflow: hidden;
      padding-top: .5%;
      font-size: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: wrap; }
      #wrapper #footer .footer_contents .banner_box .banner {
        width: 47%;
        padding: 1.3% 1%; }
    #wrapper #footer .footer_contents .eleco {
      width: 100%;
      margin: 3% auto 0; }
    #wrapper #footer .footer_contents .sns_btn {
      margin: 6.5% auto 0;
      width: 32%;
      overflow: hidden;
      font-size: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: wrap; }
      #wrapper #footer .footer_contents .sns_btn li {
        width: 42%;
        padding: 0px 4%; }

/*# sourceMappingURL=main.css.map */