@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;
}
#contents_01 h3,
#contents_02 h3 {
  background: linear-gradient(to left, #fff 0%, rgba(100,175,225,0.55));
}
#contents_03 h3 {
  background: linear-gradient(to left, #fff 0%, rgba(175,140,200,0.55));
}
#contents ul {
  padding-left: 0; 
  margin-bottom: 30px;
}
#contents li {
  list-style-type: none;
  margin-bottom: 8px;
}
#contents aside {
  margin-top: 20px;
  font-size: 14px;
}
#contents b {
  font-weight: normal !important;
  color: #000 !important;
}
#contents_01 b,
#contents_02 b {
  background: linear-gradient(transparent 60%, rgba(100,175,225,0.55) 100%);
}
#contents_03 b {
  background: linear-gradient(transparent 60%, rgba(175,140,200,0.55) 100%);
}
#contents dt {
  margin-bottom: 5px;
  border-bottom: solid 2px #AF8CC8;
  font-weight: normal;
}


.btn-blue {
  padding-top: 8px;
  background-color: #408bdd !important;
  border: none;
  color: #fff;
  cursor: pointer;
/*  transition: all 0.7s ease 0.3s; */
}
.btn-blue:hover {
  background-color: #0064D2 !important;
}
#overview b,
#map b {
  font-weight: normal;
  text-decoration: underline;
  text-decoration-color: rgba(100,175,225,0.55);
  text-decoration-thickness: 7px;
}


.mt30 {
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.mb99 {
  margin-bottom: 100px;
}
.img-padding {
  padding: 30px;
}