.map_area {
  margin-top: 90px;
}
.map_area.gallery {
  width: 960px;margin: 90px auto 0;
}
@media screen and (max-width: 1024px) {
  .map_area {
    margin-top: 60px;
  }
  .map_area.gallery {
  width: 90%;margin: 60px auto 0;
  }
}
@media screen and (max-width: 480px) {
  .map_area {
    margin-top: 45px;
  }
  .map_area.gallery {
  width: 90%;margin: 45px auto 0;
  }
}

.btn_area {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .btn_area {
    flex-direction: column;
  }
}
.btn_area a {
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .btn_area a {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .btn_area a:last-child {
    margin-top: 30px;
  }
}

.wid {
  margin: 0 20px !important;
}
@media screen and (max-width: 768px) {
  .wid {
    margin: 0 auto !important;
  }
}

.link-btn {
  width: 320px !important;
  margin-top: 80px !important;
}
@media screen and (max-width: 1024px) {
  .link-btn {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 480px) {
  .link-btn {
    width: 50% !important;
    margin-top: 20px !important;
  }
}

#content dl,
#content dt,
#content dd,
#content ul,
#content li{margin: 0;padding: 0;list-style: none}

#content h2{background:#0c295e;padding: 12px;text-align: center;font-size: 30px;color: #fff;margin-bottom: 0;font-family: "Noto Serif JP", serif;}
#content dl{font-family: "Noto Serif JP", serif;margin-bottom: 40px}
#content dt{margin-top: 40px}
#content dt{font-size: 27px;margin-bottom: 20px;color: #0c295e;text-align: left}

#content .catch {  align-items: center;   display: flex; }
#content .catch::after {  background-color: #0c295e;  border-radius: 0px;   content: "";  flex-grow: 1;  height: 2px;}
#content .catchg::after {  margin-left: 15px; }



#content .mt20{margin-top: 20px}
#content dd img{width: 90%;height: auto}
#content dd{font-size: 16px;text-align: left}
#content dd span{color: #ff0000}
#content dd .col3{width: 33.3%}
#content dd .col3_2{width: calc(100% - 33.3%);}
#content dd .col2{width: 50%}
@media screen and (max-width: 768px) {
#content h2{padding: 8px;font-size: 20px;}
#content dt{font-size: 17px;}
#content dd{width: 90%;margin: auto}
#content dd .col3{width: 100%}
#content dd .col3_2{width: 100%}
#content dd .col2{width: 100%}
#content dd li{margin-bottom: 20px}
#content dd img{width: 100%;height: auto}
#content .mt20.ss{margin-top: 0px}
}