/* コンセプト */
#access_main {
	width: 100%;
	padding: 6% 10% 5% 10%;
}


#photo {
	width: 50%;
	margin:0 auto;
	padding-top:50px;
	display:block;
	clear:both;
}

#photo2 {
	width: 100%;
	float:left;
	clear:both;
}

#info {
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#info2 {
	width: 100%;
	float:left;
}

.catch {
	font-size: 18px;
	margin-bottom: 22px;
	display:block;
	color: #000;
}

.catch2 {
	font-size: 18px;
		margin-top: 22px;
margin-bottom: 16px;
	display:block;
	color: #000;
}
.tel {
	font-size: 30px;
	margin-bottom: 30px;
	color: #000;
	font-family: 'Varela', sans-serif;
	font-weight: bold;
}

.close {
	font-size: 22px;
	color: #000;
	font-family: 'Varela', sans-serif;
	font-weight: bold;
}

.tel2 {
	font-size: 22px;
	margin-bottom: 30px;
	color: #000;
	font-family: 'Varela', sans-serif;
	font-weight: bold;
}

.time {
		display:block;
	margin-top: 20px;
}

.txt {
	display:block;
}


#map_canvas {
	width:100%;
	height:550px;
}




/* レスポンシブ */
@media screen and (max-width: 768px) {

#access_main {
	width: 100%;
	padding: 8% 8% 10% 8%;
	font-size: 12px;
}

#photo {
	width: 100%;
	padding:5% 16% 0% 16%; 
	float:left;
	margin: 0 auto;
}

#photo2 {
	width: 100%;
	padding:0% 0% 5% 0%; 
	float:left;
	clear:both;
}

#info {
	width: 100%;
	float:left;
	margin: 0 auto;
}

.catch {
	font-size: 14px;
		margin-top: 0px;
margin-bottom: 16px;
	display:block;
	color: #000;
}

.catch2 {
	font-size: 12px;
		margin-top: 0px;
margin-bottom: 0px;
	display:block;
	color: #000;
}
.txt {
	display:block;
margin-bottom: 8px;
}

.close {
	font-size: 14px;
	color: #000;
	font-family: 'Varela', sans-serif;
	font-weight: bold;
}

.close:before {
	content: "\A" ;
	white-space: pre ;
}

.tel {
	font-size: 22px;
	margin-bottom: 30px;
	color: #000;
	font-family: 'Varela', sans-serif;
	font-weight: bold;
}

.tel2 {
	font-size: 14px;
	margin-bottom: 30px;
	color: #000;
	font-family: 'Varela', sans-serif;
	font-weight: bold;
}
#map_canvas {
	width:100%;
	height:350px;
}
	
	
}