.main-visual-inner {position: relative;}
.main-visual-inner .vi-txt-box {position: absolute;top: -15%;left: 0;z-index: 10;width: 100%;height: 100%;overflow: hidden;pointer-events: none;}
.main-visual-inner .diagonal-line{position:absolute;top:50%;left:50%;width: 360px;height:2px;border-radius:50%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.2) 100%);z-index:10;transform:translate(-50%, -50%) rotate(137deg);}
.main-visual-inner .mask-wrapper{position:absolute;width:100%;height:100%;overflow:hidden;}
.main-visual-inner .mask-left{clip-path:polygon(0 0, 70% 0, 30% 100%, 0 100%);}
.main-visual-inner .mask-right{clip-path:polygon(70% 0, 100% 0, 100% 100%, 30% 100%);}
.main-visual-inner .text{position:absolute;top:50%;transform:translateY(-50%);font-size: 146px;line-height:1;font-weight: bold;color:white;white-space:nowrap;transition:transform 1.2s cubic-bezier(0.7, 0, 0.2, 1);font-family: 'Paperlogy', sans-serif;}
.main-visual-inner .text-left{left:50%;padding:0 0 clamp(5.75rem,3.906vw,7.5rem);transform:translate(-10%, -50%);}
.main-visual-inner .text-right{right:50%;padding:clamp(5.75rem,3.906vw,7.5rem) 0 0;color:#DEEBFF;transform:translate(10%, -50%);}
.main-visual-inner .vi-txt-box.active .text-left{transform:translate(-90%, -50%);}
.main-visual-inner .vi-txt-box.active .text-right{transform:translate(90%, -50%);}
.main-visual-inner .vi-txt-bottom-box{position:absolute;top:65%;left: 0;z-index:10;opacity:0;transform:translateY(20%);transition:transform .8s, opacity .8s;transition-delay:1s;width: 100%;text-align: center;}
.main-visual-inner .vi-txt-bottom-box > p {font-family: Paperlogy;font-weight: 700;font-size: 64px;line-height: 100%;letter-spacing: -0.02em;text-transform: uppercase;color: #FFFFFF;}
.main-visual-inner .vi-txt-bottom-box > p > span.blue {color: #0068b7;}
.main-visual-inner .vi-txt-bottom-box > p > span.pink {color: #e60012;}
.main-visual-inner .vi-txt-box.active .vi-txt-bottom-box{opacity:1;transform:none;}


.main-visual-inner .main-visual-swiper2 .swiper-slide {flex: 0 0 calc(100% / 4);position: relative;}
.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-img-box {height: 952px;position: relative;overflow: hidden;}
.main-visual-inner .main-visual-swiper2 .swiper-slide img {width: 100%;height: 100%;object-fit: cover;position: absolute;bottom: 0;left: 0;}

.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-btn {position: absolute;bottom: 24px;left: 50%;transform: translatex(-50%);}
.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-btn a {border: 2px solid #FFFFFF66;font-family: Paperlogy;font-weight: 700;font-size: 28px;line-height: 100%;letter-spacing: -0.02em;text-transform: uppercase;color: #FFFFFF;display: flex;width: 100%;align-items: center;justify-content: center;padding: 11px 5px;min-width: 432px;box-sizing: border-box;}


@media (min-width: 2201px) {
	.diagonal-line {transform:translate(-50%, -50%) rotate(137deg);}
}

@media (max-width: 1800px) {
	.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-btn {width: calc(100% - 40px);}
	.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-btn a {min-width: auto;font-size: 24px;}
} 

@media (max-width: 1600px) {
	.main-visual-inner .text {font-size: 6.5vw;}
	.main-visual-inner .diagonal-line {width: 260px;}
	.main-visual-inner .vi-txt-bottom-box {top: 63%;}
	.main-visual-inner .vi-txt-bottom-box > p {font-size: 3.5vw}
}

@media (max-width: 1280px) {
	.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-btn a {font-size: 20px;}
}

@media (max-width: 1024px) {
	.main-visual-inner .main-visual-swiper2 .swiper-slide {flex: 0 0 100%;}

	.main-visual-inner .vi-txt-box {top: 0;}
	.main-visual-inner .diagonal-line {width: 23vw;}
	.main-visual-inner .text {font-size: 50px;}
	.main-visual-inner .text-left {padding:  0 0 32px;}
	.main-visual-inner .text-right {padding: 35px 0 0;}

	.main-visual-inner .vi-txt-box.active .text-left {transform: translate(-90%, -50%);}
	.main-visual-inner .vi-txt-bottom-box {top: 65%;}
	.main-visual-inner .vi-txt-bottom-box > p {font-size: 2.5vw;}

	.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-img-box {height: 550px;}
}

@media (max-width: 768px){
	.main-visual-inner .vi-txt-box {height: 160px;}
	.main-visual-inner .main-visual-swiper2 .swiper-slide .vi-img-box {height: 400px;}

	.main-visual-inner .text {font-size: 35px;}
	.main-visual-inner .vi-txt-bottom-box {top: 86%;}
	.main-visual-inner .vi-txt-bottom-box > p {font-size: 25px;}
}