@charset "UTF-8";

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

#bg2 {
  background-image: url(../common/bg2.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) {
  #bg1 {
    background-image: url("../common/bg1_sp.png");
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center auto;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
  }

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