@charset "utf-8";

/* TeamProfile
---------------------------------------------------------------------- */
.TeamProfile{
    padding:140px 0;
}
.TeamProfileList{
    width:90%;
    max-width:850px;
    margin:80px auto 0;
    font-size:16px;
}
.TeamProfileRow{
    display:flex;
    gap:40px;
    border-bottom:1px solid #DCE3E8;
    padding:20px 0;
    line-height:1.9;
}
.TeamProfileRow dt{
    width:225px;
    flex-shrink:0;
    font-weight:500;
}
.TeamProfileRow dd{
    flex:1;
}
.TeamProfileRow dd span{
	width:145px;
	display:inline-block;
}
@media (max-width: 678px){
    .TeamProfile{
        padding:65px 0;
    }
    .TeamProfileList{
        width:100%;
        margin-top:40px;
        font-size:14px;
    }
    .TeamProfileRow{
        flex-direction:column;
        gap:8px;
        padding:20px 0;
    }
    .TeamProfileRow dt{
        width:100%;
        font-weight:600;
    }
	.TeamProfileRow dd span{
		width:122px;
	}
}

/* TeamGroup
---------------------------------------------------------------------- */
.TeamGroup{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:140px 0;
    color:#FFFFFF;
    background:linear-gradient(100deg,#00B0BD 0%,#00AEEF 45%,#293896 100%);
}
.TeamGroupVideo{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    object-fit:cover;
    opacity:.7;
    pointer-events:none;
}
.TeamGroup .LowSectionTitle{
    font-size:48px;
}
.TeamGroupTitle{
    --TitleDuration:1100ms;
    --TitleInterval:45ms;
    --TeamTitleLineDuration:1200ms;
    --TeamTitleLineDelay:200ms;
    --TeamTitleLineMoveY:12px;
}
.TeamGroupTitle.IsPreparing::after{
    opacity:0;
    transform:translateY(var(--TeamTitleLineMoveY));
}
.TeamGroupTitle.IsVisible::after{
    animation:TeamTitleLineIn var(--TeamTitleLineDuration) ease both;
    animation-delay:var(--TeamTitleLineDelay);
}
@keyframes TeamTitleLineIn{
    0%{
        opacity:0;
        transform:translateY(var(--TeamTitleLineMoveY));
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}
@media (prefers-reduced-motion: reduce){
    .TeamGroupTitle.IsPreparing::after,
    .TeamGroupTitle.IsVisible::after{
        animation:none;
        opacity:1;
        transform:none;
    }
}
.TeamGroupLead{
    text-align:center;
    font-size:18px;
    margin:80px 0;
}
.TeamCompanyList{
    display:flex;
    flex-wrap:wrap;
}
.TeamCompany{
    width:50%;
}
.TeamCompany a{
	display:block;
	height:100%;
    padding:60px 40px;
    border:1px solid rgba(255,255,255,.55);
    background:rgba(255,255,255,0);
	transition:all 0.5s;
}
.TeamCompany a img{
	height:auto;
}
.TeamCompany a:hover{
    background:rgba(255,255,255,.12);
}
.TeamCompany > img{
    display:block;
    width:100%;
    height:auto;
}
.TeamCompanyBody{
    display:flex;
    flex-direction:column-reverse;
    gap:30px;
}
.TeamCompanyTags{
    width:100%;
    flex-shrink:0;
}
.TeamCompanyTags span{
    display:table;
    padding:5px 7px;
    margin-bottom:4px;
    border:solid 1px #FFFFFF;
    color:#FFFFFF;
    font-size:10px;
    line-height:1.4;
    overflow-wrap:anywhere;
}
.TeamCompanyText{
    min-width:0;
}
.TeamCompany h3{
    font-size:28px;
    line-height:1.45;
    font-weight:600;
}
.TeamCompany h4{
    margin:20px 0;
    font-size:18px;
    line-height:1.65;
    font-weight:600;
}
.TeamCompany p{
    font-size:15px;
    line-height:1.6;
}
@media (max-width: 678px){
    .TeamGroup{
        padding:65px 0;
    }
    .TeamGroup .LowSectionTitle{
        font-size:30px;
    }
    .TeamGroupLead{
        margin:40px 0;
        font-size:14px;
        line-height:1.9;
    }
    .TeamCompany{
        width:100%;
        padding:30px 6%;
    }
    .TeamCompanyBody{
        flex-direction:column-reverse;
        gap:25px;
        margin-top:30px;
    }
    .TeamCompanyTags{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        gap:5px;
    }
    .TeamCompany h3{
        font-size:24px;
    }
    .TeamCompany h4{
        font-size:16px;
    }
    .TeamCompany p{
        font-size:14px;
        line-height:1.9;
    }
}