.hightech01 { display: flex; gap: 20px; }
.hightech01 > li { padding: 30px; width: calc(50% - 10px); border: 1px solid #e5e5e5; border-radius: 5px; }
.hightech01 .hightech01-tit { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -.02em; color: #222; }
.hightech01 .hightech01-txt { font-weight: 500; line-height: 26px; letter-spacing: -2%; color: #333; }

.hightech02 { display: flex; flex-wrap: wrap; gap: 41px; }
.hightech02 > li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; width: calc((100% - 164px)/5); min-height: 161px; padding: 23px 21px; border: 1px solid #D6DCE8; border-radius: 5px; }
.hightech02 > li+li { position: relative; }
.hightech02 > li+li:before { content: ''; position: absolute; top: 0; bottom: 0; left: -21px; width: 10px; height: 15px; margin: auto; background: url(../img/content/hightech2-arr.png) no-repeat center; }
.hightech02 .hightech02-txt p:nth-child(1) { font-weight: 600; font-size: 14px; line-height: 17px; display: flex; align-items: center; letter-spacing: .01em; color: #00a3e9; }
.hightech02 .hightech02-txt p:nth-child(2) { padding: 10px 0 16px; font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: -.02em; color: #222; }
.hightech02 .hightech02-txt p:nth-child(3) { font-weight: 500; font-size: 14px; line-height: 22px; display: flex; align-items: center; letter-spacing: -.02em; color: #666; }
.hightech02 .hightech02-img { max-width: 32px; max-height: 32px; }
.hightech02 .hightech02-img img { max-height: 100%; }

.hightech03.ul-type-dot li p { padding-top: 3px; font-weight: 500; font-size: 15px; color: #555; }

.hightech04-mark { margin-bottom: 10px; font-weight: 500; font-size: 13px; line-height: 23px; letter-spacing: -.02em; color: #666; }
.hightech04-table tr > *:nth-child(2) { text-align: left; }

@media ( max-width: 1024px ) {
	.hightech01 { flex-direction: column; }
	.hightech01 > li { width: 100%;padding: 20px;}
}
@media ( max-width: 768px ) {
	.hightech02 { flex-direction: column; }
	.hightech02 > li { width: 100%; min-height: unset; }
	.hightech02 > li+li:before { top: -26px; bottom: unset; right: 0; left: 0; transform: rotate(90deg); }
}