.intro-wrap {border-radius: 10px;position: relative;overflow: hidden;margin: 0 0 40px;}
.intro-wrap:before {content: "";position: absolute;background: #000000;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0.3;}
.intro-wrap .img-intro img {width: 100%;height: 100%;object-fit: cover;}
.intro-wrap .tit-intro {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 20px;box-sizing: border-box;text-transform: uppercase;}
.intro-wrap .tit-intro p {text-align: center;font-family: Prompt;font-weight: 800;font-size: 70px;line-height: 60px;letter-spacing: -0.1px;text-align: center;vertical-align: middle;color: #FFFFFF;opacity: 0.5;mix-blend-mode: overlay;}
.tech-tit { padding: 30px; background-color: #f5f5f5; border-radius: 10px; text-align: center; }
.tech-tit p { font-size: 32px; line-height: 150%; }
.tech-tit span { font-size: 18px; letter-spacing: 1px; }
.tech-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tech-list li { flex: 0 0 calc(50% - 15px); padding: 0 0 32px; }
.tech-list li p { padding: 15px; border: 1px solid #DDDDDD; }
.tech-list li p:nth-child(1) { border-bottom: none; border-radius: 10px 10px 0 0; }
.tech-list li p:nth-child(3) { border-top: none; border-radius: 0 0 10px 10px; }
.tech-list-2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tech-list-2 > li { padding: 0 0 32px; }
.tech-list-2 > li:nth-child(1) { flex: 0 0 calc(40% - 30px); }
.tech-list-2 > li:nth-child(2) { flex: 0 0 calc(60% - 30px); }

.d-flex{display: flex;gap: 50px;}
.d-flex .img-box{margin-bottom: 40px;flex-shrink: 0;}
@media (max-width: 1024px) {
	.intro-wrap .tit-intro p {font-size: 45px;line-height: 100%;}
}
@media (max-width: 768px) {
	.intro-wrap {margin: 0 0 20px;}
	.intro-wrap .img-intro {height: calc(300/768*100vw)}
	.intro-wrap .tit-intro p {font-size: calc(40/768*100vw)}
  	.tech-list li, .tech-list-2 li:nth-child(1), .tech-list-2 li:nth-child(2) { flex: 0 0 100%; }
	.d-flex{display: block;}
}