@charset "UTF-8";


/* for Sp --------------------*/
@media screen and (max-width:768px){
	

}

/***********************************

EVENT

***********************************/
#event{
	background-image:url('../images/event_pc.webp');
}



/* for Sp --------------------*/
@media screen and (max-width:768px){
	
	#event{
		background-image:url('../images/event_sp.webp');
	}

}


/***********************************

 BENEFITS

***********************************/
#benefits{
	font-size:1.6rem;
	line-height:175%;
	color:#ffffff;
	padding-bottom:180px;
	background-color:unset!important;
}

#benefits .sectioninner > article{
	display:block;
	overflow:hidden;
	width:min(100%,950px);
	margin:50px auto;
}

#benefits .sectioninner > article > h3{
	display:block;
	overflow:hidden;
	font-size:2.6rem;
	line-height:200%;
	text-align:center;
	/*white-space:nowrap;*/
}

#benefits .sectioninner > article > p{
	display:block;
	overflow:hidden;
	margin: 2em 0;
	font-size:1.8rem;
	line-height:200%;
	text-align:center;
}

#benefits .sectioninner > article > h4{
	display:block;
	overflow:hidden;
	font-size:2.0rem;
	font-weight:700;
	line-height:175%;
	text-align:center;
}


#benefits .sectioninner > article > .leftCol{
	display:block;
	overflow:hidden;
	width:calc(100% - 384px);
	padding-right:2em;
	font-size:1.8rem;
	line-height:175%;
	float:left;
}


#benefits .sectioninner > article > a{
	display:inline-block;
	overflow:hidden;
	line-height:100%;
}

#benefits .sectioninner > article > a img{
	width:min(100%,768px);
	height:auto;
}


#benefits dl.compactDl{
	display:block;
	overflow:hidden;
}

#benefits dl.compactDl > dt{
	display:inline-block;
	overflow: hidden;
	width: 5em;
	float:left;
}
#benefits dl.compactDl > dd{
	display:flex;
	flex-wrap: wrap;
	gap:0 1em;
	overflow: hidden;
	width: calc(100% - 5em);
	vertical-align:top;
}

ul.cautionList{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height: 155%;
	margin-top: 1em;
}

ul.cautionList > li{
	text-indent: -1em;
	padding-left: 1em;
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#benefits{
		padding-bottom:24vw;
	}

	#benefits .sectioninner > article{
		margin:2em auto;
	}

	#benefits .sectioninner > article > h3{
		font-size:2.0rem;
		line-height:200%;
	}

	#benefits .sectioninner > article > p{
		font-size:1.6rem;
		line-height:200%;
		text-align:left;
	}

	#benefits .sectioninner > article > h4{
		font-size:1.8rem;
		line-height:175%;
	}

	#benefits .sectioninner > article > .leftCol{
		width:100%;
		padding-right:0;
		font-size:1.6rem;
		line-height:200%;
		float:none;
		margin-bottom:1em;
	}


	#benefits dl.compactDl > dt{
		display:block;
		width: 100%;
	}
	#benefits dl.compactDl > dd{
		width: 100%;
	}

	ul.cautionList{
		font-size:1.4rem;
		line-height: 155%;
	}

	#benefits .sectioninner > article > a{
		display:block;
	}

}



.twinbox{
	display:flex;
	gap:0 20px;
}

.twinbox > .boxinner{
	flex:1;
	padding:1em 1em;
	border:1px solid #ffffff;
	text-align:center;
}

.twinbox .boxinner > article h4{
	margin-bottom:1em;
}

.twinbox .boxinner > article > a{
	display:inline-block;
	overflow:hidden;
	line-height:100%;
}

.twinbox .boxinner > article > *{
	text-align:left;
}

/*.twinbox .boxinner:first-child > article{
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
}*/
.twinbox .boxinner:first-child > img{
	float:right;
	margin-left: 1em;
	width:min(26vw,130px);
	height:auto;
}

.twinbox .boxinner:first-child > img{
	float:right;
	margin-left: 1em;
	width:min(26vw,130px);
	height:auto;
}

.twinbox .boxinner:nth-child(2) > article > p{
	margin-bottom:1em;
	text-align:left;
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	.twinbox{
		flex-direction:column;
		gap:5vw 0;
	}

	.twinbox > .boxinner{
		flex:1;
		padding:1em 1em;
		border:1px solid #ffffff;
	}

}





/***********************************

 フロートバナー

***********************************/
#beneBnr{
	display:inline-block;
	overflow:hidden;
	width:260px;
	height:180px;
	position:fixed;
	bottom:25px;
	left:-260px;
	z-index:5;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 7;
}

#beneBnr a{
	display:block;
	overflow:hidden;
	line-height:100%;
}

#beneBnr img{
	width:100%;
	height:auto;
}


.n_concept #beneBnr,
.n_booth #beneBnr,
.n_event #beneBnr,
.n_lineup #beneBnr,
.n_schedule #beneBnr{
	left:25px;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#beneBnr{
		display:block;
		width:100%;
		height:auto;
		position:fixed;
		bottom:-100%;
		left:0;
	}

	.n_concept #beneBnr,
	.n_booth #beneBnr,
	.n_event #beneBnr,
	.n_lineup #beneBnr,
	.n_schedule #beneBnr{
		bottom:0;
		left:0;
	}

	.n_concept a#toTop,
	.n_booth a#toTop,
	.n_event a#toTop,
	.n_lineup a#toTop,
	.n_schedule a#toTop{
		top: calc(-40px - 28vw);
	}

}


#ftlogo img{
	filter: brightness(0) invert(1);
}