@charset "utf-8";
/* CSS Document */


/*　パララックス　*/
#parallax-01 {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 25vw 0 0;
  overflow: hidden;
  background: #fff;
}
#parallax-02 {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 25vw 0 0;
  overflow: hidden;
  background: #fff;
}
.bg_parallax {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 53.59375vw;
  z-index: 1;
}
#parallax-01 .bg_parallax {
  background: url(../images/bg_parallax01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #parallax-01 .bg_parallax {
    background: url(../images/bg_parallax01@x2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
#parallax-02 .bg_parallax {
  background: url(../images/bg_parallax02.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  top: 25vw;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #parallax-02 .bg_parallax {
    background: url(../images/bg_parallax02@x2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: -3vw;
  }
}