.course {
  flex: 1;
  margin-top: 5.3333vw;
  padding: 0 6.6667vw;
}
.course > .title {
  width: 100%;
  text-align: center;
  font-size: 4.2667vw;
  font-weight: bold;
  color: #181818;
  margin-bottom: 0.6667vw;
}
.course > .subtitle {
  width: 100%;
  text-align: center;
  font-size: 3.7333vw;
  color: #c60000;
  margin-bottom: 3.2vw;
}
.course > .text {
  display: flex;
  margin-bottom: 2.6667vw;
}
.course > .text > .step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.6667vw;
  height: 5.3333vw;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
  background: url(/m8300/images/step.png) no-repeat left center / 100%;
  margin-right: 1.6vw;
}
.course > .text > p {
  flex: 1;
  font-size: 3.7333vw;
  color: #181818;
  word-break: break-all;
  text-align: justify;
}
.course > .photo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3.2vw;
}
.course > .photo > img {
  display: block;
  width: 34.6667vw;
  height: 76.8vw;
}
.course > .photo > img:not(:last-of-type) {
  margin-right: 5.0667vw;
}
.course > .photo > img:nth-of-type(3n) {
  margin-top: 2.6667vw;
}