/* headings */
.ec-title {
  font-weight: 700;
  height: clamp(108px, 6.1px + 31.84vw, 165px);
  margin: 0 auto;
  width: clamp(286px, -7.2px + 91.62vw, 450px);
}

.ec-title__caption {
  color: var(--dark-green);
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.4;
}

.ec-title__h1 {
  color: var(--dark-green);
  font-size: var(--clamp-32sp);
}

.ec-heading__h2 {
  color: var(--blue);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ec-heading__h2--std {
  font-size: var(--clamp-24sp);
}

@media all and (min-width: 744px) {
  .ec-title {
    height: clamp(128px, -2.4px + 17.53vw, 250px);
    width: clamp(478px, 5.52px + 63.51vw, 920px);
  }

  .ec-title__caption {
    font-size: var(--clamp-22);
  }
  
  .ec-title__h1 {
    font-size: var(--clamp-42);
  }

  .ec-heading__h2--std {
    font-size: var(--clamp-32);
  }
  
  .ec-heading__h2--small {
    font-size: var(--clamp-26);
  }
}

.ec-business-content-container {
  margin-top: var(--clamp-104sp);
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-business-content-container {
    display: flex;
    justify-content: center;
    margin: var(--clamp-104) auto 0;
  }
}

/* pains */
.ec-pains {
  margin: var(--clamp-104sp) auto 0;
  width: var(--clamp-306sp);
}

@media all and (min-width: 744px) {
  .ec-pains {
    margin-top: var(--clamp-104);
    width: 100%;
  }
}

.ec-pains ul {
  list-style: disc;
  margin-top: var(--clamp-40sp);
  padding-left: 1.2em;
}

@media all and (min-width: 744px) {
  .ec-pains ul {
    margin-top: var(--clamp-40);
  }
}

.ec-pains ul::after {
  content: "など";
  display: block;
  margin: .5em 0 0 -1.2em;
}

.ec-pains ul li:not(:first-child) {
  margin-top: .5em;
}

/* training-policies */
.ec-training-policies {
  margin-top: var(--clamp-40sp);
}

.ec-training-policies__head {
  font-size: var(--clamp-18sp);
  line-height: 1.4;
  text-align: center;
}

.ec-training-policies__head::before {
  background: url(../../images/icon/down-caret--gray.svg) no-repeat center/contain;
  content: "";
  display: block;
  height: var(--clamp-38sp);
  margin-bottom: var(--clamp-20sp);
}

@media all and (min-width: 744px) {
  .ec-training-policies {
    margin-top: var(--clamp-60);
  }

  .ec-training-policies__head {
    font-size: var(--clamp-24);
  }

  .ec-training-policies__head::before {
    height: var(--clamp-56);
    margin-bottom: var(--clamp-40);
  }
}

/* prices */
.ec-prices,
.ec-prices-cta {
  margin-top: var(--clamp-104sp);
}

@media all and (min-width: 744px) {
  .ec-prices,
  .ec-prices-cta {
    margin-top: var(--clamp-104);
  }
}

/* faq */
.ec-faq {
  margin-top: var(--clamp-104sp);
}

@media all and (min-width: 744px) {
  .ec-faq {
    margin-top: var(--clamp-104);
  }
}

/* training-impact */
.ec-training-impact {
  margin-top: var(--clamp-104sp);
}

.ec-training-impact__list {
  margin-top: var(--clamp-24sp);
}

.ec-training-impact__list-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
}

.ec-training-impact__list--item {
  border: 1px solid var(--blue);
  height: calc(var(--clamp-24sp) + (var(--clamp-22sp) * 1.45) + var(--clamp-24sp));
  overflow: hidden;
  padding: var(--clamp-24sp) 0;
  transition: height .2s ease 0s;
  width: var(--clamp-306sp);
}

input[type="checkbox"]:checked + .ec-training-impact__list--item {
  height: clamp(191.3px, -1.8px + 60.34vw, 299.3px);
}

