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



/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{
	
	#title{
		background-image: url("../images/trackrecord_bg2.jpg");
	}
	
	#overview{
		display: block;
		text-align: center;
		margin: 50px auto;
		font-size: 23px;
		color: #089BCC;
		font-weight: 500;
	}
	
	dl#list{
		display: flex;
		justify-content: space-between;
	}
	
	#list dt.photo{
		width: 370px;
	}
	#list .photo ul{
		display: flex;
		flex-direction: column;
	}
	#list .photo ul li{
		display: block;
		width: 280px;
		height: 280px;
		margin: 0 auto 30px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#list .photo ul li:last-of-type{
		margin-bottom: 0;
	}
	
	#list .photo ul li:nth-of-type(1){ background-image: url("../images/trackrecord01.jpg"); }
	#list .photo ul li:nth-of-type(2){ background-image: url("../images/trackrecord02.jpg"); }
	#list .photo ul li:nth-of-type(3){ background-image: url("../images/trackrecord03.jpg"); }
	#list .photo ul li:nth-of-type(4){ background-image: url("../images/trackrecord04.jpg"); }
	
	#list dd.text{
		width: 630px;
	}
	#list .text ul{
		margin-bottom: 30px;
	}
	#list .text ul li{
		display: block;
		margin-bottom: 0.55em;
	}
	#list .text ul li .sub{
		margin: 0.35em 0 0.55em;
		line-height: 1.85;
		padding-left: 25px;
	}

	
	
	

	
}
/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {
	
	#title{
		background-image: url("../images/trackrecord_bg2_sp.jpg");
	}
	
	#overview{
		display: block;
		width: calc(100% - 30px);
		text-align: left;
		margin: 30px auto;
		font-size: 20px;
		color: #089BCC;
		font-weight: 500;
	}
	
	dl#list{
		display: block;
		margin-bottom: 45px;
	}
	
	#list dt.photo{
		display: none;
	}
	
	#list dd.text{
		display: block;
	}
	#list .text ul{
		margin-bottom: 30px;
		list-style-type: circle;
		padding-left: 1.2em;
	}
	#list .text ul li{
		margin-bottom: 0.85em;
	}
	#list .text ul li .sub{
		margin: 0.35em 0 0.55em;
		line-height: 1.85;
		padding-left: 10px;
	}
	

		
	
	
	
	
}