.vs-slider {overflow: hidden !important;margin-left:16px;position: relative;margin-right: 16px;}
.swiper {
	width: 100%;
	height: 100%;
}
.index-visual-wrap {
	display:flex;justify-content:space-between;
	max-width:1820px;margin:0 auto;width: 100%;
}
.card {overflow:hidden;position:relative;height:800px;border-radius:55px;color: var(--color-white);transition: height 0.3s ease;z-index: 1;}
.card img {width:100%;height:100%;object-fit:cover;transition: width 0.3s ease, height 0.3s ease;}
.card .img-content {position:absolute;right:0;bottom:0;width:100%;height:auto;z-index: 1;}

@media(hover: hover) {.index .card a:hover {transform:scale(.97);}}

.card-01 {background-color:var(--color-primary);padding: 112px 100px;width:53.85%}
.card-02,.card-03 {max-width: 410px; padding: 90px 50px;width:22.53%}
.card-02 {background-color:var(--color-secondary-sub);}
.card-03 {background-color:var(--color-secondary);}
.card-01 .img-content {max-width: 655px;min-width: 294px;}
.card-02 .img-content {left:-57px;}
.card-03 .img-content {right:-50px;}
.card .contents {z-index: 2;word-break: keep-all;position: relative;}
.card h2 {font-size: 6rem;font-weight: var(--fw-800);transition: font-size 0.5s ease;}
.card h3 {font-size: 4rem;font-weight: var(--fw-700);transition: font-size 0.5s ease;}
.card .desc {font-size: 4.8rem;font-weight: var(--fw-300);margin-top: 15px;}
.card .tag {font-size: var(--fz-16);font-weight: var(--fw-600);position: relative;padding-bottom: 15px;display:inline-block;margin-bottom: 15px;}
.card .tag:after {display: block;content: "";width: 8px;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

@media screen and (max-width: 1820px) {
	.card h2 {font-size: 5rem;}
	.card .desc {font-size: 4rem;}
}
@media screen and (max-width: 1572px) {
	.card {
		height: 700px;
		border-radius: 50px;
		padding: 60px 50px;	
  }
	.card-01 {
		padding: 90px;	
  }
	.card h2 {font-size: 4.5rem;}
	.card h3 {font-size: 3.5rem;}
	.card .desc {font-size: 3.5rem;}
}
@media screen and (max-width: 1480px) {
	.card-01 .img-content {max-width: 600px;}
}
@media screen and (max-width: 1458px) {
	.card {
		height: 600px;
		border-radius:40px;
  }
	.card-01 {
		padding: 90px 60px;	
  }
	.card-01 .img-content {max-width: 550px;}
}
@media screen and (max-width: 1280px) {
	.card {
		height: 520px;
  }
	.card-01 {
		padding: 70px 60px;	
  }
	.card-02,.card-03 {padding: 60px 40px;}
	.card h2 {font-size: 4rem;}
	.card h3 {font-size: 3rem;}
	.card .desc {font-size: 3rem;}
	.card-01 .img-content {max-width: 450px;}
	.card-03 .img-content {right:-20px;}
}
@media (max-width: 1024px) {
	.vs-slider {margin-right: 0;}
  .card {
    height: 500px;	
		min-width: 294px;		
		border-radius: 30px;
		padding: 45px 40px;		
		margin-right: 10px;
  }
	.card-01 {max-width:500px;}
	.card-01 .img-content {right:-40px}
	.card-02 .img-content {left:10%;width: 204px;}
	.card-03 .img-content {width: 204px;transform: translateX(-47%);}
	.card h2,.card h3  {font-size: 2.8rem;font-weight: var(--fw-700);}
	.card .desc {font-size: 1.8rem;margin-top: 15px;}
}
@media (max-width: 768px) {
  .card {	
    height: 428px;
		max-width: 294px;	
  }
}