.intro-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.intro-wrap > div { flex: 0 0 calc(50% - 25px); }
.intro-txt ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.intro-txt ul li { flex: 0 0 calc(50% - 15px); }
.intro-txt ul li:nth-child(1) { background: url(/_res/unist/me/img/content/intro01-cn.jpg) no-repeat center / cover; }
.intro-txt ul li:nth-child(2) { background: url(/_res/unist/me/img/content/intro02-cn.jpg) no-repeat center / cover; }
.intro-txt ul li a { position: relative; display: block; padding: 20px 50px; font-weight: 700; color: #fff; }
.intro-txt ul li a:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; aspect-ratio: 1 / 1; background: #001b54 url(/_res/unist/me/img/content/intro03-cn.png) no-repeat center / 50% auto; }
.intro-video { position: relative; cursor: pointer; }
.intro-video img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.intro-video span { position: absolute; top: 50%; left: 50%; width: 60px; aspect-ratio: 1 / 1; background-color: #004EDB; border-radius: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 60px; color: #fff; }
.video-popup { position: fixed; inset: 0; display: none; z-index: 9998; }
.video-popup.is-open { display: block; }
.video-black { position: absolute; inset: 0; background: rgba(0, 0, 0, .75); }
.video-content { position: absolute; top: 50%; left: 50%; width: min(90vw, 960px); aspect-ratio: 16 / 9; transform: translate(-50%, -50%); background: #000; }
.video-content iframe { width: 100%; height: 100%; display: block; }
.video-close { position: absolute; top: -48px; right: 0; border: 0; background: transparent; color: #fff; font-size: 32px; cursor: pointer; }

@media ( max-width: 1400px ) {
	.intro-wrap > div { flex: 0 0 calc(50% - 15px); }
	.intro-txt ul li a { padding: 20px 15px; }
}
@media screen and (max-width:1024px) {
	.h4-tit01{font-size: 26px;}
    .intro-wrap > div { flex: 0 0 100%; }
    .intro-video { margin-bottom: 30px; }
}
@media screen and (max-width:768px) {
	.h4-tit01 { font-size: 20px; line-height: 150% }
    .intro-txt ul { gap: 15px; }
    .intro-txt ul li { flex: 0 0 100%; }
}