@charset "utf-8";


#bg01 {
  background-image: url("../common/slide1.png");
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: auto auto;
  background-size: auto auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-color: transparent;
}

#bg02 {
  background-image: url(../common/slide2.png);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: center top;
  background-size: auto auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-color: transparent;
}

#bg03 {
  background-image: url(../common/slide3.png);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: center top;
  background-size: auto auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-color: transparent;
}

@media screen and (max-width: 700px) {
  #bg01 {
    background-image: url("../common/slide1_sp.png");
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: auto auto;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
  }

  #bg02 {
    background-image: url(../common/slide2_sp.png);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: auto auto;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
  }

  #bg03 {
    background-image: url(../common/slide3_sp.png);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: auto auto;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
  }
}