.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;}
.over-tit { padding: 30px; background-color: #f5f5f5; border-radius: 10px; text-align: center; }
.over-tit p { font-size: 32px; line-height: 150%; }
.over-tit span { font-size: 18px; letter-spacing: 1px; }
.over-list { display: flex; flex-wrap: wrap; }
.over-list > li { box-sizing: border-box; flex: 0 0 50%; }
@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)}
}
@media screen and (max-width:500px) {
	.over-list > li { flex: 0 0 100%; }
}