/* variables */
:root {
  --adv-slide-num: 3;

  /* 320 - 500 */
  --clamp-sp10_15: clamp(0.625rem, 0.069rem + 2.78vw, 0.938rem);

  /* 501 - 743 */
  --clamp-sp60_178: clamp(3.75rem, -11.518rem + 48.76vw, 11.125rem);

  /* 744 - 1440 */
  --clamp-pc8_24: clamp(0.5rem, -0.569rem + 2.3vw, 1.5rem);
  --clamp-pc18_24: clamp(1.125rem, 0.724rem + 0.86vw, 1.5rem);
  --clamp-pc52_86: clamp(3.25rem, 0.978rem + 4.89vw, 5.375rem);
  --clamp-pc565_960: clamp(35.313rem, 8.922rem + 56.75vw, 60rem);

  /* 1440 - 1920 */
  --clamp-pc80_125: clamp(5rem, -3.439rem + 9.38vw, 7.813rem);
  --clamp-pc800_1067: clamp(50rem, -0.063rem + 55.63vw, 66.688rem);

  /* 320 - 3840 */
  --clamp-320_3840: clamp(20rem, 100vw, 240rem);
}

/* layout */
body {
  background: #f1f1f1;
}

main {
  padding-bottom: 0;
}

.ec-footer {
  background: var(--white);
  margin-top: 0;
}

/* common heading */
.ec-img-genai-common__h2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
}

.ec-img-genai-common__h2--sub-text {
  color: var(--genai-orange);
  line-height: 1.2;
}

.ec-img-genai-common__h2--main-text {
  color: var(--genai-orange);
  font-size: var(--clamp-36sp);
  line-height: 1.2;
}

.ec-img-genai-common__h2--deco-text {
  font-weight: 400;
  line-height: 2;
}

@media all and (min-width: 744px) {
  .ec-img-genai-common__h2--sub-text {
    font-size: var(--clamp-24);
  }

  .ec-img-genai-common__h2--main-text {
    font-size: var(--clamp-48full);
  }

  .ec-img-genai-common__h2--deco-text {
    font-size: var(--clamp-f16);
    font-weight: inherit;
  }
}

/* Firstview */
.ec-img-genai-firstview {
  background: var(--genai-lightgray-orange);
  margin-top: var(--clamp-8sp);
  width: 100%;
}

.ec-img-genai-firstview__inner {
  background: #2d3037 url(../../images/img-genai/firstview/firstview-background-img_mobile.webp) no-repeat top/cover;
  height: var(--clamp-490sp);
  margin: 0 auto var(--clamp-280sp);
  max-width: 1920px;
  padding-top: var(--clamp-50sp);
  position: relative;
  width: 100%;
}

.ec-img-genai-firstview__inner::after {
  background: rgba(41,41,41,.35);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.ec-img-genai-firstview__h1 {
  align-items: flex-end;
  background: rgba(46,48,56,.85);
  color: var(--white);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  padding: var(--clamp-24sp) 0 var(--clamp-26sp) var(--clamp-13sp);
  position: relative;
  /* width: var(--clamp-237sp); */
  width: var(--clamp-200sp);
  z-index: 5;
}

.ec-img-genai-firstview__h1--block_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-2sp);
  width: var(--clamp-70sp);
}

.ec-img-genai-firstview__h1--block_1 span {
  background: var(--white);
  border-radius: 9999px;
  color: var(--genai-gray);
  font-size: var(--clamp-24sp);
  line-height: var(--clamp-36sp);
  text-align: center;
  width: 100%;
}

.ec-img-genai-firstview__h1--block_2 {
  font-size: var(--clamp-24sp);
  line-height: 1;
  margin-left: var(--clamp-6sp);
}

.ec-img-genai-firstview__h1--block_2 span:first-child {
  color: var(--genai-orange);
  display: inline-block;
  font-size: var(--clamp-64sp);
  font-weight: 400;
  transform: scaleY(1.1);
  transform-origin: bottom center;
}

.ec-img-genai-firstview__h1--block_2 span:last-child {
  margin-left: var(--clamp-2sp);
}

.ec-img-genai-firstview__h1--block_3 {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  margin-top: var(--clamp-16sp);
  position: relative;
  width: var(--clamp-140sp);
}

.ec-img-genai-firstview__h1--block_3 span:nth-child(2) {
  font-size: var(--clamp-24sp);
  position: relative;
}

.ec-img-genai-firstview__h1--block_3 span:nth-child(2)::before {
  background: var(--genai-orange);
  bottom: calc(var(--clamp-4sp) * -1);
  content: "";
  height: var(--clamp-6sp);
  left: calc(var(--clamp-5sp) * -1);
  position: absolute;
  width: calc(100% + var(--clamp-28sp));
  z-index: -1;
}

.ec-img-genai-firstview__h1--block_3 span:last-child {
  display: inline-block;
  font-size: var(--clamp-30sp);
  transform: translate(calc(var(--clamp-4sp) * -1), 1px);
}

.ec-img-genai-firstview__overview {
  background: rgba(46, 48, 56, .85);
  height: var(--clamp-144sp);
  margin-top: var(--clamp-26sp);
  position: relative;
  z-index: 5;
}

.ec-img-genai-firstview__overview--features {
  height: 100%;
}

.ec-img-genai-firstview__overview--features_list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-10sp);
  height: 100%;
  justify-content: center;
  padding-left: var(--clamp-13sp);
}

.ec-img-genai-firstview__overview--features_list::after {
  color: var(--white);
  bottom: var(--clamp-10sp);
  content: "など";
  font-size: var(--clamp-12sp);
  position: absolute;
  right: var(--clamp-13sp);
}

.ec-img-genai-firstview__overview--features_list_item {
  align-items: center;
  display: flex;
}

.ec-img-genai-firstview__overview--features_list_item::before {
  background: var(--genai-orange);
  border-radius: calc(var(--clamp-6sp) / 2);
  content: "";
  display: inline-block;
  height: var(--clamp-24sp);
  margin-right: var(--clamp-6sp);
  width: var(--clamp-6sp);
}

.ec-img-genai-firstview__overview--features_list_item p {
  color: white;
}

.ec-img-genai-firstview__overview--features_list_item p span {
  color: var(--genai-orange);
}

.ec-img-genai-firstview__overview--cta-wrapper {
  bottom: calc(var(--clamp-324sp) * -1);
  display: flex;
  flex-direction: column;
  gap: var(--clamp-20sp);
  height: var(--clamp-180sp);
  left: calc(50% - var(--clamp-350sp) / 2);
  position: absolute;
  width: var(--clamp-350sp);
}

.ec-img-genai-firstview__overview--cta {
  height: var(--clamp-78sp);
  width: 100%;
}

.ec-img-genai-firstview__notes {
  background: rgba(46, 48, 56, .85);
  bottom: var(--clamp-26sp);
  color: var(--white);
  font-size: var(--clamp-12sp);
  padding: var(--clamp-4sp) var(--clamp-12sp);
  position: absolute;
  right: 0;
  z-index: 5;
}

