/****
* プラグイン関係のcss
***/


/**
* object-fit-img 画像をコンテンツいっぱいに広げる プラグイン連動 imgのclassに入れる
*/

.object-fit-img600 {
  height: 600px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.object-fit-img500 {
  height: 500px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.object-fit-img400 {
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.object-fit-img300 {
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .object-fit-img600 {
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .object-fit-img500 {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
    
  .object-fit-img400 {
    height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .object-fit-img300 {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
}

@media screen and (max-width: 767px) {
  .object-fit-img600,
  .object-fit-img500,
  .object-fit-img400,
  .object-fit-img300 {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
}

.object-fit-img240 {
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.object-fit-video240 {
  height: 240px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 415px){
  .object-fit-video240 {
      height: auto;
}
}

.object-fit-video240 video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
@media screen and (max-width: 415px){
  .object-fit-video240 video {
  position: relative;
}
}

.object-fit-video400 {
  height: 400px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1023px){
  .object-fit-video400 {
    height: 340px;
    position: relative;
    overflow: hidden;
}
}
@media screen and (max-width: 767px){
  .object-fit-video400 {
    height: auto;
}
}

.object-fit-video400 video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
@media screen and (max-width: 767px){
  .object-fit-video400 video {
  position: relative;
}
}

.object-fit-imgteam {
  height: 700px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
@media screen and (max-width: 1200px) {
    .object-fit-imgteam {
        height: 900px;
            -o-object-fit: cover;
            object-fit: cover;
         font-family: 'object-fit: cover;'
}
}
@media screen and (max-width: 767px) {
    .object-fit-imgteam {
        height: auto;
            -o-object-fit: cover;
            object-fit: cover;
         font-family: 'object-fit: cover;'
}
}