@charset "utf-8";


/*  l-train
--------------------------------------------------*/
.train-head {
	margin-bottom: 7.5rem;
}
.train-map {
	width: min(100%,900px);
	margin-inline: auto;
	margin-bottom: 7.0rem;
}
.train-station__item {
	width: calc(350 / 1500 * 100%);
}
.train-station__item:nth-of-type(4) {
	width: calc(450 / 1500 * 100%);
}
.train-station__item__photo {
	aspect-ratio: 350 / 310;
}
.train-station__item:nth-of-type(4) .train-station__item__photo {
	aspect-ratio: 450 / 310;
}
.train-station__item__photo__item {
	position: absolute;
	left: 0;
	top: 0;
	overflow: clip;
	width: calc(454 / 350 * 100%);
	height: 100%;
}
.train-station__item:nth-of-type(1) .train-station__item__photo__item {
	clip-path: polygon(0 0, calc(100% - 1px) 0%, calc(77% - 1px) 100%, 0% 100%);
}
.train-station__item:nth-of-type(2) .train-station__item__photo__item, 
.train-station__item:nth-of-type(3) .train-station__item__photo__item {
	clip-path: polygon(calc(23% + 1px) 0%, calc(100% - 1px) 0%, calc(77% - 1px) 100%, 1px 100%);
}
.train-station__item:nth-of-type(4) .train-station__item__photo__item {
	width: 100%;
	clip-path: polygon(calc(23% + 1px) 0%, 100% 0%, 100% 100%, 1px 100%);
}
.train-station__item__photo__item img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
.train-station__item__detail {
	margin-top: 1.7rem;
}
.train-station__item__detail__desc {
	font-size: 2.4rem;
	line-height: 1;
	letter-spacing: 0;
}
.train-station__item__detail__desc em {
	font-size: 1.24em;
	line-height: 1;
	letter-spacing: 0;
}
.train-station__item__detail__desc i {
	font-size: 2.08em;
	line-height: 1;
	letter-spacing: 0;
}
.train-station__item__detail__note {
	font-size: max(10px,1.3rem);
	line-height: 1.6;
	letter-spacing: -.1em;
	margin-top: 1.5rem;
}
@media screen and (max-width: 1100px){
	.train-station {
		max-width: 768px;
		margin-inline: auto;
		gap: 13.5rem 0;
	}
	.train-station__item {
		width: 100% !important;
	}
	.train-station__item__photo {
		width: calc(300 / 380 * 100%);
		aspect-ratio: 300 / 180 !important;
	}
	.train-station__item:nth-of-type(odd) .train-station__item__photo {
		margin-inline: 0 auto !important;
	}
	.train-station__item:nth-of-type(even) .train-station__item__photo {
		margin-inline: auto 0 !important;
	}
	.train-station__item__photo__item {
		width: 100% !important;
	}
	.train-station__item:nth-of-type(odd) .train-station__item__photo__item {
		clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%) !important;
	}
	.train-station__item:nth-of-type(even) .train-station__item__photo__item {
		clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
	}
	.train-station__item:nth-of-type(odd) .train-station__item__photo .p-caption {
		left: 0;
		right: auto;
	}
	.train-station__item__detail {
		width: fit-content;
		margin-inline: auto;
		margin-top: 4.5rem;
	}
	.train-station__item__detail__desc {
		font-size: 3.2rem;
	}
	.train-station__item__detail__note {
		font-size: 2.2rem;
		line-height: 2;
		margin-top: 2.0rem;
	}
}
@media screen and (max-width: 768px){
	.train-head {
		margin-bottom: 6.0rem;
	}
	.train-map {
		width: calc(380 / 320 * 100%);
		margin-left: calc(-30 / 320 * 100%);
		padding: 3.0rem 2.0rem 2.0rem;
        background: rgba(255, 255, 255, 0.5);
		margin-bottom: 7.0rem;
	}
	.train-station {
		width: calc(380 / 320 * 100%);
		margin-left: calc(-30 / 320 * 100%);
		gap: 3.5rem 0;
	}
	.train-station__item__detail {
		width: calc(320 / 380 * 100%);
		margin-top: .5rem;
	}
	.train-station__item__detail__desc {
		font-size: 2.2rem;
	}
	.train-station__item__detail__note {
		font-size: 1.2rem;
		margin-top: 1.0rem;
	}
}





