@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-access{ position: relative; border-top: 1px solid transparent; }
#main-content .section-access::before{ content: ""; position: absolute; left: 0; top: 100%; background-color: #ffffff; width: 100%; padding-top: 80px; z-index: 300; }
#main-content .section-access .fixed-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: -1; }
#main-content .section-access .fixed-bg.enable{ z-index: 200; }
#main-content .section-access .fixed-bg .bg{ position: absolute; left: 0; width: 100%; height: 0; clip: rect(auto, auto, auto, auto); left: 0; bottom: 0; }
#main-content .section-access .fixed-bg .bg.reverse{ bottom: auto; top: 0; }
#main-content .section-access .fixed-bg .bg .bg-fill{ position: fixed; top: 0; right: 0; z-index: -1; display: block; width: 92.8571%; height: 100%; background: url(../images/img_access/p01.jpg) center center no-repeat; background-size: cover; }
#main-content .section-access .fixed-bg .bg .caption{ position: fixed; left: 7.1429%; bottom: 40px; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-access .fixed-bg .en-ttl{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; position: fixed; right: 60px; top: 50%; transform: translateY(-50%); font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: right; }
#main-content .section-access .section-content{ position: relative; z-index: 500; background-color: #ffffff; padding: 80px 6.142% 80px 7.1429%; width: 782px; overflow: hidden; margin-top: 100vh; margin-top: calc(var(--vh, 1vh) * 100); }
#main-content .section-access .section-content .en{ font-size: 24px; line-height: 1.5; color: #4c4c4c; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-access .section-content .railway .walk{ color: #3e3a39; line-height: 1.5; }
#main-content .section-access .section-content .railway .walk .line{ font-size: 80%; display: block; }
#main-content .section-access .section-content .railway .walk .name{ font-size: 185%; line-height: 1; }
#main-content .section-access .section-content .railway .walk .min{ font-size: 150%; line-height: 1.2; }
#main-content .section-access .section-content .railway .walk .min .num{ font-size: 120%; color: #a55a23; line-height: 1; }
#main-content .section-access .section-content .railway .walk .distance{ font-size: 65%; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-access .section-content .railway .walk01{ font-size: 20px; line-height: 1.5; margin-top: 40px; }
#main-content .section-access .section-content .railway .walk02{ font-size: 20px; line-height: 1.5; }
#main-content .section-access .section-content .railway .walk02 .name{ font-size: 140%; }
#main-content .section-access .section-content .railway .station{ color: #3e3a39; line-height: 1.5; }
#main-content .section-access .section-content .railway .station .name{ font-size: 125%; }
#main-content .section-access .section-content .railway .station .len{ font-size: 75%; line-height: 1.5; display: inline; padding: 0 0.4em; margin: 0 0.2em; border: 1px solid #9e9c9c; }
#main-content .section-access .section-content .railway .station .num{ font-size: 125%; }
#main-content .section-access .section-content .railway .station-list01{ display: flex; display: -ms-flex; margin-top: 10px; }
#main-content .section-access .section-content .railway .station-list01 .station{ font-size: 24px; }
#main-content .section-access .section-content .railway .split-view{ display: flex; display: -ms-flex; margin-top: 20px; padding-top: 20px; border-top: 1px solid #8ba288; align-items: flex-end; }
#main-content .section-access .section-content .railway .split-view .station{ font-size: 24px; margin-left: 0.5em; }
#main-content .section-access .section-content .railway .map{ width: 75.9591%; margin: 40px auto 0; }
#main-content .section-access .section-content .bus{ margin-top: 100px; }
#main-content .section-access .section-content .bus .copy{ font-size: 22px; line-height: 1.5; color: #4c4c4c; margin-top: 40px; }
#main-content .section-access .section-content .bus .walk{ font-size: 24px; line-height: 1.7; color: #7a7b78; margin-top: 20px; }
#main-content .section-access .section-content .bus .walk .line{ font-size: 58.3333%; display: block; color: #3e3a39; }
#main-content .section-access .section-content .bus .walk .name{ font-size: 141.6666%; line-height: 1; }
#main-content .section-access .section-content .bus .walk .min{ font-size: 141.6666%; line-height: 1.2; }
#main-content .section-access .section-content .bus .walk .min .num{ font-size: 152.9411%; color: #a55a23; line-height: 0; }
#main-content .section-access .section-content .bus .walk .distance{ font-size: 58.3333%; color: #3e3a39; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-access .section-content .bus .txt{ font-size: 14px; line-height: 2.14; color: #4c4c4c; margin-top: 20px; }
#main-content .section-access .section-content .bus .photo-body{ margin-top: 40px; margin-right: -6.1429vw; position: relative; }
#main-content .section-access .section-content .bus .photo-body .caption{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-access .section-content .taxi{ margin-top: 100px; }
#main-content .section-access .section-content .taxi .list-item{ margin-top: 40px; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .section-access .section-content .taxi .list-item .item{ width: 32.4808%; text-align: center; }
#main-content .section-access .section-content .taxi .list-item .item .photo-body{ position: relative; }
#main-content .section-access .section-content .taxi .list-item .item .photo-body .caption{ font-size: 14px; line-height: 1.5; padding: 2px 5px; color: #ffffff; text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px; position: absolute; right: 0; bottom: 0; }
#main-content .section-access .section-content .taxi .list-item .item .name{ font-size: 26px; line-height: 1.5; margin-top: 15px; color: #a55a23; padding-left: 0.5em; letter-spacing: 0.5em; }
#main-content .section-access .section-content .taxi .list-item .item .distance{ font-size: 12px; line-height: 1.5; color: #535450; margin-top: 10px; border-bottom: 1px solid #bcbdbc; margin-bottom: 10px; padding-bottom: 10px; }
#main-content .section-access .section-content .taxi .list-item .item .price{ font-size: 16px; line-height: 1.375; color: #535450; }
#main-content .section-access .section-content .taxi .list-item .item .zero-padding{ visibility: hidden; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section-access .section-content{ width: 620px; }
	#main-content .section-access .section-content .railway .split-view{ display: block; }
	#main-content .section-access .section-content .railway .split-view .station{ margin-left: 0; }
	#main-content .section-access .section-content .taxi .list-item{ margin-top: 20px; flex-wrap: wrap; }
	#main-content .section-access .section-content .taxi .list-item .item{ width: 48%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(even){ margin-left: 4%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(n+3){ margin-top: 6%; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-access::before{ padding-top: 10% }
	#main-content .section-access .fixed-bg .bg .bg-fill{ width: 100%; }
	#main-content .section-access .fixed-bg .bg .caption{ left: 0; bottom: 50px; }
	#main-content .section-access .fixed-bg.ttl-body{ position: relative; }
	#main-content .section-access .fixed-bg.ttl-body .bg{ height: 100%!important; clip: auto; bottom: auto; right: auto; }
	#main-content .section-access .fixed-bg.ttl-body .en-ttl{ position: absolute; right: auto; left: 50%; transform: translate(-50%,-50%); }
	#main-content .section-access .section-content{ padding: 10% 5% 15%; width: auto; margin-top: 0; }
	#main-content .section-access .section-content .railway .walk01{ font-size: 3.7vw; margin-top: 20px; }
	#main-content .section-access .section-content .railway .walk02{ font-size: 3.4vw; }
	#main-content .section-access .section-content .railway .station-list01 .station{ font-size: 3.6vw; }
	#main-content .section-access .section-content .railway .split-view{ margin-top: 5%; padding-top: 5%; display: block; }
	#main-content .section-access .section-content .railway .split-view .station{ font-size: 3.4vw; margin-left: 0; }
	#main-content .section-access .section-content .railway .map{ width: 100%; margin-top: 5%; text-align: center; }
	#main-content .section-access .section-content .bus{ margin-top: 10%; }
	#main-content .section-access .section-content .bus .copy{ margin-top: 20px; }
	#main-content .section-access .section-content .bus .walk{ font-size: 3.6vw; margin-top: 10px; }
	#main-content .section-access .section-content .bus .txt{ margin-top: 10px; }
	#main-content .section-access .section-content .bus .photo-body{ margin-top: 5%; margin-right: 0; }
	#main-content .section-access .section-content .taxi{ margin-top: 10%; }
	/*#main-content .section-access .section-content .taxi .list-item{ margin-top: 20px; flex-wrap: wrap; }
	#main-content .section-access .section-content .taxi .list-item .item{ width: 48%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(even){ margin-left: 4%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(n+3){ margin-top: 6%; }*/
	#main-content .section-access .section-content .taxi .list-item .item .name{ margin-top: 10px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .section-access .section-content .railway .walk01{ font-size: 5vw; }
	#main-content .section-access .section-content .railway .walk01 .distance{ display: block; text-align: right; }
	#main-content .section-access .section-content .railway .walk02{ font-size: 4.5vw; }
	#main-content .section-access .section-content .railway .station-list01 .station{ font-size: 4.4vw; }
	#main-content .section-access .section-content .railway .split-view .station{ font-size: 4.4vw; }
	#main-content .section-access .section-content .bus .walk{ font-size: 4.6vw; }
	#main-content .section-access .section-content .taxi .list-item{ display: block; }
	#main-content .section-access .section-content .taxi .list-item .item{ width: 100%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(even){ margin-left: 0; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(n+2){ margin-top: 6%; }
}