/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*slide*/
#slider {
  height: 700px;
}
#slider li {
  height: 700px;
}
#slider li.slide01 {
  background: url(../img/key01.jpg) no-repeat top center;
  background-size: cover;
}
#slider li.slide02 {
  background: url(../img/key02.jpg) no-repeat top center;
  background-size: cover;
}
#slider li.slide03 {
  background: url(../img/key03.jpg) no-repeat top center;
  background-size: cover;
}
#slider li.slide04 {
  background: url(../img/key04.jpg) no-repeat top center;
  background-size: cover;
}

@media all and (max-width: 768px) {
#slider {display:none;}
}


/*slide*/
#slider_sp {
  height: 550px;
}
#slider_sp li {
  height: 550px;
}
#slider_sp li.slide01 {
  background: url(../img/key01_sp.jpg) no-repeat top center;
  background-size: cover;
}
#slider_sp li.slide02 {
  background: url(../img/key02_sp.jpg) no-repeat top center;
  background-size: cover;
}
#slider_sp li.slide03 {
  background: url(../img/key03_sp.jpg) no-repeat top center;
  background-size: cover;
}
#slider_sp li.slide04 {
  background: url(../img/key04_sp.jpg) no-repeat top center;
  background-size: cover;
}

@media all and (min-width: 769px) {
#slider_sp {display:none;}
}