@charset "UTF-8";



.main {
	width:100%;
	height:100%;
	z-index:-1;
	text-indent:-9999px;
	position:fixed;
	left:0;
	top:0;
	background:url(../images/main.jpg) no-repeat center top;
	background-size:cover;
}
p.img_r {
 float: right;
 margin-left: 40px;
}
p.txt01 {
 margin-bottom: 1.5em;
}
div.location01 {
 background-color: #efece8;
 padding: 30px;
 font-size: 13px;
 margin: 70px 0;
}
div.location01 p.cap {
 text-align: right;
}
div.location02 {
 float: left;
}
div.location03 {
 float: right;
}
div.location02 p,
div.location03 p {
 margin: 40px 0 0 0;
}
p.at {
 font-size: 13px;
 margin: 70px 0 40px 0;
}

@media screen and (max-width: 700px) {
	div#header {
		position: fixed;
	}
	.main {
		height: auto;
		z-index:0;
		text-indent:0;
		position: static;
		padding: 40px 0 0 0;
	}
	.main img {
		width:100%;
		height:auto;
	}
 p.img_r {
  float: none;
  margin: 0 0 10px 0;
  text-align: center;
 }
 p.txt01 {
  margin-bottom: 1em;
 }
 div.location01 {
  background-color: #efece8;
  padding: 15px;
  font-size: 11px;
  margin: 30px 0;
 }
 div.location01 p.cap {
  text-align: right;
 }
 div.location02 {
  float: none;
  text-align: center;
 }
 div.location03 {
  float: none;
  text-align: center;
 }
 div.location02 p,
 div.location03 p {
  margin: 20px 0 0 0;
 }
 p.at {
  font-size: 10px;
  margin: 20px 0;
 }
	
 

}