@charset "utf-8";
section.parking-section {
	padding: 80px 100px;
	max-width: 1440px;
	margin: 0 auto;
	text-align: center;
}
.common-title-wrap img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.parking-guide {
	font: 400 24px/33px 'Noto Serif', serif;
	letter-spacing: 2.4px;
	color: #0D1F3C;
	margin-bottom: 30px;
}
.parking-bg {
    background-image: url(../images/access/title-bg.png);
}

.parking-img {
	display: block;
	width: 100%;
	max-width: 850px;
	height: auto;
	margin: 0 auto;
	border: 1px solid #ccc;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.parking-list {
    width: fit-content;
    margin: 30px auto;
    text-align: left;
}

.parking-list li {
    margin-bottom: 10px;
    font-size: 16px;
}


.train {
	padding: 0px 140px 100px;
	text-align: center;
}

.train h2, .parking h2 {
	font: bold 44px 'Noto Serif', serif;
	letter-spacing: 4.4px;
	color: #F06F00;
	margin-bottom: 60px;
}

.train .train-access {
	font: bold 26px/40px 'Noto Serif', serif;
	letter-spacing: 2.6px;
	color: #303233;
	margin-bottom: 40px;
}

.train .train-info {
	font: 400 16px/40px 'Noto Sans JP', sans-serif;
	color: #080402;
	margin-bottom: 50px;
}

.train .train-video{
	width: 100%;
	max-width: 760px;
	height: 400px;
}

@media screen and (max-width:1200px){
	section.parking {
		padding: 40px 25px 0px;
		max-width:600px;
	}
	
	.parking-guide {
		font: 400 16px/24px 'Noto Serif', serif;
		letter-spacing: 1.6px;
	}
	
	.parking-img {
		display:block;
	}
	.parking-img img:not(:last-child){
		margin-bottom:20px
	}
	
	.train {
		padding: 40px 25px 50px;
		text-align: center;
	}
	
	.train h2, .parking h2 {
		font: bold 24px 'Noto Serif', serif;
		letter-spacing: 2.4px;
		margin-bottom: 18px;
	}
	
	.train .train-access {
		font: bold 18px/30px 'Noto Serif', serif;
		letter-spacing: 1.8px;
		margin-bottom: 18px;
	}
	
	.train .train-info {
		display:inline-block;
		text-align: left;
		font: 400 16px/24px 'Noto Sans JP', sans-serif;
		color: #080402;
		margin-bottom: 30px;
	}
	
	.train .train-video{
		width: 100%;
		max-width:600px;
		height: 220px;
	}
}