/* CSS Document */

main{}
	main img{
		max-width: none;
		}

#access{
	padding-top: 0;
	}
	#access header{
		padding: 0;
		}
		#access header figure+div{
			text-align: center;
			}
	#access header+section{
		padding-top: 1em;
		}
	#access section{
		padding-top: 0;
		overflow: hidden;
		}
	#access h3{
		position: relative;
		padding: 1em 0;
		color: #fff;
		font-weight: bold;
		z-index: 1;
		}
		#access h3:before{
			content: "";
			position: absolute;
			top: 0;
			left: calc(50% - 50vw);
			width: 100vw;
			height: 100%;
			background: #333;
			z-index: -1;
			}
	#access h3+div{
		margin-top: 2em;
		}
	#access li{
		color: #666;
		}
	#access dl{
		display: flex;
		}
	#access dt{
		padding-bottom: 1em;
		border-bottom: 1px solid #afafaf;
		font-size: 1.2em;
		font-weight: bold;
		}
	#access dd{
		display: flex;
		flex-wrap: wrap;
		margin-top: 1em;
		line-height: 1.4em;
		color: #666;
		}
		#access dd a{
			display: inline-flex;
			align-items: center;
			padding-right: 0.5em;
			}
		#access dd i{
			margin-top: 0.2em;
			margin-right: 0.4em;
			}




/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
.tableScroll{
	overflow-y: scroll;
	}
	.tableScroll td{
		white-space: nowrap;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下横向き*/
}
@media (max-width: 767px) and (orientation:portrait), (max-width: 575px) and (orientation:landscape) {
/*767px以下縦向き, 575px以下横向き*/
#access{}
	#access header{}
		#access header figure{
			margin-bottom: 2em;
			}
	#access h2+div{
		margin-top: 2em;
		}
	#access dl{
		flex-direction: column;
		}
}
@media (min-width: 768px), (min-width: 576px) and (max-width: 767px) and (orientation:landscape) {
/*576px～767px横向き, 768px以上,*/
#access{}
	#access dl{
		flex-wrap: wrap;
		}
	#access dt{
		width: 100%;
		}
	#access dd{
		width: 50%;
		}
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (orientation:landscape) {
/*576px～767px横向き, 768px～991px*/
#access{}
	#access header{}
		#access header figure{
			margin-bottom: 3em;
			}
	#access h2+div{
		margin-top: 3em;
		}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#transportBus{}
	#transportBus table{
		table-layout: fixed;
		}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#transportTaxi,
#transportRentalCar{}
	#transportTaxi table,
	#transportRentalCar table{
		table-layout: fixed;
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#access{}
	#access header{}
		#access header figure{
			margin-bottom: 4em;
			}
	#access h2+div{
		margin-top: 4em;
		}
#transportTaxi,
#transportRentalCar{}
	#transportTaxi td,
	#transportRentalCar td{}
		#transportTaxi td:nth-of-type(1),
		#transportRentalCar td:nth-of-type(1){
			width: 25%;
			}
		#transportTaxi td:nth-of-type(2),
		#transportRentalCar td:nth-of-type(2){
			width: 25%;
			}
		#transportTaxi td:nth-of-type(3),
		#transportRentalCar td:nth-of-type(3){
			width: 30%;
			}
		#transportTaxi td:nth-of-type(4),
		#transportRentalCar td:nth-of-type(4){
			width: 20%;
			}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none) {
}