.lesson-detail {
    margin-top: 5rem;
  }
  .lesson-detail p {
    max-width: 80ch;
    margin-inline: auto;
  }
  .lesson-detail__img, .lesson-detail__desc, .lesson-detail__cta, .lesson-detail__time, .lesson-detail__flow, .lesson-detail__price, .lesson-detail__text, .lesson-detail__calendar, .lesson-detail__corporate {
    margin-bottom: 4rem;
  }
  .lesson-detail__img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lesson-detail__cta dl {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: min(90vw, 350px);
    margin-inline: auto;
    background-color: white;
  }
  .lesson-detail__cta dt,
  .lesson-detail__cta dd {
    text-align: center;
    padding-block: 0.8em;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .lesson-detail__cta dt:nth-of-type(1),
  .lesson-detail__cta dd:nth-of-type(1) {
    -webkit-border-after: 2px solid #fffaf0;
            border-block-end: 2px solid #fffaf0;
  }
  .lesson-detail__cta dt {
    -webkit-border-end: 1px solid #fffaf0;
            border-inline-end: 1px solid #fffaf0;
    background-color: #ff85a6;
    color: white;
  }
  .lesson-detail__cta dd {
    background-color: #ffe7ed;
    -webkit-border-start: 1px solid #fffaf0;
            border-inline-start: 1px solid #fffaf0;
  }
  .lesson-detail__time {
    text-align: center;
  }
  .lesson-detail__time-label {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  .lesson-detail__time-detail {
    text-align: center;
  }
  .lesson-detail__time-detail dd {
    margin-bottom: 1rem;
  }
  .lesson-detail__flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    margin-inline: auto;
  }
  .lesson-detail__flow li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    background: white;
    border-radius: 10px;
    padding: 2rem;
    position: relative;
  }
  @media (min-width: 768px) {
    .lesson-detail__flow li {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
  }
  .lesson-detail__flow li::after {
    font-size: 1.8em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
    position: absolute;
    left: 50%;
    bottom: -1.5em;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  @media (min-width: 768px) {
    .lesson-detail__flow li::after {
      bottom: -1.4em;
    }
  }
  .lesson-detail__flow li:last-of-type::after {
    display: none;
  }
  .lesson-detail__flow li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-block: 0;
  }
  @media (min-width: 768px) {
    .lesson-detail__flow li p {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
    }
  }
  .lesson-detail__flow-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lesson-detail__flow-img img {
    aspect-ratio: 4/3;
    -o-object-fit: fill;
       object-fit: fill;
  }
  .lesson-detail__price {
    text-align: center;
  }
  .lesson-detail__text, .lesson-detail__calendar {
    margin-left: auto;
    margin-right: auto;
    width: clamp(300px, 100%, 60%);
  }
  .lesson-detail__text iframe, .lesson-detail__calendar iframe {
    width: 100%;
    height: 500px;
  }
  .lesson-detail__corporate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lesson-detail__corporate dd {
    font-weight: bold;
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
  }