@charset "UTF-8";


h2,h3,h4{
	font-weight: 600;
}
.txt{
	text-indent:1em;
	line-height: 2.6rem;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	.txt{
		text-indent:1em;
		line-height: 2.1rem;
		margin-bottom: 15px;
	}
}
/*-----------------------------------

	side

-----------------------------------*/
#side{
    top: 60px;
}
/*-----------------------------------

	map

-----------------------------------*/
#map{
	padding: 40px 0;
}
#map .img{
    width: 580px;
    margin: 20px auto 0;
    display: block;
    border: solid 8px #ffb563;
    border-radius: 10px;
}
#map dl{
	background:#fff;
	margin-top: 20px;
	padding: 10px 20px;
	border-radius: 10px;
}
#map dl dt{
	width: 100px;
	float: left;
}
#map dl dd{
	padding-left: 100px;
}
@media screen and (max-width: 1000px) {
	#map .img{
		width: 100%;
		max-width: 580px;
		margin: 20px auto 0;
		display: block;
		border: solid 8px #ffb563;
		border-radius: 10px;
		box-sizing:border-box;
	}
}
@media screen and (max-width: 640px) {
	#map dl{
		padding: 10px 2.5%;
	}
	#map dl dt {
		width: 100%;
		float: none;
		padding: 2px 2.5%;
		background: #fec35c;
		margin-top: 5px;
		box-sizing: border-box;
		border-radius: 5px 5px 0 0;
	}
	#map dl dd{
		margin-top: 5px;
		padding-left: 0;
	}
}
/*-----------------------------------

	google

-----------------------------------*/
#google{
	padding: 40px 0;
}
#google a{
	margin-top: 20px;
}
@media screen and (max-width: 1000px) {
	#google iframe{
		width: 100%;
		height: 300px;
	}
}
@media screen and (max-width: 640px) {
	#google iframe{
		width: 100%;
		height: 250px;
	}
}