@charset "utf-8";
#main-img {
  position: relative;
  width: 100%;
  height: 31vw;
  margin: 0 0 4vw;
}
.slider {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  margin: 0 auto;
}
.sliderContent {
  position: relative;
  width: 100%;
  height: 1080px;
  margin: 0;
}
.sliderContent .item {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1080px;
}
.slider video {
  width: 100%;
  height: 100%
}
.sliderContent #main1 {
  background-image: url(../images/top/main_img01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.sliderContent #main2 {
  background-image: url(../images/top/main_img02.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.sliderContent #main3 {
  background-image: url(../images/top/main_img03.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.sliderArrows a {
  display: none;
}
.prev {
  display: none;
}
.next {
  display: none;
}
.sliderBullets {
  display: none;
}
.sliderBullets a {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #main-img {
    position: relative;
    width: 100%;
    /*height: 430px;*/
    height: 35vw;
    margin: 0;
  }
  .slider {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .sliderContent {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .sliderContent .item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  #item_arrow {
    top: 104%;
  }
}
@media screen and (max-width: 767px) {
  #main-img {
    position: relative;
    width: 100%;
    height: 35vw;
  }
  .slider {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .sliderContent {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .sliderContent .item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) and (orientation : landscape) {
  #main-img {
    position: relative;
    width: 100%;
    height: 380px;
  }
  .slider {
    position: relative;
    width: 100%;
    height: 380px;
    margin: 0 auto;
  }
  .sliderContent {
    position: relative;
    width: 100%;
    height: 380px;
    margin: 0;
  }
  .sliderContent .item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 380px;
  }
}
@media screen and (max-width: 374px) {
  #main-img {
    position: relative;
    width: 100%;
    height: 180px;
  }
  .slider {
    position: relative;
    width: 100%;
    height: 180px;
    margin: 0 auto;
  }
  .sliderContent {
    position: relative;
    width: 100%;
    height: 180px;
    margin: 0;
  }
  .sliderContent .item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 180px;
  }
}
@media screen and (max-width: 568px) and (orientation : landscape) {
  #main-img {
    position: relative;
    width: 100%;
    height: 300px;
  }
  .slider {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0 auto;
  }
  .sliderContent {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0;
  }
  .sliderContent .item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
  }
}