/* width -------------------
---------------------------*/
/* mixin -------------------
---------------------------*/
@font-face {
  font-family: "youko";
  src: url("/font/youko.eot#iefix") format("embedded-opentype"), url("/font/youko.ttf") format("truetype"), url("/font/youko.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* color -------------------
---------------------------*/
.sep_grade {
  width: 94%;
  margin: 24px auto;
  max-width: 1120px;
  margin-bottom: 64px;
}
.sep_grade p {
  padding: 0;
}
.sep_grade dl {
  background: #ebfab6;
  margin: 24px auto;
  padding: 24px 32px 8px;
  border-radius: 6px;
}
.sep_grade dl.point {
  background: url(/image/content/training/online/bg01.webp) no-repeat left top #ebfab6;
  padding-top: 48px;
}
.sep_grade dt {
  font-weight: bold;
  background: url(/image/common/line/dash.webp) repeat-x left bottom;
  padding-bottom: 4px;
  font-size: 1.375rem;
}
.sep_grade dt span {
  display: inline-block;
  padding: 0 8px;
  background: #71cc5f;
  color: white;
  font-size: 1rem;
  border-radius: 6px;
  margin-bottom: 8px;
}
.sep_grade dd {
  padding: 16px 0;
}
.sep_grade dd p {
  width: auto;
}/*# sourceMappingURL=page.css.map */