/*slick*/
.slick-dotted .slick-dots{ display:flex; justify-content:center; }
.slick-dotted .slick-dots li button{ font-size:0; line-height:0; background:#B9B9B9;  }
.slick-dotted .slick-dots li.slick-active button{ background:#5D0A29; }

/* GSAP 文字效果 - 使用 opacity 淡入而非位移，避免對齊問題 */
.textAct.reveal-text {white-space:pre-wrap; }
.char-wrapper {display:inline-block; overflow:hidden; vertical-align:baseline; line-height:1.2em; }
.char-item {display:inline-block; transform:translateY(105%); will-change:transform; line-height:1em; }

.subsidiary{ background:url(../images/subsidiary/bg.png); overflow:clip; }
.subsidiary .top_box{ position:relative; display:block; }
.subsidiary .top_box .images_block{ position:relative; aspect-ratio:512/504; }
.subsidiary .top_box .images_block img{ position:absolute; }
.subsidiary .top_box .images_block img:nth-of-type(1){ width:57.4%; right:0; top:0; transform-origin:115% left; }
.subsidiary .top_box .images_block img:nth-of-type(2){ width:57.8%; left:0; bottom:0; transform-origin:-5% right;}
.subsidiary .top_box h1{ position:absolute; color:#9f9f9f4d; letter-spacing:-0.03em; white-space:nowrap;}

.subsidiary .info_box{ position:relative; }
.subsidiary .info_box .deco_line{ position:absolute; top:0; left:0; height:100%; width:10px; background:#5D0A29; border-radius:10px; margin-left:-5px; }
.subsidiary .info_box h2{ color:#5D0A29; line-height:1.3; letter-spacing:0.025em; margin-bottom:.35em; font-size:10.2vw; }
.subsidiary .info_box p{ color:#535353; letter-spacing:0.07em;}

.subsidiary .title_block{ position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;} 
.subsidiary .title_block:before{ position:absolute; left:0; top:0; content:'';width:auto; height:100%; aspect-ratio:1 / 1; background:#fff; border-radius:50%; }
.subsidiary .title_block h5{ position:relative; color:#535353; letter-spacing:0.7em; display:inline-block;}
.subsidiary .title_block h5:after{ content:''; display:block; width:calc(100% - .7em); height:1px; background:#9F9F9F; }
.subsidiary .title_block h2{ position:relative; color:#5D0A29; letter-spacing:0.07em; font-weight:400; }
.subsidiary .title_block.align-right{ align-items:flex-end; padding-right:2.5vw;}
.subsidiary .title_block.align-right:before{ left:unset; right:0; }

.subsidiary .coreservice_box{ position:relative; }
.subsidiary .coreservice_box img{ width:82vw; aspect-ratio:1/1; border-radius:50%; }
.subsidiary .coreservice_box .list{ display:flex; flex-direction:column; align-items:center; }
.subsidiary .coreservice_box .list figure{ position:relative; }
.subsidiary .coreservice_box .list figure .deco{ position:absolute; }
.subsidiary .coreservice_box .list figcaption{ position:relative; }
.subsidiary .coreservice_box .list h3{ line-height:1.25; }
.subsidiary .coreservice_box .list p{ letter-spacing:.07em; }


.subsidiary .value_box .value_slick{ width:100%; }
.subsidiary .value_box .value_slick figure{ aspect-ratio:1/1; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff;} 
.subsidiary .value_box .value_slick figure:nth-of-type(1){ background:#535353e6; }
.subsidiary .value_box .value_slick figure:nth-of-type(2){ background:#5D0A29e6; }
.subsidiary .value_box .value_slick figure:nth-of-type(3){ background:#535353f2; }
.subsidiary .value_box .value_slick img{ aspect-ratio:1/1; object-fit:contain; object-position:center; }
.subsidiary .value_box .value_slick p{ margin-top:1.2em; text-align:center; }




/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){


}



/* $直的版型 */
@media (orientation:portrait){
.slick-dotted .slick-dots{ gap:4.6vw; margin-top:8.4vw; }
.slick-dotted .slick-dots li button{ width:2.3vw; height:2.3vw; border-radius:3vw; }

.subsidiary .top_box .images_block{ width:131vw; transform:translate(1.7vw, -10%);  }
.subsidiary .top_box h1{ writing-mode:vertical-rl; text-orientation:sideways; top:17.9vw; right:2.3vw; font-size:15vw;}

.subsidiary .info_box{ margin:0 6.5vw; padding-left:6.5vw; }
.subsidiary .info_box h2{ font-size:12.8vw;  }
.subsidiary .info_box h2 br{ display:none; }
.subsidiary .info_box p{ font-size:5.6vw; line-height:1.8;  }
.subsidiary .info_box p br{ display:none; }

.subsidiary .title_block{ height:46vw; padding-left:8vw;}
.subsidiary .title_block h5{ font-size:4.6vw; }
.subsidiary .title_block h5:after{ margin:1.6vw 0; }
.subsidiary .title_block h2{ font-size:10.2vw; }


.subsidiary .coreservice_box{ padding:20vw 0; margin-bottom:21vw; }
.subsidiary .coreservice_box .title_block{ margin-left:2vw; }
.subsidiary .coreservice_box .list{ gap:20vw 0; }
.subsidiary .coreservice_box .list figure .deco{ width:89vw; aspect-ratio:348/550; display:inline-block; top:36vw; background:url(../images/subsidiary/coreservice_bg.svg); }
.subsidiary .coreservice_box .list figcaption{ padding:8.9vw 3vw; color:#535353; }
.subsidiary .coreservice_box .list h3{ font-size:9.2vw; text-align:center; width:100%; margin-bottom:.4em; letter-spacing:.025em; }
.subsidiary .coreservice_box .list p{ font-size:5.6vw; line-height:1.6; }
.subsidiary .coreservice_box .list figure:nth-of-type(odd) .deco{ left:-31vw;  }
.subsidiary .coreservice_box .list figure:nth-of-type(even) .deco{ transform:rotateY(180deg); right:-31vw; }


.subsidiary .value_box{ padding-bottom:14.3vw; }
.subsidiary .value_box .title_block{ margin-right:2vw; }
.subsidiary .value_box .value_slick figure{ width:94vw; margin:0 -5vw; }
.subsidiary .value_box .value_slick p{ font-size:6.6vw; line-height:1.65; }
.subsidiary .value_box .value_slick img{ width:18vw;  }

.subsidiary .subsidiary_menu{ display:none; }
}
/* $橫的版型 */
@media screen and (orientation:landscape){ 
.subsidiary .top_box{ margin-bottom:-13vw; }
.subsidiary .top_box .images_block{ left:50%; width:41.6%; transform:translate(-89%, -10%);  }
.subsidiary .top_box h1{ top:50%; left:50%; font-size:9.3vw; transform:translate(-1.1em,-50%); }

.subsidiary .info_box{ width:45vw; left:50%; padding-left:1.5vw; }
.subsidiary .info_box h2{ font-size:4.1vw;  }
.subsidiary .info_box p{ font-size:1.125vw; line-height:1.66; width:28em;}

.subsidiary .title_block{ height:11.9vw; padding-left:2.5vw;}
.subsidiary .title_block h5{ font-size:1vw; }
.subsidiary .title_block h2{ font-size:2.6vw; }

.subsidiary .coreservice_box{ padding:7vw 9vw 0; margin-bottom:5vw; }
.subsidiary .coreservice_box .deco_line{ position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background:#5D0A29; }
.subsidiary .coreservice_box img{ width:31vw; }
.subsidiary .coreservice_box .list{ gap:2.6vw 0; }
.subsidiary .coreservice_box .list figure{ line-height:0; margin:0; }
.subsidiary .coreservice_box .list figure .deco{ aspect-ratio:650/432; display:inline-block; bottom:0; left:50%; background:url(../images/subsidiary/coreservice_bg_pc.svg); background-size:100% 100%;}
.subsidiary .coreservice_box .list figcaption{ width:17.7vw; aspect-ratio:1 / .9; position:absolute; color:#fff; display:flex; flex-direction:column; justify-content:center; } 
.subsidiary .coreservice_box .list h3{ font-size:2vw; margin-bottom:.5em; letter-spacing:.1em; font-weight:500; }
.subsidiary .coreservice_box .list p{ font-size:1.1vw; line-height:1.75; }
.subsidiary .coreservice_box .list figure:nth-of-type(odd) .deco{ width:33.8vw; transform:rotateY(180deg); filter:grayscale(100%) opacity(75%); }
.subsidiary .coreservice_box .list figure:nth-of-type(odd) figcaption{ top:45.5%; left:92%; } 
.subsidiary .coreservice_box .list figure:nth-of-type(even) .deco{ width:37.5vw; transform:translateX(-100%); mix-blend-mode:multiply; }
.subsidiary .coreservice_box .list figure:nth-of-type(even) figcaption{ top:36.5%; left:-58%; }

.subsidiary .value_box{ padding:0 18vw 4.5vw;  }
.subsidiary .value_box .value_slick{ display:flex; justify-content:space-around; margin-top:2.6vw;} 
.subsidiary .value_box .value_slick figure{ width:24vw; margin:0 -5vw; }
.subsidiary .value_box .value_slick p{ font-size:1.5vw; line-height:1.66; margin-top:1.2em; text-align:center; height:4.6em;}
.subsidiary .value_box .value_slick img{ width:4.1vw;  }

.subsidiary .subsidiary_menu{ padding-bottom:4.3vw; font-weight: 300; }
.subsidiary .subsidiary_menu ul{ background:#fff6; border:solid .5px #5D0A29; width:39.5vw; height:5.2vw; border-radius:3vw; display:flex; justify-content:center; align-items:center; color:#5D0A29; margin:0 auto;}
.subsidiary .subsidiary_menu li{ font-size:1.1vw; letter-spacing:.05em; line-height:1; }
.subsidiary .subsidiary_menu li + li:before{ content:'/'; font-size:.78vw; display:inline-block; width:3em; text-align:center; }
.subsidiary .subsidiary_menu a{ display:inline-block; height:3em; line-height:3em; transition:all .6s ease-out; } 
.subsidiary .subsidiary_menu a:hover{ opacity:.7; transform:translateY(-7%);} 
.subsidiary .subsidiary_menu a.active{ font-weight:700; pointer-events:none; }
}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px){


}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){


}