
.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 .article_01 .banner_section01 {padding: 3% 0%;}

.article_02 .cont02_wrap{position: relative;}
.article_02 .cont02_wrap .cont02_btn{position: absolute; bottom: 0%; left: 30.6%; width: 38.9%; height: 13.3%;}

.event-benefit-template .padding_both_side_mo{padding: 0;}

.event-benefit-template .c-title__main-title{font-size: 24px;}

.example01_article .btn_section01{position: absolute; bottom: 6%; width: 40%; height: 6%; left: 50%; transform: translateX(-50%);}

.banner02_article .banner_section02{position: relative;}
.banner02_article .banner_section02 a{display: block; width: 40%; height: 100%;}
.banner02_article .banner_section02 a:nth-child(2){position: absolute; top: 0; left: 0;}
.banner02_article .banner_section02 a:nth-child(3){position: absolute; top: 0; left: 50%;}

@media screen and (max-width: 767px) {
    
    .event-benefit-template .padding_both_side_mo{padding: 0 5%;}

    .event-benefit-template .article_01 .banner_section01 {padding: 4% 5%;}
    .article_02{border-top: 1px solid #EFF0F2; border-bottom: 1px solid #EFF0F2;}
    .article_02 .cont02_wrap .cont02_btn{bottom: 5.4%; height: 17.3%; left: 4.6%; width: 89.9%;}

    
    .event-benefit-template .c-title__main-title{font-size: calc(19 / 390 * 100vw);}
    
    
    .example01_article .btn_section01{bottom: 4%; width: 90%; height: 5%; left: 50%; transform: translateX(-50%);}

    .banner02_article .banner_section02 a:nth-child(2){position: absolute; top: 0; left: 5%; height: 48%;}
    .banner02_article .banner_section02 a:nth-child(3){position: absolute; top: 55%; left: 5%; height: 45%;}

}
