@charset "UTF-8";

/*-------------------------------
授業に役立つリンク集のスタイル
-------------------------------*/
.o-links-explanation {
  margin-bottom: 50px;
}
.o-links-term {
  padding-right: 10px;
  padding-bottom: 10px;
}
.o-links-term a {
  border: 1px solid #CDD6DD;
  border-radius: 23px;
  display: block;
  padding: 0 10px;
  font-size: 14px;
  line-height: 34px;
  color: #29B0BF;
}
.o-links-term a:hover {
  background-color: #29B0BF;
  color: #ffffff;
}
@media (min-width: 40em) {
  .o-links-term {
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .o-links-term a {
    border-radius: 23px;
    display: block;
    padding: 0 30px;
    font-size: 17px;
    line-height: 46px;
  }
}
.o-useful_links .o-links-item h2.c-page-h2 {
  margin-top: 60px;
}
.o-useful_links .o-links-items .o-links-item:first-of-type h2.c-page-h2 {
  margin-top: 10px;
}
.o-link-name {
  font-size: 17px;
  font-weight: bold;
  margin-top: 18px;
  padding-left: 23px;
  text-indent: -11px;
}
.o-link-name i {
  color: #2484C0;
}
.o-link-explanation {
  padding-left: 23px;
}
@media (min-width: 40em) {
  .o-link-name {
    font-size: 19px;
    margin-top: 20px;
    padding-left: 19px;
    text-indent: -12px;
  }
  .o-link-explanation {
    padding-left: 19px;
  }
}