@charset 'utf-8';



.boxSlide.nkslider,

.boxSlide.nkslider2,

.boxSlide.nkslider3,

.boxSlide.nkslider4 {

  position: relative;

}



.nkslider .boxSlideList,

.nkslider2 .boxSlideList,

.nkslider3 .boxSlideList,

.nkslider4 .boxSlideList {

  position: relative;

  overflow: hidden;

  width: 100%;

  max-width: none;

  margin: 0 auto;

}

.nkslider .boxSlideList,

.nkslider3 .boxSlideList {

  margin: 20px 0;

}

@media all and (max-width: 750px){

  .nkslider .boxSlideList,

  .nkslider2 .boxSlideList,

  .nkslider3 .boxSlideList,

  .nkslider4 .boxSlideList {

    width: 80%;

  }

  .nkslider .boxSlideList {

    margin: 0 auto;

  }

  .nkslider3 .boxSlideList {

    /*margin: 5% auto;*/

  }

}



.nkslider .boxSlideLine,

.nkslider2 .boxSlideLine,

.nkslider3 .boxSlideLine,

.nkslider4 .boxSlideLine {

  position: absolute;

  top: 0;

  left: 0;

}

.nkslider .boxSlideLine {

  /*padding-left: 10px;*/

}

@media all and (max-width: 750px){

  .nkslider2 .boxSlideLine{

    width: 100%;

  }

}



.nkslider .boxSlideOne,

.nkslider2 .boxSlideOne,

.nkslider3 .boxSlideOne,

.nkslider4 .boxSlideOne {

  position: relative;

  float: left;

  width: 224px;

  margin-right: 30px;

}

.nkslider .boxSlideOne {

  width: 31%;

  margin-right: 3.5%;

}

@media all and (max-width: 750px){

  .nkslider .boxSlideOne,

  .nkslider2 .boxSlideOne,

  .nkslider3 .boxSlideOne,

  .nkslider4 .boxSlideOne {

    width: 100%;

    margin-right: 1.25%;

    padding-bottom: 20%;

  }

  .nkslider .boxSlideOne {

    padding-bottom: 10vw;

  }

  .nkslider2 .boxSlideOne {

    padding-bottom: 3%;

  }

  .nkslider4 .boxSlideOne {

    padding: 0 5vw;

    padding-bottom: 0;

  }

}



.nkslider .boxSlideOne:last-child,

.nkslider2 .boxSlideOne:last-child,

.nkslider3 .boxSlideOne:last-child{

  margin-right: 0;

}



@media all and (max-width: 750px){

  .nkslider .boxSlideOneIn,

  .nkslider2 .boxSlideOneIn,

  .nkslider3 .boxSlideOneIn {

    width: 90%;

    margin: 0 auto;

  }

}



@media all and (max-width: 750px){

  .nkslider .boxSlideOneIn .boxListImg img {

    width: 100%;

  }

}



.nkslider .slideNaviL,

.nkslider .slideNaviR,

.nkslider2 .slideNaviL,

.nkslider2 .slideNaviR,

.nkslider3 .slideNaviL,

.nkslider3 .slideNaviR,

.nkslider4 .slideNaviL,

.nkslider4 .slideNaviR {

  display: inline-block;

  position: absolute;

  z-index: 3;

  top: 50%;

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  cursor: pointer;

}

@media all and (max-width: 750px){

  .nkslider .slideNaviL,

  .nkslider .slideNaviR,

  .nkslider2 .slideNaviL,

  .nkslider2 .slideNaviR,

  .nkslider3 .slideNaviL,

  .nkslider3 .slideNaviR,

  .nkslider4 .slideNaviL,

  .nkslider4 .slideNaviR {

    width: 5%;

    margin: auto;

  }

  .nkslider .slideNaviL,

  .nkslider .slideNaviR {

    width: 7.0vw;

  }

  .nkslider4 .slideNaviL,

  .nkslider4 .slideNaviR {

    width: 8.0vw;

  }

}





.nkslider .slideNaviL {

  left: -42px;

}

.nkslider .slideNaviR {

  right: -42px;

}

@media all and (max-width: 750px){

  .nkslider .slideNaviL {

    left: 1.5vw;

  }

  .nkslider .slideNaviR {

    right: 1.5vw;

  }

}



.nkslider2 .slideNaviL {

  left: -50px;

}

.nkslider2 .slideNaviR {

  right: -50px;

}

@media all and (max-width: 750px){

  .nkslider2 .slideNaviL {

    left: -1%;

  }

  .nkslider2 .slideNaviR {

    right: -1%;

  }

}



.nkslider3 .slideNaviL {

  left: -105px;

}

.nkslider3 .slideNaviR {

  right: -125px;

}

@media all and (max-width: 750px){

  .nkslider3 .slideNaviL {

    left: 2%;

  }

  .nkslider3 .slideNaviR {

    right: 2%;

  }

}



.nkslider4 .slideNaviL {

  left: -80px;

}

.nkslider4 .slideNaviR {

  right: -80px;

}

@media all and (max-width: 750px){

  .nkslider4 .slideNaviL {

    left: 4vw;

  }

  .nkslider4 .slideNaviR {

    right: 4vw;

  }

}