@charset "utf-8";


.event-benefit-template .c-tab--main-sticky .c-tab__item.active .c-tab__button::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #111;
}
.event-benefit-template .c-tab--main-sticky .c-tab__list{
    padding: 0; column-gap: 0;
}



.event-benefit-template .video_swiper_article {position: relative; left: 50%; transform: translateX(-50%); }
    .event-benefit-template .video_swiper_article.pc_video_swiper_article{display: block;}
    .event-benefit-template .video_swiper_article.mo_video_swiper_article{display: none;}
    
@media screen and (max-width: 767px)    {
    .event-benefit-template .video_swiper_article .c-tab--main-sticky .c-tab__list {padding: 0; column-gap: 0;}
    .event-benefit-template .video_swiper_article .c-tab--main-switch .c-tab__list    {padding: 0; column-gap:0;}
}
.pc_video { display: block;}
.mo_video { display: none;}

.event-benefit-template .video_swiper_article .c-title  {
    margin: 0 auto;
    text-align: center;
}
.event-benefit-template .video_swiper_article .c-title .c-title__sub-text {
font-size: 16px;
font-weight: normal;
line-height: 1.45;
color: #444444;
}
.event-benefit-template .video_swiper_article .c-title__main-title  {
    font-size: 36px;
}
.event-benefit-template .video_swiper_article .swiper-container  {
    width: 1146px;
    height: auto;
}
.event-benefit-template .video_swiper_article .swiper-slide   {
    /* width: 100% !important; */
    width: 100%;
}

.event-benefit-template .video_swiper_article .swiper-slide .video-container{display: flex; width: 100%;}
.event-benefit-template .video_swiper_article .swiper-slide .video-container .video_section{width: 48%; margin: 0 1%; border-radius: 16px 16px;}
.event-benefit-template .video_swiper_article .swiper-slide .video-container .video_section video{width: 100%; border-radius: 16px 16px 0 0;}
.event-benefit-template .video_swiper_article .swiper-slide .video-container .video_section .video_title{border: 2px solid #E8E9EA; border-radius: 0 0 16px 16px;}

.event-benefit-template .video_swiper_article .swiper-container-wrap  { margin: 0 auto; }
.event-benefit-template .video_swiper_article .controls  {
    position: absolute;
    left: 36px;
    top: 50px;
} 
.event-benefit-template .video_swiper_article .synced-tab-slider .swiper-navigation-button.swiper-button-disabled{pointer-events:auto; cursor:not-allowed; display: block !important; opacity: 0.3;}

.event-benefit-template .video_swiper_article .video_swiper_article-nav .c-tab--round .c-tab__list    {width: 200px; gap: 0; margin: 34px auto 0;}
.event-benefit-template .video_swiper_article .video_swiper_article-nav .c-tab--round .c-tab__item    {width: 100%; height: 4px; border-radius: 0; border: 0; background: black; opacity: 0.08;}
.event-benefit-template .video_swiper_article .video_swiper_article-nav .c-tab--round .c-tab__item .c-tab__button  {width: 100%; padding: 0;}
.event-benefit-template .video_swiper_article .video_swiper_article-nav .c-tab--round .c-tab__item.active {opacity: 1;}

 .event-benefit-template .video_swiper_article .video_swiper_notice_section{margin: 0 1%;}

@media screen and (max-width: 767px)    {
    .pc_video {
        display: none;
    }
    .mo_video {
        display: block;
    }
    .event-benefit-template .video_swiper_article.pc_video_swiper_article{display: none;}
    .event-benefit-template .video_swiper_article.mo_video_swiper_article{display: block;}
    .event-benefit-template .video_swiper_article .c-title  {margin: calc(32 / 390 * 100vw) auto 0;}
    .event-benefit-template .video_swiper_article .c-title__main-title  {font-size: calc(20 / 390 * 100vw);}
    .event-benefit-template .video_swiper_article .swiper-container  {
        width: 100%;
    }
    .event-benefit-template .video_swiper_article .controls {
        left: calc(40 / 720 * 100vw);
        top: calc(30 / 720 * 100vw);
    }
    
    .event-benefit-template .video_swiper_article .swiper-slide   {
        width: 100% !important;
    }
    .event-benefit-template .video_swiper_article .swiper-slide .video-container .video_section{width: 100%; }
    .event-benefit-template .video_swiper_article .swiper-slide .video-container .video_section video{width: 100%; }
    
    .event-benefit-template .video_swiper_article .video_swiper_notice_section{margin: 0 5%;}

}