@charset "utf-8";
/*------------------------------------------------------------
	events
------------------------------------------------------------*/
#main {
	background-color: #EFF9FB;
}
#main .headLine01::before {
	background-color: #97D4E7;
}
#main .headLine04 {
	background: #DEF2F7;/**/
	box-shadow: 0 0 0 0.8rem #DEF2F7;/**/
}
#main .headLine03 {
	border-left-color: #97D4E7;
}
#main .photo {
	margin-bottom: 8rem;
	max-width: 60rem;
}
#main .videoList {
	margin: -4rem 0 8rem;
}
#main .videoList li {
	margin-top: 4rem;
	width: 34.8rem;
}
#main .photoList {
	margin-top: -2rem;
}
#main .photoList li {
	margin-top: 2rem;
	width: 35.8rem;
	border-radius: 2.2rem;
	overflow: hidden;
}
@media all and (max-width: 896px) {
	#main .photo {
		margin-bottom: 4rem;
		max-width: 100%;
	}
	#main .photo img {
		width: 100%;
	}
	#main .videoList {
		margin: 0 0 4rem;
		display: block;
	}
	#main .videoList li {
		margin: 0 0 4rem;
		width: auto;
	}
	#main .videoList li:last-child {
		margin-bottom: 0;
	}
	#main .videoList img {
		width: 100%;
	}
	#main .photoList {
		display: grid;
		width: fit-content;
		column-gap: 1.0rem;
		grid-template-columns: repeat(2, auto);
	}
	#main .photoList li{
		border-radius: 1.15rem;
		margin: 0 0 1rem;
		width: auto;
	}
	#main .photoList img {
		width: 100%;
	}

	/*
	#main .photoList {
		margin-top: 0;
		display: block;
	}
	#main .photoList li {
		margin: 0 0 2rem;
		width: auto;
	}
	#main .photoList li:last-child {
		margin-bottom: 0;
	}
	#main .photoList img {
		width: 100%;
	}*/
}