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

.t76{font-size: .76em;}
.t15{font-size: 1.5em;}
.txt01{line-height: 2; letter-spacing: 0.1em; margin: 50px 15px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}

.ac-head {
	font-size: 6rem;
	line-height: 6rem;
	margin-bottom: 40px;
	text-align: center;
	font-feature-settings: "palt";
}
.ac-top{width: 100%; object-fit: cover;}

.eq-tit{margin-top: 75px;}
/* section common */
.sec-head {
	font-size: 3rem;
	line-height: 4rem;
	margin: 50px 0 20px;
border-bottom: solid 1px black;
}
.sec-text {
	line-height: 2;
	letter-spacing: 0.1em;
}
.sec-link {
	display: inline-block;
	padding: 0 15px;
	position: relative;
}
.sec-link:before {
	background-color: #251e1c;
	content: "";
	display: inline-block;
	height: 2px;
	width: 50px;
	position: absolute;
	right: calc(100% + 0px);
	top: 50%;
	vertical-align: middle;
	transition: all ease 0.25s;
}
.sec-link:hover:before {
	width: 0;
}
.sec-link:after {
	background-color: #251e1c;
	border-radius: 3px;
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
	vertical-align: middle;
	opacity: 0;
	transform: scale(0);
	transition: all 0.25s ease 0.15s;
}
.sec-link:hover:after {
	opacity: 1;
	transform: scale(1);
}
@media screen and (max-width: 767px){
	.headline01 {
		min-height: 252px;
	}
	.ac-head {
		font-size: 4.5rem;
		line-height: 4.5rem;
		margin-bottom: 20px;
}
	.sec-head {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 20px;
	}
	.sec-text {
		font-size: 1.3rem;
		letter-spacing: 0;
	}
}

.trainbox{margin: 70px 0;}
.rosen2{ font-size: 1.8rem;line-height: 2em; margin: 25px 0;}
.rosen2 p{margin-bottom: 25px;fletter-spacing: .1em;}
.titn{color: #237553;}
.tits{color: #CEA387;}
.sta{font-size: 1.3em;}
.shuttle{border: 1px solid #000; padding: 15px; text-align: center;}
.shuttle p{margin-bottom: 10px;}
.shuttlemain{font-size: 2rem; line-height: 3rem; }
.shuttlemain span{border-bottom: 1px solid #000000; display: inline-block; margin-bottom: 15px; font-size: .86em;}
.shuttlesub{margin-top: 25px;}
.busbox{font-size: 1.8rem; line-height: 2em;}
.bustime{border-bottom: 1px solid #000; font-size: .86em;}
.bustime2{margin-left: 1em;}
.busimg{}
@media screen and (min-width: 767px){
.trainbox{display: flex; justify-content: space-between; margin-bottom: 120px }
.rosen{width: 50%;}
.rosen2{width: 48%;font-size: 2.5rem;}
.shuttle{display: inline-block; display: flex; justify-content: space-around; padding: 15px;}
.shuttlemain{font-size: 4rem; line-height: 5rem; }
.busbox{margin: 50px;font-size: 2.5rem;}
}
@media screen and (max-width: 767px){
.shuttlesub{font-size: .86em;}
}

.acbox{margin: 45px 0 0;}
.acbox h4{
	font-size: 2.5rem;
		line-height: 2.5rem;
		margin-bottom: 10px;
}

.acbox > div{margin-bottom: 50px;}
.acbox p{position: absolute; left: 50%;  top: 50%; transform: translate(-50%,-50%);width: 100%; padding: 5px; color: #fff; background-color:rgba(0,0,0,0.4); font-size: 3rem; line-height: 4rem;text-align: center;}
span.acmini{font-size:.7em;}
.acbox p sup{font-size:.5em;}
	.airport{font-size: 2em; border-bottom: 1px solid #000; margin-bottom: 10px; justify-content: space-between;align-items: flex-end;}
.taxiTable {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 background: #cdf4f0;
}
.taxiTable tr:nth-child(2n+1) {
 background: #e9faf9;
}
.taxiTable th {
 padding: 10px;
 border: solid 1px #ffffff;
 background: #778ca3;
 color: #ffffff;
 text-align: center;
}
.taxiTable td {
 padding: 10px;
 border: solid 1px #ffffff;
}


/* -----------------------------------------------------
	Bus
----------------------------------------------------- */
.busTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.busTable th,
.busTable td {
  padding: 10px;
  border: 1px solid #888;
  background: #fff;
}

.busTable th {
  font-weight: normal;
  text-align: center;
  background: #D1C4AF;
}

.busTable .small {
  font-size: 0.8em;
}

@media only screen and (max-width: 991px) {
  .busTable {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 767px){
.ac-top{height: 500px;}
	.acbox{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.acbox > div{width: 31%;}
	.acbox > div.pe{width: 48%;}
.txt01{font-size: 1.5em; line-height: 2; letter-spacing: 0.1em; text-align: center; margin: 50px auto;}
	.airport{display: flex;}
}

/* section categories */
.categories .item {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 75px 0;
	text-align: left;
}
.categories .item:nth-child(even) {
	flex-direction: row-reverse;
	text-align: left;
}
.categories .item .photo {
	width: 44.66%;
}
.categories .item .photo .simpleParallax,
.categories .item .photo img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.categories .item .info {
	border: solid #251e1c;
	border-width: 0 1px 0 0;
	padding: 0 45px;
	width: 53.33%;
}
.categories .item:nth-child(even) .info {
	border-width: 0 0 0 1px;
}
.categories .item .info .sec-text {
	margin-bottom: 20px;
}
.categories .item .info .sec-link {
}
.categories .item:nth-child(even) .sec-link {
	margin-left: 60px;
	margin-right: 0;
}
@media screen and (max-width: 767px){
	.categories .item {
		display: block;
		padding: 40px 0;
	}
	.categories .item .info {
		padding: 0 15px;
		width: 100%;
	}
	.categories .item .photo {
		border: solid #251e1c;
		border-width: 0 1px 0 0;
		padding: 15px 15px 0 0;
		width: 100%;
	}
	.categories .item:nth-child(even) .photo {
		border-width: 0 0 0 1px;
		padding: 15px 0 0 15px;
	}
	.categories .item .photo .img-cap { right: 15px; }
	.categories .item:nth-child(even) .photo .img-cap { right: 0; }
}

.caption{margin-bottom:50px;}