@charset "utf-8";
/*index*/



/**/
.pageTtl01{
	background-image: url(../images/access/access_ttl.jpg);
}
.pageTtl01 h2{
	color:#fff;
	margin-bottom:3em;
}
.copy01{
	font-size:max(3rem, min(5vw, 5rem) );
	font-family: "Cinzel", serif;
	letter-spacing: 0.1em;
	color: #756638;
	margin-bottom:0.5em;
	text-align: left;
}
.copy02{
	font-size:max(2rem, min(3.2vw, 3.2rem) );
	text-align: left;
}
/**/
.car01{
	margin-bottom: 80px;
}
.car01 .txtwrap{
	margin-bottom: 40px;
}
.car01 .img{
	width: 100%;
}
@media (min-width:768px) {
	.car01{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.car01 .txtwrap{
		width: 40%;
	}
	.car01 .img{
		width: 59%;
		max-width: 706px;
	}
}
.car02Ttl{
	background-color: #756638;
	font-size:max(2rem, min(3.2vw, 3.2rem) );
	font-weight: normal;
	color: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
}
.car02{}
.car02 img{
	width: 100%;
	margin-bottom: 20px;
}
@media (min-width:768px) {
	.car02{
		display: flex;
		justify-content: space-between;
	}
	.car02 img:nth-of-type(1){
		width: calc(590% / 12);
	}
	.car02 img:nth-of-type(2){
		width: calc(540% / 12);
	}
}
/**/
.train01{
	margin-bottom: 20px;
}
.train01 .txtwrap{
	margin-bottom: 40px;
}
.train01 .img{
	width: 100%;
}
.train02Ttl{
	background-color: #756638;
	font-size:max(2rem, min(3.2vw, 3.2rem) );
	font-weight: normal;
	color: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
}
.train02{
	width: 100%;
	max-width: 530px;
}
@media (min-width:768px) {
	.train01{
		flex-direction: row-reverse;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.train01 .txtwrap{
		width: 50%;
		max-width: 530px;
		margin-bottom: 0;
	}
	.train01 .img{
		width: 46.5%;
		max-width: 558px;
	}
}
/**/