@charset "UTF-8";
body {
  position: relative;
}

.loding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #000;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#main {
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100%;*/
  width: 100%;
  overflow: hidden;
}

#main nav {
  display: none;
}

#main .slide {
  background: none;
}

#main #top .bxslider .item {
  height: 100vh;
  background-position: center;
}

#main #top .bxslider .item01 {
  background: url(../../images/bg/bg-top01.png) no-repeat center center;
  background-size: cover;
}

#main #top .bxslider .item02 {
  background: url(../../images/bg/bg-top02.png) no-repeat center center;
  background-size: cover;
}

#main #top .bxslider .item03 {
  background: url(../../images/bg/bg-top03.png) no-repeat center center;
  background-size: cover;
}

#main #top .block {
  position: relative;
  z-index: 9998;
  margin: 0 auto;
}


#main #top .block__body {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}


@media screen and (max-width: 1060px) {


@media screen and (max-width: 737px) {
  #header {
    display: block;
  }
  #main #top .block {
    width: 100%;
    height: 100%;
  }
  #main #top .block.img-ver {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

@media screen and (max-width: 567px) {

  #main #top .bxslider .item01 {
    background: url(../../images/bg/bg-top1_sp.png) no-repeat center center;
    background-size: cover;
  }
  #main #top .bxslider .item02 {
    background: url(../../images/bg/bg-top2_sp.png) no-repeat center center;
    background-size: cover;
  }
  #main #top .bxslider .item03 {
    background: url(../../images/bg/bg-top3_sp.png) no-repeat center center;
    background-size: cover;
  }
}