.ec-training-impact__h3 {
  color: var(--blue);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  line-height: 1.45;
  position: relative;
  text-align: center;
}

@media all and (max-width: 743px) {
  .ec-training-impact__h3::after {
    background: url(../../images/icon/up-arrow--blue.svg) no-repeat center/contain;
    content: "";
    height: var(--clamp-10sp);
    position: absolute;
    right: var(--clamp-28sp);
    top: calc(50% - var(--clamp-5sp));
    transform: rotate(180deg);
    width: var(--clamp-16sp);
  }
  
  input[type="checkbox"]:checked + .ec-training-impact__list--item .ec-training-impact__h3::after {
    transform: rotate(0);
  }
}

.ec-training-impact__description {
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  line-height: 1.4;
  list-style: deciaml;
  gap: var(--clamp-16sp);
  margin: var(--clamp-24sp) auto 0;
  padding-left: 1.2em;
  width: clamp(182.8px, -1.7px + 57.65vw, 286px);
}

.ec-training-impact__description--list {
  height: var(--clamp-28sp);
}

.ec-training-impact__text {
  color: var(--blue);
  font-size: var(--clamp-24sp);
  font-weight: 700;
  margin-top: var(--clamp-16sp);
  text-align: center;
}

.ec-training-impact__cta {
  margin-top: var(--clamp-104sp);
}

@media all and (min-width: 744px) {
  .ec-training-impact {
    margin-top: var(--clamp-104);
  }

  .ec-training-impact__list {
    margin-top: var(--clamp-24);
  }

  .ec-training-impact__list-wrapper {
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--clamp-16);
  }

  .ec-training-impact__list--item {
    height: clamp(175px, 82px + 12.5vw, 262px);
    padding: var(--clamp-24) var(--clamp-24) 0;
    width: clamp(169px, 96.3px + 9.77vw, 237px);
  }

  input[type="checkbox"]:checked + .ec-training-impact__list--item {
    height: clamp(175px, 82px + 12.5vw, 262px);
  }

  .ec-training-impact__h3 {
    font-size: var(--clamp-f22);
  }

  .ec-training-impact__description {
    font-size: var(--clamp-f14);
    gap: var(--clamp-16);
    margin-top: var(--clamp-24);
    width: 100%;
  }

  .ec-training-impact__description--list {
    height: clamp(32px, 23.6px + 1.15vw, 40px);
  }

  .ec-training-impact__text {
    font-size: var(--clamp-24);
    margin-top: var(--clamp-16);
  }

  .ec-training-impact__cta {
    margin-top: var(--clamp-104);
  }
}

/* wants-and-results */
.ec-wants-and-results {
  margin-top: var(--clamp-104sp);
}

.ec-wants-and-results__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-24sp);
}

.ec-wants-and-results__wants,
.ec-wants-and-results__results {
  border: 1px solid var(--blue);
  padding: var(--clamp-24sp);
  width: clamp(295.8px, -2.8px + 93.3vw, 462.8px);
}

@media all and (max-width: 743px) {
  .ec-wants-and-results__wants {
    margin-bottom: clamp(66.3px, -0.6px + 20.89vw, 103.7px);
    position: relative;
  }

  .ec-wants-and-results__wants::after {
    background: url(../../images/icon/down-triangle--blue.svg) no-repeat center/contain;
    bottom: calc(clamp(52.7px, -0.6px + 16.65vw, 82.5px) * -1);
    content: "";
    height: clamp(39.1px, -0.4px + 12.35vw, 61.2px);
    left: calc(50% - clamp(23px, -0.1px + 7.21vw, 35.9px));
    position: absolute;
    width: clamp(45.9px, -0.4px + 14.47vw, 71.8px);
  }
}

.ec-wants-and-results__h3 {
  color: var(--blue);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  text-align: center;
}

.ec-wants-and-results__wants--list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  list-style: disc;
  margin-top: var(--clamp-24sp);
  padding-left: 1.2em;
}

.ec-wants-and-results__wants--list_item {
  font-size: var(--clamp-14sp);
  font-weight: 700;
}

