/* Scss Document */
/*people*/
/* font-family */
/* bg */
/* font color */
/* font size */
/* width */
/* border */
/************************************************************
top slider
************************************************************/
/************************************************************
top contents
************************************************************/
/************************************************************
sp
************************************************************/
@media screen and (max-width: 768px) {
  #top_slider {
    height: 70vh;
    padding-top: 60px;
  }
  #top_slider h1 {
    top: 27vh;
  }
  #top_slider h1 img {
    width: 242px;
    height: auto;
  }
  #top_slider ul.slides li {
    height: calc(70vh - 60px);
    background-position: center center;
  }
  #top_slider ul.slides li#top_slide1 {
    background: url(../../image/sp/slider1.jpg) center center no-repeat;
    background-size: cover;
  }
  #top_slider ul.slides li#top_slide2 {
    background: url(../../image/sp/slider2.jpg) center center no-repeat;
    background-size: cover;
  }
  #top_slider ul.slides li#top_slide3 {
    background: url(../../image/sp/slider3.jpg) center center no-repeat;
    background-size: cover;
  }
  #top_slider .flex-direction-nav li a {
    width: 20px;
    height: 40px;
  }
  #top_slider .flex-direction-nav li .flex-next {
    right: 13px;
    z-index: 91;
  }
  #top_slider .flex-direction-nav li .flex-prev {
    left: 13px;
    z-index: 91;
  }
}