@charset "utf-8";


/**************************************************50
 * access
 **************************************************/
#access{
}
#access > div{
}
#access > div dl{
}
#access > div dl dt{
	text-align: center;
}
#access > div dl dd{
}
#access > div dl dt h2{
	color: #717171;
	font-weight: normal;
}
#access > div dl dt img[src$="logo.png"]{
	width: 112px;
}
#access > div dl dd{
}
#access > div dl dd > div{
	border-color: #5282B7;
	border-style: solid;
	font-size: 87.5%;
	padding-left: -webkit-calc(1em - 4px);
	padding-left: calc(1em - 4px);
	text-align: left;
}
#access > div dl dd p{
}
#access > div dl dd h3{
	background-color: #5284B9;
	color: #FFFFFF;
	display: inline-block;
	font-size: 87.5%;
	padding: 0 0.8em;
}
#access > div dl dd > p{
	font-size: 75%;
}
#access > div picture{
	overflow: hidden;
}
#access_photo{
}
#access_photo:not(.slick-slider){
	opacity: 0;
}
#access_photo img{
	width: 100%;
}
#access_thumb{
}
#access_thumb:not(.slick-slider){
	opacity: 0;
}
#access_thumb img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
	transition: opacity 0.2s ease-out 0s;
	width: 100%;
}
#access_thumb img:hover,
#access_thumb .slick-current img{
	opacity: 0.5;
}
@media screen and (max-width:767px){
	#access{
		margin-bottom: 6.25%;
	}
	#access > div{
	}
	#access > div dl{
	}
	#access > div dl dt{
		margin-bottom: 3.125%;
	}
	#access > div dl dt h2{
		padding: 0 3.125%;
	}
	#access > div dl dd{
		margin: 0 auto 3.125%;
		width: 93.75%;
		max-width: 640px;
	}
	#access > div dl dd > div{
		border-width: 0 0 0 2px;
	}
	#access > div dl dd h3{
		margin-top: 3.571428571428571%;
	}
	#access > div dl dd > p{
	}
	#access > div picture{
		margin: 0 auto;
		width: 93.75%;
		max-width: 640px;
	}
}
@media screen and (min-width:768px){
	#access{
		margin-bottom: 100px;
	}
	#access > div{
	}
	#access > div:after{
		clear: both;
		content: "";
		display: block;
	}
	#access > div dl{
		float: left;
		width: -webkit-calc(50% - 20px);
		width: calc(50% - 20px);
	}
	#access > div dl dt{
		margin-bottom: 30px;
	}
	#access > div dl dd{
	}
	#access > div dl dd > div{
		border-width: 0 0 0 4px;
	}
	#access > div dl dd h3{
		margin-top: 20px;
	}
	#access > div dl dd > p{
	}
	#access > div picture{
		float: right;
		width: 50%;
	}
	#access_photo{
		width: 100%;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#access > div{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width:940px) and (max-width:1199px){
	#access > div{
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (min-width:1200px){
	#access > div{
		padding-left: 10.83333333333333%;
		padding-right: 10.83333333333333%;
	}
}


/**************************************************50
 * access_map
 **************************************************/
#access_map{
}
#access_map{
	position: relative;
}
#access_map iframe{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
@media screen and (max-width:767px){
	#access_map{
		padding-top: 56.25%;
	}
}
@media screen and (min-width:768px){
	#access_map{
		margin-bottom: 100px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#access_map{
		height: 400px;
	}
}
@media screen and (min-width:940px) and (max-width:1199px){
	#access_map{
		height: 500px;
	}
}
@media screen and (min-width:1200px){
	#access_map{
		height: 580px;
	}
}