@charset "utf-8";

/* event */
#event{
	position: relative;
	margin:  0 auto;
	padding:40px 0;
}
#event .eventWrap{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
}
#event .eventWrap p{
	position: relative;
	margin: 0 auto;
	padding-top: 15px;
}
#event .eventWrap .Img{
	position: relative;
	margin: 20px auto;
	width: 100%;
	max-width: 770px;
}
#event .eventWrap .ImgWrap{
	position: relative;
	margin: 20px auto;
	width: 100%;
	max-width: 770px;
	gap: 10px 20px;
}
#event .eventWrap .ImgWrap .Img{margin: 0;}

/* ----- pc ----- */
@media screen and (min-width: 641px) {

	/* event */
	#event{padding:60px 0;}
	#event .eventWrap{max-width: 960px;}
	#event .eventWrap p{padding-top: 25px;}
	#event .eventWrap .Img{margin: 25px auto;}
	
	#event .eventWrap .ImgWrap{
		position: relative;
		margin: 20px auto;
		width: 100%;
		gap: 10px 20px;
	}
	#event .eventWrap .ImgWrap .Img{width: calc(50% - 10px);}
	#event .eventWrap .ImgWrap .Img.w100{width: 100%;}

}