@charset "UTF-8";
/* CSS Document */

*{
    margin: 0;
    padding: 0;
}

html, body {
  position: relative;
  height: 100%;
}
/*slider3*/
#slider3 .swiper-container {
  width: 100%;
  height: 100%;
}
#slider3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#slider3 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 70px;
    margin-top: calc(1200px / 100 * 2.5);
}
#slider3 #slider-area {
	width : 1100px;
	margin : 0 auto;
	overflow : visible;
}
#slider3 ul{
    padding: 0;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
}


.main-image01__item{
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.main-image01__item img{
  /*position: absolute;*/
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  /*
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
}

/*
.main-image01__item:after,
.main-image01-thumbs__item:after{
  display: block;
  padding-top: 59%;
  content: '';
}
*/

#slider3 .swiper-container.main-image01-thumbs{
  width: 100%;
  padding: 10px 0 0 0;
  box-sizing: border-box;
}
.main-image01-thumbs__item{
    overflow: hidden;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
}
.main-image01-thumbs__item.swiper-slide{
  opacity: 0.8;
}
.main-image01-thumbs__item.swiper-slide-thumb-active{
  opacity: 1;
}
.main-image01-thumbs__item img{
  /*position: absolute;*/
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  /*top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    */
}



@media(max-width:1024px){

	div#slider3 {
		width: 100%;
	}
	#slider3 .swiper-container {
		width: 100%;
		height: auto;
	}
	#slider3 .swiper-container img{
		width: 100%;
	}
	#slider3 #slider-area{
		width: 100%;
	}
    #slider3 .swiper-container.main-image01-thumbs {
        width: 100%;
    }

}


@media(max-width:960px){

}

@media(max-width:768px){
    #slider3 {
        margin-top: 0;
    }
    #slider3 .swiper-container.main-image01-thumbs {
        width: 98%;
        margin: 0 auto;
    }
}

@media(max-width:580px){
    ul.swiper-wrapper.main-image01-thumbs__list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
	#slider3 .swiper-container.main-image01-thumbs {
        width: 100%;
        margin: 0 auto;
    }
    li.swiper-slide.main-image01-thumbs__item {
        width: 24% !important;
        margin: 0 !important;
    }
}

@media(max-width:480px){
	#slider3 {
        margin-bottom: 8%;
        padding-bottom: 3%;
    }

    #slider3 .swiper-container.main-image01-thumbs {
        padding: 3% 0 0;
    }
}

@media(max-width:414px){
	
}

@media(max-width:375px){
	
}