.ec-wants-and-results__results--list {
  margin-top: var(--clamp-24sp);
}

.ec-wants-and-results__results--list_item {
  margin-bottom: var(--clamp-16sp);
}

.ec-wants-and-results__h4 {
  color: var(--blue);
  font-weight: 700;
  text-align: center;
}

.ec-wants-and-results__results--child-list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  list-style: disc;
  margin-top: var(--clamp-16sp);
  padding-left: 1.2em;
}

.ec-wants-and-results__results--child-list_item {
  font-size: var(--clamp-14sp);
  font-weight: 700;
}

.ec-wants-and-results__results--text {
  font-size: var(--clamp-14sp);
  font-weight: 700;
  text-align: right;
}

@media all and (min-width: 744px) {
  .ec-wants-and-results {
    margin-top: var(--clamp-104);
  }

  .ec-wants-and-results__container {
    align-items: center;
    background: url(../../images/business/wants-and-results_bg_x1.png) no-repeat top/contain;
    background-image: -webkit-image-set(
      url(../../images/business/wants-and-results_bg_x1.webp) 1x type("image/webp"),
      url(../../images/business/wants-and-results_bg_x2.webp) 2x type("image/webp"),
      url(../../images/business/wants-and-results_bg_x3.webp) 3x type("image/webp"),
      url(../../images/business/wants-and-results_bg_x1.png) 1x type("image/png"),
      url(../../images/business/wants-and-results_bg_x2.png) 2x type("image/png"),
      url(../../images/business/wants-and-results_bg_x3.png) 3x type("image/png")
    );
    background-image: image-set(
      url(../../images/business/wants-and-results_bg_x1.webp) 1x type("image/webp"),
      url(../../images/business/wants-and-results_bg_x2.webp) 2x type("image/webp"),
      url(../../images/business/wants-and-results_bg_x3.webp) 3x type("image/webp"),
      url(../../images/business/wants-and-results_bg_x1.png) 1x type("image/png"),
      url(../../images/business/wants-and-results_bg_x2.png) 2x type("image/png"),
      url(../../images/business/wants-and-results_bg_x3.png) 3x type("image/png")
    );
    display: flex;
    flex-direction: row;
    height: clamp(412px, 230.3px + 24.43vw, 582px);
    justify-content: space-between;
    margin-top: var(--clamp-24);
  }
  
  .ec-wants-and-results__wants,
  .ec-wants-and-results__results {
    border: none;
    padding: clamp(14px, 3.3px + 1.44vw, 24px);
    width: clamp(246px, 137px + 14.66vw, 348px);
  }
  
  .ec-wants-and-results__h3 {
    font-size: var(--clamp-f22);
  }
  
  .ec-wants-and-results__wants--list {
    gap: clamp(8.3px, 4.4px + 0.53vw, 12px);
    margin-top: clamp(12.5px, 6.6px + 0.79vw, 18px);
  }
  
  .ec-wants-and-results__wants--list_item {
    font-size: var(--clamp-f14);
  }
  
  .ec-wants-and-results__results--list {
    margin-top: clamp(12.5px, 6.6px + 0.79vw, 18px);
  }
  
  .ec-wants-and-results__results--list_item {
    margin-bottom: var(--clamp-24);
  }
  
  .ec-wants-and-results__results--child-list {
    gap: clamp(8.3px, 4.4px + 0.53vw, 12px);
    margin-top: clamp(8.3px, 4.4px + 0.53vw, 12px);
  }
  
  .ec-wants-and-results__results--child-list_item {
    font-size: var(--clamp-f14);
  }

  .ec-wants-and-results__results--text {
    font-size: var(--clamp-f14);
  }
}

/* differences */
.ec-differences-business {
  margin-top: var(--clamp-104sp);
}

.ec-differences-cta {
  margin-top: var(--clamp-104sp);
}

@media all and (min-width: 744px) {
  .ec-differences-business {
    margin-top: var(--clamp-104);
  }

  .ec-differences-cta {
    margin-top: var(--clamp-104);
  }
}

