/*******
course
***************/

.course .common-kv {
  background-image: url(../img/course/bg_kv.jpg);
}

.course-pattern1__lead {
  letter-spacing: 1.4px;
  margin-top: 40px;
  text-align: center;
  line-height: 1.9;
}

.course-pattern1__flow {
  max-width: 600px;
  margin: 33px auto 0;
}

.course-pattern1__price {
  margin: 70px auto 0;
  max-width: 370px;
}

.course-pattern1__price dl {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.course-pattern1__price dl:first-child {
  margin-top: 0;
}

.course-pattern1__price dl dt {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  letter-spacing: 3px;
}

.course-pattern1__price dl dt::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #69ba7f;
  left: 0;
  top: 2px;
  border-radius: 50%;
}

.course-pattern1__price dl dd {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
}

.course-pattern1__caution {
  max-width: 435px;
  letter-spacing: 1.4px;
  margin: 45px auto 0;
  font-size: 12px;
}

.course-pattern2 {
  margin-top: 199px;
}

.course-pattern2__lead {
  letter-spacing: 1.4px;
  margin-top: 40px;
  text-align: center;
  line-height: 1.9;
}

.course-pattern2__lead .red {
  color: #ed5a24;
}

.course-pattern2__flow {
  max-width: 600px;
  margin: 26px auto 0;
}

.course-pattern2__price {
  margin: 70px auto 0;
  max-width: 485px;
}

.course-pattern2__price dl {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.course-pattern2__price dl:first-child {
  margin-top: 0;
}

.course-pattern2__price dl dt {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  letter-spacing: 3px;
}

.course-pattern2__price dl dt::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #405697;
  left: 0;
  top: 2px;
  border-radius: 50%;
}

.course-pattern2__price dl dd {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
}

.course-pattern2__caution {
  max-width: 435px;
  letter-spacing: 1px;
  margin: 45px auto 0;
  font-size: 12px;
}

.course-pattern2__btn {
  margin-top: 57px;
  text-align: center;
}


/*******
 responsive
***************/

@media only screen and (max-width: 799px) {
  .course-pattern1__lead {
    letter-spacing: 0;
    margin-top: 15px;
    font-size: 14px;
  }

  .course-pattern1__flow {
    margin: 15px auto 0;
  }

  .course-pattern1__price {
    margin: 35px auto 0;
    max-width: 370px;
  }

  .course-pattern1__price dl {
    margin-top: 20px;
  }

  .course-pattern1__price dl dt {
    font-size: 16px;
    padding-left: 20px;
    letter-spacing: 1px;
  }

  .course-pattern1__price dl dt::before {
    width: 10px;
    height: 10px;
    top: 5px;
  }

  .course-pattern1__price dl dd {
    font-size: 16px;
  }

  .course-pattern1__caution {
    max-width: 390px;
    letter-spacing: 0;
    margin: 20px auto 0;
  }

  .course-pattern2 {
    margin-top: 100px;
  }

  .course-pattern2__lead {
    letter-spacing: 0;
    margin-top: 15px;
    font-size: 14px;
  }

  .course-pattern2__flow {
    margin: 15px auto 0;
  }

  .course-pattern2__price {
    margin: 70px auto 0;
    max-width: 485px;
  }

  .course-pattern2__price {
    margin: 35px auto 0;
    max-width: 370px;
  }

  .course-pattern2__price dl {
    margin-top: 20px;
  }

  .course-pattern2__price dl dt {
    font-size: 16px;
    padding-left: 20px;
    letter-spacing: 1px;
  }

  .course-pattern2__price dl dt::before {
    width: 10px;
    height: 10px;
    top: 5px;
  }

  .course-pattern2__price dl dd {
    font-size: 16px;
  }

  .course-pattern2__caution {
    max-width: 405px;
    letter-spacing: 0;
    margin: 20px auto 0;
  }

  .course-pattern2__btn {
    margin-top: 25px;
  }
}