@charset "utf-8";
html {
  scroll-behavior: smooth;
}
#contentsarea h2 {
  margin: 100px 0 20px !important;
  padding: 35px 35px 30px !important;
  font-size: x-large !important;
  background: linear-gradient(to right, #fff 15%, rgba(160,160,165,0.25));
}
/**#contents h3 {
  margin: 30px 0 16px;
  font-size: 17px;
  padding: 16px 10px 13px 12px;
  background: linear-gradient(to left, #fff 0%, rgba(100,175,225,0.55));
}**/
#contents table ul {
  padding-left: 0;
  list-style-type: none;
}
#contents table li span {
  font-size: 15px;
}
#contents aside ul {
  margin-top: 10px;
  font-size: 14px;
}
#contents figure {
  margin-bottom: 10px;
}
.horizon {
  display: flex;
  align-items: center;
}
#recommend dt {
  margin: 50px auto 10px;
  padding: 8px 10px 5px;
  background-color: #64AFE1;
  color: #fff;
  font-size: 17px;
  font-weight: normal;
}
#recommend ul {
  padding-left: 24px;
  font-size: 17px;
  line-height: 21px;
}
#recommend li {
  margin-bottom: 5px;
}
.fa-circle {
  color: #64AFE1;
}
#map dt {
  margin-bottom: 20px;
  border-bottom: solid 2px #AF8CC8;
  font-weight: normal;
  font-size: 18px;
}

.btn-blue {
  padding-top: 8px;
  background-color: #408bdd !important;
  border: none;
  color: #fff;
  cursor: pointer;
}
.btn-blue:hover {
  background-color: #0064D2 !important;
}

.mt50 {
  margin-top: 50px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb99 {
  margin-bottom: 100px;
}
.plxx {
  padding-left: 30px;
}

@media screen and (min-width: 1000px) {
  #map .dsp-tab,
  #map .dsp-sp {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  #map .dsp-pc,
  #map .dsp-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .plxx {
    padding-left: 14px;
  }
}
@media screen and (max-width: 470px) {
  #map .dsp-pc,
  #map .dsp-tab {
    display: none;
  }
  #map .dsp-sp {
    display: block;
  }
}
@media screen and (max-width: 350px) {
  #map .dsp-sp {
    margin-left: -32px;
  }
}