/*========================
mv
========================*/
#mv {
	background-image: url(../img/about_mv.jpg);
}

/*========================
access
========================*/
#access {
	padding: 0.60rem 0 1.00rem;
	position: relative;
	z-index: 1;
}

@media screen and (max-width:599px) {
	#access {
		padding: 0.60rem 0;
	}
}

#access .in {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
}

#access .in .textbox {
	width: 50%;
	text-align: center;
}

@media screen and (max-width:599px) {
	#access .in .textbox {
		width: 100%;
	}
}

#access .in .textbox .logo {
	max-width: 3.50rem;
	padding-bottom: 0.30rem;
	margin: auto;
}

@media screen and (max-width:599px) {
#access .in .textbox .logo {
	max-width: 2.00rem;
}
}

#access .in .textbox .title {
	padding-bottom: 0.30rem;
	font-size: 0.24rem;
	font-weight: 900;
	letter-spacing: 0.075em;
}

@media screen and (max-width:599px) {
#access .in .textbox .title {
	padding-bottom: 0.20rem;
	font-size: 0.18rem;
}
}

#access .in .textbox .text {
	font-size: 0.16rem;
	line-height: 2;
}

@media screen and (max-width:599px) {
#access .in .textbox .text {
	font-size: 0.15rem;
}
}

#access .in .textbox .text a {
	color: #FFF;
	text-decoration: none;
}

#access .in .ph_wrap {
	width:50%;
}

@media screen and (max-width:599px) {
	#access .in .ph_wrap {
		width: 100%;
		padding-bottom: 0.20rem;
	}
}

/*========================
map
========================*/
#map {
	padding-bottom: 1.00rem;
	position: relative;
	z-index: 1;
	height: 5.00rem;
}

@media screen and (max-width:599px) {
#map {
	height: 2.50rem;
}
}

#map .in {
	height: 100%;
}

#map iframe {
	width: 100%;
	height: 100%;
}