@media not screen, screen and (min-width: 569px) {

  #sp-image-6{
    width : 800px;
    height : 565px;
  }

  #sp-image-7{
    width : 200px;
    height : 280px;
  }

  #sp-image-8{
    width : 200px;
    height : 300px;
  }

  #sp-image-9{
    margin-bottom : 16px;
    max-width : 100%;
    height : auto;
  }
}

@media screen and (max-width: 568px) {

  .page-toppage#content #page-content{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
  }

  #sp-html-src-1{
    margin-bottom : 20px;
  }

  #sp-html-src-1 > iframe{
    width : 100%;
  }

  #sp-html-src-3{
    margin-bottom : 20px;
  }

  #sp-html-src-3 > iframe{
    width : 100%;
  }

  #sp-image-2{
    margin-bottom : 15px;
  }

  #sp-image-3{
    margin-bottom : 15px;
  }

  #sp-image-4{
    margin-bottom : 15px;
  }

  #sp-image-9{
    margin-bottom : 16px;
    max-width : 100%;
    height : auto;
  }
}