@import url("global.css");
#bodyarea dl {
  margin-bottom: 70px;
}
#bodyarea dl dt {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C8C8C8;
}
#bodyarea dl dd p {
  margin-bottom: 15px;
}
#bodyarea dl dd ul {
  margin-top: 20px;
}
#bodyarea dl dd ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 7px;
  font-size: 90%;
}
#bodyarea dl dd ul li::before {
  content: "";
  background-color: #464343;
  position: absolute;
  left: 0;
  top: calc(0.5em * 1.8);
  width: 6px;
  height: 1px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1400px)
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #bodyarea dl {
    margin-bottom: 40px;
  }
  #bodyarea dl dt {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
}