/*  l-train-line
--------------------------------------------------*/
.l-train-line {
	position: relative;
	padding-block: 16.0rem 15.0rem;
}
.train-line__heading {
	font-size: 2.8rem;
	line-height: 1.6;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom: 8.5rem;
}
.train-line__list {
	margin-bottom: 7.0rem;
}
.train-line__list__item {
	width: 100%;
}
.train-line__list__item + .train-line__list__item {
	margin-top: 11.0rem;
}
.train-line__list__item__heading {
	position: relative;
	font-size: 2.2rem;
	line-height: 1.5;
	letter-spacing: .05em;
	padding-bottom: 1.5rem;
	border-bottom: solid 1px var(--black);
	margin-bottom: 9.5rem;
}
.train-line__list__item__heading::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 23.4rem;
	height: .7rem;
	background: var(--background-gradation);
}
.train-line__list__item__figure {
	width: 100%;
	margin-inline: auto;
}
.train-line__list__item:nth-of-type(1) .train-line__list__item__figure {
	max-width: 1440px;
}
.train-line__list__item:nth-of-type(2) .train-line__list__item__figure {
	max-width: 1364px;
}
.train-line__list__item:nth-of-type(3) .train-line__list__item__figure {
	max-width: 1036px;
}
.train-line__nanboku {
	position: relative;
	padding-bottom: 6.0rem;
	background: url('../../img/common/bg_diagonal.jpg') no-repeat center center/cover;
}
.train-line__nanboku::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: var(--background-gradation-line);
	z-index: 1;
}
.train-line__nanboku__ttl {
	position: relative;
	width: fit-content;
	font-size: 2.1rem;
	padding-top: 3.5rem;
	padding-left: 2.0rem;
	z-index: 1;
}
.train-line__nanboku__ttl::before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 1.4rem;
	background: var(--background-gradation);
}
.train-line__nanboku__box {
	width: calc(1380 / 1500 * 100%);
	margin-inline: auto;
}
.train-line__nanboku__detail {
	width: calc(770 / 1380 * 100%);
}
.train-line__nanboku__detail__heading {
	font-size: 2.5rem;
	letter-spacing: 0;
	line-height: 1.6;
	margin-bottom: 2.7rem;
}
.train-line__nanboku__detail__desc {
	font-size: 1.8rem;
	letter-spacing: 0;
	line-height: 2.22222222;
	text-align: justify;
}
.train-line__nanboku__detail__note {
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: 0;
	text-align: justify;
	margin-top: 2.0rem;
}
.train-line__nanboku__figure {
	width: calc(480 / 1380 * 100%);
}
@media screen and (max-width: 768px){
	.l-train-line {
		padding-block: 7.0rem 8.0rem;
	}
	.train-line__heading {
		font-size: 2.0rem;
		line-height: 1.9;
		margin-bottom: 5.0rem;
	}
	.train-line__list {
		margin-bottom: 8.5rem;
	}
	.train-line__list__item + .train-line__list__item {
		margin-top: 9.5rem;
	}
	.train-line__list__item__heading {
		font-size: 1.8rem;
		letter-spacing: 0;
		margin-bottom: 3.0rem;
	}
	.train-line__list__item__heading::before {
		width: 18.0rem;
		height: .7rem;
	}
	.train-line__list__item:nth-of-type(1) .train-line__list__item__figure .js-scroll--body {
		/*width: 1360px;*/
		width: 100%;
	}
	.train-line__list__item:nth-of-type(2) .train-line__list__item__figure .js-scroll--body {
		/*width: 1360px;*/
		width: 100%;
	}
	.train-line__list__item:nth-of-type(3) .train-line__list__item__figure .js-scroll--body {
		/*width: 1000px;*/
		width: 100%;
	}
	.train-line__nanboku__ttl {
		font-size: 1.8rem;
		padding-inline: 2.0rem;
		margin-bottom: 4.0rem;
	}
	.train-line__nanboku__box {
		width: 100%;
		padding-inline: 2.0rem;
	}
	.train-line__nanboku__detail {
		width: 100%;
		margin-bottom: 3.0rem;
	}
	.train-line__nanboku__detail__heading {
		font-size: 2.0rem;
		line-height: 1.9;
		margin-bottom: 3.0rem;
	}
	.train-line__nanboku__detail__desc {
		font-size: 1.6rem;
		line-height: 2.125;
	}
	.train-line__nanboku__detail__note {
		font-size: 1.0rem;
		margin-top: 1.0rem;
	}
	.train-line__nanboku__figure {
		width: 100%;
	}
}




/*  l-taxi
--------------------------------------------------*/
.l-taxi {
	position: relative;
	padding-block: 15.0rem 20.0rem;
	background: #f2f2f2;
}
.taxi-contents {
	position: relative;
	width: min(95%,1710px);
	margin-left: auto;
	z-index: 1;
}
.taxi-detail {
	width: calc(725 / 1710 * 100%);
	margin-top: calc(30 / 1710 * 100%);
}
.taxi-detail__simulation {
	width: 100%;
	margin-top: 4.0rem;
}
.taxi-detail__simulation__heading {
	position: relative;
	font-size: 2.4rem;
	line-height: 1.3;
	letter-spacing: 0;
	padding-left: 2.7rem;
	margin-bottom: 2.5rem;
}
.taxi-detail__simulation__heading::before {
	content: '';
	position: absolute;
	left: 0;
	top: .3em;
	width: 1.8rem;
	height: 1.8rem;
	background: var(--background-gradation);
}
.taxi-detail__simulation__note {
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: 0;
	text-align: justify;
	margin-top: 2.0rem;
}
.taxi-photo {
	width: calc(884 / 1710 * 100%);
}
@media screen and (max-width: 768px){
	.l-taxi {
		padding-block: 7.0rem 8.0rem;
	}
	.taxi-contents {
		display: block;
		width: min(calc(320 / 380 * 100%), 560px);
		margin-inline: auto;
	}
	.taxi-detail {
		width: 100%;
		margin-top: 0;
		margin-bottom: 4.0rem;
	}
	.taxi-detail__photo {
		width: calc(350 / 320 * 100%);
		aspect-ratio: 350 / 200;
		overflow: clip;
		margin-top: 3.5rem;
	}
	.taxi-detail__photo img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}
	.taxi-detail__simulation {
		margin-top: 5.0rem;
	}
	.taxi-detail__simulation__heading {
		font-size: 2.0rem;
		margin-bottom: 2.2rem;
	}
	.taxi-detail__simulation__note {
		font-size: 1.0rem;
		margin-top: 1.0rem;
	}
	.taxi-photo {
		width: calc(350 / 320 * 100%);
		aspect-ratio: 350 / 200;
		overflow: clip;
	}
	.taxi-photo img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}
}