/* curriculum examples */
.ec-curriculum-example {
  margin-top: var(--clamp-104sp);
}

.ec-curriculum-example__caption {
  font-weight: 700;
  margin: 0 auto;
  width: var(--clamp-306sp);
}

.ec-curriculum-example__caption-margin {
  margin-top: var(--clamp-24sp);
}

.ec-curriculum-example__head {
  color: var(--dark-green);
  font-size: var(--clamp-20sp);
  font-weight: 700;
  margin-top: var(--clamp-24sp);
  text-align: center;
}

.ec-curriculum-example__image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--clamp-24sp) auto 0;
  width: var(--clamp-306sp);
}

.ec-curriculum-example__image--head {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  text-align: center;
  width: 100%;
}

.ec-curriculum-example__pattern {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-16sp);
  padding: 0 var(--clamp-5sp);
}

.ec-curriculum-example__pattern:not(:first-of-type) {
  margin-top: var(--clamp-24sp);
}

.ec-curriculum-example__pattern--head {
  background-color: var(--gray);
  color: var(--white);
  display: flex;
  font-size: var(--clamp-12sp);
  font-weight: 700;
  padding: var(--clamp-4sp) var(--clamp-10sp);
}

.ec-curriculum-example__pattern--action {
  color: var(--dark-green);
  font-size: var(--clamp-18sp);
  font-weight: 700;
  margin-top: var(--clamp-4sp);
}

.ec-curriculum-example__pattern--image {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--clamp-32sp);
  margin-top: var(--clamp-8sp);
  padding: var(--clamp-24sp) var(--clamp-32sp);
}

.ec-curriculum-example__pattern--image_case {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ec-curriculum-example__pattern--image_schedule {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: clamp(78.2px, -0.8px + 24.69vw, 122.4px);
}

.ec-curriculum-example__pattern--image_schedule::after {
  border-left: clamp(5px, -0.4px + 1.68vw, 8px) solid transparent;
  border-top: var(--clamp-10sp) solid var(--dark-green);
  border-right: clamp(5px, -0.4px + 1.68vw, 8px) solid transparent;
  bottom: calc(var(--clamp-8sp) * -1);
  content: "";
  position: absolute;
}

.ec-curriculum-example__pattern--image_day {
  align-items: center;
  background-color: var(--dark-green);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: var(--clamp-62sp);
  width: 100%;
}

.ec-curriculum-example__pattern--image_questionnaire {
  background-color: var(--light-gray);
  color: var(--white);
  font-size: var(--clamp-12sp);
  font-weight: 700;
  line-height: var(--clamp-20sp);
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.ec-curriculum-example__pattern--image_work {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--dark-green);
  display: flex;
  justify-content: center;
  height: var(--clamp-62sp);
  margin-top: var(--clamp-10sp);
  width: 100%;
}

.ec-curriculum-example__pattern--homework {
  font-size: var(--clamp-14sp);
  font-weight: 300;
  margin-top: var(--clamp-8sp);
}

.ec-curriculum-example__report {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-24sp);
}

.ec-curriculum-example__report::before {
  border-left: var(--clamp-18sp) solid transparent;
  border-top: var(--clamp-32sp) solid var(--dark-green);
  border-right: var(--clamp-18sp) solid transparent;
  content: "";
  display: inline-block;
  height: var(--clamp-32sp);
}

.ec-curriculum-example__report--head {
  background-color: var(--dark-green);
  color: var(--white);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  margin-top: var(--clamp-24sp);
  padding: var(--clamp-4sp) var(--clamp-10sp);
}

.ec-curriculum-example__report--caption {
  color: var(--dark-green);
  font-size: var(--clamp-18sp);
  font-weight: 700;
  margin-top: var(--clamp-4sp);
}

.ec-curriculum-example__report--text {
  font-weight: 400;
  margin-top: var(--clamp-8sp);
}

.ec-curricululm-example__cta-wrapper {
  margin: 0 calc(50% - 50vw);
}

