@charset "utf-8";

.m-ba-230109mv {line-height:0; font-size:0; position:relative;}
.m-ba-230109mv .skin-header {display: flex; justify-content: center;}
.m-ba-230109mv .title {max-height: 1080px; margin-bottom: 20px;}
.m-ba-230109mv .title p {font-weight: 400; line-height: 1.2; color: #000000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-ba-230109mv .title img {max-width: 100%; max-height: 100%;}
.m-ba-230109mv .wrap {overflow:hidden;}
.m-ba-230109mv ul {position:relative; width: calc(100% - 50px);}
.m-ba-230109mv li {width: 100%; position:relative; display: flex; flex-direction: column; align-items: center;}


.m-ba-230109mv li:last-child {margin-right: 0px !important;}
.m-ba-230109mv li .video-wrap {position: relative; width: 100%}
.m-ba-230109mv li .video-wrap > iframe {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.m-ba-230109mv li .banner-title {width: 100%;}
.m-ba-230109mv li .banner-content {width: 100%;}
.m-ba-230109mv .scroll-div {height: 100%; margin-top: 40px;}
.m-ba-230109mv .swiper-scrollbar {height: 4px; background: unset;}

@media screen and (max-width: 599px) {
    .m-ba-230109mv .title {width: calc(100% - 40px); padding: 0 30px 0 20px;}
    .m-ba-230109mv .scroll-div {width: calc(100% - 40px); padding: 0 20px;}
}

@media screen and (min-width: 600px) {
    .m-ba-230109mv .title {width: calc(100% - 60px); padding: 0 40px 0 30px;}
    .m-ba-230109mv li {width: calc((100% - 30px) / 2);}
    .m-ba-230109mv .scroll-div {width: calc(100% - 60px); padding: 0 30px;}
}

.m-ba-230109mv li .banner-title {margin-top: 10px;}
.m-ba-230109mv li .banner-title p {font-weight: 500; font-size: 18px; line-height: 20px; color: #000000; letter-spacing: -1px;}
.m-ba-230109mv li .banner-title p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.m-ba-230109mv li .image-wrap {position: relative; width: 100%;}
.m-ba-230109mv li .image-wrap img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}

.m-ba-230109mv li .banner-content {margin-top: 20px;}
.m-ba-230109mv li .banner-content p {font-weight: 300; font-size: 14px; line-height: 18px; color: rgba(0, 0, 0, 0.7); letter-spacing: -1px;}
.m-ba-230109mv li .banner-content p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.m-ba-230109mv li .link {position: absolute; width: 100%; height: 100%;}

.m-ba-230109mv .swiper-slide.not .image-wrap {display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.2); opacity: 0.5;}