.dep-banner { display: flex; align-items: flex-end; min-height: 402px; margin-bottom: 70px; padding: 60px; background: url(../img/content/department04-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; }
}
.dep04-role { display: flex; flex-wrap: wrap; gap: 10px; }
.dep04-role li { display: flex; align-items: center; gap: 20px; width: calc(50% - 5px); padding: 30px; border: 1px solid #d6dce8; border-radius: 5px; }
.dep04-role li .img { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; background-color: #f6f9ff; border-radius: 50%; }
.dep04-role li .img img { height: 40px; }
.dep04-role li .txt { flex: 1; }
.dep04-role li .txt p:nth-child(1) { padding-bottom: 8px; font-family: Prompt; font-weight: 600; font-size: 14px; line-height: 21px; letter-spacing: .01em; color: #011a7a; }
.dep04-role li .txt p:nth-child(2) { font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -.02em; color: #333; }
.dep04-str { display: flex; flex-wrap: wrap; gap: 6px; }
.dep04-str > li { display: flex; align-items: center; width: calc(50% - 3px); min-height: 86px; padding: 0 40px; background-color: #f6f9ff; }
.dep04-str > li > div:nth-child(1) { width: 132px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: -.02em; color: #222; }
.dep04-str > li > div:nth-child(2) { flex: 1; font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: -.02em; color: #333; }
.dep04-str > li > div:nth-child(2) ul.ul-type-dot li { line-height: 19px; }
.dep04-str > li > div:nth-child(2) ul.ul-type-dot li:before { top: 8px; }
.dep04-batt { display: flex; gap: 10px; }
.dep04-batt li {  display: flex; align-items: center; gap: 20px; width: calc(50% - 5px); min-height: 149px; padding: 15px 38px; border: 1px solid #d6dce8; border-radius: 5px; }
.dep04-batt li p { font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -.02em; color: #333; }
.dep04-batt-tit { padding-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: -.02em; color: #444; }
.dep04-batt-link { display: inline-block; margin-top: 20px; font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: -.02em; color: #0a60ff; }
.dep04-batt-link a { display: flex; align-items: center; gap: 8px; padding: 16px 30px; border: 1px solid #0a60ff; border-radius: 99px; transition: all 0.25s ease 0s; }
.dep04-batt-link a:hover { background-color: #0a60ff; color: #fff; }
.dep04-batt-link a:hover img { filter: brightness(0) invert(1); }

@media (min-width:1025px) and (max-width: 1400px) {
	.dep04-batt li {flex-direction:column;}
}
@media ( max-width: 1024px ) {
	.dep04-str > li { width: 100%; }
	.dep04-batt { flex-direction: column; }
	.dep04-batt li { width: 100%; padding: 15px; }
}
@media ( max-width: 768px ) {
	.dep04-str > li { flex-direction: column; align-items: normal; padding: 15px; }
	.dep04-role li { width: 100%; gap: 10px; padding: 15px; }
	.dep04-str > li > div:nth-child(1) { flex: 0 0 auto; margin-bottom: 10px; }
	.dep04-str > li > div:nth-child(2) { flex: 0 0 auto; }
	.dep04-role li .img { width: 85px; height: 85px; }
	.dep04-role li .img img { height: 34px; }
	.dep04-role li .txt p:nth-child(2) { font-size: 16px; line-height: 19px; }
}