body::before {
    background: #464646 url("http://botanicgreen.daa.jp/img/0298-pc.gif") no-repeat center 0;
    background-size: 100% auto ;
    background-position: center center;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
  }
@media only screen and (max-width: 1080px) {
  body::before {
    background-image: url("http://botanicgreen.daa.jp/img/0298-sp.gif");
    padding-bottom: 108px;
    
    background-size: 100% auto ;
    background-position: center center;
  }
}
/*body {
  /* 画像ファイルの指定
  background-image: url("http://botanicgreen.daa.jp/img/background_full.gif");

  /* 画像を常に天地左右の中央に配置
  background-position: top center;

  /* 画像をタイル状に繰り返し表示しない
  background-repeat: no-repeat;

  /* コンテンツの高さが画像の高さより大きい時、動かないように固定
  background-attachment: fixed;

  /* 表示するコンテナの大きさに基づいて、背景画像を調整
  /*background-size: cover;
  background-size: 130% auto;

  /* 背景画像が読み込まれる前に表示される背景のカラー
  background-color: #464646;
  <!-- <link rel="stylesheet" href="sample.css" type="text/css"> -->

}
@media only screen and (max-width: 767px) {
  body {
    background: none;
  }
  body::before {
    background: #464646 url("http://botanicgreen.daa.jp/img/background_600.gif") no-repeat center 0;
    background-size: auto 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 130%;
    content: "";
    z-index: -1;
  }

}*/