/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

.imagescroller01 {
  width:100%;
  height: auto;
  display: block;
}
.imagescroller01 li img{
  width:auto;
  height: 300px;
  display: block;
}

.imagescroller02 {
  width:100%;
  height: auto;
  display: block;
}
.imagescroller02 li img{
  width:auto;
  height: 300px;
  display: block;
}

}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.imagescroller01 {
  width:100%;
  height: auto;
  display: block;
}
.imagescroller01 li img{
  width:auto;
  height: 250px;
  display: block;
}

.imagescroller02 {
  width:100%;
  height: auto;
  display: block;
}
.imagescroller02 li img{
  width:auto;
  height: 250px;
  display: block;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

  .imagescroller01 {
  width:100%;
  height: auto;
  display: block;
}
.imagescroller01 li img{
  width:auto;
  height: 200px;
  display: block;
}

.imagescroller02 {
  width:100%;
  height: auto;
  display: block;
}
.imagescroller02 li img{
  width:auto;
  height: 200px;
  display: block;
}

}