@charset "UTF-8";

/*Vision and Mission*/
.c010100 .bar {background:linear-gradient(90deg, rgba(17,143,153,1) 0%, rgba(17,89,153,1) 100%); border-radius:2rem 0px; color:#fff; font-size:2.8rem; font-weight:600; font-family:'SemiBold'; letter-spacing:-0.9px; line-height:1.4; padding:2.2rem; text-align:center}

.c010100 .term {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:3rem;}
.c010100 .term .img {border-radius:2rem; display:block; width:100%; height:20rem; overflow:hidden; margin-bottom:2.5rem}
.c010100 .term .img img {display:block; height:100%; width:100%; object-fit:cover;}
.c010100 .term strong {color:#333; display:block; font-weight:normal; font-size:2rem; letter-spacing:-0.6px; line-height:1.4; text-align:center}

.c010100 .project {border:1px solid #ddd;}
.c010100 .project > li { display:flex; flex-direction: row; justify-content:flex-start; align-items:center; gap:3rem; font-size:1.8rem; letter-spacing:-0.54px; line-height:1.2; min-height:6rem; padding:3rem;}
.c010100 .project > li + li {border-top:1px solid #ddd;}
.c010100 .project .tit {display:flex; flex-direction:row; justify-content:flex-start;  align-items:flex-start; gap:0.5rem; flex:none; width:30rem; font-size:2rem; color:#000;}
.c010100 .project .tit em {width:3rem; flex:none;}
.c010100 .project .list li {padding-left:1.5rem; position:relative; color:#000;}
.c010100 .project .list li + li {margin-top:1.5rem;}
.c010100 .project .list li::before {content:""; position:absolute; left:0; top:7px; width:6px; height:6px; background:#29758B; border-radius:100%;}

/*Areas of Focus*/
.c010200 .text {font-size:2rem; color:#000; }
.c010200 .img {border-radius:2rem; display:block; width:100%; height:25rem; overflow:hidden; margin-bottom:2.5rem}
.c010200 .img img {display:block; height:100%; width:100%; object-fit:cover;}
.c010200 .list li {padding-left:1.5rem; position:relative;}
.c010200 .list li + li {margin-top:1rem;}
.c010200 .list li::before {content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#29758B; border-radius:100%;}






@media screen and (max-width:640px){
	.c010200 .timg {border-radius:1rem}
}


@media screen and (max-width:1193px){

}

@media screen and (max-width:768px){
	.c010100 .bar {font-size:2.4rem; line-height:1.2;}
	.c010100 .term {grid-template-columns:repeat(1, minmax(0, 1fr));}
	.c010100 .project > li {flex-direction:column; align-items:flex-start;}
	.c010100 .project .tit {width:100%;}
}

@media screen and (max-width:640px){

}