.main-visual-inner {position: relative;}
.main-visual-inner .vi-txt-box {position: absolute;top: -4%;left: 0;right: 0; z-index: 10;width: 100%;height: 100%;overflow: hidden;max-width: 1411px; margin: 0 auto;/*transform: translateX(-50%);*/}

.main-visual-inner .vi-txt-bottom-box{position:absolute;top:67%;left: 6%;opacity:0;transition:transform .8s, opacity .8s;transition-delay:1s;width: 100%;text-align: left;}
.main-visual-inner .vi-txt-bottom-box > p {font-weight: 500;font-size: 28px;line-height: 140%;color: #fff;max-width: clamp(49.6rem, 33.646vw, 64.6rem);}

.main-visual-inner .main-visual-swiper .swiper-slide .vi-img-box {height: 952px;position: relative;overflow: hidden;}
.main-visual-inner .main-visual-swiper .swiper-slide .vi-img-box:before {content: "";position: absolute;background: 
  linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
  linear-gradient(0deg, rgba(0, 45, 114, 0.2), rgba(0, 45, 114, 0.2));width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.main-visual-inner .main-visual-swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;position: absolute;bottom: 0;left: 0;}
.main-visual-inner .vi-txt-box.active .vi-txt-bottom-box{opacity:1;}

.main-visual-inner .swiper-vi-control01 {position:absolute;bottom:50px;left:50%;width:auto;transform:translateX(-50%);z-index:10;}
.main-visual-inner .swiper-vi-control01 .swiper-vi-box{display: flex;animation: moveUp 1.2s ease-in-out forwards;}
.main-visual-inner .swiper-vi-control01 .swiper-vi-pagination {display: flex;align-items: center;justify-content: center;}
.main-visual-inner .swiper-vi-control01 .swiper-vi-pagination .swiper-pagination-bullet{margin:0 10px 0 0;width:12px;height:12px;border-radius:50px;background:#E8F1FF;opacity:1;transition: all ease 0.3s;}
.main-visual-inner .swiper-vi-control01 .swiper-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:32px;height:12px;background:#6BBDE4;}
.main-visual-inner .swiper-vi-control01 .swiper-vi-box .swiper-btn {border-radius: 100%;}
.main-visual-inner a.swiper-vi-pause{display: block;background: url('../img/common/ico-pause.png') no-repeat center / contain;width: 24px;height: 24px;cursor: pointer;}
.main-visual-inner a.swiper-vi-play{display: block;background: url('../img/common/ico-play.png') no-repeat center / contain;width: 24px;height: 24px;cursor: pointer;background-size: 16px auto;}
.main-visual-inner .swiper-btn.swiper-pause a.swiper-vi-pause {display: block;}
.main-visual-inner .swiper-btn.swiper-pause a.swiper-vi-play {display: none;}
.main-visual-inner .swiper-btn.swiper-play a.swiper-vi-play {display: block;}
.main-visual-inner .swiper-btn.swiper-play a.swiper-vi-pause {display: none;}

.main-visual-box p.txt-marquee {position: absolute;font-family: "Playfair Display SC", serif;font-weight: 700;font-size: 300px;line-height: 160px;letter-spacing: 0;color: #0053CF;bottom: -33px;z-index: 1;right: -15px;}
/*Css quicklink*/
.main-quick {min-width: 96px;position: fixed;right:34px;top:50%;transform:translate(calc(100% + 34px),-50%);z-index:111;transition:transform .8s;transition-delay:1s;border-radius: 300px;}
.main-visual-box:has(.vi-txt-box.active) > .main-quick {transform:translate(0,-50%);}

.main-quick > p {background:#0041A2;padding: 28px 20px 20px;letter-spacing: -0.1px;color:#fff;border-top-left-radius: 300px;border-top-right-radius: 300px;font-family: Paperlogy;font-weight: 600;font-size: 16px;line-height: 100%;text-align: center;vertical-align: middle;text-transform: uppercase;}

p.btn-quick.font-paper {}
.main-quick ul {}
.main-quick ul li {display:block;width: 100%;margin-top:-2px;}
.main-quick ul li + li {border-top:1px solid rgba(0,0,0,0.2);}
.main-quick ul li a {display:block;padding: 6px 0;background:#0053CF;text-align:center;color:#fff;} 
.main-quick ul li a > div {background: transparent;border-radius: 100%;width: 84px;height: 84px;margin: 0 auto;transition: 0.3s;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.main-quick ul li a:hover > div {background: #003B84;}
.main-quick ul li a span {font-weight: 500;font-size: 14px;line-height: 100%;letter-spacing: -0.3px;text-transform: uppercase;} 
.main-quick ul li a .icon-quick {width: 28px;height: 28px;margin: 0 auto 6px auto;} 
.main-quick ul li a .icon-quick img {width:100%;height:100%;object-fit:cover;} 
.main-quick .btn-top {padding: 0;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 300px;border-bottom-right-radius: 300px;}
.main-quick .btn-top a{padding: 30.5px 26px 20.5px 26px;display:block;background: url(../img/common/ico-arrow-top.png) no-repeat top 10px center;text-align:center;background-size: 12px;}

.main-visual-inner .swiper-vi-control01 .swiper-vi-box .swiper-btn{display:none;}
.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: 152px;line-height:1;font-weight: bold;color:white;white-space:nowrap;transition:transform 1.2s cubic-bezier(0.7, 0, 0.2, 1);}
.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(-93%, -50%);}
.main-visual-inner .vi-txt-box.active .text-right{transform:translate(93%, -50%);}
.main-visual-inner .diagonal-line{position:absolute;top:50%;left:50%;width: 300px;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);opacity: 0;transition: opacity 0.3s ease;}
.main-visual-inner .diagonal-line.ready {opacity: 1;}
.main-visual-inner .diagonal-square {position: absolute;top: 33%;left: 60%;transform: translate(-50%, -50%);width: 152px;height: 152px;background: transparent;border: 6px solid #ED1C24;box-sizing: border-box;}



/*en*/
html[lang="en"] .main-visual-inner .text {font-size: 90px;}
html[lang="en"] .main-visual-inner .text font {display: flex;flex-direction: column;}
html[lang="en"] .main-visual-inner .vi-txt-box.active .text-left {transform: translate(-101%, -50%);}
html[lang="en"] .main-visual-inner .vi-txt-box.active .text-right{transform: translate(102%, -50%);}

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

@media (min-width: 1025px) and (max-width:1919px) {
	.main-visual-inner .vi-txt-bottom-box > p {font-size:1.45833333vw;text-align:center;}
	.main-visual-inner .diagonal-square {width: 100px;height: 100px;transform: translate(-50%, -50%);}
	.main-visual-box p.txt-marquee {font-size: 200px;bottom: -49px;}
}
@media (max-width: 1600px) {
	.main-visual-inner .text {font-size: 6.5vw;}
	html[lang="en"] .main-visual-inner .text {font-size: 6.5vw;}
	
	.main-visual-inner .diagonal-line {width: 200px;}
	.main-visual-inner .vi-txt-bottom-box {top: 63%;}
}
@media (max-width: 1440px) {
	.main-visual-inner .vi-txt-box {left: 50%;transform: translateX(-50%);}
}
@media (max-width: 1024px) {
	.main-visual-inner .vi-txt-box {position:absolute;top: -16%;left: 50%;transform: translateX(-50%);z-index:12;width: calc(100% - 32px);margin: 0 auto;}
	.main-visual-inner .text {font-weight: 700;font-size: 56px;line-height: 100%;letter-spacing: -0.4px;}
	.main-visual-inner .vi-txt-bottom-box {left: 50%;transform: translateX(-50%);top: 81%;}
	.main-visual-inner .vi-txt-bottom-box > p {font-size: 2.5vw;text-align: center;max-width: 100%;line-height: 140%;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;}
	.main-visual-inner .main-visual-swiper .swiper-slide .vi-img-box {height: 550px;}
	.main-visual-inner .swiper-vi-pagination .swiper-pagination-bullet-active {width:80px;}
	.main-visual-box p.txt-marquee {font-size: 100px;bottom: -64px;right: 0;}

	.main-visual-inner .diagonal-line {transform: translate(-50%, -50%) rotate(125deg);}
	.main-visual-inner .diagonal-square {width: 68px;height: 68px;border-width: 3px;transform: translate(-50%, -50%);top: 38%;left: 71%;}
	.main-visual-inner .diagonal-square { width: 12.3636364vw;height: 12.3636364vw;border-width: 3px;transform: translate(-50%, -50%);top: 35%;left: 70%;}
	.main-visual-inner .text-left {padding: 0 0 clamp(0.75rem, 3.906vw, 7.5rem);}
	.main-visual-inner .text-right {padding: clamp(5.9rem,3.906vw,7.5rem) 0 0;}
	.main-visual-inner .vi-txt-box.active .text-left {transform: translate(-93%, -50%);}
	.main-visual-inner .vi-txt-box.active .text-right {transform: translate(99%, -50%);}
	.main-quick {display:none;}
	
	html[lang="en"] .main-visual-inner .text {font-size: 5.5vw;}
	html[lang="en"] .main-visual-inner .vi-txt-box.active .text-left {transform: translate(-110%, -50%);}
}

@media (max-width: 768px){
	.main-visual-inner .main-visual-swiper .swiper-slide .vi-img-box {height: 420px;}
	.main-visual-inner .vi-txt-bottom-box > p {font-size: 16px;}
	.main-visual-inner .swiper-vi-control01 {bottom: 16px;padding: 8px;}
	
	html[lang="en"] .main-visual-inner .vi-txt-box.active .text-right {transform: translate(92%, -50%);}
}

.en .main-quick ul li a > div {width: 120px;height: 120px;}
.en .main-quick {min-width: 128px;}