@charset "utf-8";

.event-benefit-template .main-kv img{width: 100%;}

.event-benefit-template .l-article01 .subscription-basic-benefits01{background-color: #FFFFFF;}
.event-benefit-template .l-article05{background-color: #000000;}
.event-benefit-template .l-article05 .c-toggle__btn {color: #FFF;}
.event-benefit-template .l-article05 .c-toggle__btn::after{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);}



.event-benefit-template .l-article-swiper-banner .swiper-slide .card-toggle-container {position: relative;}
.event-benefit-template .l-article-swiper-banner .swiper-slide .btn_check_card_benefit{position: absolute; top: calc(395 * var(--ratio)); left: 50%; transform: translateX(-50%); width: 90%; height: calc(50 * var(--ratio));}
.event-benefit-template .l-article-swiper-banner .swiper-slide .card-toggle-container .btn-toggle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(20 * var(--ratio));
  display: block;
  width: 40%;
  height: calc(40 * var(--ratio));
}
.event-benefit-template .l-article-swiper-banner .swiper-slide .js-hidden {
  display: none !important;
}
.event-benefit-template .l-article-swiper-banner .btn_notice_landing{position: absolute; top: 6%; left: 7%; width: 30%; height: 9%; }     

.event-benefit-template .l-article04 .btn_accodian_landing{ text-decoration: underline;}


@media (max-width: 767px) {



}