@charset "UTF-8";
.inner {
	margin: auto;
	padding-right: 15px;
	padding-left: 15px;
	max-width: 1030px;
}
.access-title {
    margin: 0 0 80px;
    text-align: center;
}
.access-title .ttl {
    font-size: 27px;
    letter-spacing: 0.075em;
    margin: 0 0 25px;
}
.access-title .txt {
    font-size: 15px;
    letter-spacing: 0.01em;
    line-height: 2;
}
.photo-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0;
}
@media screen and (max-width: 767px) {
	.photo-list { grid-template-columns: 1fr;}
	.access-title { margin: 0 0 50px; }
    .access-title .ttl { letter-spacing: 0.01em; }
}
.subway-block { 
    background-color: #000;
    color: #fff;
    padding: clamp(50px, 6.9444444444444444444vw, 100px) 0 0;
}
.subway-block .access-title .txt { letter-spacing: -0.01em;}
.subway-block .photo-list img { width: 100%;}
.subway-map {
	margin: 0 auto clamp(45px, 5.5555555555555555556vw, 80px);
	max-width: 588px;
}
.subway-map .cap-image .cap { bottom: 7%;}
.subway-box {
	background-color: rgba(255, 255, 255, 0.2);
	margin: 0 auto clamp(60px, 6.9444444444444444444vw, 100px);
	padding: clamp(25px, 2.4305555555555555556vw, 35px) clamp(15px, 6.9444444444444444444vw, 100px) clamp(25px, 2.7777777777777777778vw, 40px) clamp(15px, 8.3333333333333333333vw, 120px);
}
.subway-box .cont {
	display: grid;
	grid-template-columns: 65% auto;
	gap: 25px;
}
.subway-box .img {
	width: 100%;
}
.subway-box .desc {
	text-align: right;
	margin: clamp(170px, 10%, 80px) 0 0 -150%;
}
.subway-box .ttl {
	font-size: clamp(18px, 1.4583333333333333333vw, 21px);
	line-height: 1.7;
	letter-spacing: 0.075em;
	margin-bottom: clamp(10px, 1.0416666666666666667vw, 15px);
}
.subway-box .txt {
	font-size: clamp(13px, 1.0416666666666666667vw, 15px);
	line-height: 2;
	letter-spacing: 0.1em;
}
.subway-time {
	text-align: center;
	padding: clamp(50px, 3.4722222222222222222vw, 50px) 0 clamp(55px, 4.8611111111111111111vw, 70px);
    margin: auto;
}
.station-block { padding: clamp(50px, 6.9444444444444444444vw, 100px) 0 0;}
.station-block .inner { max-width: 830px;}
.station-time { margin: clamp(20px, 1.7361111111111111111vw, 25px) auto clamp(50px, 4.5138888888888888889vw, 65px);}
.station-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0;
	gap: 40px;
    margin-top: clamp(60px, 7.2916666666666666667vw, 105px);
}
.station-list .access-title { margin: 0 -10px;}
@media screen and (max-width: 767px) {
	.subway-block .access-title .txt { letter-spacing: 0.01em;}
	.subway-box {
		margin: 0 -15px 45px;
		padding: 25px 15px 55px;
	}
	.subway-box .cap-image .cap.cap-left {
		bottom : 0;
		left : 0;
	}
	.subway-box .cont { grid-template-columns: 1fr;}
	.subway-box .desc {
		text-align: center;
		margin: 0;
	}
	.subway-box .ttl { font-size: 21px;}
	.subway-box .txt { font-size: 15px;}
	.subway-time { width: 80%;}
    .station-block .photo-list { margin: 0 -15px;}
	.station-block .access-title.msn-u-mb2 .ttl { letter-spacing: -0.01em;}
	.station-time { width: 89%;}
	.station-list { grid-template-columns: 1fr;}
    .station-list .cap-image { margin: 0 -15px;}
}