@media all and (min-width: 744px) {
  .ec-curriculum-example {
    margin-top: var(--clamp-104);
  }

  .ec-curriculum-example__caption {
    text-align: center;
    width: 100%;
  }

  .ec-curriculum-example__caption-margin {
    margin-top: var(--clamp-24);
  }

  .ec-curriculum-example__head {
    font-size: var(--clamp-f22);
    margin-top: var(--clamp-24);
  }

  .ec-curriculum-example__image {
    margin-top: var(--clamp-24);
    width: calc(clamp(501px, 455px + 6.18vw, 544px) + var(--clamp-24));
  }

  .ec-curriculum-example__image--head {
    font-size: var(--clamp-f18);
  }

  .ec-curriculum-example__pattern {
    margin-top: var(--clamp-16);
    padding: 0 12px;
  }
  
  .ec-curriculum-example__pattern:not(:first-of-type) {
    margin-top: var(--clamp-24);
  }

  .ec-curriculum-example__pattern--head {
    font-size: var(--clamp-f12);
    padding: var(--clamp-4) var(--clamp-10);
  }

  .ec-curriculum-example__pattern--action {
    font-size: var(--clamp-f18);
    margin-top: var(--clamp-4);
  }

  .ec-curriculum-example__pattern--image {
    gap: var(--clamp-32);
    margin-top: var(--clamp-8);
    padding: var(--clamp-24) var(--clamp-40);
  }

  .ec-curriculum-example__pattern--image_schedule {
    width: clamp(80px, 67.2px + 1.72vw, 92px);
  }

  .ec-curriculum-example__pattern--image_schedule::after {
    border-left-width: 6px;
    border-top-width: 10px;
    border-right-width: 6px;
    bottom: -8px;
  }

  .ec-curriculum-example__pattern--image_day {
    height: clamp(42px, 20.6px + 2.87vw, 62px);
  }

  .ec-curriculum-example__pattern--image_questionnaire {
    font-size: var(--clamp-f12);
    line-height: clamp(18px, 14.8px + 0.43vw, 21px);
  }

  .ec-curriculum-example__pattern--image_work {
    height: clamp(42px, 20.6px + 2.87vw, 62px);
    margin-top: 10px;
    width: clamp(80px, 67.2px + 1.72vw, 92px);
  }

  .ec-curriculum-example__pattern--homework {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-8);
  }

  .ec-curriculum-example__report {
    margin-top: var(--clamp-24);
  }

  .ec-curriculum-example__report::before {
    border-left-width: var(--clamp-18);
    border-top-width: var(--clamp-31);
    border-right-width: var(--clamp-18);
    height: var(--clamp-31);
  }

  .ec-curriculum-example__report--head {
    font-size: var(--clamp-f22);
    margin-top: clamp(14.6px, 0.3px + 1.93vw, 28px);
    padding: var(--clamp-4) var(--clamp-10);
  }

  .ec-curriculum-example__report--caption {
    font-size: var(--clamp-f18);
    margin-top: var(--clamp-4);
  }

  .ec-curriculum-example__report--text {
    margin-top: var(--clamp-8);
  }
}

/* cta-powerpoint */
.ec-cta-ppt {
  margin-top: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-cta-ppt {
    margin-top: var(--clamp-40);
  }
}

/* case study */
.ec-case-study {
  margin-top: var(--clamp-104sp);
}

.ec-case-study__container {
  margin-top: var(--clamp-40sp);
}

.ec-case-study__featured {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
}

.ec-case-study__company {
  border: 1px solid var(--gray);
  display: flex;
  flex-wrap: wrap;
  padding: var(--clamp-24sp) var(--clamp-16sp);
  width: clamp(304.3px, -2.8px + 95.98vw, 476.1px);
}

.ec-case-study__company--company-logo {
  height: clamp(72.3px, -0.6px + 22.79vw, 113.1px);
  text-align: center;
  width: 100%;
}

