#works{
		position:relative;
	}
	
	#works .main-swiper {
        width: 890px;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
      }
      #works .main-swiper .swiper-wrapper {
        width: 100%;
      }
      #works .main-swiper .swiper-wrapper .swiper-slide img {
        width: 100%;
        object-fit: contain;
      }
      #works .main-swiper {
        position: static !important;
        display: grid !important;
      }
      #works .swiper-slide img {
        max-width: 100%;
      }
      @media screen and (max-width: 999px) {
        #works .main-swiper {
            width: 100vw;
            height: auto;
            margin-left: auto;
            margin-right: auto;
        } 
        #works .main-swiper .swiper-wrapper {
            width: 100%;
        }
        #works .swiper {
            width: calc(100% - 40px);
            margin-left: auto;
            margin-right: auto;
         }
      }
	  #works .main-swiper .swiper-button-prev::after, #works .main-swiper .swiper-button-next::after {
		  content: "";
		  margin: auto;
	  }
	  #works .main-swiper .swiper-button-next {
		  background-image:url(../image/s-next.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 40px;
        margin: auto;
        width: 40px;
		right: 0px;
	top:32%;

	  }
	  #works .main-swiper .swiper-button-prev {
		  background-image:url(../image/s-prev.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 40px;
        margin: auto;
        width: 40px;
	left: 0px;
	top:32%;
	  }
		#works .main-swiper .swiper-button-prev, #works .main-swiper .swiper-button-next {
        		visibility: hidden;
     	}

	@media screen and (max-width: 760px){
		#works .main-swiper .swiper-button-prev, #works .main-swiper .swiper-button-next {
        		height: 40px;
        		width: 40px;
        		visibility: visible;
     	}
	}
      #works .wthumb-swiper {
        width: 890px;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
      }
      @media screen and (max-width: 999px) {
        #works .wthumb-swiper {
            width: calc(100% - 110px);
            height: auto;
            margin-left: auto;
            margin-right: auto;
        }
        #works .main-swiper {
            width: 100vw;
            height: auto;
            margin-left: auto;
            margin-right: auto;
        } 
    }
      #works .wthumb-swiper .swiper-wrapper {
        width: 100%;
        /*margin-left: -10px;*/
      }
      #works .wthumb-swiper .swiper-wrapper .swiper-slide img:hover {
        cursor: pointer;
        opacity: 0.6;
      }
      #works .wthumb-swiper.swiper-slide {
        opacity: 0.5;
      }
      #works .wthumb-swiper .swiper-slide-thumb-active img {
        border: 2px solid #93243a;
        opacity: 1;
        vertical-align: bottom;
        width: 206px;
      }
      #works .wthumb-swiper .swiper-button-prev,
      #works .wthumb-swiper .swiper-button-next {
        height: 40px;
        width: 40px;
      }
      #works .wthumb-swiper .swiper-button-prev::after,
      #works .wthumb-swiper .swiper-button-next::after {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 40px;
        margin: auto;
        width: 40px;
      }
      #works .wthumb-swiper .swiper-button-prev::after {
        background-image: url(../image/s-prev.png);
      }
      #works .wthumb-swiper .swiper-button-next::after {
        background-image: url(../image/s-next.png);
      }
      #works .swiper-slide img {
        height: auto;
        width: 100%;
      }
      #works .wthumb-swiper {
        position: static !important;
        display: grid !important;
      }
      #works .wthumb-swiper [class^="swiper-button-"] {
        inset: initial;
        margin: 0;
        align-self: center;
      }
      #works .wthumb-swiper .swiper-button-prev {
        justify-self: start;
        margin-left: -55px;
      }
      #works .wthumb-swiper .swiper-button-next {
        justify-self: end;
        margin-right: -55px;
      }
      @media screen and (max-width: 760px) {
        #works .wthumb-swiper {
            width: 96%;
            height: auto;
        }
        #works .thumb-prev, .thumb-next {
          display: none !important;
        }
      }