@charset "UTF-8";
/* CSS Document */
.sitemap a:hover, .url:hover {
  text-decoration: underline;
}
.hero {
  width: 100%;
  height: 20vw;
  margin-bottom: 25px;
  padding-top: 85px;
}
.hero img {
  width: 100%;
}
.main-wrapper {
  padding: 0 4.6vw;
  margin-bottom: 150px;
}
.sitemap {
  margin-bottom: 80px;
}
.sitemap a {
  color: #000;
}
.sitemap p {
  color: #006766;
  display: inline-block;
}
.sitemap span {
  margin: 0 10px;
}
.area-name {
  font-size: 1.8rem;
  margin-bottom: 55px;
  font-weight: bold;
}
.area-name span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
h2 {
  font-size: 3.8rem;
  margin-bottom: 45px;
}
.main-img {
  display: flex;
  margin-bottom: 130px;
}
.main-img img {
  width: 100%;
}
.main-img div {
  width: 43.7vw;
  margin-right: 2.7vw;
}
.main-img div:last-of-type {
  margin: 0;
}
h3 {
  font-size: 3rem;
  margin-bottom: 25px;
  font-weight: bold;
}
.table-area > dl {
  display: flex;
}
.dt {
  display: block;
  width: 18.5vw;
  border: solid 1px #9E9E9E;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
.border {
  border: solid 1px #9E9E9E;
  width: 100%;
  font-size: 1.6rem;
  line-height: 30px;
  margin-left: -1px;
}
.dt, .border {
  padding: 3.5vw;
  margin-top: -1px;
}
.indl {
  display: flex;
}
.mt {
  margin-top: 35px;
}
.ml{
	margin-left: 10px;
}
.ml2{
	margin-left: 77px;
}
.contents{
	display: flex;
}
.contents dt{
	width: 21vw;
}
.indl-item {
  margin-bottom: 35px;
}
.indl-item-dl {
  display: flex;
}
.url {
  color: #000;
}
.table-area p {
  margin-top: 10px;
  font-size: 1.6rem;
  text-align: right;
}
#maps {
  width: 100%;
  height: 46.2vw;
  margin-bottom: 100px;
}