/* 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 -------------------
---------------------------*/
.differ section:nth-of-type(1) h3::before {
  content: url(/image/content/juku/common/img01.webp);
}
.differ section:nth-of-type(2) h3::before {
  content: url(/image/content/juku/common/img02.webp);
}
.differ h3 {
  border-bottom: 3px dotted #2ca12c;
  color: #2ca12c;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  width: 94%;
  margin: 24px auto;
  max-width: 1120px;
}
.differ dl {
  width: 94%;
  margin: 24px auto;
  max-width: 1120px;
}
.differ dt {
  font-weight: bold;
}
.differ dt::before {
  content: url(/image/common/list/check.webp);
  margin-right: 8px;
}
.differ dd {
  padding: 8px 16px 32px;
}
.differ dd p {
  margin: 0;
}
.differ dd.img-right, .differ dd.img-left {
  margin: 0;
}

.step5 dt {
  padding: 0 2.4em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .step5 dt {
    flex-direction: column;
  }
}
.step5 dt span {
  display: inline-block;
  padding: 8px;
}
.step5 dd {
  padding: 0.6em 1.2em 1.2em;
  margin-bottom: 1.2em;
  background: url(/image/common/line/dash-green.webp) repeat-x center bottom;
}
.step5 p {
  margin-top: 0.6em;
}/*# sourceMappingURL=page.css.map */