.dep-banner { display: flex; align-items: flex-end; min-height: 402px; margin-bottom: 60px; padding: 60px; background: url(../img/content/department03-bg.jpg) no-repeat center / cover; border-radius: 5px; overflow: hidden; }
.dep-banner h4, .dep-banner p { color: #fff; }
@media ( max-width: 1024px ) {
	.dep-banner { padding: 30px; }
}
.dep03-supp { display: flex; gap: 11px; }
.dep03-supp > li { flex: 1; padding: 30px; background-color: #f6f9ff; border-radius: 5px; }
.dep03-supp > li p:nth-child(1) { padding-bottom: 8px; font-family: Prompt; font-weight: 600; font-size: 14px; line-height: 21px; letter-spacing: .01em; color: #011a7a; }
.dep03-supp > li p:nth-child(2) { padding-bottom: 24px; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -.02em; color: #222; }
.dep03-supp > li ul.ul-type-dot li { padding-bottom: 12px; }
.dep03-role { display: flex; justify-content: center; }
.dep03-role li { flex: 1; aspect-ratio: 1 / 1; }
.dep03-role li a { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; border-radius: 50%; }
.dep03-role li a:before { content: ''; position: absolute; inset: 0; padding: 1px; background: linear-gradient(315deg, rgba(1, 23, 113, .58) 0, rgba(220, 228, 239, .58) 50%, rgba(0, 23, 113, .58) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; border-radius: 50%; z-index: -1; }
.dep03-role li a img { height: 64px; }
.dep03-role li a p { margin-top: 16px; font-weight: 700; font-size: 20px; line-height: 22px; text-align: center; letter-spacing: -.02em; color: #0a1645; }
@media ( max-width: 1024px ) {
	.dep03-supp { flex-wrap: wrap; }
	.dep03-supp > li { flex: auto; width: calc(50% - 5.5px); }
	.dep03-role { flex-wrap: wrap; }
	.dep03-role li { flex: 0 0 auto; width: calc(100%/3); }
	.dep03-role li a img { height: 50px; }
	.dep03-role li a p { margin-top: 10px; font-size: 16px; }
}
@media ( max-width: 500px ) {
	.dep03-supp > li { flex: auto; width: 100%; }
	.dep03-role li { width: 50%; }
}