.intro-wrap { border-radius: 10px; position: relative; overflow: hidden; margin: 0 0 40px; }
.intro-wrap:before { content: ""; position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .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: -.1px; text-align: center; vertical-align: middle; color: #fff; opacity: .5; mix-blend-mode: overlay; }
@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); }
}