/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2019 | 06:52:20 */
/* 備考：トップ用 アイキャッチ文言の スタイルのみ トップ用の CSS に記載しています。*/

.metaslider .caption-wrap {
  background: rgba(0, 0, 0, 0)!important;
  opacity: initial!important;
  position: absolute;
  font-size: 1.1rem;
  width: 100%!important;
  max-width: none!important;
  transform: none!important;
  -webkit-transform: none;
  left: 0!important;
  top: 35%!important;
}
.metaslider .caption {
  padding-left: 10px;
  padding-right: 10px;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  color: white;
  width: 100%;
  max-width: none;
}
.kw-eyecatch-word {
  text-align: center;
}
hr.kw-eyecatch-line {
  animation-name: hrmove;
  animation-duration: 5s;
}
.kw-eyecatch {
}
.kw-eyecatch img {
  object-fit: cover;
  height: 550px!important;
}


@media screen and (max-width: 917px){
  .metaslider .caption-wrap {
    top: 17%!important;
  }
  .kw-eyecatch {
    padding-top: 53px;
  }
  .kw-eyecatch img {
    height: 400px!important;
  }
}