.s-three-wrap {
  position: relative;
  margin: 0 auto;
	text-align: center;
}

.s-three-wrap a:hover img{
  opacity: 1;
}

.s-three-text,
.s-three-sub,
.s-three-button {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
}

.s-three-text,
.s-three-sub,
.s-three-button{
    top: 0;
    left: 0;
    right: 0;
    max-width: 1240px;
    width: 70%;
    margin: auto;
    text-align: left;
    height: 100%;
}

.s-three-text img,
.s-three-sub img,
.s-three-button img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.s-three-button img{
    z-index: 2;
}



.slider04 .s-three-text{
    max-width: 1440px;
    width: 80%;
}

.slider04 .s-three-sub{
    max-width: 1125px;
    width: 80%;
}


.slider05 .s-three-text,
.slider05 .s-three-sub,
.slider05 .s-three-button{
    margin: 0;
}



@media screen and (min-width: 768px){
.slider04 .s-three-text img{
    width: 50%;
}
	
.slider02 .s-three-button img{
    margin: 70px 0 0 300px;
		width: 200px;
}
	
.slider03 .s-three-button img{
    margin: 70px 0 0 400px;
		width: 200px;
}
}



@media screen and (max-width: 960px){
.slider02 .s-three-button img{
    margin: 70px 0 0 45%;
}
	
.slider03 .s-three-button img{
    margin: 70px 0 0 60%;
}
}



@media screen and (max-width: 767px){
.s-three-text img, .s-three-sub img, .s-three-button img {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.slider04 .s-three-sub{
    width: 75%;
}

.slider04 .s-three-text img{
    top: 11%;
    transform:none;
    -webkit-transform:none;
}

.slider04 .s-three-sub img{
    top: auto;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
		transform:none;
    -webkit-transform:none;
}
	
.slider02 .s-three-button img{
    width: 40vw;
    margin: 20vw auto 0;
}

.slider03 .s-three-button img{
    width: 40vw;
    margin: 20vw auto 0;
}
	
.slider05 .s-three-text,
.slider05 .s-three-sub,
.slider05 .s-three-button{
    width: 90%;
}

	
}






.swiper-slide-active .s-three-text {
  animation: slideFromRight 0.7s ease 0s 1 normal;
}
.swiper-slide-active .s-three-sub {
  animation: slideFromRightSub 1.2s ease 0s 1 normal;
}
.swiper-slide-active .s-three-button {
  animation: slideFromRightBtn 1.7s ease 0s 1 normal;
}

@keyframes slideFromRight {
  0%, 65% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes slideFromRightSub {
  0%, 65% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes slideFromRightBtn {
  0%, 65% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}