@charset "UTF-8";


#main-content .intro-copy{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; text-align: center; letter-spacing: 0.2em; }
#main-content .access-list{ margin: 70px -65px 0 -130px; }
#main-content .access-list .item+.item{ margin-top: 50px; }
#main-content .access-list .item .photo-body{ position: relative; }
#main-content .access-list .item:nth-child(even) .photo-body{ margin-left: auto; }
#main-content .access-list .item .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; color: #ffffff; z-index: 10; background-color: rgba(0,0,0,0.8); }
#main-content .access-list .item .txt-body{ margin-left: 30px; margin-right: 30px; background: url(../images/img_access/bg01.jpg) center center no-repeat; background-size: cover; display: flex; display: -ms-flex; align-items: center; justify-content: flex-start; box-sizing: border-box; }
#main-content .access-list .item .txt-body *{ color: #ffffff; }
#main-content .access-list .item01 .photo-body{ width: 62.94%; }
#main-content .access-list .item02 .photo-body{ width: 64.20%; }
#main-content .access-list .item03 .photo-body{ width: 65.19%; position: absolute; margin-top: 44px; }
#main-content .access-list .item01 .txt-body{ height: 488px; margin-top: -444px; padding-left: 695px; }
#main-content .access-list .item02 .txt-body{ height: 488px; margin-top: -444px; padding-left: 55px; }
#main-content .access-list .item03 .txt-body{ width: 746px; height: 435px; margin-left: auto; padding-left: 410px; }
#main-content .access-list .item .txt-body .place{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 42px; line-height: 1.2; }
#main-content .access-list .item .txt-body .station{ font-size: 30px; line-height: 1.2; margin-top: 30px; }
#main-content .access-list .item .txt-body .station .s-size{ font-size: 16px; display: block; }
#main-content .access-list .item .txt-body .station .num{ font-size: 146%; line-height: 0.5; }
#main-content .jr-about{ margin-top: 150px; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .jr-about .txt-body{ flex: 1; }
#main-content .jr-about .txt-body .en{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 14px; line-height: 1.5; color: #140700; }
#main-content .jr-about .txt-body .ttl{ font-size: 22px; line-height: 1.5; color: #847856; font-weight: normal; }
#main-content .jr-about .txt-body .txt{ font-size: 16px; line-height: 1.75; margin-top: 20px; }
#main-content .jr-about .txt-body .walk01{ display: flex; display: -ms-flex; align-items: center; color: #777777; margin-top: 70px; }
#main-content .jr-about .txt-body .walk01 .en2{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 99px; line-height: 0.8; }
#main-content .jr-about .txt-body .walk01 .ja{ font-size: 52px; line-height: 1.2; }
#main-content .jr-about .txt-body .walk01 .ja .line{ font-size: 57.14%; display: block; }
#main-content .jr-about .txt-body .walk01 .ja .num{ font-size: 228%; line-height: 0; color: #80064b; }
#main-content .jr-about .txt-body .walk02{ color: #777777; font-size: 46px; line-height: 1.2; margin-top: 30px; }
#main-content .jr-about .txt-body .walk02 .line{ font-size: 57.14%; display: block; }
#main-content .jr-about .txt-body .walk02 .num{ font-size: 228%; line-height: 0; color: #80064b; }
#main-content .jr-about .photo-body{ width: 274px; }
#main-content .jr-about .photo-body .photo+.photo{ margin-top: 10px; }
#main-content .route{ margin-top: 40px; }



/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .access-list{ margin: 70px -40px 0 -95px; }
	#main-content .access-list .item01 .txt-body{ padding-left: 590px; }
	#main-content .access-list .item02 .txt-body{ padding-left: 55px; }
	#main-content .access-list .item03 .txt-body{ padding-left: 480px; }
	#main-content .jr-about .txt-body .walk01 .en2{ font-size: 89px; }
	#main-content .jr-about .txt-body .walk01 .ja{ font-size: 46px; }
	#main-content .jr-about .txt-body .walk02{ font-size: 40px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .intro-copy{ font-size: 20px; letter-spacing: 0; }
	#main-content .access-list{ margin: 10% 0 0; }
	#main-content .access-list .item+.item{ margin-top: 10%; }
	#main-content .access-list .item .txt-body{ width: 90%; height: auto; display: block; position: relative; margin: -10% 0 0 auto; padding: 15% 5% 5%; box-sizing: border-box; }
	#main-content .access-list .item .txt-body *{ color: #ffffff; }
	#main-content .access-list .item .photo-body{ width: 90%; margin-top: 0; position: relative; z-index: 5; }
	#main-content .access-list .item:nth-child(2n+2) .txt-body{ margin-left: 0; }
	#main-content .access-list .item .txt-body .place{ font-size: 36px; }
	#main-content .access-list .item .txt-body .station{ font-size: 30px; margin-top: 3%; }
	#main-content .access-list .item .txt-body .station .s-size{ font-size: 14px; }
	#main-content .jr-about{ margin-top: 10%; display: block; }
	#main-content .jr-about .txt-body .ttl{ font-size: 20px; }
	#main-content .jr-about .txt-body .txt{ font-size: 14px; margin-top: 3%; }
	#main-content .jr-about .txt-body .walk01{ margin-top: 5%; }
	#main-content .jr-about .txt-body .walk01 .en2{  font-size: 12.8906vw; }
	#main-content .jr-about .txt-body .walk01 .ja{ font-size: 6.7708vw; }
	#main-content .jr-about .txt-body .walk02{ font-size: 5.8vw; margin-top: 5%; }
	#main-content .jr-about .photo-body{ width: 100%; display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5%; }
	#main-content .jr-about .photo-body .photo{ width: 48%; }
	#main-content .jr-about .photo-body .photo+.photo{ margin: 0 0 0 4%; }
	#main-content .jr-about .photo-body .photo img{ width: 100%; height: auto; }
	#main-content .jr-about .photo-body .caption{ width: 100%; }
	#main-content .route{ margin-top: 5%; text-align: center; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}