/* CSS Document */

@media (min-width:751px){

	#map { padding: 55px 0 0; }
	#gmap { position: relative; }
	/*#gmap iframe { margin-left: -15%; }*/
	#gmap .mainw { position: relative; margin-top: -400px; }
	#gmap .mainw #placeinfo { /*position: absolute; top:0; right: 0;*/ width: 500px; height: 320px;
		background: rgba(255,255,255,0.9); padding: 40px 45px; margin: 0 0 130px auto; }
	#gmap .mainw #placeinfo p { font-size: 16px; line-height: 26px; margin: 25px 0 20px; }

	#howto .ch4 span { width: 185px; }
	#howto .lead span { font-size: 32px; }
	#howto ul { justify-content:center; margin-bottom: 110px; }
	#howto ul li { margin: 0 5px; }

} /* End @media (min-width: 751px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1245px){
	
}

/* ---------------------------------------------------------------------------------------------------- */

/* Start @media (max-width: 750px) */

@media (max-width:750px){
	#mv .img { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }

	#map { padding: 20vw 0 0; }
	#gmap { position: relative; }
	#gmap iframe { height: 40vw; }
	#gmap .mainw {  }
	#gmap .mainw #placeinfo { padding: 6vw 0; margin: 0 auto ; }
	#gmap .mainw #placeinfo p { font-size: 4.2vw; line-height: 5vw; margin: 4vw 0; }

	#howto .ch4 span { width: 40vw; }
	#howto .lead span { font-size: 6vw; }
	#howto ul { margin-bottom: 20vw; }
	#howto ul li { margin: 4vw 0; }

} /* End @media (max-width: 750px) */