/* team-7 */
.db-team-box .team-7{--tm-block-pad:104px; --tm-pad-x:24px; --tm-head-pad:56px 44px 52px; --tm-head-mb:56px; --tm-cols:296px minmax(0, 1fr); --tm-gap:52px; --tm-row-gap:40px; --tm-panel-photo-w:100%; --tm-bar-pad:26px 0; --tm-bar-gap:16px; --tm-marker-w:2px; --tm-arrow-w:22px;}
.db-team-box .team-7, .db-team-box .team-7 *, .db-team-box .team-7 *::before, .db-team-box .team-7 *::after{box-sizing:border-box;}
.db-team-box .team-7 .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
/* db-team-box */
.db-team-box .team-7.tm-root{padding:var(--tm-block-pad) 0; background-color:#12100e;}
.db-team-box .team-7 .container{width:100%; max-width:980px; margin:0 auto; padding:0 var(--tm-pad-x);}
.db-team-box .team-7 .tm-head{position:relative; padding:var(--tm-head-pad); margin-bottom:var(--tm-head-mb); border-radius:4px; overflow:hidden; background-color:#1b1815; background-image:linear-gradient(180deg, rgba(18,16,14,0.62) 0%, rgba(18,16,14,0.62) 100%), url("/asset/images/team-7/bg-dock.jpg"); background-size:cover, cover; background-position:center, center 62%;}
.db-team-box .team-7 .tm-head__label{position:relative; display:inline-flex; align-items:center; gap:10px; font-size:var(--font-12); font-weight:700; letter-spacing:0.3em; color:#f5b25c; margin-bottom:16px;}
.db-team-box .team-7 .tm-head__label::before{content:""; width:26px; height:2px; background:#f5b25c;}
.db-team-box .team-7 .tm-head__title{position:relative; font-size:var(--font-36); font-weight:800; letter-spacing:-0.03em; line-height:1.24; color:#f5f1ec; margin-bottom:16px;}
.db-team-box .team-7 .tm-head__lead{position:relative; font-size:var(--font-15); line-height:1.8; color:#f5f1ec; max-width:520px;}
.db-team-box .team-7 .tm-head__sentence{display:block;}
.db-team-box .team-7 .tm-grid{display:grid; grid-template-columns:var(--tm-cols); align-items:start; justify-content:start; column-gap:var(--tm-gap); row-gap:var(--tm-row-gap); margin:0; padding:0;}
.db-team-box .team-7 .tm-stage{position:sticky; top:28px; min-width:0;}
.db-team-box .team-7 .tm-panel{display:none; grid-template-columns:minmax(0, 1fr); row-gap:22px;}
.db-team-box .team-7 .tm-panel.is-open{display:grid;}
.db-team-box .team-7 .tm-panel__visual{min-width:0; max-width:var(--tm-panel-photo-w); overflow:hidden; border-radius:4px; background:#1b1815;}
.db-team-box .team-7 .tm-panel__photo{display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center 14%; background:#1b1815;}
.db-team-box .team-7 .tm-panel__body{min-width:0;}
.db-team-box .team-7 .tm-panel__field{display:inline-flex; align-items:center; height:26px; padding:0 12px; margin-bottom:12px; border-radius:999px; background:rgba(224,138,46,0.14); font-size:var(--font-11); font-weight:700; letter-spacing:0.06em; color:#e08a2e;}
.db-team-box .team-7 .tm-panel__name{font-size:var(--font-28); font-weight:800; letter-spacing:-0.03em; line-height:1.2; color:#f5f1ec; margin-bottom:4px;}
.db-team-box .team-7 .tm-panel__en{font-size:var(--font-11); font-weight:600; letter-spacing:0.18em; color:#a8a099; padding-bottom:16px; margin-bottom:18px; border-bottom:1px solid rgba(245,241,236,0.16);}
.db-team-box .team-7 .tm-panel__intro{font-size:var(--font-15); line-height:1.85; color:#a8a099; margin-bottom:20px;}
.db-team-box .team-7 .tm-careers{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; list-style:none; margin:0; padding:0;}
.db-team-box .team-7 .tm-career{display:inline-flex; align-items:center; height:30px; padding:0 13px; border:1px solid rgba(245,241,236,0.42); border-radius:999px; font-size:var(--font-12); color:#f5f1ec;}
.db-team-box .team-7 .tm-list{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0px; list-style:none; margin:0; padding:0;}
.db-team-box .team-7 .tm-item{min-width:0;}
.db-team-box .team-7 .tm-bar{position:relative; display:flex; align-items:baseline; justify-content:flex-start; gap:var(--tm-bar-gap); width:100%; padding:var(--tm-bar-pad); border:0; border-bottom:1px solid rgba(245,241,236,0.16); border-radius:0; background:none; text-align:left; cursor:pointer; transition:border-bottom-color 0.32s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-7 .tm-bar__name{flex:0 0 auto; font-size:var(--font-18); font-weight:700; letter-spacing:-0.01em; color:#f5f1ec;}
.db-team-box .team-7 .tm-bar__position{flex:1 1 0; min-width:0; font-size:var(--font-13); color:#a8a099;}
.db-team-box .team-7 .tm-bar__arrow{flex:0 0 auto; position:relative; align-self:center; width:var(--tm-arrow-w); height:8px; opacity:0.45; transition:opacity 0.32s cubic-bezier(0.22,0.61,0.36,1), transform 0.32s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-7 .tm-bar__arrow::before{position:absolute; top:50%; left:0; content:""; width:100%; height:1px; margin-top:-0.5px; background:#f5f1ec;}
.db-team-box .team-7 .tm-bar__arrow::after{position:absolute; top:50%; right:0; content:""; width:7px; height:7px; margin-top:-3.5px; border-top:1px solid #f5f1ec; border-right:1px solid #f5f1ec; transform:rotate(45deg);}
.db-team-box .team-7 .tm-bar:hover, .db-team-box .team-7 .tm-bar:focus-visible{border-bottom-color:rgba(245,241,236,0.42);}
.db-team-box .team-7 .tm-bar:hover .tm-bar__arrow, .db-team-box .team-7 .tm-bar:focus-visible .tm-bar__arrow{opacity:1; transform:translateX(4px);}
.db-team-box .team-7 .tm-bar:focus-visible{outline:2px solid #e08a2e; outline-offset:3px;}
.db-team-box .team-7 .tm-item.is-open .tm-bar{border-bottom-color:rgba(245,241,236,0.42);}
.db-team-box .team-7 .tm-item.is-open .tm-bar__arrow{opacity:1;}
.db-team-box .team-7 .tm-item.is-open .tm-bar::before{position:absolute; top:0; bottom:0; left:calc(var(--tm-gap) / -2); content:""; width:var(--tm-marker-w); background:#e08a2e;}
.db-team-box .team-7 .tm-item.is-open .tm-bar::after{position:absolute; right:0; bottom:-1px; left:0; content:""; height:1px; background:#e08a2e;}
.db-team-box .team-7 .tm-head__label{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-7 .tm-head__title{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-7 .tm-head__sentence{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-7 .tm-panel__field{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-7 .tm-panel__name{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-7 .tm-panel__en{white-space:nowrap;}
.db-team-box .team-7 .tm-panel__intro{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-7 .tm-career{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-7 .tm-bar__name{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-7 .tm-bar__position{word-break:keep-all; overflow-wrap:break-word;}
@media (max-width:1300px){
.db-team-box .team-7{--tm-block-pad:92px;}
}
@media (max-width:1100px){
.db-team-box .team-7{--tm-gap:40px; --tm-head-pad:48px 36px 44px;}
}
@media (max-width:991px){
.db-team-box .team-7{--tm-block-pad:80px; --tm-cols:250px minmax(0, 1fr); --tm-gap:32px; --tm-head-mb:44px;}
}
@media (max-width:767px){
/* db-team-box */
.db-team-box .team-7{--tm-block-pad:64px; --tm-pad-x:20px; --tm-cols:minmax(0, 1fr); --tm-row-gap:32px; --tm-head-pad:40px 24px 36px; --tm-head-mb:36px; --tm-panel-photo-w:280px;}
.db-team-box .team-7 .tm-stage{position:static;}
.db-team-box .team-7 .tm-item.is-open .tm-bar::before{left:0;}
.db-team-box .team-7 .tm-bar{padding-left:14px;}
}
@media (max-width:480px){
.db-team-box .team-7{--tm-block-pad:52px; --tm-pad-x:16px; --tm-head-pad:32px 20px 30px; --tm-panel-photo-w:100%; --tm-bar-gap:12px; --tm-bar-pad:18px 0;}
.db-team-box .team-7 .tm-head__title{font-size:var(--font-26);}
.db-team-box .team-7 .tm-panel__name{font-size:var(--font-24);}
}
@media (max-width:375px){
.db-team-box .team-7{--tm-pad-x:14px; --tm-bar-gap:10px; --tm-arrow-w:16px;}
.db-team-box .team-7 .tm-bar__position{font-size:var(--font-12);}
}
@media (max-width:320px){
.db-team-box .team-7{--tm-bar-gap:8px;}
.db-team-box .team-7 .tm-head__title{font-size:var(--font-22);}
.db-team-box .team-7 .tm-bar__name{font-size:var(--font-16);}
}
@media (prefers-reduced-motion:reduce){
.db-team-box .team-7 .tm-bar, .db-team-box .team-7 .tm-bar__name, .db-team-box .team-7 .tm-bar__arrow{transition-duration:0.01ms;}
.db-team-box .team-7 .tm-bar:hover .tm-bar__arrow{transform:none;}
}