@charset "utf-8";

.bg_texture1 {
	padding-bottom: 0;
}


/* ==============================
access_train__map
============================== */
.access_train__map {margin-top: 60px;}



/* ==============================
access_train__route01
============================== */
.access_train__route01 {margin-block: 80px 60px;}
.route01_inner {
	/*background: rgba(255,255,255,0.3);*/
	/*padding: 40px;*/
	padding: 0;
}
/*.access_train__route01 h3 {font-size: 24px;letter-spacing: 0.06em;text-align: center;border-bottom: 1px solid #969696;padding-bottom: 20px;}
.access_train__route01 h3 strong {font-size: 150%;}
.access_train__route01 h3 b {font-size: 180%;font-weight: normal;line-height: 1;padding: 0 3px;}
.access_train__route01 h3 ruby rt {margin-bottom: 10px;}*/
.access_train__route01 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
/*.access_train__route01 ul li {margin-top: 30px;}*/
/*.access_train__route01 ul li:nth-child(1) {width: 22%;}
.access_train__route01 ul li:nth-child(2) {width: 22%;}
.access_train__route01 ul li:nth-child(3) {width: 24%;}
.access_train__route01 ul li:nth-child(4) {width: 28%;}*/
.access_train__route01 ul li {
	position: relative;
	width: fit-content;
	/*margin: 0 2%;*/
}
.access_train__route01 ul li + li {
	padding-left: 6%;
	margin-left: 6%;
}
.access_train__route01 ul li + li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #969696;
}
/*.access_train__route01 ul li:nth-child(1) {width: 42%;}
.access_train__route01 ul li:nth-child(2) {width: 48%;}
.access_train__route01 ul li:nth-child(3) {width: 42%;}
.access_train__route01 ul li:nth-child(4) {width: 48%;}*/
.access_train__route01 .txt01 {
	font-size: 16px;
	font-size: clamp(10px, calc(16 / 1480 * 100vw), 16px);
	letter-spacing: 0.04em;
}
.access_train__route01 .txt02 {
	font-size: 36px;
	font-size: clamp(22px, calc(36 / 1480 * 100vw), 36px);
	letter-spacing: 0.04em;
}
.access_train__route01 .txt02 strong {font-size: 140%;}
.access_train__route01 .txt02 b {font-size: 180%;font-weight: normal;line-height: 1;padding: 0 3px;}
.access_train__route01 .txt02 b {font-size: 180%;font-weight: normal;line-height: 1;padding: 0 3px;
	background: linear-gradient(180deg, #b0a785 0%, #86723b 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.access_train__route01 .txt03 {font-size: 11px;text-align: right;letter-spacing: 0.04em;}
.access_photo {
	margin-block: 80px 0;
}
/* */
@media screen and (max-width: 960px){
	.access_train__route01 {margin-block: 50px 40px;}
	.access_train__route01 h3 {font-size: 15px;letter-spacing: inherit;}
	/*.access_train__route01 ul li {margin: 0; margin-top: 15px;}*/
	/*.access_train__route01 ul li:nth-child(1), 
	.access_train__route01 ul li:nth-child(2),
	.access_train__route01 ul li:nth-child(3),
	.access_train__route01 ul li:nth-child(4) {width: fit-content;}*/
	.access_train__route01 .txt01 {
		/*font-size: 11px;*/
		font-size: 14px;
	}
	.access_train__route01 .txt02 {
		/*font-size: 16px;*/
		font-size: 25px;
	}
}
@media screen and (max-width: 768px){
	.access_train__route01 ul {
		flex-direction: column;
	}
	.access_train__route01 ul li {
		width: 100%;
	}
	.access_train__route01 ul li + li {
		padding-left: 0;
		margin-left: 0;
		padding-top: 6%;
		margin-top: 6%;
	}
	.access_train__route01 ul li + li::before {
		width: 100%;
		height: 1px;
	}
	.access_train__route01 ul li div {
		width: fit-content;
	}
	.access_photo {
		aspect-ratio: 380 / 260;
		overflow: hidden;
		margin-block: 50px 0;
	}
	.access_photo img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}
}



/* ==============================
access_train__route02
============================== */
.access_train__route02 {margin-top: 160px; justify-content: space-between;}
.access_train__route02 h4 {font-size: 18px;}
.access_train__route02 h4 b {font-size: 140%;font-weight: normal;line-height: 1;}
.access_train__route02 ul li {margin-top: 30px;}
.access_train__route02 ul li p {font-size: 22px;letter-spacing: 0.04em;margin-top: 30px;}
.access_train__route02 ul li p b{font-size: 150%;font-weight: normal;line-height: 1;}
.access_train__route02 ul li p b.en2 {font-size: 180%;}
.access_train__route02 ul li p b.gold {
	background: linear-gradient(180deg, #b0a785 0%, #86723b 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.access_train__route02 .box01 {}
.access_train__route02 .box01 ul {justify-content: space-between;}
.access_train__route02 .box01 ul li {width: 48%;}
.access_train__route02 .box01 h4 {position: relative;display: flex;align-items: center;}

.access_train__route02 .box02 {margin-top: 90px;}
.access_train__route02 .box02 h3 {font-size: 30px;text-align: center;}
.access_train__route02 .box02 h4 {margin-top: 30px;}

.access_train__route02 .box03 {
	margin-top: 90px;
	position: relative;
}
.access_train__route02 .box03 ul li {width: calc(100% / 3);}
.access_train__route02 .box03 .ImgCap {
	position: absolute;
	right: 5px;
	bottom: 0;
	transform: translateY(100%);
	color: #fff;
}
/* */
@media screen and (max-width: 960px){
	.access_train__route02 {margin-top: 60px;}
	.access_train__route02 h4 {font-size: 14px;}
	.access_train__route02 ul li {margin-top: 20px;}
	.access_train__route02 ul li + li {margin-top: 40px;}
	.access_train__route02 ul li p {font-size: 16px;margin-top: 15px;}
	.access_train__route02 .box01 {width: 100%;}
	.access_train__route02 .box01 ul li {width: 100%;}
	.access_train__route02 .box01 h4 span:nth-child(1) {width: 100%;}
	.access_train__route02 .box01 h4 span:nth-child(2) {display: none;}
	
	.access_train__route02 .box02 {margin-top: 40px;padding-top: 40px;border-top: 1px solid #969696;}
	.access_train__route02 .box02 h3 {font-size: 20px;}
	
	.access_train__route02 .box03 {margin-top: 40px;}
	.access_train__route02 .box03 ul li{
		width: calc(126 / 380 * 100%);
	}
	.access_train__route02 .box03 ul li:nth-child(2){
		width: calc(128 / 380 * 100%);
	}
	.access_train__route02 .box03 ul li, 
	.access_train__route02 .box03 ul li + li {margin-top: 0;}
}
@media screen and (max-width: 768px){
}



/* ==============================
access_train__route03
============================== */
.access_train__route03 {
	padding-block: 150px 155px;
	background: url("../../common/img/page/access/img_access_train_route03_bg.jpg") no-repeat center center /cover;
}
.access_train__route03 h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.access_train__route03 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.access_train__route03 ul li{
	width: calc(615 / 1280 * 100%);
}
.access_train__route03 ul li:nth-child(1){
	width: 100%;
	margin-bottom: 100px;
}
.access_train__route03 ul li p {font-size: 22px;color: #fff;letter-spacing: 0.04em;margin-top: 30px;}
.access_train__route03 ul li p b{font-size: 150%;font-weight: normal;line-height: 1;}
.access_train__route03 ul li p b.en2 {font-size: 180%;}
.access_train__route03 ul li p b.gold {
	background: linear-gradient(180deg, #b0a785 0%, #86723b 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.access_train__route03__note {
	font-size: 12px;
	color: #fff;
	letter-spacing: 0.04em;
	text-align: right;
	margin-top: 40px;
}
/* */
@media screen and (max-width: 960px){
	.access_train__route03 {
		padding-block: 65px 70px;
	}
	.access_train__route03 h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.access_train__route03 ul li{
		width: 100%;
	}
	.access_train__route03 ul li:nth-child(1){
		width: 100%;
		margin-bottom: 0;
	}
	.access_train__route03 ul li + li {margin-top: 40px;}
	.access_train__route03 ul li p {font-size: 16px;margin-top: 15px;}
	.access_train__route03 .box01 {width: 100%;}
	.access_train__route03 .box01 ul li {width: 100%;}
	.access_train__route03 .box01 h4 span:nth-child(1) {width: 100%;}
	.access_train__route03 .box01 h4 span:nth-child(2) {display: none;}
	.access_train__route03__note {
		font-size: 10px;
		text-align: left;
		margin-top: 30px;
	}
}



/* ==============================
access_bus
============================== */
#access_bus {position: relative;
	background: #d3d4d3 url("../../common/img/page/access/bg_access_bus.jpg")center;
  background-size: cover;
  background-attachment: fixed;
  padding: 130px 0;
}
#access_bus:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
#access_bus .inner {position: relative;z-index: 1;}
/* */
@media screen and (max-width: 960px){
	#access_bus {padding: 70px 0;}
}


/* ==============================
access_bus__route01
============================== */
.access_bus__route01 {}
.access_bus__route01 ul {justify-content: space-between;align-items: center;}
.access_bus__route01 ul li {width: 48%;}
.access_bus__route01 h3 {font-size: 30px;color: #fff;}
/* */
@media screen and (max-width: 960px){
	.access_bus__route01 ul {flex-direction: column-reverse;}
	.access_bus__route01 ul li {width: 100%;}
	.access_bus__route01 ul li:first-child {margin-top: 50px;}
	.access_bus__route01 h3 {font-size: 20px;text-align: center;}
}



/* ==============================
access_bus__route02
============================== */
.access_bus__route02 {margin-top: 80px;background: rgba(0,0,0,0.7);padding: 50px;}
/* */
@media screen and (max-width: 960px){
	.access_bus__route02 {margin-top: 50px;padding: 20px;}
}


/* ==============================
access_bus__route03
============================== */
.access_bus__route03 {margin-top: 80px;}
.access_bus__route03 figure {max-width: 1000px;margin: 0 auto;}
/* */
@media screen and (max-width: 960px){
	.access_bus__route03 {margin-top: 50px;}
}


/* ==============================
access_taxi__fee
============================== */
.access_taxi__fee {justify-content: space-between;}
.access_taxi__fee .simulation {width: 48%;}
.access_taxi__fee .simulation h3 {font-size: 30px;}
.access_taxi__fee .simulation h4 {font-size: 18px;background: #000;color: #fff;padding: 10px;padding-left: 20px;margin: 120px auto 40px;}
.access_taxi__fee .simulation dl {border-top: 1px solid #969696;border-bottom: 1px solid #969696;padding: 20px;justify-content: space-between;}
.access_taxi__fee .simulation dl + dl {border-top: none;}
.access_taxi__fee .simulation dt {font-size: 18px;}
.access_taxi__fee .simulation dd {font-size: 18px;}
.access_taxi__fee .simulation dd b {font-size: 180%;font-weight: normal;line-height: 1;padding: 0 4px;}
.access_taxi__fee .simulation_img {width: 48%;}
/* */
@media screen and (max-width: 960px){
	.access_taxi__fee .simulation {width: 100%;}
	.access_taxi__fee .simulation h3 {font-size: 20px;text-align: center;}
	.access_taxi__fee .simulation h4 {font-size: 16px;margin: 60px auto 20px;}
	.access_taxi__fee .simulation dl {display: block;}
	.access_taxi__fee .simulation dt {font-size: 16px;}
	.access_taxi__fee .simulation dd {font-size: 16px;text-align: right;}
	.access_taxi__fee .simulation_img {width: 100%;margin-top: 50px;}
}








@media screen and (max-width: 960px){
}
@media screen and (max-width: 640px){
}