.ec-case-study__company--company-logo img {
  height: 100%;
  object-fit: contain;
}

.ec-case-study__company--company-name {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  margin-top: var(--clamp-16sp);
  text-align: center;
  width: 100%;
}

.ec-case-study__company--profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-16sp);
  width: 100%;
}

.ec-case-study__company--company-picture {
  height: clamp(108.8px, -1px + 34.3vw, 170.2px);
  margin: 0 auto;
  width: clamp(183.6px, -1.8px + 57.93vw, 287.3px);
}

.ec-case-study__company--company-picture img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-case-study__company--infomation {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  gap: var(--clamp-8sp);
  margin: var(--clamp-16sp) auto 0;
  width: var(--clamp-306sp);
}

.ec-case-study__company--information_head {
  font-size: var(--clamp-14sp);
  font-weight: 300;
}

.ec-case-study__company--information_item_regular {
  font-size: var(--clamp-14sp);
  font-weight: 400;
}

.ec-case-study__company--information_item_small {
  font-size: var(--clamp-12sp);
  font-weight: 400;
}

.ec-case-study__company--curriculum {
  margin-top: var(--clamp-16sp);
  width: 100%;
}

.ec-case-study__company--curriculum_head {
  font-size: var(--clamp-16sp);
  font-weight: 700;
}

.ec-case-study__company--curriculum_course,
.ec-case-study__company--curriculum_homework {
  border: 1px solid var(--blue);
  height: var(--clamp-120sp);
  width: var(--clamp-140sp);
}

.ec-case-study__company--curriculum_name {
  font-size: var(--clamp-14sp);
}

.ec-case-study__company--curriculum_hour {
  font-size: var(--clamp-20sp);
  line-height: 1.4;
}

.ec-case-study__company--feedback {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  gap: 1em;
  line-height: 1.45;
  margin-top: var(--clamp-16sp);
  padding: var(--clamp-10sp);
}

.ec-case-study__others {
  margin-top: var(--clamp-40sp);
}

