/* CSS Document */
#mainVisual{
	aspect-ratio: 1500 / 640;
	width: 100%;
	background: url("../img/mainvisual_30th.png") no-repeat center;
	background-size: cover;
	position: relative;
}

#contentsBlock section {
	margin: 200px auto;
}

section .mainImage {
	margin-bottom: 130px;
}

section .mainImage figcaption {
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: left;
	margin-top: 20px;
}

section .mainImage figcaption p {
	display: flex;
}

section .mainImage figcaption p .captionLeft {
	width: 5.115em;
	margin-right: .5em;
}

section h1 {
	text-align: center;
	max-width: 60%;
	margin: 0 auto;
}

@media screen and (min-width:769px) {
	section h1 a img {
		transition: all .3s;
	}
	section h1 a:hover img {
		opacity: .7;
	}
}

@media screen and (max-width:1140px){

	#mainVisual{
		aspect-ratio: 750 / 423;
		background-image: url(../img/mainvisual_30th_sp.png);
	}
	
	.contents{
		padding: 0 20px;
	}
}

@media screen and (max-width:767px){

	#contentsBlock section{
		margin: 100px auto;
	}
	section .mainImage {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:480px){
}