@charset "UTF-8";
/* CSS Document */

/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{

	.title h4 span{
		font-size: 85%;
		vertical-align: middle;
	}
	
	#main #specialOverview{
		padding-top: 15px;
	}

	/* 展示資料 */
	#tenji_shiryo{
		margin: 30px 0;
	}

	#tenji_shiryo > div{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-around;
		margin: 30px auto;
		width: 950px;
	}
	#tenji_shiryo > div:first-of-type{
		margin-top: 70px;
	}

	#tenji_shiryo dl{
		width: 300px;
		margin: 0;
	}
	#tenji_shiryo dl.wide{
		width: 600px;
	}
	
	#tenji_shiryo dl dt{
		display: block;
		width: 100%;
	}
	#tenji_shiryo dl dt img{
		display: block;
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	#tenji_shiryo dl dd{
		display: block;
		width: 100%;
		text-align: center;
		line-height: 1.3;
	}
	#tenji_shiryo dl dd span{
		font-weight: bold;
	}

	


}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

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

	.title h4 span{
		font-size: 90%;
		vertical-align: middle;
	}
	
	#main #specialOverview{
		padding-top: 15px;
	}

	/* 展示資料 */
	#tenji_shiryo{}

	#tenji_shiryo > div{
		display: block;
		margin-top: 40px;
	}
	#tenji_shiryo dl{
		display: block;
		width: 60%;
		max-width: 300px;
		margin: 30px auto 0;
	}
	#tenji_shiryo dl.wide{
		width: 100%;
		max-width: 530px;
	}
	
	#tenji_shiryo dl dt{
		display: block;
		width: 100%;
		margin-bottom: 3px;
	}
	#tenji_shiryo dl dt img{
		display: block;
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	#tenji_shiryo dl dd{
		display: block;
		width: 100%;
		text-align: center;
		line-height: 1.3;
	}

	#tenji_shiryo dl dd span{
		font-weight: bold;
	}

	



}