.presidents-wrap {display: flex;gap: 64px;flex-direction: column;}
.presidents-wrap .item .txt01 {font-weight: 600;font-size: 20px;line-height: 155%;letter-spacing: -0.02em;text-align: center;color: #333333;margin: 0 0 2px;}
.presidents-wrap .item .txt02 {font-weight: 700;font-size: 32px;line-height: 145%;letter-spacing: -0.02em;text-align: center;color: #111111;margin: 0 0 40px;}
.presidents-wrap .item .serving-list { padding: 24px 56px; display: flex; gap: 12px; list-style: none; margin: 0; counter-reset: serving-count; }
.presidents-wrap .item .serving-list li { flex: 1; position: relative; box-shadow: 4px 4px 32px 0px #00000005; border: 1px solid #F5F7FA; background: #ffffff; border-radius: 100px; padding: 24px 15px; min-height: 180px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; line-height: 155%; letter-spacing: -0.02em; text-align: center; color: #111111; }
.presidents-wrap .item .serving-list li::before { counter-increment: serving-count; content: counter(serving-count, decimal-leading-zero);position: absolute;font-weight: 800;font-size: 64px;line-height: 100%;letter-spacing: 0;color: #77A0D7;top: -20px;left: 0;}

.presidents-wrap .item .project-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; counter-reset: project-count; }
.presidents-wrap .item .project-list li { position: relative; background: #ffffff;border: 1px solid #F5F7FA;border-radius: 20px;box-shadow: 4px 4px 32px 0px #00000005; padding: 28px 24px; min-height: 193px; box-sizing: border-box; display: flex; align-items: flex-end;font-weight: 600;
font-size: 20px;line-height: 155%;letter-spacing: -0.02em;color: #111111;}
.presidents-wrap .item .project-list li::before { counter-increment: project-count; content: counter(project-count, decimal-leading-zero); position: absolute; top: 28px; right: 24px;font-weight: 700;font-size: 24px;line-height: 145%;letter-spacing: -0.02em;text-align: right;color: #77A0D7;}
@media (max-width: 1400px) {
	.presidents-wrap .item .serving-list {padding: 20px 0;}
}

@media (max-width: 1200px) {
	.presidents-wrap .item .project-list {grid-template-columns: repeat(2, 1fr);}
	.presidents-wrap .item .serving-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
}

@media (max-width: 1024px) {
	.presidents-wrap .item .serving-list {grid-template-columns: repeat(2, 1fr);}
	
}

@media (max-width: 768px) {
	.presidents-wrap .item .serving-list li::before {font-size: 30px;top: 0;}
	.presidents-wrap .item .project-list {grid-template-columns: repeat(1, 1fr);}
	.presidents-wrap .item .project-list li {font-size: 16px;}
	
	.presidents-wrap .item .serving-list {grid-template-columns: repeat(1, 1fr);padding: 0;}
	.presidents-wrap .item .serving-list li {min-height: unset;padding: 30px 10px;}
	.presidents-wrap .item .txt01 {font-size: 18px;}
	.presidents-wrap .item .txt02 {font-size: 22px;margin: 0 0 20px;}
	.presidents-wrap .item .project-list li br {display: none;}
}