@charset "UTF-8";
.inner-block {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  height: auto;
  position:relative;
}
.fade-img-box {
  margin: 0;
  width: 1000px;
  height: 475px;
  position:relative;
}
.fade-img-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit:cover;
}

/* SP　
---------------------------------------- */
@media screen and (max-width: 767px) {  
.inner-block {
  overflow: hidden;
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 112vw;
  position:relative;
  text-align: center;    
}
.fade-img-box {
  width: 100%;
  max-width: 100%;
  height: auto;
  position:relative;
}
.fade-img-box img {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  object-fit:cover;
}
}

/* tablet　
---------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.inner-block {
  margin: 0 auto;
  width: 100%;
  height:auto !important;
  position:relative;
}
.fade-img-box {
  margin: 0 auto;
  width: 100%;
  /*height: 475px;*/
  height: 365px;
  position:relative;
}
.fade-img-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit:cover;
}
}