.media li { margin-bottom: 20px; position: relative; display: flex; }
.media li.paper::before { position: absolute; content: ""; width: 25px; height: 25px; background: url(../img/icon_paper.svg) no-repeat; }
@media screen and (max-width: 640px) { .media li.paper::before { width: 20px; height: 20px; background-size: contain; } }
.media li.book::before { position: absolute; content: ""; width: 25px; height: 25px; background: url(../img/icon_book.svg) no-repeat; }
@media screen and (max-width: 640px) { .media li.book::before { width: 20px; height: 20px; background-size: contain; } }
@media screen and (max-width: 640px) { .media li { margin-bottom: 10px; flex-wrap: wrap; }
  .media li span { display: block; margin-left: 30px; } }
.media li h3 { font-weight: 600; min-width: 15%; margin-left: 40px; }
@media screen and (max-width: 640px) { .media li h3 { width: 100%; margin-left: 30px; } }

.dot_blue li { position: relative; padding-left: 30px; margin-bottom: 15px; }
.dot_blue li b { font-weight: bold; }
.dot_blue li::before { content: ""; width: 10px; height: 10px; background: #1068AC; border-radius: 30px; position: absolute; left: 0; top: 7px; }

h3.sub_headline { font-size: 20px; color: #1068AC; padding-bottom: 15px; border-bottom: solid 1px #1068ac; margin: 40px 0 20px; }
@media screen and (max-width: 640px) { h3.sub_headline { font-size: 16px; } }

/*# sourceMappingURL=index.css.map */