/**
 * このCSSは初回コーディングでは実装しきれなかったものです。
 * style.cssにマージしてもOKです。（要gulp）
 */
.student-only .form-btn{
  display: block;
  margin: 0 auto;
  width: 200px;
  padding: 0;
}
.student-only .form-btn input{
  color: white;
}
.student-only a{
  text-decoration: underline;
  color: #1d277c;
}

.important-information{
  line-height: 1.2;
  border: 3px solid #323333;
  padding: 8px 0;
  border-radius: 50px;
  width: 760px;
  margin: 0 auto 20px;
  text-align: center;
}
.important-information h2{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 4px;
}
.important-information span{
  font-size: 16px;
}
@media screen and (max-width:767px){
  .important-information{
    width: 90%;
  }
  .important-information h2{
    font-size: 16px;
  }
  .important-information span{
    font-size: 14px;
  }
}

/* フッターアイコン上中央寄せ */
.share-lists li a{
  position: relative;
}
.share-lists li a .fa{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-48%);
  transform: translateY(-50%) translateX(-48%);
}


.single-content.system .prices .applications dl{
  width: 400px;
}
.single-content.system .prices .applications dl dt{
  width: 240px;
}
.single-content.system .prices .applications dl dd {
  width: 160px;
}
@media screen and (max-width:767px){
  .single-content.system .prices .applications dl{
    width: 95%;
  }
  .single-content.system .prices .applications dl dt{
    width: 55%;
  }
  .single-content.system .prices .applications dl dd {
    width: 40%;
    text-align: right;
  }
}
.speical-target{
  color: red;
  font-weight: bold;
}

.price-table dl{
  display: flex;
  width: 280px;
  margin: 0 auto;
}
.price-table dt{
  width: 50%;
  text-align: left;
}
.price-table dd{
  width: 50%;
}
@media screen and (max-width:767px){
  .price-table dl{
    display: flex;
    width: 90%;
    margin: 0 auto;
  }
  .price-table dt{
    width: 50%;
    text-align: left;
  }
  .price-table dd{
    width: 50%;
    text-align: right;
  }
}

.single-content.system .prices .try .or-bdr-title{
  text-align: center;
}
#special-offers .disc-lists{
  font-size: 1.3em;
}
@media screen and (max-width:767px){
  #special-offers .disc-lists {
    font-size: 1.1em !important;
  }
}

.single-content.student-only .course-list{
  font-size: 24px;
}
@media screen and (max-width:767px){
  .single-content.student-only .course-list{
    font-size: 18px;
  }
}