@charset "UTF-8";
.slick img{
  object-fit: cover;
}



@media screen and (max-width:600px) {
  .slick {
    position: relative;
    top: 0;
  }

  .slide {
    position: relative;
  }

  .slide img {
    height: calc(100vh - 60px);
    width: 100%;
  }

  .slide_content {
    display: block;
    opacity: 0;
    transform: translate(-50%, 20%);
    transition: 0s;
  }

  .slide_content.on {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: .5s;
  }

  /*slick setting*/
  ul.slick {
    width: 100vw;
    margin: 0;
    z-index: 0;
  }
}


@media screen and (min-width:601px) {
  .slick {
    position: relative;
    top: 0%;
    margin: 100px auto;
    width: 80%;
  }

  .slide {
    position: relative;
  }

  .slide img {
    height: calc(100vh - 80px);
    width: 100%;
    object-position: 0% 23%;
  }

  .slide_content {
    display: block;
    opacity: 0;
    transform: translate(-50%, 20%);
    transition: 0s;
  }

  .slide_content.on {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: .5s;
  }

  ul.slick {
    width: 100%;
    margin: 0;
    z-index: 0;
  }
}