.ec-case-study__others h3 {
  color: var(--blue);
  font-size: var(--clamp-24sp);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ec-case-study__others--value {
  margin: var(--clamp-24sp) auto 0;
  width: var(--clamp-306sp);
}

.ec-case-study__others--value:last-of-type::after {
  content: "など";
  display: block;
  margin-top: .5em;
}

.ec-case-study__others--value h4 {
  font-size: var(--clamp-18sp);
}

.ec-case-study__others--value ul {
  list-style: disc;
  padding-left: 1.2em;
}

.ec-case-study__others--value li {
  margin-top: .5em;
}












@media all and (min-width: 744px) {
  .ec-case-study {
    margin-top: var(--clamp-104);
  }

  .ec-case-study__container {
    margin-top: var(--clamp-40);
  }

  .ec-case-study__featured {
    gap: var(--clamp-40);
  }

  .ec-case-study__company {
    padding: var(--clamp-24);
    width: 100%;
  }

  .ec-case-study__company--company-logo {
    height: clamp(63.8px, 41.1px + 3.05vw, 85px);
  }

  .ec-case-study__company--company-name {
    font-size: var(--clamp-f16);
    margin-top: var(--clamp-16);
  }

  .ec-case-study__company--profile-wrapper {
    flex-direction: row;
    justify-content: space-between;
    margin-top: var(--clamp-16);
  }

  .ec-case-study__company--company-picture {
    height: auto;
    margin: 0;
    max-height: 200px;
    width: clamp(230px, 155px + 10.06vw, 300px);
  }

  .ec-case-study__company--infomation {
    gap: var(--clamp-8);
    margin: 0;
    width: clamp(250px, 132px + 15.8vw, 360px);
  }

  .ec-case-study__company--information_head {
    font-size: var(--clamp-f14);
  }

  .ec-case-study__company--information_item_regular {
    font-size: var(--clamp-f14);
  }

  .ec-case-study__company--information_item_small {
    font-size: var(--clamp-f12);
  }

  .ec-case-study__company--curriculum {
    margin-top: var(--clamp-16);
  }

  .ec-case-study__company--curriculum_head {
    font-size: var(--clamp-f16);
  }

  .ec-case-study__company--curriculum_course,
  .ec-case-study__company--curriculum_homework {
    height: clamp(72px, 20.7px + 6.9vw, 120px);
    width: clamp(100.7px, 58.7px + 5.65vw, 140px);
  }

  .ec-case-study__company--curriculum_name {
    font-size: var(--clamp-f14);
  }

  .ec-case-study__company--curriculum_hour {
    font-size: var(--clamp-f20);
  }

  .ec-case-study__company--feedback {
    font-size: var(--clamp-f16);
    margin-top: var(--clamp-16);
    padding: var(--clamp-10);
  }

  .ec-case-study__others {
    margin-top: var(--clamp-80);
  }

  .ec-case-study__others h3 {
    font-size: var(--clamp-32);
  } 

  .ec-case-study__others--value {
    margin: var(--clamp-40) auto 0;
    width: 100%;
  }

  .ec-case-study__others--value h4 {
    font-size: var(--clamp-24);
  }
}

/* flow */
.ec-flow {
  margin-top: var(--clamp-104sp);
}

.ec-flow__container {
  margin: 0 auto;
  width: clamp(309.4px, -2.9px + 97.6vw, 484.1px);
}

.ec-flow__details {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  height: clamp(212.5px, -2px + 67.04vw, 332.5px);
  padding: var(--clamp-16sp) var(--clamp-8sp);
  width: clamp(98.6px, -1px + 31.12vw, 154.3px);
}

@media all and (max-width: 743px) {
  .ec-flow__details:nth-child(n + 4) {
    margin-top: var(--clamp-8sp);
  }
}

.ec-flow__h3 {
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  height: clamp(66.3px, -0.6px + 20.89vw, 103.7px);
  justify-content: center;
  letter-spacing: -1.5px;
  line-height: 1.4;
  padding-top: clamp(32.3px, -0.2px + 10.17vw, 50.5px);
  position: relative;
  text-align: center;
}

.ec-flow__h3::before {
  align-items: center;
  background-color: var(--dark-green);
  border-radius: 50%;
  color: var(--white);
  counter-increment: flow-num 1;
  content: counter(flow-num);
  display: flex;
  font-size: var(--clamp-16sp);
  height: var(--clamp-30sp);
  justify-content: center;
  position: absolute;
  left: calc(50% - (var(--clamp-30sp) / 2));
  top: 0;
  width: var(--clamp-30sp);
}

.ec-flow__icon {
  height: var(--clamp-40sp);
  margin: var(--clamp-8sp) auto 0;
  width: var(--clamp-40sp);
}

.ec-flow__icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-flow__text{
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.4;
  margin-top: var(--clamp-8sp);
}

@media all and (min-width: 744px) {
  .ec-flow {
    margin-top: var(--clamp-104);
  }

  .ec-flow__container {
    width: 100%;
  }

  .ec-flow__details {
    height: clamp(210px, 156.5px + 7.18vw, 260px);
    padding: var(--clamp-16) var(--clamp-8);
    width: clamp(82px, 45.6px + 4.89vw, 116px);
  }

  .ec-flow__h3 {
    font-size: var(--clamp-f14);
    height: clamp(56px, 32.5px + 3.16vw, 78px);
    padding-top: clamp(28.2px, 17.7px + 1.41vw, 38px);
  }

  .ec-flow__h3::before {
    font-size: var(--clamp-f16);
    height: var(--clamp-30);
    left: calc(50% - clamp(12px, 8.8px + 0.43vw, 15px));
    width: var(--clamp-30);
  }

  .ec-flow__icon {
    height: clamp(30px, 19.3px + 1.44vw, 40px);
    margin: 8px auto 0;
    width: clamp(30px, 19.3px + 1.44vw, 40px);
  }

  .ec-flow__text{
    font-size: var(--clamp-f12);
    margin-top: 8px;
  }
}