@charset "UTF-8";
/* CSS Document */

body main { overflow: visible; }

/* mainvisual ==================== */
.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/access/access_mv.jpg") no-repeat center center; background-size: cover;}
/* */
@media screen and (max-width: 850px) {
	.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/access/access_mv_sp.jpg") no-repeat center center; background-size: cover;}
	.page_mv__txt {font-size: clamp(13px, 2vw, 25px);}
}

/* 個別ページ内　共通スタイル ==================== */
.inner {max-width: 1680px;}
/* 個別ページ内　共通スタイル ==================== */



/* access_map ==================== */
.access_map { margin-bottom: 100px; }
/* */
@media screen and (max-width: 850px) { 
	.access_map { margin-bottom: 50px; } 
}

.access_map_contents { background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../img/access/access_map_back.jpg") no-repeat center center; background-size: cover; height: 668px; }
.access_map_contents .HeadtitleWrap { padding-top: 85px; }
.access_map_contents .HeadtitleWrap h3 { font-size: clamp(15px, 2vw, 32px); margin-bottom: 60px; }
.access_map_contents .HeadtitleWrap h3 span { font-size: clamp(22px, 3vw, 45px); }
.access_map_contents .HeadtitleWrap p { font-size: clamp(15px, 2vw, 25px); }
.access_map_img { max-width: 1200px; margin: -350px auto 0; }
/* */
@media screen and (max-width: 850px) { 
	.access_map_contents { height: auto; }
  .access_map_contents .HeadtitleWrap { padding-top: 40px; padding-bottom: 40px; }
  .access_map_contents .HeadtitleWrap h3 { margin-bottom: 0; }
  .access_map_img { margin: 0 auto; }
}

/* access_train ==================== */
.access_train { padding: clamp(50px, 6vw, 100px) 0; }
.access_train_contents { margin-top: 90px; }
/* */
@media screen and (max-width: 850px) { 
	.access_train_contents { margin-top: 30px; } 
}

.train_con01 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.train_con01_routeMap { width: 62%; }
.train_con01_pickup { width: 37.5%; padding-left: 5%; }
.train_con01_pickup ul li { position: relative; aspect-ratio: 4.8 / 3; }
.train_con01_pickup ul li + li { margin-top: clamp(38px, 4vw, 60px); }
.train_con01_pickup ul li:nth-child(1) { background: url("../img/access/train_pickup01.jpg") no-repeat center center; background-size: cover; }
.train_con01_pickup ul li:nth-child(2) { background: url("../img/access/train_pickup02.jpg") no-repeat center center; background-size: cover; }
.train_con01_pickup ul li:nth-child(3) { background: url("../img/access/train_pickup03.jpg") no-repeat center center; background-size: cover; }
.train_con01_pickup ul li .inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; padding: 2vw 0; }
.train_con01_pickup ul li .inner p { font-size: clamp(10px, 1.2vw, 15px); }
.train_con01_pickup ul li .inner h4 { font-size: clamp(17px, 1.2vw, 22px); font-weight: normal; }
.train_con01_pickup ul li .inner h4 b { color: #CEB188; font-size: clamp(40px, 3vw, 45px); font-weight: normal; line-height: 1; padding: 0 4px; }
.train_con01_pickup ul li .inner h4 span { font-weight: normal; border-bottom: 1px solid #DDC8A1; }
/* */
@media screen and (max-width: 850px) { 
	.train_con01_routeMap { width: 100%; }
  .train_con01_routeMap .js-modalWrap { padding-top: 35px; }
  .train_con01_pickup { width: 100%; padding-left: 0; margin-top: 30px; }
}

.train_con02 { margin-top: 180px; }
.train_con02 .whiteBox { background: #fff; padding: 45px; }
.train_con02 .whiteBox .HeadtitleWrap { text-align: center; }
.train_con02_frame { justify-content: space-between; margin-top: 40px; }
.train_con02_route { width: 56%; }
.train_con02_pickup { width: 32%; }
.train_con02_pickup ul li { position: relative; aspect-ratio: 7 / 3; }
.train_con02_pickup ul li + li { margin-top: 20px; }
.train_con02_pickup ul li.shibuya { background: url("../img/access/train_pickup_shibuya.jpg") no-repeat center center; background-size: cover; }
.train_con02_pickup ul li.yokohama { background: url("../img/access/train_pickup_yokohama.jpg") no-repeat center center; background-size: cover; }
.train_con02_pickup ul li.asakusa { background: url("../img/access/train_pickup_asakusa.jpg") no-repeat center center; background-size: cover; }
.train_con02_pickup ul li span { background: rgba(0, 0, 0, 0.6); color: #fff; font-size: clamp(18px, 2vw, 40px); text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
/* */
@media screen and (max-width: 850px) { 
	.train_con02 { margin-top: 60px; margin-left: -15px; margin-right: -15px; }
  .train_con02 .whiteBox { padding: 30px; }
  .train_con02 .whiteBox .HeadtitleWrap { text-align: left; }
  .train_con02_frame { margin-top: 0; }
  .train_con02_route { width: 100%; }
  .train_con02_route .js-modalWrap { padding-top: 40px; }
  .train_con02_pickup { width: 100%; display: none; } 

}
/* access_Airport ==================== */
.access_Airport { margin-top: 230px; }
/* */
@media screen and (max-width: 850px) { 
	.access_Airport { margin-top: 30px; }
  .access_Airport .HeadtitleWrap .en { position: relative; text-align: right; } 
}

.Airport_con01 { justify-content: space-between; align-items: center; margin-top: 55px; }
.Airport_con01 .left { width: 38.8%; }
.Airport_con01 .right { width: 55.4%; }
/* */
@media screen and (max-width: 850px) { 
	.Airport_con01 { margin-top: 30px; }
  .Airport_con01 .left { width: 100%; }
  .Airport_con01 .right { width: 100%; margin-top: 30px; }
  .Airport_con01 .left picture { margin: 0 -15px; } 

}
/* access_Taxi ==================== */
.access_Taxi { margin-top: 55px; padding-bottom: 60px; }
/* */
@media screen and (max-width: 850px) { 
	.access_Taxi { margin-top: 30px; }
  .access_Taxi .HeadtitleWrap .en { position: relative; text-align: right; } 
}

.Taxi_con01 { justify-content: space-between; align-items: center; flex-flow: row-reverse; margin-top: 70px; }
.Taxi_con01 .left { width: 38.8%; }
.Taxi_con01 .right { width: 55.4%; }
/* */
@media screen and (max-width: 850px) { 
	.Taxi_con01 { flex-flow: column; margin-top: 30px; }
  .Taxi_con01 .left { width: 100%; }
  .Taxi_con01 .right { width: 100%; margin-top: 30px; }
  .Taxi_con01 .left picture { margin: 0 -15px; } 
}

/* モーダル表示　 */
.js-modalWrap { position: relative; }
.js-modal { display: none; position: absolute; top: 0; right: 0; z-index: 2; }
.js-modal img { width: 40px; }
.modalOuter { display: none; }
@media screen and (max-width: 850px) { 
	.js-modal { display: block; }
  .mfp-custom.mfp-bg { z-index: 10000; }
  .mfp-custom.mfp-wrap { z-index: 10001; }
  .mfp-custom .mfp-content { max-width: calc(100% - 60px); background: #fff; }
  .mfp-custom .mfp-close { color: #fff; background: #000; opacity: 1; } 
}








@media only screen and (min-width: 768px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {}