@charset "utf-8";
.ttl01{
	font-size: clamp(1.6rem,2vw,2rem);
	color: #8B7665;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	line-height: 1.5;
	max-width: 550px;
	margin: 0 auto 30px;
}
.ttl01 small{
	color: #333;
	font-size: 80%;
}
.ttl02{
	font-size: clamp(1.8rem,2.4vw,2.4rem);
	color: #8B7665;
	margin: 0 auto 30px;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: 0.3em;
	line-height: 1.5;
}
.ttl02 .jp{
	font-size: 70%;
	letter-spacing: 0em;
}

.ttl03{
	background-color: #8B7665;
	font-size: clamp(1.6rem,1.8vw,1.8rem);
	color: #fff;
	margin: 0 auto 30px;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px;
}

.ttl04{
	font-size: clamp(1.8rem,2.7vw,2.7rem);
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	line-height: 1.5;
	margin: 0 auto 30px;
}

.train02{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto 10px;
}
.train02 img{
	margin-bottom: 10px;
}
.train02 .img01{
	width: calc(240% / 5.3);
	margin-right: calc(20% / 5.3);
}
.train02 .img02{
	width: calc(270% / 5.3);
}
.train02 .img03{
	width: calc(221% / 5.3);
	margin-right: calc(40% / 5.3);
}
.train02 .img04{
	width: calc(230% / 5.3);
}
.train02 .img05{
	width: calc(220% / 5.3);
	margin-right: calc(40% / 5.3);
}
.train02 .img06{
	width: calc(240% / 5.3);
}

@media(min-width: 768px){
	.train02{
		max-width: 780px;
	}
	.train02 img{
		margin-bottom: 20px;
	}
	.train02 .img01{
		width: calc(240% / 7.8);
		margin-right: calc(20% / 7.8);
	}
	.train02 .img02{
		width: calc(270% / 7.8);
		margin-right: calc(25% / 7.8);
	}
	.train02 .img03{
		width: calc(221% / 7.8);
		margin-right:0;
	}
	.train02 .img04{
		width: calc(230% / 7.8);
		margin-right: calc(30% / 7.8);
	}
	.train02 .img05{
		width: calc(220% / 7.8);
		margin-right: calc(60% / 7.8);
	}
	.train02 .img06{
		width: calc(240% / 7.8);
	}
}


.train03{}
.train03 figure{
	margin-bottom: 30px;
}
.train03 figcaption{
	text-align: left;
	margin-top: 5px;
	font-size: 1.2rem;
}
@media(min-width: 768px){
	.train03{
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 800px;
	}
	.train03 figure{
		width: calc(380% / 8);
	}
}


.train04{
	width: 100%;
	height:calc(50vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto 40px;
}
.train04 img{
	height:50vw;
	width:153.3vw;
	max-width:none;
}
@media (min-width:768px) {
	.train04{
		width: 100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto 40px;
	}
	.train04 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}





.car01{
	width: 100%;
	height:calc(100vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto 40px;
}
.car01 img{
	height:100vw;
	width:165.6vw;
	max-width:none;
}
@media (min-width:768px) {
	.car01{
		width: 100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto 40px;
	}
	.car01 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}
.car02{
	margin: 0 auto 10px;
	text-align: left;
	max-width: 340px;
}
.car02 figure{
	margin-bottom: 20px;
}
.car02 .img01 img{
	height: 24px;
}
.car02 .img02 img{
	height: 24px;
}
.car02 .img03 img{
	height: 24px;
}
.car02 .img04 img{
	height: 26px;
}

@media(min-width: 768px){
	.car02{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		max-width: 730px;
	}
	.car02 figure{
		width: 50%;
	}
}

.car03{
	width: 100%;
	height:calc(100vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto ;
}
.car03 img{
	height:100vw;
	width:253vw;
	max-width:none;
}
@media (min-width:768px) {
	.car03{
		width: 100%;
		max-width: 760px;
		height:auto;
		overflow:hidden;
		margin: 0 auto ;
	}
	.car03 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}