@media all and (min-width: 744px) {
  .ec-img-genai-firstview {
    background: var(--genai-lightgray-orange);
    margin-top: var(--clamp-10);
    padding-bottom: var(--clamp-40);
    width: 100%;
  }

  .ec-img-genai-firstview__inner {
    background: #2d3037 url(../../images/img-genai/firstview/firstview-background-img_pc.webp) no-repeat top/cover;
    height: var(--clamp-800);
    margin-bottom: 0;
    padding-top: var(--clamp-80);
  }

  .ec-img-genai-firstview__h1 {
    font-size: var(--clamp-32);
    padding: var(--clamp-10) 0 var(--clamp-48) var(--clamp-80);
    width: var(--clamp-760);
  }

  .ec-img-genai-firstview__h1--block_1 {
    gap: unset;
    width: var(--clamp-100);
  }

  .ec-img-genai-firstview__h1--block_1 span {
    font-size: inherit;
    line-height: inherit;
  }

  .ec-img-genai-firstview__h1--block_2 {
    font-size: var(--clamp-32);
    margin-left: var(--clamp-24);
  }

  .ec-img-genai-firstview__h1--block_2 span:first-child {
    font-size: var(--clamp-132);
    transform: none;
  }

  .ec-img-genai-firstview__h1--block_2 span:last-child {
    font-size: var(--clamp-48full);
    margin-left: var(--clamp-10);
  }

  .ec-img-genai-firstview__h1--block_3 {
    margin-top: var(--clamp-15);
    width: 100%;
  }

  .ec-img-genai-firstview__h1--block_3 span:first-child {
    font-size: var(--clamp-48full);
  }

  .ec-img-genai-firstview__h1--block_3 span:nth-child(2) {
    font-size: var(--clamp-64);
    margin-left: var(--clamp-4);
  }

  .ec-img-genai-firstview__h1--block_3 span:nth-child(2)::before {
    bottom: calc(var(--clamp-10) * -1);
    height: var(--clamp-15);
    left: calc(var(--clamp-4) * -1);
    width: calc(100% - (var(--clamp-8) * -1));
  }

  .ec-img-genai-firstview__h1--block_3 span:last-child {
    display: inline-block;
    font-size: var(--clamp-70);
    transform: translate(calc(var(--clamp-10) * -1), var(--clamp-6));
  }

  .ec-img-genai-firstview__overview {
    align-items: center;
    background: rgba(156,156,156,.65);
    display: flex;
    gap: var(--clamp-137);
    height: var(--clamp-252);
    justify-content: center;  
    margin-top: var(--clamp-80);
    width: 100%;
  }

  .ec-img-genai-firstview__overview--features {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .ec-img-genai-firstview__overview--features_list {
    flex-direction: row;
    gap: var(--clamp-34);
    height: var(--clamp-230);
    padding-left: 0;
  }

  .ec-img-genai-firstview__overview--features_list::after {
    content: none;
  }

  .ec-img-genai-firstview__overview--features_list_item {
    background: var(--genai-grayish-white);
    border-radius: 50%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    width: var(--clamp-230);
  }

  .ec-img-genai-firstview__overview--features_list_item::before {
    content: none;
  }

  .ec-img-genai-firstview__overview--features_list_item p {
    color: var(--gray);
    font-size: var(--clamp-20);
    font-weight: 700;
    text-align: center;
  }

  .ec-img-genai-firstview__overview--features_list_item p span {
    color: var(--genai-orange);
    font-size: var(--clamp-28);
  }

  .ec-img-genai-firstview__overview--cta-wrapper {
    gap: var(--clamp-15);
    height: 100%;
    justify-content: center;
    position: static;
    width: var(--clamp-380);
  }

  .ec-img-genai-firstview__overview--cta {
    height: var(--clamp-84);
    position: static;
    width: 100%;
  }

  .ec-img-genai-firstview__notes {
    background: none;
    bottom: var(--clamp-15);
    font-size: var(--clampf16);
    font-weight: 700;
    padding: 0 var(--clamp-5);
    text-align: center;
  }
}

@media all and (min-width: 1441px) {
  .ec-img-genai-firstview__inner {
    height: var(--clamp-pc800_1067);
    padding-top: var(--clamp-pc80_125);
  }
}

/* comparison */
.ec-img-genai-comparison {
  background: var(--genai-gray);
  padding: var(--clamp-28sp) 0 var(--clamp-13sp);
}

.ec-img-genai-comparison__h2 {
  color: var(--white);
  font-size: var(--clamp-14sp);
  font-weight: 700;
  line-height: 1.44;
  position: relative;
  text-align: center;
  z-index: 10;
}

.ec-img-genai-comparison__h2--120,
.ec-img-genai-comparison__h2--133 {
  font-size: 128%;
}

.ec-img-genai-comparison__h2--logo {
  position: relative;
}

.ec-img-genai-comparison__h2--logo::before {
  background: url(../../images/img-genai/logo/logo_midjourney_white.svg) no-repeat bottom/contain;
  content: "";
  display: inline-block;
  height: var(--clamp-25sp);
  transform: translateY(var(--clamp-4sp));
  width: var(--clamp-30sp);
}

.ec-img-genai-comparison__h2--logo::after {
  background: var(--genai-orange);
  bottom: 0;
  content: "";
  height: var(--clamp-4sp);
  position: absolute;
  right: var(--clamp-8sp);
  width: var(--clamp-230sp);
  z-index: -1;
}

.ec-img-genai-comparison__table {
  margin-top: var(--clamp-26sp);
  overflow-x: scroll;
  padding: 0 var(--clamp-50sp) var(--clamp-13sp);
  width: 100%;
}

.ec-img-genai-comparison__table::-webkit-scrollbar {
  height: var(--clamp-6sp);
}

.ec-img-genai-comparison__table::-webkit-scrollbar-thumb {
  background: var(--white);
  border-radius: 9999px;
}

.ec-img-genai-comparison__table::-webkit-scrollbar-track {
  margin: 0 var(--clamp-50sp);
}

.ec-img-genai-comparison__table--slider {
  background: var(--white);
  padding: var(--clamp-5sp) var(--clamp-7sp) var(--clamp-13sp);
  position: relative;
  width: 838px;
}

.ec-img-genai-comparison__table--slider_scrollable {
  height: var(--clamp-135sp);
  left: calc(var(--clamp-95sp) - var(--clamp-50sp));
  opacity: 1;
  position: absolute;
  top: 135px;
  transition: all .1s 0s ease;
  visibility: visible;
  width: var(--clamp-192sp);
}

.ec-img-genai-comparison__table--slider_scrollable[data-is-scrolled="true"] {
  opacity: 0;
  visibility: hidden;
}

@media all and (min-width: 501px) {
  .ec-img-genai-comparison__table--slider_scrollable {
    left: var(--clamp-sp60_178);
  }
}

@media all and (min-width: 744px) {
  .ec-img-genai-comparison {
    padding: var(--clamp-40) 0 var(--clamp-80);
  }

  .ec-img-genai-comparison__h2 {
    font-size: var(--clamp-30full);
  }

  .ec-img-genai-comparison__h2--120 {
    font-size: 120%;
  }

  .ec-img-genai-comparison__h2--133 {
    font-size: 133%;
  }

  .ec-img-genai-comparison__h2--logo::before {
    height: var(--clamp-54);
    margin-right: var(--clamp-10);
    transform: translateY(var(--clamp-3));
    width: var(--clamp-64);
  }

  .ec-img-genai-comparison__h2--logo::after {
    bottom: var(--clamp-6);
    height: var(--clamp-6);
    right: var(--clamp-15);
    width: var(--clamp-510);
  }

  .ec-img-genai-comparison__table {
    margin-top: var(--clamp-40);
    overflow: hidden;
    padding: 0;
  }

  .ec-img-genai-comparison__table--slider {
    border-radius: var(--clamp-16);
    margin: 0 auto;
    padding: var(--clamp-40) var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-img-genai-comparison__table--slider_scrollable {
    display: none;
  }
}

/* for-who */
.ec-img-genai-for-who {
  padding-top: var(--clamp-52sp);
}

.ec-img-genai-for-who__h2 {
  color: var(--genai-orange);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  text-align: center;
}

.ec-img-genai-for-who__h2::after {
  background: url(../../images/img-genai/for-who/for-who_title-underline.svg) no-repeat center/contain;
  content: "";
  display: block;
  height: var(--clamp-10sp);
  margin: var(--clamp-6sp) auto 0;
  width: var(--clamp-266sp);
}

.ec-img-genai-for-who__list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-26sp);
  margin: var(--clamp-27sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-img-genai-for-who__list--item {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: var(--clamp-180sp);
  position: relative;
  width: 100%;
}

.ec-img-genai-for-who__list--item picture {
  background: var(--white);
  border: 4px solid var(--genai-gray);
  border-radius: 50%;
  height: var(--clamp-96sp);
  position: relative;
  width: var(--clamp-96sp);
  z-index: 5;
}

.ec-img-genai-for-who__list--item picture img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-img-genai-for-who__list--item_text-wrapper {
  align-items: center;
  background: var(--white);
  bottom: 0;
  display: flex;
  height: var(--clamp-95sp);
  justify-content: center;
  padding: 0 var(--clamp-13sp);
  position: absolute;
  width: 100%;
}

.ec-img-genai-for-who__list--item_text {
  font-weight: 400;
  line-height: 1.44;
  text-align: justify;
}

.ec-img-genai-for-who__list--item_text span {
  color: var(--genai-orange);
}

@media all and (min-width: 744px) {
  .ec-img-genai-for-who {
    padding-top: var(--clamp-160);
  }

  .ec-img-genai-for-who__h2 {
    font-size: var(--clamp-48full);
  }

  .ec-img-genai-for-who__h2::after {
    height: var(--clamp-26);
    margin: var(--clamp-10) auto 0;
    width: var(--clamp-780);
  }

  .ec-img-genai-for-who__list {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
    margin: var(--clamp-80) auto 0;
    width: var(--clamp-1280);
  }

  .ec-img-genai-for-who__list--item {
    background: var(--white);
    border: var(--clamp-pc8_24) solid var(--genai-gray);
    border-radius: 50%;
    height: var(--clamp-400);
    position: static;
    width: var(--clamp-400);
  }

  .ec-img-genai-for-who__list--item picture {
    background: none;
    border: none;
    border-radius: unset;
    height: auto;
    transform: translateY(calc(var(--clamp-pc18_24) * -1));
    width: var(--clamp-280);
  }

  .ec-img-genai-for-who__list--item picture img {
    height: auto;
  }

  .ec-img-genai-for-who__list--item_text-wrapper {
    background: none;
    display: block;
    height: auto;
    padding: 0;
    position: static;
    width: auto;
  }

  .ec-img-genai-for-who__list--item_text {
    font-size: var(--clamp-f18);
    font-weight: 700;
    transform: translateY(calc(var(--clamp-pc52_86) * -1));
    width: var(--clamp-233);
  }
}

/* advantages */
.ec-img-genai-advantages {
  counter-reset: adv-num;
  margin-top: var(--clamp-40sp);
}

.ec-img-genai-advantages__h2 {
  align-items: flex-end;
  background: url(../../images/img-genai/advantages/advantages_title-background_sp@2x_min.webp) no-repeat center/contain;
  display: flex;
  height: var(--clamp-183sp);
  justify-content: center;
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
  width: 100%;
}

.ec-img-genai-advantages__h2--body {
  color: var(--white);
  font-weight: 700;
  line-height: 1;
  transform: translateY(calc(var(--clamp-56sp) * -1));
}

.ec-img-genai-advantages__h2--body_large-text {
  font-size: var(--clamp-24sp);
}

.ec-img-genai-advantages__h2--body_exlarge-text {
  color: var(--genai-orange);
  font-size: var(--clamp-36sp);
}

.ec-img-genai-advantages__h3 {
  align-items: center;
  display: flex;
  height: var(--clamp-123sp);
  justify-content: center;
  margin: 0 auto var(--clamp-28sp);
  position: relative;
  width: var(--clamp-350sp);
}

.ec-img-genai-advantages__h3::before {
  background: url(../../images/img-genai/advantages/advantage_heading_sp.svg) no-repeat bottom/contain;
  content: "";
  height: var(--clamp-138sp);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ec-img-genai-advantages__h3::after {
  align-items: center;
  background: #f1f1f1;
  color: var(--genai-orange);
  counter-increment: adv-num 1;
  content: "0"counter(adv-num);
  display: flex;
  font-size: var(--clamp-32sp);
  font-weight: 400;
  height: var(--clamp-80sp);
  justify-content: center;
  position: absolute;
  top: calc(var(--clamp-40sp) * -1);
  width: var(--clamp-50sp);
}

.ec-img-genai-advantages__h3--body {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ec-img-genai-advantages__h3--body span {
  color: var(--genai-orange);
}

.ec-img-genai-advantages-01 {
  margin-top: var(--clamp-50sp);
}

.ec-img-genai-advantages-01__main {
  background: var(--genai-lightgray-orange);
  padding: var(--clamp-13sp);
}

.ec-img-genai-advantages-01__main-inner {
  background: var(--white);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 500px;
  padding: var(--clamp-13sp);
  width: 100%;
}

.ec-img-genai-advantages-01__main--list {
  background: url(../../images/img-genai/advantages/advantage-01_note_sp.svg) no-repeat center/contain;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-14sp);
  height: var(--clamp-132sp);
  justify-content: center;
  padding-left: var(--clamp-22sp);
  width: 100%;
}

.ec-img-genai-advantages-01__main--list_item {
  align-items: center;
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  position: relative;
}

.ec-img-genai-advantages-01__main--list_item::before {
  background: url(../../images/img-genai/icon/icon_checkmark.svg) no-repeat center/contain;
  content: "";
  height: var(--clamp-18sp);
  margin-right: var(--clamp-8sp);
  width: var(--clamp-18sp);
}

.ec-img-genai-advantages-01__main--list_item:last-child::after {
  bottom: 1px;
  content: "など";
  font-size: var(--clamp-12sp);
  font-weight: 400;
  position: absolute;
  right: var(--clamp-18sp);
}

.ec-img-genai-advantages-01__main--list_item span {
  color: var(--genai-orange);
}

.ec-img-genai-advantages-01__main--text {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  gap: var(--clamp-13sp);
  line-height: 1.4;
  margin-top: var(--clamp-26sp);
}

.ec-img-genai-advantages-01__main--text_strong {
  color: var(--genai-orange);
  font-weight: 700;
}

.ec-img-genai-advantages-01__main--text_dotted {
  position: relative;
}

.ec-img-genai-advantages-01__main--text_underlined {
  position: relative;
  z-index: 5;
}

.ec-img-genai-advantages-01__main--text_underlined::after {
  background: var(--genai-orange);
  bottom: var(--clamp-4sp);
  content: "";
  display: block;
  height: var(--clamp-4sp);
  left: 0;
  position: absolute;
  width: var(--clamp-230sp);
  z-index: -1;
}

@media all and (min-width: 744px) {
  .ec-img-genai-advantages {
    margin-top: var(--clamp-180);
  }

  .ec-img-genai-advantages__h2 {
    background: url(../../images/img-genai/advantages/advantages_title-background_pc@2x_min.webp) no-repeat center/contain;
    height: var(--clamp-320);
    max-width: none;
    width: var(--clamp-1280);
  }

  .ec-img-genai-advantages__h2--body {
    font-size: var(--clamp-40);
    transform: translateY(calc(var(--clamp-55) * -1));
  }

  .ec-img-genai-advantages__h2--body_large-text {
    font-size: var(--clamp-64);
  }

  .ec-img-genai-advantages__h2--body_exlarge-text {
    font-size: var(--clamp-96);
  }

  .ec-img-genai-advantages__h3 {
    height: var(--clamp-210);
    margin: 0 auto var(--clamp-90);
    width: var(--clamp-880);
  }

  .ec-img-genai-advantages__h3::before {
    background: url(../../images/img-genai/advantages/advantage_heading_pc.svg) no-repeat bottom/contain;
    height: var(--clamp-260);
  }

  .ec-img-genai-advantages__h3::after {
    font-size: var(--clamp-64);
    height: var(--clamp-82);
    top: calc(var(--clamp-46) * -1);
    width: var(--clamp-120);
  }

  .ec-img-genai-advantages__h3--body {
    font-size: var(--clamp-32);
  }

  .ec-img-genai-advantages-01 {
    margin-top: var(--clamp-110);
  }

  .ec-img-genai-advantages-01__main {
    padding: var(--clamp-80) 0;
  }

  .ec-img-genai-advantages-01__main-inner {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    max-width: none;
    padding: var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-img-genai-advantages-01__main--list {
    background: url(../../images/img-genai/advantages/advantage-01_note_pc.svg) no-repeat center/contain;
    display: flex;
    gap: var(--clamp-15);
    height: var(--clamp-298);
    padding-left: var(--clamp-80);
    width: var(--clamp-544);
  }

  .ec-img-genai-advantages-01__main--list_item {
    font-size: var(--clamp-24);
    font-weight: 700;
  }

  .ec-img-genai-advantages-01__main--list_item::before {
    height: var(--clamp-34);
    margin-right: var(--clamp-15);
    width: var(--clamp-34);
  }

  .ec-img-genai-advantages-01__main--list_item:last-child::after {
    bottom: calc(var(--clamp-25) * -1);
    font-size: var(--clamp-f20);
    font-weight: 500;
    right: var(--clamp-80);
  }

  .ec-img-genai-advantages-01__main--text {
    font-size: var(--clamp-24);
    font-weight: 700;
    gap: var(--clamp-30full);
    margin-top: 0;
    width: calc(100% - var(--clamp-544) - var(--clamp-55));
  }

  .ec-img-genai-advantages-01__main--text_strong {
    color: inherit;
    font-size: var(--clamp-32);
  }

  .ec-img-genai-advantages-01__main--text_dotted::before {
    content: "";
    height: var(--clamp-10);
    position: absolute;
    top: calc(var(--clamp-6) * -1);
  }

  .ec-img-genai-advantages-01__main--text_dotted:first-of-type::before {
    background: url(../../images/img-genai/advantages/advantage-01_two-dots.svg) no-repeat center/contain;
    left: calc(50% - var(--clamp-20));
    width: var(--clamp-40);
  }

  .ec-img-genai-advantages-01__main--text_dotted:last-of-type::before {
    background: url(../../images/img-genai/advantages/advantage-01_three-dots.svg) no-repeat center/contain;
    left: calc(50% - var(--clamp-38));
    width: var(--clamp-76);
  }

  .ec-img-genai-advantages-01__main--text_underlined::after {
    bottom: var(--clamp-4);
    height: var(--clamp-6);
    width: var(--clamp-477);
  }
}

.ec-img-genai-advantages-02 {
  margin-top: var(--clamp-50sp);
}

.ec-img-genai-advantages-02__main {
  background: var(--genai-gray);
  margin-top: var(--clamp-13sp);
  padding: var(--clamp-13sp) 0 var(--clamp-26sp);
}

.ec-img-genai-advantages-02__slider {
  overflow: hidden;
}

.ec-img-genai-advantages-02__slider-track {
  display: flex;
  gap: var(--clamp-5sp);
  margin: 0 calc(50% - calc(var(--clamp-336sp) / 2));
  transition: transform .2s 0s ease;
  /* スライドWidth x スライド数 + Gapの設定値 x (スライド数 - 1) */
  width: calc(var(--clamp-336sp) * var(--adv-slide-num) + (var(--clamp-5) * calc(var(--adv-slide-num) - 1)));
}

.ec-img-genai-advantages-02__slider-track[data-current="1"] {
  transform: translateX(0);
}

.ec-img-genai-advantages-02__slider-track[data-current="2"] {
  /* (スライドWidth / 2 - (画面Widthの50％ - スライドWidth / 2) + Gap設定値 + 画面Widthの50％) x -1 */
  transform: translateX(calc((var(--clamp-336sp) / 2 - (50% - (var(--clamp-336sp) / 2)) + var(--clamp-5sp) / 2 + 50%) * -1));
}

.ec-img-genai-advantages-02__slider-track[data-current="3"] {
  /* (スライドWidth / 2 - (画面Widthの50％ - スライドWidth / 2) + Gap設定値 + 画面Widthの50％) x -2 */
  transform: translateX(calc((var(--clamp-336sp) / 2 - (50% - (var(--clamp-336sp) / 2)) + var(--clamp-5sp) / 2 + 50%) * -2));
}

.ec-img-genai-advantages-02__slider--item {
  width: var(--clamp-336sp);
}

.ec-img-genai-advantages-02__slider--item img {
  object-fit: contain;
  width: 100%;
}

.ec-img-genai-advantages-02__slider-pager {
  align-items: center;
  display: flex;
  gap: var(--clamp-10sp);
  justify-content: center;
  margin-top: var(--clamp-5sp);
  padding: var(--clamp-2sp) 0;
}

.ec-img-genai-advantages-02__slider-pager--circle {
  background: #a5a8b6;
  border-radius: 50%;
  height: var(--clamp-10sp);
  position: relative;
  width: var(--clamp-10sp);
}

.ec-img-genai-advantages-02__slider-pager--circle::after {
  background: transparent;
  border-radius: 50%;
  bottom: calc(50% - calc(var(--clamp-14sp) / 2));
  content: "";
  height: var(--clamp-14sp);
  left: calc(50% - calc(var(--clamp-14sp) / 2));
  position: absolute;
  transition: all .2s 0s ease;
  width: var(--clamp-14sp);
}

.ec-img-genai-advantages-02__slider-track[data-current="1"] + .ec-img-genai-advantages-02__slider-pager .ec-img-genai-advantages-02__slider-pager--circle[data-pager="1"]::after,
.ec-img-genai-advantages-02__slider-track[data-current="2"] + .ec-img-genai-advantages-02__slider-pager .ec-img-genai-advantages-02__slider-pager--circle[data-pager="2"]::after,
.ec-img-genai-advantages-02__slider-track[data-current="3"] + .ec-img-genai-advantages-02__slider-pager .ec-img-genai-advantages-02__slider-pager--circle[data-pager="3"]::after {
  background-color: var(--genai-orange);
}

.ec-img-genai-advantages-02__comment {
  color: var(--white);
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.4;
  margin: var(--clamp-28sp) auto 0;
  text-align: justify;
  width: var(--clamp-350sp);
}

@media all and (min-width: 744px) {
  .ec-img-genai-advantages-02 {
    margin-top: var(--clamp-190);
  }

  .ec-img-genai-advantages-02__main {
    margin-top: var(--clamp-40);
    padding: var(--clamp-70) 0 var(--clamp-80);
  }

 .ec-img-genai-advantages-02__slider-track {
    gap: var(--clamp-28);
    margin-left: calc(50% - calc(var(--clamp-880) / 2));
    /* スライドWidth x スライド数 + Gapの設定値 x (スライド数 - 1) */
    width: calc(var(--clamp-880) * var(--adv-slide-num) + (var(--clamp-28) * calc(var(--adv-slide-num) - 1)));
  } 

 .ec-img-genai-advantages-02__slider-track[data-current="2"] {
    /* (スライドWidth / 2 - (画面Widthの50％ - スライドWidth / 2) + Gap設定値 + 画面Widthの50％) x -1 */
    transform: translateX(calc((var(--clamp-880) / 2 - (50% - (var(--clamp-880) / 2)) + var(--clamp-28) + 50%) * -1));
  } 

 .ec-img-genai-advantages-02__slider-track[data-current="3"] {
    /* (スライドWidth / 2 - (画面Widthの50％ - スライドWidth / 2) + Gap設定値 + 画面Widthの50％) x -2 */
    transform: translateX(calc((var(--clamp-880) / 2 - (50% - (var(--clamp-880) / 2)) + var(--clamp-28) + 50%) * -2));
  } 

  .ec-img-genai-advantages-02__slider--item {
    cursor: pointer;
    width: var(--clamp-880);
  }

  .ec-img-genai-advantages-02__slider-track[data-current="1"] .ec-img-genai-advantages-02__slider--item[data-num="1"],
  .ec-img-genai-advantages-02__slider-track[data-current="2"] .ec-img-genai-advantages-02__slider--item[data-num="2"],
  .ec-img-genai-advantages-02__slider-track[data-current="3"] .ec-img-genai-advantages-02__slider--item[data-num="3"] {
    cursor: default;
  }

  .ec-img-genai-advantages-02__slider-pager {
    gap: var(--clamp-22);
    margin-top: var(--clamp-14);
    padding: var(--clamp-14) 0;
  }

  .ec-img-genai-advantages-02__slider-pager--circle {
    cursor: pointer;
    height: var(--clamp-20);
    width: var(--clamp-20);
  }

  .ec-img-genai-advantages-02__slider-track[data-current="1"] + .ec-img-genai-advantages-02__slider-pager .ec-img-genai-advantages-02__slider-pager--circle[data-pager="1"],
  .ec-img-genai-advantages-02__slider-track[data-current="2"] + .ec-img-genai-advantages-02__slider-pager .ec-img-genai-advantages-02__slider-pager--circle[data-pager="2"],
  .ec-img-genai-advantages-02__slider-track[data-current="3"] + .ec-img-genai-advantages-02__slider-pager .ec-img-genai-advantages-02__slider-pager--circle[data-pager="3"] {
    cursor: default;
  }

  .ec-img-genai-advantages-02__slider-pager--circle::after {
    bottom: calc(50% - calc(var(--clamp-30) / 2));
    height: var(--clamp-30);
    left: calc(50% - calc(var(--clamp-30) / 2));
    width: var(--clamp-30);
  }

  .ec-img-genai-advantages-02__comment {
    align-items: center;
    background: var(--white);
    border-radius: var(--clamp-16);
    color: inherit;
    display: flex;
    font-size: var(--clamp-32);
    font-weight: 700;
    height: var(--clamp-252);
    justify-content: center;
    margin: var(--clamp-80) auto 0;
    text-align: center;
    width: var(--clamp-1280);
  }
}

.ec-img-genai-advantages-03 {
  margin-top: var(--clamp-50sp);
}

.ec-img-genai-advantages-03__main {
  margin: var(--clamp-13sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-img-genai-advantages-03__tools {
  display: flex;
  flex-wrap: wrap;
  gap: var(--clamp-13sp);
}

.ec-img-genai-advantages-03__tools--list {
  align-items: center;
  background: var(--genai-lightgray-orange);
  display: flex;
  flex-direction: column;
  height: var(--clamp-184sp);
  padding: var(--clamp-13sp) 0;
  width: var(--clamp-168sp);
}

.ec-img-genai-advantages-03__tools--list_logo {
  align-items: center;
  background: var(--white);
  display: flex;
  height: var(--clamp-76sp);
  justify-content: center;
  width: var(--clamp-100sp);
}

.ec-img-genai-advantages-03__tools--list_logo picture {
  height: var(--clamp-50sp);
  width: var(--clamp-50sp);
}

.ec-img-genai-advantages-03__tools--list_logo picture img {
  height: 100%;
  object-fit: contain;
}

.ec-img-genai-advantages__h4 {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-13sp);
}

.ec-img-genai-advantages-03__tools--list_description {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-13sp);
  text-align: center;
}

.ec-img-genai-advantages-03__tools--list:last-child .ec-img-genai-advantages-03__tools--list_description {
  font-size: var(--clamp-sp10_15);
}

.ec-img-genai-advantages-03__tools--list:last-child .ec-img-genai-advantages-03__tools--list_description span {
  display: none;
}

.ec-img-genai-advantages-03__comment {
  font-weight: 400;
  line-height: 1.4;
  margin-top: var(--clamp-13sp);
}

.ec-img-genai-advantages__cta {
  align-items: center;
  background: var(--white);
  display: flex;
  flex-direction: column;
  gap: var(--clamp-25sp);
  margin-top: var(--clamp-70sp);
  padding: var(--clamp-40sp) 0;
}

.ec-img-genai-advantages__cta--btn {
  height: var(--clamp-78sp);
  width: var(--clamp-350sp);
}

@media all and (min-width: 744px) {
  .ec-img-genai-advantages-03 {
    margin-top: var(--clamp-190);
  }

  .ec-img-genai-advantages-03__main {
    margin: var(--clamp-130) auto 0;
    padding-bottom: var(--clamp-140);
    width: var(--clamp-1280);
  }

  .ec-img-genai-advantages-03__tools {
    flex-wrap: nowrap;
    gap: unset;
    justify-content: space-between;
  }

  .ec-img-genai-advantages-03__tools--list {
    height: var(--clamp-320);
    padding: var(--clamp-28) 0 0;
    width: var(--clamp-300);
  }

  .ec-img-genai-advantages-03__tools--list_logo {
    height: var(--clamp-136);
    width: var(--clamp-180);
  }

  .ec-img-genai-advantages-03__tools--list_logo picture {
    height: var(--clamp-90);
    width: var(--clamp-90);
  }

  .ec-img-genai-advantages__h4 {
    font-size: var(--clamp-24);
    font-weight: 700;
    margin-top: var(--clamp-20);
  }

  .ec-img-genai-advantages-03__tools--list_description {
    font-size: var(--clamp-f16);
    font-weight: 700;
    margin-top: var(--clamp-10);
  }

  .ec-img-genai-advantages-03__tools--list:last-child .ec-img-genai-advantages-03__tools--list_description {
    font-size: var(--clamp-f16);
  }

  .ec-img-genai-advantages-03__tools--list:last-child .ec-img-genai-advantages-03__tools--list_description span {
    display: inline;
  }

  .ec-img-genai-advantages-03__comment {
    font-size: var(--clamp-32);
    font-weight: 700;
    margin-top: var(--clamp-44);
    text-align: center;
  }

  .ec-img-genai-advantages__cta {
    flex-direction: row;
    gap: var(--clamp-110);
    height: var(--clamp-324);
    justify-content: center;
    margin-top: 0;
  }

  .ec-img-genai-advantages__cta--btn {
    height: var(--clamp-84);
    width: var(--clamp-380);
  }
}

/* curriculum */
.ec-img-genai-curriculum {
  padding-top: var(--clamp-74sp);
}

.ec-img-genai-curriculum__contents {
  padding-top: var(--clamp-40sp);
}

.ec-img-genai-curriculum__contents--list {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: var(--clamp-26sp);
  margin: 0 auto;
  width: var(--clamp-350sp);
}

.ec-img-genai-curriculum__contents--list_item {
  background: var(--white);
  display: flex;
  flex-wrap: wrap;
  padding: var(--clamp-26sp) var(--clamp-13sp);
  width: 100%;
}

.ec-img-genai-curriculum__contents--list_item_head {
  align-items: center;
  display: flex;
  font-size: var(--clamp-20sp);
  font-weight: 700;
  height: var(--clamp-60sp);
  justify-content: center;
  line-height: 1.3;
  margin-left: var(--clamp-20sp);
  order: 2;
}

.ec-img-genai-curriculum__contents--list_item_head span {
  font-size: var(--clamp-16sp);
  transform: translateY(var(--clamp-2sp));
}

.ec-img-genai-curriculum__contents--list_item picture {
  height: var(--clamp-60sp);
  margin-left: var(--clamp-50sp);
  order: 1;
  width: var(--clamp-60sp);
}

.ec-img-genai-curriculum__contents--list_item picture img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-img-genai-curriculum__contents--list_item_description {
  align-items: center;
  display: flex;
  font-weight: 400;
  justify-content: center;
  line-height: 1.44;
  padding: var(--clamp-13sp) 0 0;
  order: 3;
  width: 100%;
}

.ec-img-genai-curriculum__contents--list_item_todo {
  background: var(--genai-lightgray-orange);
  display: flex;
  justify-content: center;
  margin-top: var(--clamp-13sp);
  order: 4;
  width: 100%;
}

.ec-img-genai-curriculum__contents--list_item_todo-list {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.6;
  list-style-type: disc;
  max-width: var(--clamp-290sp);
  padding: var(--clamp-13sp) 0 var(--clamp-13sp) 1em;
}

.ec-img-genai-curriculum__contents--list_item_todo-list li:not(:first-child) {
  margin-top: var(--clamp-8sp);
}

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

  .ec-img-genai-curriculum__contents {
    background: var(--genai-gray);
    margin-top: var(--clamp-80);
    padding: var(--clamp-80) 0;
  }

  .ec-img-genai-curriculum__contents--list {
    flex-direction: row;
    gap: unset;
    justify-content: space-between;
    width: var(--clamp-1280);
  }

  .ec-img-genai-curriculum__contents--list_item {
    align-items: flex-start;
    height: var(--clamp-535);
    padding: var(--clamp-40) 0 0;
    width: var(--clamp-400);
  }

  .ec-img-genai-curriculum__contents--list_item_head {
    flex-direction: column;
    font-size: var(--clamp-32);
    height: var(--clamp-108);
    margin: 0;
    width: var(--clamp-212);
  }

  .ec-img-genai-curriculum__contents--list_item_head span {
    font-size: var(--clamp-24);
    transform: none;
  }

  .ec-img-genai-curriculum__contents--list_item picture {
    height: var(--clamp-108);
    margin-left: var(--clamp-40);
    width: var(--clamp-108);
  }

  .ec-img-genai-curriculum__contents--list_item_description {
    font-weight: 700;
    height: var(--clamp-130);
    padding: 0 var(--clamp-40);
  }

  .ec-img-genai-curriculum__contents--list_item_todo {
    align-items: center;
    height: calc(100% - var(--clamp-108) - var(--clamp-130));
    margin-top: 0;
  }

  .ec-img-genai-curriculum__contents--list_item_todo-list {
    font-size: var(--clamp-f20);
    font-weight: 700;
    line-height: 1.4;
    max-width: var(--clamp-332);
    padding: 0 0 0 1em;
  }

  .ec-img-genai-curriculum__contents--list_item_todo-list li:not(:first-child) {
    margin-top: var(--clamp-8);
  }
}

/* overview */
.ec-img-genai-overview {
  margin-top: var(--clamp-52sp);
}

.ec-img-genai-overview__list {
  margin: var(--clamp-40sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-img-genai-overview__list--description {
  border-top: 1px solid var(--arrow-gray);
  display: flex;
}

.ec-img-genai-overview__list--description:last-of-type {
  border-bottom: 1px solid var(--arrow-gray);
}

.ec-img-genai-overview__list--description_dt {
  background: var(--genai-gray);
  align-items: center;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  justify-content: center;
  padding: var(--clamp-10sp) 0;
  width: var(--clamp-115sp);
}

.ec-img-genai-overview__list--description_dd {
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-14sp);
  font-weight: 400;
  justify-content: center;
  line-height: 1.44;
  padding: var(--clamp-10sp) 0 var(--clamp-10sp) var(--clamp-10sp);
  width: calc(100% - var(--clamp-115sp));
}

.ec-img-genai-overview__list--description_access:not(:first-child) {
  margin-top: 1em;
}

.ec-img-genai-overview__list--description_access div:not(:first-of-type) {
  margin-top: .6em;
}

.ec-img-genai-overview__list--description_fee .ec-img-genai-overview__list--description_dt::before {
  background: url(../../images/bot/overview_icon_fee.svg) no-repeat
    center/contain;
}

.ec-img-genai-overview__list--description_method .ec-img-genai-overview__list--description_dt::before {
  background: url(../../images/bot/overview_icon_method.svg) no-repeat
    center/contain;
}

.ec-img-genai-overview__list--description_location .ec-img-genai-overview__list--description_dt::before {
  background: url(../../images/bot/overview_icon_location.svg) no-repeat
    center/contain;
}

.ec-img-genai-overview__list--description_belongings .ec-img-genai-overview__list--description_dt::before {
  background: url(../../images/bot/overview_icon_belongings.svg) no-repeat
    center/contain;
}

.ec-img-genai-overview__list--description_keep-in-mind .ec-img-genai-overview__list--description_dt::before {
  background: url(../../images/bot/overview_icon_keep-in-mind.svg) no-repeat
    center/contain;
}

.ec-img-genai-overview__list--description_dt::before {
  content: "";
  height: var(--clamp-18sp);
  margin-right: 0.2em;
  width: var(--clamp-18sp);
}

.ec-img-genai-overview__list--description_method .ec-img-genai-overview__list--description_dd
  span::before {
  content: "※";
}

.ec-img-genai-overview__list--description_location .ec-img-genai-overview__list--description_dd dt:not(:first-child) {
  margin-top: 1.5em;
}

.ec-img-genai-overview__list--description_location .ec-img-genai-overview__list--description_dd dt::before {
  content: "●";
}

.ec-img-genai-overview__list--description_keep-in-mind .ec-img-genai-overview__list--description_dd ul li::before {
  content: "・";
}

@media all and (min-width: 744px) {
  .ec-img-genai-overview {
    margin-top: var(--clamp-240);
  }

  .ec-img-genai-overview__list {
    background: var(--white);
    margin: var(--clamp-160) auto 0;
    padding: var(--clamp-80) var(--clamp-85);
    width: var(--clamp-pc565_960);
  }

  .ec-img-genai-overview__list--description_dt {
    font-size: var(--clamp-f16);
    padding: var(--clamp-18) 0;
    width: clamp(94px, 2px + 12.36vw, 180px);
  }

  .ec-img-genai-overview__list--description_dd {
    font-size: var(--clamp-f16);
    padding: var(--clamp-18) 15px var(--clamp-18) clamp(18px, 2.44vw, 35px);
    width: 100%;
  }

  .ec-img-genai-overview__list--description_dt::before {
    height: clamp(15px, 1.1px + 1.87vw, 28px);
    margin-right: 0.4em;
    width: clamp(15px, 1.1px + 1.87vw, 28px);
  }
}

/* schedule */
.ec-img-genai-schedule {
  margin-top: var(--clamp-52sp);
}

.ec-img-genai-schedule__table-pc {
  display: none;
}

.ec-img-genai-schedule__table-sp {
  margin-top: var(--clamp-40sp);
}

.ec-img-genai-schedule__table-sp li:nth-of-type(odd) {
  background: var(--white);
}

.ec-img-genai-schedule__table-sp li:nth-of-type(even) {
  background: var(--genai-lightgray);
}

.ec-img-genai-schedule__table-sp--empty {
  padding-top: var(--clamp-44sp);
  text-align: center;
}

.ec-img-genai-schedule__table-sp--body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: var(--clamp-18sp) 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-img-genai-schedule__table-sp--body dt {
  color: var(--genai-orange);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  margin-bottom: var(--clamp-4sp);
}

.ec-img-genai-schedule__table-sp--body_datetime_description {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.44;
  text-align: center;
}

.ec-img-genai-schedule__table-sp--body_capacity {
  width: 50%;
}

.ec-img-genai-schedule__table-sp--body_capacity_description {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-img-genai-schedule__table-sp--body_location {
  margin-top: 1.4em;
  width: 100%;
}

.ec-img-genai-schedule__table-sp--body_location_name,
.ec-img-genai-schedule__table-sp--body_location_address {
  font-size: var(--clamp-14sp);
  line-height: 1.44;
}

.ec-img-genai-schedule__table-sp--body_location_name {
  font-weight: 700;
}

.ec-img-genai-schedule__table-sp--body_location_address {
  font-weight: 400;
}

.ec-img-genai-schedule__table-sp--body_availability {
  margin-top: 1.4em;
  width: 100%;
}

.ec-img-genai-schedule__table-cmn--availability_contact {
  display: block;
  height: clamp(66px, -1.6px + 21.11vw, 104px);
  margin: clamp(46.8px, -0.1px + 14.67vw, 73.2px) auto 0;
  position: relative;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-img-genai-schedule__table-cmn--availability_entry {
  display: block;
  height: clamp(48px, -1.8px + 15.56vw, 76px);
  margin-left: clamp(66px, -1.6px + 21.11vw, 104px);
  margin-top: var(--clamp-10sp);
  position: relative;
  width: clamp(220px, 68.89vw, 344px);
}

.ec-img-genai-schedule__table-cmn--availability_entry_available::before,
.ec-img-genai-schedule__table-cmn--availability_entry_few::before,
.ec-img-genai-schedule__table-cmn--availability_entry_not-available::before {
  font-size: var(--clamp-32sp);
  left: calc(var(--clamp-60sp) * -1);
  line-height: 1;
  position: absolute;
  top: calc(50% - var(--clamp-32sp) / 2);
}

.ec-img-genai-schedule__table-cmn--availability_entry_available::before {
  content: "○";
}

.ec-img-genai-schedule__table-cmn--availability_entry_few::before {
  content: "△";
}

.ec-img-genai-schedule__table-cmn--availability_entry_not-available::before {
  content: "✕";
}

.ec-img-genai-schedule__table-cmn--availability_entry_not-available .ec-img-genai-cmn-btn {
  background: var(--disabled-gray) !important;
  transition: none !important;
}

.ec-img-genai-schedule__table-cmn--availability_entry_not-available .ec-img-genai-cmn-btn:hover {
  transform: none !important;
}

.ec-img-genai-schedule__table-cmn--availability_entry_not-available .ec-img-genai-cmn-btn__body::before {
  animation: none !important;
}

@media all and (min-width: 744px) {
  .ec-img-genai-schedule {
    margin-top: var(--clamp-190);
  }

  .ec-img-genai-schedule__table-sp {
    display: none;
  }

  .ec-img-genai-schedule__table-pc {
    display: block;
    line-height: 1.44;
    margin: clamp(45px, 1.2px + 5.89vw, 86px) auto 0;
    width: clamp(666px, 9.6px + 88.22vw, 1280px);
  }

  .ec-img-genai-schedule__table-pc--items {
    align-items: center;
    background: var(--genai-gray);
    color: var(--white);
    display: flex;
    font-size: var(--clamp-f16);
    font-weight: 700;
    height: var(--clamp-56);
    text-align: center;
  }

  .ec-img-genai-schedule__table-pc--datetime {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: var(--clamp-240);
  }

  .ec-img-genai-schedule__table-pc--location {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(
      100% - var(--clamp-240) - clamp(95px, -6.5px + 13.65vw, 190px) -
        clamp(175px, 1.8px + 23.28vw, 337px)
    );
  }

  .ec-img-genai-schedule__table-pc--body_list .ec-img-genai-schedule__table-pc--location {
    padding-left: clamp(26px, -21px + 6.32vw, 70px);
  }

  .ec-img-genai-schedule__table-pc--capacity {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 20px;
    width: clamp(95px, -6.5px + 13.65vw, 190px);
  }

  .ec-img-genai-schedule__table-pc--availability {
    align-items: center;
    display: flex;
    justify-content: center;
    width: clamp(175px, 1.8px + 23.28vw, 337px);
  }

  .ec-img-genai-schedule__table-pc--empty {
    align-items: center;
    display: flex;
    font-weight: 700;
    height: clamp(118px, 59px + 7.9vw, 173px);
    justify-content: space-between;
    padding: 0 var(--clamp-40);
    text-align: left;
  }

  .ec-img-genai-schedule__table-pc--body_list:nth-of-type(odd) {
    background: var(--white);
  }

  .ec-img-genai-schedule__table-pc--body_list:nth-of-type(even) {
    background: var(--genai-lightgray);
  }

  .ec-img-genai-schedule__table-pc--body_list ol {
    display: flex;
    height: clamp(118px, 59px + 7.9vw, 173px);
  }

  .ec-img-genai-schedule__table-pc--datetime {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: var(--clamp-240);
  }

  .ec-img-genai-schedule__table-cmn--availability_contact {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: clamp(46px, 34px + 1.58vw, 57px);
    justify-content: center;
    margin: 0;
    width: clamp(135px, 2.4px + 17.82vw, 259px);
  }

  .ec-img-genai-schedule__table-cmn--availability_entry {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: clamp(46px, 34px + 1.58vw, 57px);
    justify-content: center;
    margin: 0;
    transform: translateY(clamp(18px, 2.44vw, 35px));
    width: clamp(135px, 2.4px + 17.82vw, 259px);
  }

  .ec-img-genai-schedule__table-cmn--availability_entry_available::before,
  .ec-img-genai-schedule__table-cmn--availability_entry_few::before,
  .ec-img-genai-schedule__table-cmn--availability_entry_not-available::before {
    font-size: var(--clamp-32);
    left: calc(50% - var(--clamp-16));
    top: calc(clamp(36px, 13.6px + 3.02vw, 57px) * -1);
  }
}

/* voices */
.ec-img-genai-voices {
  margin-top: var(--clamp-52sp);
}

.ec-img-genai-voices__pager {
  height: 17px;
  width: 200px;
}

.ec-img-genai-voices__pagination--at-top {
  margin: var(--clamp-36sp) auto 0;
}

.ec-img-genai-voices__pagination--at-bottom {
  margin: var(--clamp-16sp) auto var(--clamp-56sp);
}

.ec-img-genai-voices__pager-wrapper {
  display: flex;
  justify-content: center;
  gap: var(--clamp-12sp);
}

.ec-img-genai-voices__pager--circle {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: var(--clamp-11sp);
  user-select: none;
  width: var(--clamp-11sp);
}

.ec-img-genai-voices__pager--circle_body {
  background: #a5a8b6;
  border-radius: 50%;
  display: block;
  height: 100%;
  transition: background-color 0.2s ease 0s;
  width: 100%;
}

.ec-img-genai-voices__pager--circle[data-is-active="true"]
  .ec-img-genai-voices__pager--circle_body {
  background: var(--genai-orange);
  transform: scale(1.4);
}

.ec-img-genai-voices__slider {
  background: var(--genai-gray);
  margin-top: var(--clamp-10sp);
  width: 100%;
}

.ec-img-genai-voices__slider-wrapper {
  display: flex;
  gap: var(--clamp-6sp);
  padding: var(--clamp-14sp) 0;
  transition: transform 0.2s ease 0s;
}

.ec-img-genai-voices__slider-wrapper:has(#js__img-genai-voices-slider-1[data-is-shown="true"]) {
  transform: translateX(calc(50% - clamp(296px, 92.78vw, 463px) / 2));
}

.ec-img-genai-voices__slider-wrapper:has(#js__img-genai-voices-slider-2[data-is-shown="true"]) {
  transform: translateX(calc(50% - clamp(296px, 92.78vw, 463px) / 2 - (var(--clamp-6sp) + clamp(296px, 92.78vw, 463px)) * 1));
}

.ec-img-genai-voices__slider-wrapper:has(#js__img-genai-voices-slider-3[data-is-shown="true"]) {
  transform: translateX(calc(50% - clamp(296px, 92.78vw, 463px) / 2 - (var(--clamp-6sp) + clamp(296px, 92.78vw, 463px)) * 2));
}

.ec-img-genai-voices__list {
  background: var(--white);
  flex-shrink: 0;
  padding: var(--clamp-10sp);
  width: clamp(296px, 92.78vw, 463px);
}

.ec-img-genai-voices__list--participant {
  display: flex;
  width: 100%;
}

.ec-img-genai-voices__list--participant_pic {
  width: 50%;
}

.ec-img-genai-voices__list--participant_pic img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-img-genai-voices__list--participant_profile {
  background: #f1f1f1;
  padding: var(--clamp-24sp);
  width: 50%;
}

.ec-img-genai-voices__list--participant_profile_name {
  font-size: var(--clamp-16sp);
  font-weight: 700;
}

.ec-img-genai-voices__list--participant_profile_name span {
  font-size: var(--clamp-12sp);
  font-weight: 400;
}

.ec-img-genai-voices__list--participant_profile_other {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.42;
  margin-top: var(--clamp-10sp);
}

.ec-img-genai-voices__list--feedback {
  margin-top: var(--clamp-10sp);
}

.ec-img-genai-voices__list--feedback_head {
  align-items: center;
  color: var(--genai-orange);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.45;
  min-height: var(--clamp-48sp);
}

.ec-img-genai-voices__list--feedback_body {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-10sp);
}

.ec-img-genai-voices__list--feedback_body p:not(:first-child) {
  margin-top: 1.5em;
}

@media all and (min-width: 744px) {
  .ec-img-genai-voices {
    margin-top: var(--clamp-240);
  }

  .ec-img-genai-voices__pager {
    height: 30px;
    width: 200px;
  }

  .ec-img-genai-voices__pagination--at-top {
    display: none;
  }

  .ec-img-genai-voices__pagination--at-bottom {
    margin: var(--clamp-28) auto var(--clamp-170);
  }

  .ec-img-genai-voices__pager-wrapper {
    gap: var(--clamp-12);
  }

  .ec-img-genai-voices__pager--circle {
    height: clamp(16px, 1px + 2.01vw, 30px);
    width: clamp(16px, 1px + 2.01vw, 30px);
  }

  .ec-img-genai-voices__pager--circle[data-is-active="false"] {
    cursor: pointer;
  }

  .ec-img-genai-voices__pager--circle_body {
    height: var(--clamp-20);
    width: var(--clamp-20);
  }

  .ec-img-genai-voices__pager--circle[data-is-active="true"]
    .ec-img-genai-voices__pager--circle_body {
    transform: scale(1);
  }

  .ec-img-genai-voices__slider {
    margin-top: var(--clamp-24);
  }

  .ec-img-genai-voices__slider-wrapper {
    gap: var(--clamp-32);
    padding: clamp(18px, 2.3vw, 34px) 0;
  }

  .ec-img-genai-voices__slider-wrapper:has(#js__img-genai-voices-slider-1[data-is-shown="true"]),
  .ec-img-genai-voices__slider-wrapper:has(#js__img-genai-voices-slider-2[data-is-shown="true"]) {
    transform: translateX(calc(50% - var(--clamp-32) / 2 - clamp(342px, 78px + 35.49vw, 589px)));
  }

  .ec-img-genai-voices__slider-wrapper:has(#js__img-genai-voices-slider-3[data-is-shown="true"]) {
    transform: translateX(calc(50% - var(--clamp-32) / 2 - clamp(342px, 78px + 35.49vw, 589px) - (var(--clamp-32) + clamp(342px, 78px + 35.49vw, 589px)) * 1));
  }

  .ec-img-genai-voices__list {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: clamp(18px, 2.44vw, 35px);
    width: clamp(342px, 78px + 35.49vw, 589px);
  }

  .ec-img-genai-voices__list[data-is-shown="false"] {
    cursor: pointer;
  }

  .ec-img-genai-voices__list--participant {
    flex-direction: column;
    width: clamp(112px, 74px + 5.17vw, 148px);
  }

  .ec-img-genai-voices__list--participant_pic {
    width: 100%;
  }

  .ec-img-genai-voices__list--participant_profile {
    height: clamp(80px, 37px + 5.75vw, 120px);
    padding: var(--clamp-16);
    width: 100%;
  }

  .ec-img-genai-voices__list--participant_profile_name {
    font-size: var(--clamp-f16);
  }

  .ec-img-genai-voices__list--participant_profile_name span {
    font-size: var(--clamp-f12);
  }

  .ec-img-genai-voices__list--participant_profile_other {
    font-size: var(--clamp-f12);
    margin-top: var(--clamp-10);
  }

  .ec-img-genai-voices__list--feedback {
    margin: 0;
    width: clamp(175px, 2.9px + 23.13vw, 336px);
  }

  .ec-img-genai-voices__list--feedback_head {
    color: var(--genai-gray);
    font-size: var(--clamp-24);
    min-height: 2em;
  }

  .ec-img-genai-voices__list--feedback_body {
    font-size: var(--clamp-f16);
    margin-top: clamp(18px, 2.3vw, 34px);
  }

  .ec-img-genai-voices__list--feedback_body p:not(:first-child) {
    margin-top: 1em;
  }
}

/* comments */
.ec-img-genai-comments {
  background: white;
  margin-top: var(--clamp-52sp);
  padding: var(--clamp-52sp) 0 var(--clamp-24sp);
}

.ec-img-genai-comments__headline {
  color: #2e3038;
  font-size: var(--clamp-24sp);
  font-weight: 700;
  text-align: center;
}

.ec-img-genai-comments__list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
  margin: var(--clamp-24sp) auto 0;
  width: var(--clamp-349sp);
}

.ec-img-genai-comments__list--item {
  align-items: center;
  display: flex;
  height: var(--clamp-138sp);
  padding: 0 var(--clamp-8sp) var(--clamp-20sp);
  width: 100%;
}

.ec-img-genai-comments__list--item:nth-child(odd) {
  background: url(../../images/img-genai/comments/balloon_antiquewhite_sp@2x.min.webp) no-repeat center/contain;
}

.ec-img-genai-comments__list--item:nth-child(even) {
  background: url(../../images/img-genai/comments/balloon_shikoku_sp@2x.min.webp) no-repeat center/contain;
}

.ec-img-genai-comments__list--item p {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1.6;
}

.ec-img-genai-comments__list--item:nth-child(even) p {
  color: white;
}

.ec-img-genai-comments__list--item p span {
  color: var(--genai-orange);
  font-weight: 700;
}

@media all and (min-width: 744px) {
  .ec-img-genai-comments {
    margin-top: var(--clamp-120);
    padding: var(--clamp-80) 0;
  }

  .ec-img-genai-comments__headline {
    font-size: var(--clamp-48full);
  }

  .ec-img-genai-comments__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
    margin: var(--clamp-40) auto 0;
    width: var(--clamp-1280);
  }

  .ec-img-genai-comments__list--item {
    height: var(--clamp-216);
    padding: 0 var(--clamp-11) var(--clamp-28) var(--clamp-11);
    width: var(--clamp-414);
  }

  .ec-img-genai-comments__list--item:nth-child(odd),
  .ec-img-genai-comments__list--item:nth-child(even) {
    background: none;
  }

  .ec-img-genai-comments__list--item:nth-child(3n + 1),
  .ec-img-genai-comments__list--item:nth-child(3n + 3) {
    background: url(../../images/img-genai/comments/balloon_antiquewhite_pc@2x.min.webp) no-repeat center/contain;
  }

  .ec-img-genai-comments__list--item:nth-child(3n + 2) {
    background: url(../../images/img-genai/comments/balloon_shikoku_pc@2x.min.webp) no-repeat center/contain;
  }

  .ec-img-genai-comments__list--item:nth-child(n + 4) {
    margin-top: var(--clamp-40);
  }

  .ec-img-genai-comments__list--item p {
    font-size: var(--clamp-20);
    font-weight: 700;
    letter-spacing: .098em;
    text-align: center;
  }

  .ec-img-genai-comments__list--item:nth-child(even) p {
    color: inherit;
  }

  .ec-img-genai-comments__list--item:nth-child(3n + 2) p {
    color: white;
  }
}

/* banner samples */
.ec-img-genai-banner-samples {
  background: #2e3038;
  padding: var(--clamp-24sp) 0 var(--clamp-30sp);
}

.ec-img-genai-banner-samples__headline {
  align-items: center;
  color: white;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  letter-spacing: .1em; 
  line-height: 1.6;
}

.ec-img-genai-banner-samples__headline::before {
  background: url(../../images/img-genai/logo/logo_midjourney_white.svg) no-repeat center/contain;
  content: "";
  height: var(--clamp-32sp);
  width: var(--clamp-38sp);
}

.ec-img-genai-banner-samples__headline--block-1 {
  font-size: var(--clamp-16sp);
}

.ec-img-genai-banner-samples__headline--block-1 span {
  color: var(--genai-orange);
  font-weight: 700;
}

.ec-img-genai-banner-samples__headline--block-2 {
  font-size: var(--clamp-16sp);
}

.ec-img-genai-banner-samples__headline--block-2 span {
  font-size: var(--clamp-24sp);
  font-weight: 700;
  position: relative;
  z-index: 5;
}

.ec-img-genai-banner-samples__headline--block-2 > span::before {
  background: var(--genai-orange);
  bottom: var(--clamp-4sp);
  content: "";
  height: var(--clamp-6sp);
  left: calc(var(--clamp-3sp) * -1);
  position: absolute;
  width: calc(100% + var(--clamp-3sp));
  z-index: -1;
}

.ec-img-genai-banner-samples__headline--block-2 span span {
  font-size: var(--clamp-32sp);
}

.ec-img-genai-banner-samples__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--clamp-5sp);
  margin: var(--clamp-19sp) auto 0;
  width: var(--clamp-349sp);
}

.ec-img-genai-banner-samples__list--item {
  height: var(--clamp-96sp);
  width: calc((100% - var(--clamp-5sp)) / 2);
}

.ec-img-genai-banner-samples__list--item img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-img-genai-banner-samples__cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-30sp);
  margin: var(--clamp-74sp) 0;
}

