
.intro{position:fixed; inset:0; z-index:9999; display:flex;   align-items:center; justify-content:center; background:#fff; overflow:hidden;}
.intro-logos{display:flex; flex-direction:column; align-items:center; justify-content:center;  width: 50%; max-width: 380px;}
.intro-logo {overflow:hidden;}
.intro-logo img{opacity:0; transform:translateY(100px); display:block; width:auto; max-width:100%; height:auto;}


.main-visual {position:relative;width:100%;height:100vh; background:#5d4057; overflow:hidden;}
.main-visual-swiper {width:100%;height:100%;}
.main-visual .swiper-slide {position:relative;overflow:hidden;}
.main-visual-bg {position:absolute;inset:0;}
.main-visual-bg video,
.main-visual-bg img {width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 2s ease;}
.main-visual .swiper-slide-active .main-visual-bg img {transform:scale(1);}
.main-visual-overlay {position:absolute;inset:0;background:rgba(0,0,0,0.3);}
.main-visual-content { height: 100%; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom: clamp(100px,10.42vw,200px);}
.main-visual-copy {margin:0;color:#fff;font-weight:650;line-height:1.4;transform:translateY(40px);opacity:0;transition:opacity .8s ease,transform .8s ease; font-size: clamp(36px,3.13vw,60px); padding-right: 60px;}
.main-visual .swiper-slide-active .main-visual-copy {opacity:1;transform:translateY(0);transition-delay:.3s;}
.main-visual-bottom {position:absolute;left:0;right:0;bottom:clamp(50px,5.21vw,100px); width: 90%; max-width:1720px; margin:0 auto; z-index:10;display:flex;align-items:center;justify-content:space-between;}
.main-visual-progress {position:relative;width:100%;height:2px;background:rgba(255,255,255,.35);overflow:hidden;}
.main-visual-progress span {display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center;will-change:transform;}
.main-visual-scroll {position:absolute;right:0;bottom:clamp(60px,4.17vw,80px);z-index:10;width:30px;height:50px;border:0;background:none;cursor:pointer;}
.main-visual-scroll span {position:absolute;bottom:0;left:50%;width:2px;height:100%;background:#fff;transform:translateX(-50%);}
.main-visual-scroll span:after {content:"";position:absolute;left:50%;bottom:2px;width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateX(-50%) rotate(45deg);} 




.first-section { padding: clamp(80px,10.42vw,200px) 0 0; } 
.first-panels { display: flex; width: 100%; height: 100vh; overflow: hidden; }
.first-panel { position: relative; flex: 0 0 180px; height: 100%; overflow: hidden;  transition: flex-basis .7s cubic-bezier(.22,.61,.36,1); }
.first-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(87,64,153,.65) 0%, rgba(208,83,197,.65) 100%); opacity: 1; transition: opacity .5s; }
.first-panel.active::after { opacity: 0; }
.first-panel.active { flex : calc(100% - 360px); }
.first-panel .more-link{margin-top: clamp(50px,4.17vw,80px);}
.first-panel-bg { position: absolute; inset: 0; } 
.first-panel-bg img { width: 100%; height: 100%; object-fit: cover; }
.first-panel-title { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: opacity .3s; z-index:1;   }
.first-panel-title span { color: #fff;    transform: rotate(90deg); white-space: nowrap;font-size: clamp(15px,1.35vw,26px); font-weight: 500; }
.first-panel-content { position: absolute; z-index:2;inset:0; padding:clamp(40px,6.25vw,120px); display:flex; align-items:flex-start;flex-direction:column; justify-content:flex-end;width:100%;  color: #fff; opacity: 0; transform: translateY(20px);    }
.first-panel.active .first-panel-content, .first-panel:hover .first-panel-content { opacity: 1; transform: translateY(0);transition: opacity .4s .2s, transform .4s .2s; }
.first-panel-content h3 {  font-size: clamp(26px,2.60vw,50px); font-weight: 600;  line-height: 1.3;  }
.first-panel-content p {margin-top: clamp(10px,1.04vw,20px); font-size: clamp(16px,0.94vw,18px); font-weight: 500; } 
.first-panel-content .more-link{ -webkit-text-fill-color:#fff;  }
.first-panel-content .more-link::after {background:#fff;}
.first-panel-content .more-link::before{border-color:#fff;}
.first-panel:not(.active) .first-panel-title { opacity: .6; }
.first-panel.active .first-panel-title, .first-panel:hover .first-panel-title { opacity: 0; }



.best-section { padding: clamp(80px,10.42vw,200px)  0 0; }  
.best-content { display: flex; gap: clamp(40px,4.17vw,80px);   padding-right: 5%;}
.best-image { flex: 0 0 52%; height: clamp(240px,33.33vw,640px); overflow: hidden; border-radius: 0 20px 20px 0; }
.best-image img { width: 100%; height: 100%; object-fit: cover; transition: opacity .5s ease}
.best-list { flex: 1; display: flex; flex-direction: column;     border-bottom: 1px solid #ddd;  }
.best-item { flex: 0 0 112px; border-top: 1px solid #ddd; overflow: hidden; transition: flex .5s ease; } 
.best-item.active {flex:1;}
.best-item-head { display: flex; align-items: center;  }
.best-item-head h3 { font-size: clamp(24px,1.67vw,32px); font-weight: 600; padding:clamp(24px,1.67vw,32px) 0 clamp(14px,1.67vw,32px); } 
.best-item-content { max-height: 0; padding: 0; opacity: 0; overflow: hidden; transition: max-height .5s ease, padding .5s ease, opacity .3s ease; }
.best-item-content p {  font-size: clamp(16px,0.94vw,18px);} 
.best-item.active .best-item-content { max-height: 600px; padding: 0 0 40px; opacity: 1; }
.best-item.active .best-item-head { padding-top: 10px; }
.best-item.active h3,
.best-item-head h3:hover{background: linear-gradient(90deg, #574099 0%, #D053C5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }



.healing-section {position:relative; background:#fff;}
.healing-sticky {position:relative;height:100vh;overflow:hidden;background:#fff;}
.healing-heading {position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);white-space:nowrap;}
.healing-heading { display: flex; justify-content: center;  width: 100%; }
.healing-heading h2 { display: flex; align-items: center; justify-content: center;  font-size: clamp(40px,4.17vw,80px); font-weight: 650; }
.healing-text { display: inline-block;   position:absolute;} 
.healing-text span{display:inline-block;  opacity: 0;  background: linear-gradient(90deg, #574099 0%, #D053C5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.healing-text-left {right:calc(50% + 50px); } 
.healing-text-right {  left:calc(50% + 20px);}
.healing-text span{transform:translateX(40px); }
.healing-center { position: relative; z-index: 2; display: inline-flex; flex: 0 0 auto; }
.healing-center img { display: block; width: auto; height: 1em; transform: translateX(1px);}  
.healing-drop {position:absolute;top:55%;left:50%;z-index:3;width:16px;height:16px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#D053C5,#574099);transform:translate(-50%,-50%) rotate(135deg) scale(0.1);transform-origin:center center;  opacity:0;}
.healing-content {position:absolute; z-index:4; inset:0; opacity:0;transform:translateY(40px);}
.healing-content .inner{position:relative; height: 100%; display:flex; flex-direction:column; justify-content:space-between;  color:#fff;  padding: clamp(80px,12.5vw,240px) 0 clamp(40px,6.25vw,120px);  }
.healing-bg{ position:absolute; inset:0; mix-blend-mode: overlay;background: url('/images/healing-bg.png') no-repeat center center / cover; z-index: 3;  pointer-events: none;} 
.healing-content .section-title em{-webkit-text-fill-color:#fff}    
.healing-stats { display: flex; justify-content:flex-end; gap:clamp(20px,4.17vw,80px); flex-wrap:wrap;}
.healing-stat { display: flex; flex-direction: column; align-items: flex-end;  text-align: right;  gap:clamp(10px,1.04vw,20px);}
.healing-stat .count { display: flex; justify-content:flex-end; align-items:flex-end; color: #fff; font-weight: 700; line-height: 1;  font-weight: 600;font-size: clamp(50px,5.21vw,100px); width: 100%;   }
.healing-stat .count span{font-size: clamp(22px,1.15vw,50px);}
.healing-stat span { display: block; font-size: clamp(16px,0.94vw,18px); color: #fff; font-weight: 600;} 



.investors-section { padding:clamp(80px,10.42vw,200px) 0; overflow:hidden; } 
.investors-slider { overflow:visible; } 
.investors-card { position:relative; height:clamp(300px,19.58vw,376px); padding:clamp(36px,3.13vw,60px) clamp(24px,2.08vw,40px); background:#F7F4FF; border-radius:20px; box-sizing:border-box; display:flex; flex-direction:column; gap:20px; }
.investors-card .cate {  position:relative;  display:flex; gap:10px; align-items:center; line-height: 1;}
.investors-card .cate:before { content:"";  width:10px; height:4px; border-radius:10px; background:linear-gradient(90deg,#574099 0%,#d053c5 100%); transform:translateY(-50%); }
.investors-card h3 {font-size: 22px; font-weight: 600; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.investors-card time { font-size: 16px; margin-top: auto; }
.investors-card .arrow {  position:absolute; right:0; bottom:0; width:77px; aspect-ratio:1; background:#fff; border-radius:30px 0 0 0; opacity:0; transform:scale(0); transform-origin:bottom right; transition:.4s ease; z-index:1; display: flex;    justify-content: flex-end;    align-items: flex-end;} 
.investors-card:hover .arrow { opacity:1; transform:scale(1); } 
.investors-card .arrow span{width: 62px;   aspect-ratio:1; background:linear-gradient(135deg,#574099 0%,#d053c5 100%);  border-radius:50%; display:flex; align-items:center; justify-content:center;}
.investors-card .arrow span:before{content:''; aspect-ratio:1; width: 9px;border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(45deg); margin-left: -3px;}
.investors-card .arrow:after,
.investors-card .arrow:before { content:""; position:absolute; width: 20px; aspect-ratio:1; background: url('/images/round.png') no-repeat center center / cover; } 
.investors-card .arrow:after{ right:0; bottom:100%; }
.investors-card .arrow:before{ right:100%; bottom:0; }

.investors-controls { display:flex; align-items:center; gap:clamp(30px,3.13vw,60px); margin-top:clamp(30px,3.13vw,60px); }
.investors-progress { position:relative; flex:1; height:2px; background:#e5e5e5; }
.investors-progress span { position:absolute; left:0; top:0; width:0; height:2px; background:linear-gradient(90deg,#574099 0%,#d053c5 100%); transition:width .3s ease; }
.investors-navigation { display:flex; gap:10px; }
.investors-navigation button { position:relative; display:flex; align-items:center; justify-content:center; width:clamp(50px,3.65vw,70px); aspect-ratio:1; border:1px solid #ddd; border-radius:50%; background:#fff; cursor:pointer; }
.investors-prev span:before,.investors-next span:before { content:""; display:block; width:9px; height:9px; border-top:2px solid #ccc; border-right:2px solid #ccc; }
.investors-prev span{margin-right: -3px;}
.investors-next span{margin-left: -3px;}
.investors-prev span:before { transform:rotate(-135deg); }
.investors-next span:before { transform:rotate(45deg); }
.investors-navigation button:hover { border-color:#574099; }
.investors-navigation button:hover span:before { border-color:#574099; }


@media (max-width:1024px){

	.first-panels{height:auto; flex-direction:column;}
	.first-panel{flex:1;}
	.first-panel-title{position:relative; z-index:2;  padding : clamp(40px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px) 0; opacity:1 !important; justify-content: flex-start;}
	.first-panel-title span{transform:none;}
	.first-panel-content{position:relative; opacity: 1; transform: translateY(0);transition: opacity .4s .2s, transform .4s .2s; }
	.first-panel::after{        opacity: 1 !important;  filter: brightness(0.2); }

	.best-content{ display:block; padding-right: 0;}
	.best-image{ width: 95%; }
	.best-item:first-child{border-top:0;}
	.best-item-content p br{display:none;}
	.best-item{flex:1}
	.best-item .best-item-head{padding-top: 10px;}
	.best-item .best-item-content { max-height: 600px;    padding: 0 0 40px; opacity: 1;}

	.healing-heading h2{font-size: 9vw;}
	.healing-text-left { right: calc(50% + 5vw);}
	.healing-text-right {left: calc(50% + 3vw);}
	
	.healing-stats{    gap:40px 0;}
	.healing-stat{width: 50%;}

	.best-item-head h3{-webkit-text-fill-color: #000 !important; }
	
} 