@charset "utf-8";
/*-------------------------------------------------------
   main
-------------------------------------------------------*/
.about {
	width: 1020px;
	margin: 0 auto 60px auto;
}
.about h2 {
	margin-bottom: 50px;
	font-size: 22px;
	border-bottom: dotted 1px #344C6B;
	line-height: 120%;
	display: inline-block;
}
.about h2 + p {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 200%;
	display: block;
}
.about h2 + p strong {
	font-size: inherit;
	display: inline;
}
.about h2 + p small {
	margin-top: 10px;
	text-align: right;
	display: block;
}
.about h3 {
	margin-bottom: 30px;
	font-size: 20px;
}
.about ul {
	margin: 0 0 40px 18px;
	list-style: circle;
}
#map {
  width: 100%;
  height: 560px;
  margin-bottom: 30px;
  background-color: #888;
}
#map iframe {
	filter: grayscale(1);
}
.about p {
	margin-bottom: 20px;
}


@media screen and (max-width: 768px) {/*-- mobile --*/
.about {
	width: auto;
	margin: 0 3vw 10vw 3vw;
}
.about h2 {
	margin-bottom: 8vw;
	font-size: 5.5vw;
}
.about h2 + p {
	width: auto;
	margin-bottom: 6vw;
	font-size: 4vw;
	line-height: 160%;
}
.about h2 + p small {
	margin-top: 2vw;
}
.about h3 {
	margin-bottom: 7vw;
	font-size: 5vw;
}
.about ul {
	margin: 0 0 10vw 5vw;
}
#map {
  height: 76vw;
  margin-bottom: 6vw;
}
#map iframe {
  width: 94vw;
  height: 76vw;
}
.about p {
	margin-bottom: 4vw;
}
}