.ec-img-genai-banner-samples__cta--btn {
  height: var(--clamp-78sp);
  width: var(--clamp-350sp);
}

@media all and (min-width: 744px) {
  .ec-img-genai-banner-samples {
    margin-top: var(--clamp-120);
    padding: var(--clamp-80) 0;
  }

  .ec-img-genai-banner-samples__headline {
    background: white;
    color: var(--black);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: var(--clamp-40) 0 var(--clamp-22);
    width: var(--clamp-1280);
  }

  .ec-img-genai-banner-samples__headline::before {
    background: url(../../images/img-genai/logo/logo_midjourney_black.svg) no-repeat center/contain;
    height: var(--clamp-50);
    margin-right: var(--clamp-4);
    width: var(--clamp-60);
  }

  .ec-img-genai-banner-samples__headline--block-1 {
    font-size: var(--clamp-36);
  }

  .ec-img-genai-banner-samples__headline--block-1 span {
    color: var(--genai-orange);
  }

  .ec-img-genai-banner-samples__headline--block-2 {
    font-size: var(--clamp-36);
    margin-top: calc(var(--clamp-8) * -1);
    text-align: center;
    width: 100%;
  }

  .ec-img-genai-banner-samples__headline--block-2 span {
    font-size: var(--clamp-48full);
  }

  .ec-img-genai-banner-samples__headline--block-2 > span::before {
    bottom: var(--clamp-4);
    height: var(--clamp-16);
    left: calc(var(--clamp-6sp) * -1);
    width: calc(100% + var(--clamp-10));
  }

  .ec-img-genai-banner-samples__headline--block-2 span span {
    font-size: var(--clamp-64);
  }

  .ec-img-genai-banner-samples__list {
    gap: var(--clamp-16);
    margin: var(--clamp-40) auto 0;
    width: var(--clamp-1280);
  }

  .ec-img-genai-banner-samples__list--item {
    height: var(--clamp-232);
    width: calc((100% - var(--clamp-16) * 2) / 3);
  }

  .ec-img-genai-banner-samples__cta {
    flex-direction: row;
    gap: var(--clamp-110);
    height: var(--clamp-84);
    justify-content: center;
    margin: var(--clamp-260) 0 var(--clamp-240);
  }

  .ec-img-genai-banner-samples__cta--btn {
    height: 100%;
    width: var(--clamp-380);
  }
}