.event-benefit-template{
	.l-article_01{
		background-color: #000;
		.c-title{
			.c-title__main{
				color: #fff;
			}
		}
	}
	.l-article_02{
		background-color: #f6f6f6;
		.c-title{
			.c-title__eyebrow{
				color: #444;
			}
			.c-title__main{
				color: #181818;
			}
		}
	}
	.l-article_04{
		background-color: #f6f6f6;
		.c-title{
			.c-title__main{
				span{
					color: #FD312E;
				}
			}
		}
		.l-article__content{
			position: relative;
			.l-article_04_anchor{
                position: absolute;
                top: 70.6%;
                left: 39.2%;
                width: 21.7%;
                height: 7%;
			}
			@media screen and (max-width: 767px) {
				.l-article_04_anchor{
					position: absolute;
					top: 72.2%;
					left: 23.2%;
					width: 53.7%;
					height: 5.4%;
				}
			}
		}
	}
	.l-article_05{
      	.l-article__inner{
        	gap: 4px;
			@media screen and (max-width: 767px) {
        		gap: calc(4/390*100vw);
            }
        }
        .c-title__eyebrow{
          color: #444!important;
        }
        .c-title__main{
          color: #181818!important;
        }
		.c-title{
			max-width: 1146px;
			width: 100%;
			text-align: left;
			margin: 40px auto 0px;
			@media screen and (max-width: 767px) {
				margin: calc(40/390*100vw) calc(0/390*100vw) calc(0/390*100vw);
              	width: calc( 100% - (40/390*100vw) );
			}
		}
		.c-tab--2depth {
			border-top: solid 1px #E4E4E4;
            background-color: #fff;
			.c-tab__inner{
				flex-wrap: wrap;
				.c-tab__list {
					width: 100%;
					column-gap: 0;
					.c-tab__item{
						flex: 1;
					}
				}
			}
		}
		.l-article__content{
			.c-tab--round {
				& .c-tab__item {
					&:first-child {
						margin-left: 0;
					}
				}
			}
			.c-product{
				margin-top: 20px;
			}
		}
	}
	.l-article_07{
		background-color: #000;
		.c-title{
			color: #fff;
		}
		.l-article__content{
			.l-article_05_btn_01{
                position: absolute;
                top: 0;
                left: 2.2%;
                width: 47.1%;
                height: 100%;
                z-index: 2;
				@media screen and (max-width: 767px){
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 47%;
					z-index: 2;
				}
			}
			.l-article_05_btn_02{
                position: absolute;
                top: 0;
                left: 50.6%;
                width: 47.1%;
                height: 100%;
                z-index: 2;
				@media screen and (max-width: 767px){
					position: absolute;
					top: 53%;
					left: 0;
					width: 100%;
					height: 47%;
					z-index: 2;
				}
			}
		}
	}
}