:root {
  interpolate-size: allow-keywords;
}

/* layout */
main {
  padding-bottom: 0;
}

.ec-footer {
  margin-top: 0;
}

/* common */
.ec-pbot-h2__cmn {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ec-pbot-h2__cmn--main {
  color: var(--bot-blue);
  font-size: var(--clamp-32sp);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.ec-pbot-h2__cmn--sub,
.ec-pbot-h2__cmn--note {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-5sp);
  text-align: center;
}

.ec-pbot-h2__cmn--note {
  margin: 2em 0;
}

.ec-pbot-cmn-btn {
  border: var(--clamp-4sp) solid var(--white);
  border-radius: var(--clamp-12sp);
  box-shadow: 0px var(--clamp-4sp) var(--clamp-8sp) 0px rgba(0, 0, 0, 0.3);
  color: #333;
  height: 100%;
  position: relative;
  transform: translateY(0px);
  transition: transform 0.2s linear 0s;
  width: 100%;
}

.ec-pbot-cmn-btn:has(> .ec-pbot-cmn-btn__body:hover) {
  transform: translateY(2px);
}

.ec-pbot-cmn-btn__balloon {
  align-items: center;
  border-radius: 9999px;
  box-shadow: 0px var(--clamp-4sp) var(--clamp-4sp) rgba(0, 0, 0, 0.25),
    0px 0px 1px rgba(0, 0, 0, 0.25);
  display: flex;
  font-weight: 700;
  line-height: 1;
  position: absolute;
}

.ec-pbot-cmn-btn__v1 .ec-pbot-cmn-btn__balloon {
  font-size: var(--clamp-16sp);
  height: clamp(32px, 10vw, 50px);
  padding: 0 var(--clamp-12sp);
  top: calc(clamp(32px, 10vw, 50px) / 2 * -1);
}

.ec-pbot-cmn-btn__v2 .ec-pbot-cmn-btn__balloon {
  font-size: var(--clamp-12sp);
  height: var(--clamp-27sp);
  padding: 0 var(--clamp-12sp);
  top: calc(var(--clamp-27sp) / 2 * -1);
}

.ec-pbot-cmn-btn__balloon--pos_l {
  left: 1em;
}

.ec-pbot-cmn-btn__balloon--pos_r {
  right: 1em;
}

.ec-pbot-cmn-btn__body {
  align-items: center;
  color: var(--white);
  display: flex;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ec-pbot-cmn-btn__v1 .ec-pbot-cmn-btn__body {
  font-size: var(--clamp-20sp);
}

.ec-pbot-cmn-btn__v2 .ec-pbot-cmn-btn__body {
  font-size: var(--clamp-20sp);
}

.ec-pbot-cmn-btn__body::before {
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  height: 200px;
  left: -65%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 50%;
}

.ec-pbot-cmn-btn__body:hover::before {
  animation: btn-interaction 0.2s linear 0s forwards;
}

@keyframes btn-interaction {
  from {
    left: -65%;
  }
  to {
    left: 115%;
  }
}

.ec-pbot-cmn-btn__icon::after {
  content: "";
  position: absolute;
}

.ec-pbot-cmn-btn__v1 .ec-pbot-cmn-btn__icon::after {
  height: var(--clamp-20sp);
  top: calc(50% - var(--clamp-20sp) / 2);
  width: var(--clamp-14sp);
}

.ec-pbot-cmn-btn__v2 .ec-pbot-cmn-btn__icon::after {
  height: var(--clamp-18sp);
  top: calc(50% - var(--clamp-18sp) / 2);
  width: var(--clamp-10sp);
}

.ec-pbot-cmn-btn__icon--color_white::after {
  background: url(../../images/bot/cmn-btn_arrow_white.svg) no-repeat
    center/contain;
}

.ec-pbot-cmn-btn__icon--color_bot-blue::after {
  background: url(../../images/bot/cmn-btn_arrow_bot-blue.svg) no-repeat
    center/contain;
}

.ec-pbot-cmn-btn__icon--dir_fwd::after {
  transform: rotate(0);
}

.ec-pbot-cmn-btn__icon--dir_bwd::after {
  transform: rotate(180deg);
}

.ec-pbot-cmn-btn__icon--dir_uwd::after {
  transform: rotate(-90deg);
}

.ec-pbot-cmn-btn__icon--dir_dwd::after {
  transform: rotate(90deg);
}

.ec-pbot-cmn-btn__icon--pos_r::after {
  right: 1.15em;
}

.ec-pbot-cmn-btn__icon--pos_l::after {
  left: 1.15em;
}

@media all and (min-width: 744px) {
  .ec-pbot-h2__cmn--main {
    font-size: var(--clamp-48);
    line-height: 1.46;
  }

  .ec-pbot-h2__cmn--sub,
  .ec-pbot-h2__cmn--note {
    font-size: var(--clamp-f16);
    font-weight: 700;
    margin-top: 0;
  }

  .ec-pbot-h2__cmn--note {
    margin: 1em 0 0;
  }

  .ec-pbot-h2__cmn--note br {
    display: none;
  }

  .ec-pbot-cmn-btn {
    border-radius: var(--clamp-12);
    border-width: var(--clamp-4);
    box-shadow: 0px var(--clamp-4) var(--clamp-8) 0px rgba(0, 0, 0, 0.3);
  }

  .ec-pbot-cmn-btn__balloon {
    box-shadow: 0px var(--clamp-4) var(--clamp-4) rgba(0, 0, 0, 0.25),
      0px 0px 1px rgba(0, 0, 0, 0.25);
  }

  .ec-pbot-cmn-btn__v1 .ec-pbot-cmn-btn__balloon {
    font-size: var(--clamp-f20);
    height: clamp(22px, 2.8px + 2.59vw, 40px);
    padding: 0 var(--clamp-12);
    top: calc(clamp(22px, 2.8px + 2.59vw, 40px) / 2 * -1);
  }

  .ec-pbot-cmn-btn__v2 .ec-pbot-cmn-btn__balloon {
    font-size: var(--clamp-f12);
    height: clamp(20px, 12.5px + 1.01vw, 27px);
    padding: 0 var(--clamp-12);
    top: calc(clamp(20px, 12.5px + 1.01vw, 27px) / 2 * -1);
  }

  .ec-pbot-cmn-btn__v1 .ec-pbot-cmn-btn__body {
    font-size: var(--clamp-24);
  }

  .ec-pbot-cmn-btn__v2 .ec-pbot-cmn-btn__body {
    font-size: var(--clamp-f20);
  }

  .ec-pbot-cmn-btn__v1 .ec-pbot-cmn-btn__icon::after {
    height: var(--clamp-20);
    top: calc(50% - var(--clamp-20) / 2);
    width: var(--clamp-14);
  }

  .ec-pbot-cmn-btn__v2 .ec-pbot-cmn-btn__icon::after {
    height: var(--clamp-18);
    top: calc(50% - var(--clamp-18) / 2);
    width: var(--clamp-10);
  }
}

/* firstview */
.ec-pbot-firstview {
  margin-top: var(--clamp-8sp);
  width: 100%;
}

.ec-pbot-firstview__h1 {
  background: var(--bot-blue);
  height: clamp(121px, 37.78vw, 189px);
  padding: var(--clamp-14sp) 0 var(--clamp-18sp);
}

.ec-pbot-firstview__h1--body {
  align-items: flex-end;
  color: var(--white);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  justify-content: center;
  line-height: 1.44;
}

.ec-pbot-firstview__h1--body-1 {
  align-items: flex-end;
  display: flex;
}

.ec-pbot-firstview__h1--body-1_bg-white {
  align-items: center;
  background: var(--white);
  border-radius: 9999px;
  color: var(--bot-blue);
  display: flex;
  font-size: var(--clamp-24sp);
  height: clamp(29px, 8.89vw, 45px);
  justify-content: center;
  line-height: 1;
  margin-bottom: var(--clamp-4);
  width: clamp(59px, 18.33vw, 92px);
}

.ec-pbot-firstview__h1--body-2_strong_number {
  font-size: var(--clamp-48sp);
  line-height: 1;
  position: relative;
}

.ec-pbot-firstview__h1--body-2_strong_number::after {
  background: url(../../images/bot/firstview_icon-attention.svg) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-18sp);
  position: absolute;
  right: calc(var(--clamp-6sp) * -1);
  top: calc(var(--clamp-10sp) * -1);
  width: var(--clamp-20sp);
}

.ec-pbot-firstview__h1--body-2_strong_text {
  font-size: var(--clamp-24sp);
}

.ec-pbot-firstview__h1--body-3_strong_text {
  margin-top: 4px;
  text-align: center;
  position: relative;
  width: 100%;
}

.ec-pbot-firstview__h1--body-3_strong_text::before {
  background: url(../../images/bot/firstview_arrow_sp.svg) no-repeat
    center/contain;
  content: "";
  display: block;
  height: 8px;
  margin: 0 auto 6px;
}

.ec-pbot-firstview__head-copy {
  background: url(../../images/bot/firstview_background_sp.webp) no-repeat
    center/cover;
  height: clamp(353px, 110.56vw, 552px);
  position: relative;
  width: 100%;
}

.ec-pbot-firstview__head-copy--wrapper {
  background: rgba(255, 255, 255, 0.9);
  bottom: 11px;
  left: calc(50% - clamp(298px, -0.7px + 93.33vw, 466px) / 2);
  padding: var(--clamp-14sp) var(--clamp-12sp);
  position: absolute;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-firstview__head-copy--body {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 2.2;
}

.ec-pbot-firstview__head-copy--body_chatgpt::before {
  background: url(../../images/bot/firstview_chatgpt-logo.svg) no-repeat
    center/contain;
  content: "";
  display: inline-block;
  height: var(--clamp-12sp);
  margin-right: var(--clamp-2sp);
  transform: translateY(1px);
  width: var(--clamp-12sp);
}

.ec-pbot-firstview__head-copy--body_strong {
  font-weight: 700;
}

.ec-pbot-firstview__head-copy--body_dotted {
  font-size: 1.33em;
  line-height: 1.5;
  position: relative;
}

.ec-pbot-firstview__head-copy--body_dotted::before {
  background: url(../../images/bot/firstview_dot_sp.svg) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-4sp);
  left: calc(50% - var(--clamp-36sp) / 2);
  position: absolute;
  top: calc(var(--clamp-2sp) * -1);
  width: var(--clamp-36sp);
}

.ec-pbot-firstview__head-copy--body_highlighted {
  font-size: 1.33em;
  font-weight: 700;
  position: relative;
  z-index: 5;
}

.ec-pbot-firstview__head-copy--body_highlighted::before {
  background: linear-gradient(0deg, #f90 0%, rgba(255, 153, 0, 0) 100%);
  bottom: 0;
  content: "";
  height: 120%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.ec-pbot-firstview__cta {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-32sp);
  margin: var(--clamp-14sp) auto 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-firstview__cta--btn {
  height: clamp(66px, -1.6px + 21.11vw, 104px);
  width: 100%;
}

.ec-pbot-firstview__updates {
  color: var(--bot-blue);
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-14sp);
  font-weight: 400;
  gap: var(--clamp-8sp);
  line-height: 1.44;
  margin: var(--clamp-32sp) auto 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

@media all and (min-width: 744px) {
  .ec-pbot-firstview {
    background: url(../../images/bot/firstview_background.webp) no-repeat
      top/contain;
    height: clamp(413px, 5.6px + 54.76vw, 1057px);
    margin: var(--clamp-14) auto 0;
    max-width: 1920px;
    position: relative;
  }

  .ec-pbot-firstview__h1 {
    height: auto;
    left: calc(50% - clamp(217px, 3.2px + 28.74vw, 555px));
    padding: 0;
    position: absolute;
    top: clamp(10px, 1.36vw, 26px);
    width: clamp(434px, 5.7px + 57.57vw, 1111px);
  }

  .ec-pbot-firstview__h1--body {
    flex-wrap: nowrap;
    font-size: clamp(17px, 2.21vw, 43px);
    justify-content: flex-start;
    line-height: 1.1;
    position: relative;
    transform: rotate(-2.5deg);
  }

  .ec-pbot-firstview__h1--body-1 {
    flex-direction: column;
  }

  .ec-pbot-firstview__h1--body-1_bg-white {
    font-size: clamp(25px, 3.32vw, 64px);
    height: clamp(45px, 1.3px + 5.87vw, 114px);
    width: clamp(85px, 11.31vw, 218px);
  }

  .ec-pbot-firstview__h1--body-2_strong_number {
    font-size: clamp(67px, 1.8px + 8.76vw, 170px);
    font-weight: 400;
    margin-left: clamp(4px, 0.6vw, 11px);
    transform: translateY(clamp(3px, 0.43vw, 8px));
  }

  .ec-pbot-firstview__h1--body-2_strong_number::after {
    height: clamp(19px, 2.55vw, 49px);
    right: calc(clamp(4px, 0.6vw, 11px) * -1);
    top: calc(clamp(7px, 1.02vw, 19px) * -1);
    width: clamp(22px, 2.98vw, 57px);
  }

  .ec-pbot-firstview__h1--body-2_strong_text {
    font-size: clamp(25px, 3.32vw, 64px);
  }

  .ec-pbot-firstview__h1--body-3_strong_text {
    font-size: clamp(25px, 3.32vw, 64px);
    flex-shrink: 0;
    padding-top: 0;
    text-align: left;
    width: auto;
  }

  .ec-pbot-firstview__h1--body-3_strong_text::before {
    content: none;
  }

  .ec-pbot-firstview__head-copy {
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px clamp(2px, 0.26vw, 5px) clamp(2px, 0.26vw, 5px)
      rgba(240, 240, 240, 0.7);
    display: inline-block;
    height: auto;
    left: 0;
    min-width: clamp(416px, 6px + 55.1vw, 1064px);
    position: absolute;
    top: clamp(119px, 2.6px + 15.65vw, 303px);
    margin-top: clamp(15px, 2.04vw, 39px);
    width: auto;
  }

  .ec-pbot-firstview__head-copy--wrapper {
    background: none;
    height: 100%;
    padding: clamp(21px, 0.8px + 2.72vw, 53px) 0
      clamp(21px, 0.8px + 2.72vw, 53px) clamp(42px, 1.5px + 5.44vw, 106px);
    position: static;
    width: 100%;
  }

  .ec-pbot-firstview__head-copy--body {
    font-size: clamp(12.5px, 1.66vw, 32px);
    font-weight: 700;
    line-height: 2;
  }

  .ec-pbot-firstview__head-copy--body_chatgpt::before {
    height: clamp(13.5px, 1.83vw, 35px);
    margin-right: clamp(2px, 0.26vw, 5px);
    transform: translateY(clamp(1px, 0.14vw, 2.7px));
    width: clamp(13.5px, 1.83vw, 35px);
  }

  .ec-pbot-firstview__head-copy--body_strong {
    display: block;
    font-size: clamp(17px, 2.21vw, 43px);
    letter-spacing: -0.4px;
  }

  .ec-pbot-firstview__head-copy--body_dotted {
    font-size: 1.25em;
  }

  .ec-pbot-firstview__head-copy--body_dotted::before {
    background: url(../../images/bot/firstview_dot.svg) no-repeat center/contain;
    height: clamp(6px, 0.85vw, 16px);
    left: calc(50% - clamp(48px, 1.2px + 6.29vw, 122px) / 2);
    top: calc(clamp(3px, 0.34vw, 7px) * -1);
    width: clamp(48px, 1.2px + 6.29vw, 122px);
  }

  .ec-pbot-firstview__head-copy--body_highlighted {
    font-size: 1.67em;
  }

  .ec-pbot-firstview__head-copy--body_highlighted::before {
    height: clamp(25px, 3.32vw, 64px);
  }

  .ec-pbot-firstview__cta {
    bottom: clamp(42px, 1.5px + 5.44vw, 106px);
    flex-direction: row;
    gap: unset;
    justify-content: space-between;
    margin: 0;
    position: absolute;
    right: clamp(42px, 1.5px + 5.44vw, 106px);
    width: clamp(432px, 6.9px + 57.14vw, 1104px);
  }

  .ec-pbot-firstview__cta--btn {
    height: clamp(44px, 1px + 5.78vw, 112px);
    width: clamp(198px, 3.8px + 26.11vw, 505px);
  }

  .ec-pbot-firstview__updates {
    align-items: center;
    background-color: var(--bot-blue);
    bottom: 0;
    color: var(--white);
    flex-direction: row;
    font-size: clamp(8px, 1.11vw, 21px);
    gap: clamp(25px, 3.32vw, 64px);
    height: clamp(21px, 2.72vw, 53px);
    left: 0;
    margin: 0;
    padding-left: clamp(42px, 1.5px + 5.44vw, 106px);
    position: absolute;
    width: 100%;
  }

  .ec-pbot-firstview__updates--head {
    font-weight: 700;
  }
}

/* philosophy */
.ec-pbot-philosophy {
  margin: var(--clamp-48sp) auto 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-philosophy__body {
  margin-top: var(--clamp-18sp);
}

.ec-pbot-philosophy__body--pic {
  height: clamp(153px, 47.78vw, 239px);
  margin: 0 auto;
  width: clamp(153px, 47.78vw, 239px);
}

.ec-pbot-philosophy__body--pic img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-pbot-philosophy__body--main {
  font-size: var(--clamp-16sp);
  line-height: 1.44;
  margin-top: var(--clamp-18sp);
}

.ec-pbot-philosophy__body--main_strong {
  color: var(--bot-blue);
  font-weight: 700;
  margin-bottom: var(--clamp-18sp);
}

.ec-pbot-philosophy__body--main_text {
  font-weight: 400;
}

.ec-pbot-philosophy__body--main_text:nth-of-type(n + 3) {
  margin-top: 3em;
}

.ec-pbot-philosophy__body--main_text span {
  font-weight: 700;
}

.ec-pbot-philosophy__body--main_signature {
  font-weight: 400;
  margin-top: clamp(46px, 14.44vw, 72px);
  text-align: right;
}

@media all and (min-width: 744px) {
  .ec-pbot-philosophy {
    margin-top: var(--clamp-160);
    width: clamp(666px, 9.6px + 88.22vw, 1280px);
  }

  .ec-pbot-philosophy__body {
    align-items: center;
    display: flex;
    margin-top: var(--clamp-80);
  }

  .ec-pbot-philosophy__body--pic {
    height: clamp(166px, 1.4px + 22.13vw, 320px);
    margin: 0;
    width: clamp(166px, 1.4px + 22.13vw, 320px);
  }

  .ec-pbot-philosophy__body--main {
    font-size: var(--clamp-f16);
    margin-left: var(--clamp-64);
    margin-top: 0;
    padding: var(--clamp-22) 0 var(--clamp-14);
    position: relative;
    width: clamp(466px, 6.4px + 61.78vw, 896px);
  }

  .ec-pbot-philosophy__body--main::before {
    background: #e1f0ff;
    content: "";
    height: 100%;
    left: calc(clamp(17px, 2.3vw, 33px) * -1);
    position: absolute;
    top: 0;
    width: var(--clamp-8);
  }

  .ec-pbot-philosophy__body--main_strong {
    font-size: 2em;
    margin-bottom: var(--clamp-48);
  }

  .ec-pbot-philosophy__body--main_text:nth-of-type(n + 3) {
    margin-top: 1.2em;
  }

  .ec-pbot-philosophy__body--main_signature {
    margin-top: clamp(32px, 4.31vw, 62px);
    text-align: left;
  }
}

/* pains */
.ec-pbot-pains {
  margin-top: clamp(82px, 25.56vw, 128px);
}

.ec-pbot-pains__h2 {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

.ec-pbot-pains__h2 span {
  display: inline-block;
  position: relative;
}

.ec-pbot-pains__h2 span::after {
  background: url(../../images/bot/pains_title-underline_sp.svg) no-repeat
    center/contain;
  bottom: calc(var(--clamp-14sp) * -1);
  content: "";
  height: var(--clamp-10sp);
  left: 0;
  position: absolute;
  width: 100%;
}

.ec-pbot-pains__body {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  margin: var(--clamp-16sp) auto 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-pains__body--list {
  width: var(--clamp-160sp);
}

.ec-pbot-pains__body--list:first-of-type {
  margin: 0 auto;
  order: 3;
}

.ec-pbot-pains__body--list:nth-of-type(2) {
  margin-top: calc(var(--clamp-16sp) * -1);
  order: 2;
}

.ec-pbot-pains__body--list:last-of-type {
  margin-top: calc(var(--clamp-16sp) * -1);
  order: 1;
}

.ec-pbot-pains__body--list_icon {
  height: var(--clamp-60sp);
  margin: 0 auto;
  transform: translateY(var(--clamp-16sp));
  width: var(--clamp-60sp);
}

.ec-pbot-pains__body--list_icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-pbot-pains__body--list_text {
  border: var(--clamp-2sp) solid var(--bot-blue);
  border-radius: var(--clamp-20sp);
  font-size: var(--clamp-16sp);
  font-weight: 400;
  height: clamp(150px, 46.67vw, 234px);
  line-height: 1.44;
  padding: var(--clamp-18sp);
  width: 100%;
}

.ec-pbot-pains__body--list:first-of-type .ec-pbot-pains__body--list_text {
  background: var(--bot-blue);
  color: var(--white);
}

.ec-pbot-pains__body--list:nth-of-type(2) .ec-pbot-pains__body--list_text,
.ec-pbot-pains__body--list:last-of-type .ec-pbot-pains__body--list_text {
  color: var(--bot-blue);
}

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

  .ec-pbot-pains__h2 {
    font-size: var(--clamp-36);
  }

  .ec-pbot-pains__h2 span::after {
    background: url(../../images/bot/pains_title-underline.svg) no-repeat
      center/contain;
    bottom: calc(var(--clamp-32) * -1);
    height: var(--clamp-26);
  }

  .ec-pbot-pains__body {
    justify-content: space-between;
    margin-top: var(--clamp-70);
    width: clamp(666px, 9.6px + 88.22vw, 1280px);
  }

  .ec-pbot-pains__body--list {
    width: clamp(198px, 3.5px + 26.15vw, 380px);
  }

  .ec-pbot-pains__body--list:first-of-type {
    margin: 0;
  }

  .ec-pbot-pains__body--list:nth-of-type(2) {
    margin-top: 0;
  }

  .ec-pbot-pains__body--list:last-of-type {
    margin-top: 0;
  }

  .ec-pbot-pains__body--list_icon {
    height: clamp(73px, 1.4px + 9.63vw, 140px);
    transform: translateY(clamp(17px, 3.1px + 1.87vw, 30px));
    width: clamp(73px, 1.4px + 9.63vw, 140px);
  }

  .ec-pbot-pains__body--list_text {
    border-radius: var(--clamp-20);
    border-width: var(--clamp-4);
    font-size: var(--clamp-f18);
    font-weight: 700;
    height: var(--clamp-168);
    padding: clamp(23.4px, 3.1vw, 45px) var(--clamp-44);
  }

  .ec-pbot-pains__body--list:first-of-type .ec-pbot-pains__body--list_text,
  .ec-pbot-pains__body--list:last-of-type .ec-pbot-pains__body--list_text {
    background: var(--bot-blue);
    color: var(--white);
  }

  .ec-pbot-pains__body--list:nth-of-type(2) .ec-pbot-pains__body--list_text {
    color: var(--bot-blue);
  }
}

/* advantages */
.ec-pbot-advantages {
  counter-reset: adv-num;
  margin: var(--clamp-48sp) auto 0;
}

.ec-pbot-advantages__h2 {
  background: url(../../images/bot/advantages_title-background_sp.svg) no-repeat
    center/cover;
  color: var(--white);
  font-size: var(--clamp-24sp);
  font-weight: 700;
  height: clamp(156px, 1.3px + 48.33vw, 243px);
  line-height: 1.4;
  margin: 0 auto;
  max-width: 500px;
  padding-top: var(--clamp-64sp);
  text-align: center;
  width: 100%;
}

.ec-pbot-advantages__h2 span {
  font-size: 1.5em;
  line-height: 1;
}

.ec-pbot-advantages__01,
.ec-pbot-advantages__02 {
  margin-top: var(--clamp-62sp);
}

.ec-pbot-advantages__03 {
  margin-top: clamp(94px, 1.6px + 28.89vw, 146px);
}

.ec-pbot-advantages__h3 {
  align-items: center;
  font-size: var(--clamp-18sp);
  font-weight: 700;
  display: flex;
  height: clamp(108px, 33.89vw, 169px);
  justify-content: center;
  line-height: 1.25;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-advantages__h3::before {
  background: var(--white);
  color: var(--bot-blue);
  counter-increment: adv-num 1;
  content: "0" counter(adv-num);
  font-size: var(--clamp-32sp);
  font-weight: 400;
  left: calc(50% - 0.75em);
  line-height: 1;
  position: absolute;
  top: calc(var(--clamp-18sp) * -1);
  width: 1.5em;
}

.ec-pbot-advantages__h3::after {
  background: url(../../images/bot/advantages_heading-border_sp.svg) no-repeat
    center/contain;
  content: "";
  height: clamp(117px, -2.1px + 37.22vw, 184px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ec-pbot-advantages__h3--strong {
  color: var(--orange);
}

.ec-pbot-advantages__h3--hidden {
  display: none;
}

.ec-pbot-advantages__example {
  margin-top: var(--clamp-30sp);
}

.ec-pbot-advantages__example-background {
  background: var(--grayish-white);
  padding: var(--clamp-11sp) 0 var(--clamp-13sp);
  position: relative;
}

.ec-pbot-advantages__example-background--img {
  background: white;
  border-radius: 50%;
  height: var(--clamp-70sp);
  margin: 0 auto;
  width: var(--clamp-70sp);
}

.ec-pbot-advantages__example-background--img img {
  height: var(--clamp-87sp);
  left: calc(50% - var(--clamp-87sp) / 2);
  position: absolute;
  top: var(--clamp-3sp);
  width: var(--clamp-87sp);
}

.ec-pbot-advantages__example-background--body {
  margin: var(--clamp-13sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-pbot-advantages__example-background--body_text {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-pbot-advantages__example-background--body_text:not(:first-of-type) {
  margin-top: var(--clamp-16sp);
}

.ec-pbot-advantages__example-inner {
  margin: var(--clamp-26sp) auto 0;
  max-width: 500px;
  width: 100%;
}

.ec-pbot-advantages__example--before {
  background: var(--grayish-white);
  font-size: 0;
  padding: var(--clamp-18sp);
  width: 100%;
}

.ec-pbot-advantages__example--before img {
  object-fit: contain;
  width: 100%;
}

.ec-pbot-advantages__example--arrow {
  margin: var(--clamp-18sp) auto;
  width: var(--clamp-32sp);
}

.ec-pbot-advantages__example--arrow img {
  object-fit: contain;
  width: 100%;
}

.ec-pbot-advantages__example--after {
  background: #e1f0ff;
  font-size: 0;
  padding: var(--clamp-18sp);
  width: 100%;
}

.ec-pbot-advantages__example--after img {
  object-fit: contain;
  width: 100%;
}

.ec-pbot-advantages__example--explanation {
  margin: var(--clamp-18sp) auto 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-advantages__example--explanation_balloon {
  align-items: center;
  display: flex;
  height: clamp(145px, 1px + 45vw, 226px);
  justify-content: center;
  position: relative;
  width: 100%;
}

.ec-pbot-advantages__example--explanation_balloon::before {
  background: url(../../images/bot/advantages_example-balloon_sp.svg) no-repeat
    center/cover;
  content: "";
  height: clamp(165px, 51.67vw, 258px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ec-pbot-advantages__example--explanation_comment {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.4;
  width: clamp(255px, -1px + 80vw, 399px);
}

.ec-pbot-advantages__example--explanation_comment_strong {
  font-size: var(--clamp-16sp);
  font-weight: 700;
}

.ec-pbot-advantages__example--explanation_comment_blue {
  color: var(--bot-blue);
}

.ec-pbot-advantages__example--explanation_pic {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  margin-top: calc(var(--clamp-40sp) * -1);
}

.ec-pbot-advantages__example--explanation_pic_nozawa {
  height: var(--clamp-160sp);
}

.ec-pbot-advantages__example--explanation_pic_nozawa img {
  height: 100%;
  object-fit: contain;
}

.ec-pbot-advantages__example--explanation_pic_name {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-pbot-advantages__example-policy {
  background: var(--lemon-chiffon);
  margin-top: var(--clamp-28sp);
  padding: var(--clamp-11sp) 0 var(--clamp-13sp);
  position: relative;
}

.ec-pbot-advantages__example-policy--img {
  background: white;
  border-radius: 50%;
  height: var(--clamp-70sp);
  margin: 0 auto;
  width: var(--clamp-70sp);
}

.ec-pbot-advantages__example-policy--img img {
  height: var(--clamp-93sp);
  left: calc(50% - var(--clamp-93sp) / 2);
  position: absolute;
  top: 0;
  width: var(--clamp-93sp);
}

.ec-pbot-advantages__example-policy--body {
  margin: var(--clamp-13sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-pbot-advantages__example-policy--body_text {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-pbot-advantages__example-policy--body_text:not(:first-of-type) {
  margin-top: var(--clamp-16sp);
}

.ec-pbot-advantages__example-policy--body_text span {
  font-weight: 700;
}

.ec-pbot-advantages__prompt {
  background: #e1f0ff;
  margin-top: var(--clamp-48sp);
  padding: var(--clamp-14sp);
}

.ec-pbot-advantages__prompt-template {
  background: var(--white);
  margin: 0 auto;
  padding: var(--clamp-14sp) var(--clamp-5sp);
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-advantages__prompt--h4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

.ec-pbot-advantages__prompt--h2_body::before {
  background: url(../../images/bot/advantages_prompt-logo.svg) no-repeat
    center/contain;
  content: "";
  display: inline-block;
  height: var(--clamp-16sp);
  margin-right: var(--clamp-6sp);
  transform: translateY(var(--clamp-2sp));
  width: var(--clamp-22sp);
}

.ec-pbot-advantages__prompt--h2_body span {
  color: var(--bot-blue);
}

.ec-pbot-advantages__prompt-template--text {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-14sp);
}

.ec-pbot-advantages__prompt-template--body {
  margin-top: var(--clamp-14sp);
}

.ec-pbot-advantages__prompt-template--body > ul {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-14sp);
}

.ec-pbot-advantages__prompt-template--body_list {
  display: flex;
  gap: var(--clamp-5sp);
}

.ec-pbot-advantages__prompt-template--body_list_h3 {
  align-items: center;
  background: var(--bot-blue);
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  font-size: var(--clamp-14sp);
  font-weight: 500;
  height: var(--clamp-32sp);
  justify-content: center;
  width: clamp(66px, 20.56vw, 103px);
}

.ec-pbot-advantages__prompt-template--body_list_point {
  border: 1px solid var(--bot-blue);
  height: var(--clamp-120sp);
  padding: var(--clamp-5sp) var(--clamp-5sp) 0 var(--clamp-8sp);
}

.ec-pbot-advantages__prompt-template--body_list_point > ul {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.42;
}

.ec-pbot-advantages__prompt-template--body_list_point > ul::before {
  color: var(--orange);
  content: "Point";
  display: block;
  font-weight: 700;
  margin-bottom: clamp(2.6px, 0.78vw, 4px);
}

.ec-pbot-advantages__prompt-template--body_summary {
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-14sp);
}

.ec-pbot-advantages__prompt-template--body_summary::before {
  background: url(../../images/bot/advantages_prompt-summary.svg) no-repeat
    center/contain;
  content: "";
  flex-shrink: 0;
  height: var(--clamp-24sp);
  margin-right: var(--clamp-6sp);
  transform: translateY(1px);
  width: var(--clamp-20sp);
}

.ec-pbot-advantages__prompt-template--body_summary_strong {
  color: var(--bot-blue);
  font-weight: 700;
}

.ec-pbot-advantages__ai-dictionar {
  margin-top: var(--clamp-26sp);
}

.ec-pbot-advantages__ai-dictionary--ask {
  background: var(--grayish-white);
  display: flex;
  gap: var(--clamp-6sp);
  margin: var(--clamp-26sp) auto 0;
  padding: var(--clamp-13sp);
  width: var(--clamp-350sp);
}

.ec-pbot-advantages__ai-dictionary--ask_icon {
  height: var(--clamp-34sp);
  flex-shrink: 0;
  width: var(--clamp-35sp);
}

.ec-pbot-advantages__ai-dictionary--ask_icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-pbot-advantages__ai-dictionary--ask_text {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-pbot-advantages__ai-dictionary--about {
  background: var(--lemon-chiffon);
  display: flex;
  gap: var(--clamp-6sp);
  margin: auto;
  padding: var(--clamp-13sp);
  width: var(--clamp-350sp);
}

.ec-pbot-advantages__ai-dictionary--about_icon {
  height: var(--clamp-34sp);
  flex-shrink: 0;
  width: var(--clamp-35sp);
}

.ec-pbot-advantages__ai-dictionary--about_icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-pbot-advantages__ai-dictionary--about_text p {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-pbot-advantages__ai-dictionary--about_text p:not(:first-child) {
  margin-top: var(--clamp-16sp);
}

.ec-pbot-advantages__ai-dictionary--about_text p span {
  font-weight: 700;
}

.ec-pbot-advantages__ai-dictionary--flow {
  background: var(--alice-blue);
  margin-top: var(--clamp-26sp);
  padding: var(--clamp-13sp) 0;
}

.ec-pbot-advantages__ai-dictionary--flow-inner {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-10sp);
  margin: 0 auto;
  width: var(--clamp-317sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents {
  align-items: center;
  background: var(--bot-blue);
  border-radius: var(--clamp-16sp);
  display: flex;
  height: var(--clamp-66sp);
  width: 100%;
}

.ec-pbot-advantages__ai-dictionary--flow_contents picture {
  font-size: 0;
}

.ec-pbot-advantages__ai-dictionary--flow_contents p {
  color: white;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

.ec-pbot-advantages__ai-dictionary--flow_contents p span {
  font-size: var(--clamp-12sp);
  display: inline-block;
  transform: translateY(calc(var(--clamp-6sp) * -1));
}

.ec-pbot-advantages__ai-dictionary--flow_contents_news {
  padding-left: var(--clamp-60sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_practice {
  padding-left: var(--clamp-44sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_ai-dictionary {
  padding-left: var(--clamp-13sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_curriculum {
  padding-left: var(--clamp-27sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_news + picture {
  margin-left: var(--clamp-52sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_news + picture img {
  height: var(--clamp-46sp);
  width: var(--clamp-100sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_practice + picture {
  margin-left: var(--clamp-30sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_practice + picture img {
  height: var(--clamp-50sp);
  width: var(--clamp-110sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_ai-dictionary + img {
  height: var(--clamp-48sp);
  margin-left: var(--clamp-50sp);
  width: var(--clamp-50sp);
}

.ec-pbot-advantages__ai-dictionary--flow_contents_curriculum + img {
  height: var(--clamp-60sp);
  margin-left: var(--clamp-48sp);
  width: var(--clamp-60sp);
}

.ec-pbot-advantages__ai-dictionary--flow_arrow {
  align-items: center;
  display: flex;
  height: var(--clamp-84sp);
}

.ec-pbot-advantages__ai-dictionary--flow_arrow_blue,
.ec-pbot-advantages__ai-dictionary--flow_arrow_orange {
  color: var(--bot-blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  margin-left: var(--clamp-12sp);
  order: 2;
}

.ec-pbot-advantages__ai-dictionary--flow_arrow_blue {
  color: var(--bot-blue);
}

.ec-pbot-advantages__ai-dictionary--flow_arrow_orange {
  color: var(--orange);
}

.ec-pbot-advantages__ai-dictionary--flow_arrow picture {
  font-size: 0;
  margin-left: var(--clamp-87sp);
  order: 1;
}

.ec-pbot-advantages__ai-dictionary--flow_arrow img {
  height: var(--clamp-78sp);
  width: var(--clamp-22sp);
}

.ec-pbot-advantages__func {
  background: #fff;
  border: var(--clamp-5sp) solid #e1f0ff;
  margin: var(--clamp-50sp) auto 0;
  padding-bottom: var(--clamp-35sp);
  width: var(--clamp-349sp);
}

.ec-pbot-advantages__func--h4 {
  color: #333;
  font-weight: 700;
  margin-top: var(--clamp-75sp);
  text-align: center;
}

.ec-pbot-advantages__func--h4 h4 {
  font-size: var(--clamp-20sp);
}

.ec-pbot-advantages__func--h4 p {
  background: #f7f7f7;
  display: inline-block;
  font-size: var(--clamp-14sp);
  line-height: var(--clamp-30sp);
  margin-top: var(--clamp-10sp);
  padding: 0 var(--clamp-5sp);
}

.ec-pbot-advantages__func--legends {
  background: #e1f0ff;
  display: grid;
  gap: var(--clamp-10sp) 0;
  grid-template-areas: "very-good good" "poor very-poor";
  grid-template-columns: 45.5% 54.5%;
  grid-template-rows: repeat(2, var(--clamp-38sp));
  margin: var(--clamp-40sp) auto 0;
  padding: var(--clamp-18sp);
  width: var(--clamp-324sp);
}

.ec-pbot-advantages__func--legends div {
  align-items: center;
  display: flex;
  gap: var(--clamp-8sp);
}

.ec-pbot-advantages__func--legends div:first-child {
  grid-area: very-good;
}

.ec-pbot-advantages__func--legends div:nth-child(2) {
  grid-area: good;
}

.ec-pbot-advantages__func--legends div:nth-child(3) {
  grid-area: poor;
}

.ec-pbot-advantages__func--legends div:last-child {
  grid-area: very-poor;
}

.ec-pbot-advantages__func--legends div dt {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--clamp-30sp);
  justify-content: center;
  width: var(--clamp-30sp);
}

.ec-pbot-advantages__func--legends div:last-child dt {
  height: var(--clamp-24sp);
}

.ec-pbot-advantages__func--legends div dt picture {
  height: 100%;
  width: 100%;
}

.ec-pbot-advantages__func--legends div dt img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-pbot-advantages__func--legends div dd {
  color: #333;
  font-size: var(--clamp-13sp);
  font-weight: 700;
  line-height: 1.45;
}

.ec-pbot-advantages__func--table {
  display: flex;
  height: var(--clamp-667sp);
  gap: var(--clamp-5sp);
  margin-top: var(--clamp-40sp);
  overflow: hidden;
  padding: var(--clamp-50sp) var(--clamp-8sp) var(--clamp-10sp);
  position: relative;
  transition: height .2s;
}

.ec-pbot-advantages__func--table:has(.ec-pbot-advantages__func--table_btn input:checked) {
  height: auto;
}

.ec-pbot-advantages__func--table_btn {
  background: linear-gradient(to bottom, transparent 0%, #fff 98%);
  bottom: 0;
  height: var(--clamp-200sp);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.ec-pbot-advantages__func--table_btn:has(input:checked) {
  display: none;
}

.ec-pbot-advantages__func--table_btn i {
  background: url(../../images/bot/advantage02_func-table_open.svg) no-repeat center/contain;
  bottom: var(--clamp-8sp);
  border-radius: 50%;
  height: var(--clamp-30sp);
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: var(--clamp-30sp);
}

.ec-pbot-advantages__func--table_btn input {
  display: none;
}

.ec-pbot-advantages__func--table_functions {
  width: var(--clamp-130sp);
}

.ec-pbot-advantages__func--table_functions thead tr {
  border: 1px solid #333;
  border-radius: var(--clamp-5sp);
  display: flex;
  justify-content: center;
  margin-bottom: var(--clamp-10sp);
}

.ec-pbot-advantages__func--table_functions tbody tr {
  display: block;
}

.ec-pbot-advantages__func--table_functions th {
  color: #333;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  height: var(--clamp-40sp);
  line-height: var(--clamp-40sp);
}

.ec-pbot-advantages__func--table_functions th[data-item="name"]::after {
  content: "/";
  display: inline-block;
  margin: 0 var(--clamp-4sp);
  transform: translateY(calc(var(--clamp-2sp) * -1));
}

.ec-pbot-advantages__func--table_functions td {
  display: flex;
  line-height: 1.44;
}

.ec-pbot-advantages__func--table_functions td[data-item="name"] {
  align-items: center;
  background: #67b5fd;
  color: #fff;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  height: var(--clamp-40sp);
  justify-content: center;
  width: 100%;
}

.ec-pbot-advantages__func--table_functions td[data-size="small"] {
  font-size: var(--clamp-12sp);
}

.ec-pbot-advantages__func--table_functions td[data-item="desc"] {
  font-size: var(--clamp-12sp);
  line-height: 1.2;
  padding: var(--clamp-5sp) 0 0;
  width: 100%;
}

.ec-pbot-advantages__func--table_functions td[data-row="2"] {
  height: var(--clamp-44sp);
}

.ec-pbot-advantages__func--table_functions td[data-row="3"] {
  height: var(--clamp-58sp);
}

.ec-pbot-advantages__func--table_evaluation {
  background: #fff;
  border-radius: 0 0 var(--clamp-10sp) var(--clamp-10sp);
  box-shadow: 0 0 var(--clamp-10sp) rgba(0,0,0,.1);
  flex-shrink: 0;
  margin-top: calc(var(--clamp-50sp) * -1);
  padding-bottom: var(--clamp-10sp);
}

.ec-pbot-advantages__func--table_evaluation::before {
  background: #a1a1a1;
  border-radius: var(--clamp-10sp) var(--clamp-10sp) 0 0;
  color: #fff;
  content: "ChatGPT";
  display: grid;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  height: var(--clamp-40sp);
  margin-bottom: var(--clamp-10sp);
  place-content: center;
}

.ec-pbot-advantages__func--table_evaluation dl {
  display: flex;
}

.ec-pbot-advantages__func--table_evaluation dl div {
  position: relative;
  width: var(--clamp-64sp);
  z-index: 5;
}

.ec-pbot-advantages__func--table_evaluation dl div[data-is-preferred="true"]::before {
  background: #fff8ea;
  border: var(--clamp-3sp) dashed #ffa800;
  border-radius: var(--clamp-5sp);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ec-pbot-advantages__func--table_evaluation dl dt {
  display: grid;
  height: var(--clamp-40sp);
  place-content: center;
}

.ec-pbot-advantages__func--table_evaluation dl dt span[data-dt="plan-name"] {
  font-size: var(--clamp-14sp);
  font-weight: 700;
}

.ec-pbot-advantages__func--table_evaluation dl dt span[data-dt="plan-name"]::after {
  content: "プラン";
  font-size: var(--clamp-8sp);
}

.ec-pbot-advantages__func--table_evaluation dl div[data-is-preferred="true"] dt span[data-dt="plan-name"] {
  color: #ffa800;
}

.ec-pbot-advantages__func--table_evaluation dl dt span[data-dt="subscription"] {
  font-size: var(--clamp-8sp);
  line-height: 1.2;
  text-align: center;
}

.ec-pbot-advantages__func--table_evaluation dl dd {
  border-bottom: 1px solid #a1a1a1;
  display: grid;
  place-content: center;
}

.ec-pbot-advantages__func--table_evaluation dl dd:first-of-type {
  margin-top: var(--clamp-12sp);
}

.ec-pbot-advantages__func--table_evaluation dl dd:last-of-type {
  border-bottom: none;
}

.ec-pbot-advantages__func--table_evaluation dl dd[data-row="2"] {
  height: calc(var(--clamp-40sp) + var(--clamp-44sp));
}

.ec-pbot-advantages__func--table_evaluation dl dd[data-row="3"] {
  height: calc(var(--clamp-40sp) + var(--clamp-58sp));
}

.ec-pbot-advantages__func--table_evaluation dl dd i {
  height: var(--clamp-30sp);
  width: var(--clamp-30sp);
}

.ec-pbot-advantages__func--table_evaluation dl dd[aria-label="高い性能"] i {
  background: url(../../images/bot/advantage02_func-legend_very-good_sp.svg) no-repeat center/contain;
}

.ec-pbot-advantages__func--table_evaluation dl dd[aria-label="普段使いで困らない回数制限で利用可能"] i {
  background: url(../../images/bot/advantage02_func-legend_good_sp.svg) no-repeat center/contain;
}

.ec-pbot-advantages__func--table_evaluation dl dd[aria-label="強い回数制限"] i {
  background: url(../../images/bot/advantage02_func-legend_poor_sp.svg) no-repeat center/contain;
}

.ec-pbot-advantages__func--table_evaluation dl dd[aria-label="利用不可"] i {
  background: url(../../images/bot/advantage02_func-legend_very-poor_sp.svg) no-repeat center/contain;
  height: var(--clamp-23sp);
  width: var(--clamp-25sp);
}

.ec-pbot-advantages__func--eligible-plan {
  background: #fff8ea;
  margin: var(--clamp-30sp) auto 0;
  padding: var(--clamp-40sp) var(--clamp-30sp) var(--clamp-36sp) var(--clamp-20sp);
  position: relative;
  width: var(--clamp-324sp);
  z-index: 10;
}

.ec-pbot-advantages__func--eligible-plan p {
  color: #333;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
}

.ec-pbot-advantages__func--eligible-plan div {
  background: #ffa800;
  border-radius: var(--clamp-10sp);
  display: grid;
  height: var(--clamp-60sp);
  place-content: center;
  position: absolute;
  right: 0;
  top: calc(var(--clamp-16sp) * -1);
  width: var(--clamp-189sp);
}

.ec-pbot-advantages__func--eligible-plan div::before {
  background: #ffa800;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  content: "";
  height: var(--clamp-32sp);
  left: 50%;
  position: absolute;
  top: calc(var(--clamp-24sp) * -1);
  transform: translateX(-50%);
  width: var(--clamp-20sp);
}

.ec-pbot-advantages__func--eligible-plan div span {
  color: #fff;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  letter-spacing: .1em;
}

.ec-pbot-advantages__cta {
  height: clamp(66px, -1.6px + 21.11vw, 104px);
  margin: var(--clamp-116sp) auto 0;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-advantages__cta-2 {
  height: clamp(48px, -1.8px + 15.56vw, 76px);
  margin: 5em auto 0;
  width: clamp(220px, 68.89vw, 344px);
}

.ec-pbot-advantages__ai-chronology {
  margin-top: var(--clamp-74sp);
}

.ec-pbot-advantages__ai-chronology--picky-about {
  background: var(--lemon-chiffon);
}

.ec-pbot-advantages__ai-chronology--picky-about-inner {
  margin: 0 auto;
  max-width: 500px;
  padding: var(--clamp-62sp) var(--clamp-14sp) var(--clamp-13sp);
  position: relative;
}

.ec-pbot-advantages__ai-chronology--picky-about_img {
  font-size: 0;
  height: var(--clamp-96sp);
  left: 0;
  position: absolute;
  top: calc(var(--clamp-48sp) * -1);
  width: var(--clamp-224sp);
}

.ec-pbot-advantages__ai-chronology--picky-about_text p {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
}

.ec-pbot-advantages__ai-chronology--picky-about_text p:not(:first-child) {
  margin-top: var(--clamp-16sp);
}

.ec-pbot-advantages__ai-chronology--wrapper {
  height: clamp(454px, -1.1px + 142.22vw, 710px);
  margin-top: var(--clamp-42sp);
  overflow: hidden;
  position: relative;
}

.ec-pbot-advantages__ai-chronology--control {
  align-items: flex-end;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  bottom: 0;
  display: flex;
  height: var(--clamp-160sp);
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.ec-pbot-advantages__ai-chronology--control[data-is-active="false"] {
  display: none;
}

.ec-pbot-advantages__ai-chronology--control_btn {
  align-items: center;
  background: var(--light-blue);
  border-radius: 9999px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-20sp);
  font-weight: 700;
  height: var(--clamp-64sp);
  justify-content: center;
  padding-top: var(--clamp-5sp);
  width: var(--clamp-248sp);
}

.ec-pbot-advantages__ai-chronology--control_btn::after {
  background: url(../../images/bot/cmn-btn_arrow_white.svg) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-24sp);
  transform: rotate(90deg);
  width: var(--clamp-12sp);
}

.ec-pbot-advantages__ai-chronology--heading {
  align-items: flex-end;
  display: flex;
  margin: 0 auto;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-advantages__ai-chronology--heading_icon {
  background: var(--light-blue);
  color: var(--white);
  display: flex;
  font-weight: 700;
  flex-direction: column;
  height: var(--clamp-60sp);
  justify-content: center;
  line-height: 1;
  padding: 0 var(--clamp-5sp);
  width: var(--clamp-60sp);
}

.ec-pbot-advantages__ai-chronology--heading_icon_upper {
  font-size: var(--clamp-24sp);
}

.ec-pbot-advantages__ai-chronology--heading_icon_lower {
  font-size: var(--clamp-24sp);
}

.ec-pbot-advantages__ai-chronology--heading_updated-at {
  color: #908f8f;
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.4;
}

.ec-pbot-advantages__ai-chronology--list {
  margin-top: var(--clamp-16sp);
}

.ec-pbot-advantages__ai-chronology--list_body[data-bg="blue"] {
  background: #f2f8ff;
}

.ec-pbot-advantages__ai-chronology--list_body > ol {
  min-height: clamp(77px, -1.2px + 24.44vw, 121px);
  margin: 0 auto;
  max-width: 500px;
  padding: 0 var(--clamp-5sp) 1em var(--clamp-40sp);
  position: relative;
}

.ec-pbot-advantages__ai-chronology--list_body > ol::before {
  border-radius: 50%;
  content: "";
  height: clamp(11px, 3.33vw, 17px);
  left: clamp(14.025px, -0.048px + 4.4vw, 21.945px);
  position: absolute;
  top: 0;
  width: clamp(11px, 3.33vw, 17px);
  z-index: 2;
}

.ec-pbot-advantages__ai-chronology--list_body > ol:has(.ec-pbot-advantages__ai-chronology--list_body_date[data-color="blue"])::before {
  background: var(--light-blue);
}

.ec-pbot-advantages__ai-chronology--list_body > ol:has(.ec-pbot-advantages__ai-chronology--list_body_date[data-color="orange"])::before {
  background: var(--orange);
}

.ec-pbot-advantages__ai-chronology--list_body:not(:first-child) > ol {
  padding-top: var(--clamp-14sp);
}

.ec-pbot-advantages__ai-chronology--list_body:not(:first-child) > ol::before {
  top: var(--clamp-14sp);
}

.ec-pbot-advantages__ai-chronology--list_body > ol::after {
  background: var(--arrow-gray);
  content: "";
  height: 100%;
  left: var(--clamp-22sp);
  position: absolute;
  top: 0;
  width: var(--clamp-2sp);
  z-index: 1;
}

.ec-pbot-advantages__ai-chronology--list_body:last-child > ol::after {
  height: var(--clamp-14sp);
}

.ec-pbot-advantages__ai-chronology--list_body_date {
  color: var(--light-blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: clamp(11px, 3.33vw, 17px);
}

.ec-pbot-advantages__ai-chronology--list_body_date[data-color="blue"] {
  color: var(--light-blue);
}

.ec-pbot-advantages__ai-chronology--list_body_date[data-color="orange"] {
  color: var(--orange);
}

.ec-pbot-advantages__ai-chronology--list_body_description {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.3;
  margin-top: var(--clamp-6sp);
}

.ec-pbot-advantages__ai-chronology--list_body_notes {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.1;
  padding-left: 1.2em;
  position: relative;
}

.ec-pbot-advantages__ai-chronology--list_body_notes::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

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

  .ec-pbot-advantages__h2 {
    background: url(../../images/bot/advantages_title-background.svg) no-repeat
      center/cover;
    font-size: var(--clamp-64);
    height: clamp(166px, 1.4px + 22.13vw, 320px);
    line-height: 1;
    max-width: none;
    padding-top: clamp(49px, 6.47vw, 94px);
    width: clamp(666px, 9.6px + 88.22vw, 1280px);
  }

  .ec-pbot-advantages__01 {
    margin-top: var(--clamp-80);
  }

  .ec-pbot-advantages__02 {
    margin-top: var(--clamp-160);
  }

  .ec-pbot-advantages__03 {
    margin-top: var(--clamp-210);
  }

  .ec-pbot-advantages__h3 {
    font-size: var(--clamp-32);
    height: clamp(111px, 2px + 14.66vw, 213px);
    width: clamp(458px, 6.9px + 60.63vw, 880px);
  }

  .ec-pbot-advantages__h3::before {
    font-size: var(--clamp-64);
    top: calc(var(--clamp-40) * -1);
  }

  .ec-pbot-advantages__h3::after {
    background: url(../../images/bot/advantages_heading-border.svg) no-repeat
      center/contain;
    height: clamp(135px, 1.8px + 17.93vw, 260px);
  }

  .ec-pbot-advantages__h3--strong {
    font-size: 1.125em;
  }

  .ec-pbot-advantages__h3--hidden {
    display: inline;
  }

  .ec-pbot-advantages__example {
    margin-top: clamp(65px, 8.62vw, 125px);
  }

  .ec-pbot-advantages__example-background {
    align-items: center;
    display: flex;
    gap: var(--clamp-29);
    height: var(--clamp-366);
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__example-background--img {
    flex-shrink: 0;
    height: var(--clamp-324);
    margin: 0;
    width: var(--clamp-324);
  }

  .ec-pbot-advantages__example-background--img img {
    height: var(--clamp-404);
    left: 0;
    position: absolute;
    top: calc(var(--clamp-20) * -1);
    width: var(--clamp-404);
  }

  .ec-pbot-advantages__example-background--body {
    margin: 0;
    width: auto;
  }

  .ec-pbot-advantages__example-background--body_text {
    font-size: var(--clamp-24);
  }

  .ec-pbot-advantages__example-background--body_text:not(:first-of-type) {
    margin-top: var(--clamp-24);
  }

  .ec-pbot-advantages__example-inner {
    display: flex;
    height: clamp(383px, 4.6px + 50.86vw, 737px);
    justify-content: space-between;
    margin-top: var(--clamp-80);
    max-width: none;
    position: relative;
    width: clamp(666px, 9.6px + 88.22vw, 1280px);
  }

  .ec-pbot-advantages__example--before {
    height: clamp(333px, 4.8px + 44.11vw, 640px);
    padding: clamp(16px, 1px + 2.01vw, 30px);
    width: clamp(307px, 4.5px + 40.66vw, 590px);
  }

  .ec-pbot-advantages__example--arrow {
    align-items: center;
    display: flex;
    height: clamp(158px, 3px + 20.83vw, 303px);
    margin: 0;
    width: calc(100% - clamp(307px, 4.5px + 40.66vw, 590px) * 2);
  }

  .ec-pbot-advantages__example--after {
    height: clamp(158px, 3px + 20.83vw, 303px);
    padding: clamp(16px, 1px + 2.01vw, 30px);
    width: clamp(307px, 4.5px + 40.66vw, 590px);
  }

  .ec-pbot-advantages__example--explanation {
    bottom: 0;
    height: clamp(200px, 2.2px + 26.58vw, 385px);
    margin: 0;
    position: absolute;
    right: 0;
    width: clamp(333px, 4.8px + 44.11vw, 640px);
  }

  .ec-pbot-advantages__example--explanation_balloon {
    height: clamp(106px, 1.2px + 14.08vw, 204px);
    width: clamp(234px, 4.2px + 30.89vw, 449px);
  }

  .ec-pbot-advantages__example--explanation_balloon::before {
    background: url(../../images/bot/advantages_example-balloon.svg) no-repeat
      center/cover;
    height: clamp(123px, 2.2px + 16.24vw, 236px);
  }

  .ec-pbot-advantages__example--explanation_comment {
    font-size: var(--clamp-f16);
    width: clamp(200px, 29px + 22.99vw, 360px);
  }

  .ec-pbot-advantages__example--explanation_comment_strong {
    font-size: 1.25em;
  }

  .ec-pbot-advantages__example--explanation_pic {
    bottom: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
  }

  .ec-pbot-advantages__example--explanation_pic_nozawa {
    height: clamp(154px, 1.1px + 20.55vw, 297px);
  }

  .ec-pbot-advantages__example--explanation_pic_name {
    font-size: var(--clamp-f16);
  }

  .ec-pbot-advantages__example-policy {
    align-items: center;
    display: flex;
    gap: var(--clamp-29);
    height: var(--clamp-366);
    justify-content: space-between;
    margin: var(--clamp-80) auto 0;
    padding: 0 var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__example-policy--img {
    flex-shrink: 0;
    height: var(--clamp-324);
    margin: 0;
    width: var(--clamp-324);
  }

  .ec-pbot-advantages__example-policy--img img {
    height: var(--clamp-404);
    left: 0;
    position: absolute;
    top: calc(var(--clamp-20) * -1);
    width: var(--clamp-404);
  }

  .ec-pbot-advantages__example-policy--body {
    margin: 0;
    width: auto;
  }

  .ec-pbot-advantages__example-policy--body_text {
    font-size: var(--clamp-24);
  }

  .ec-pbot-advantages__example-policy--body_text:not(:first-of-type) {
    margin-top: var(--clamp-24);
  }

  .ec-pbot-advantages__prompt {
    margin-top: var(--clamp-80);
    padding: var(--clamp-160);
  }

  .ec-pbot-advantages__prompt-template {
    padding: var(--clamp-80);
    width: clamp(582px, 6.9px + 77.3vw, 1120px);
  }

  .ec-pbot-advantages__prompt--h4 {
    flex-direction: row;
    font-size: var(--clamp-26);
    justify-content: center;
  }

  .ec-pbot-advantages__prompt--h2_body {
    align-items: center;
    display: flex;
  }

  .ec-pbot-advantages__prompt--h2_body::before {
    height: var(--clamp-44);
    margin-right: var(--clamp-12);
    transform: none;
    width: var(--clamp-60);
  }

  .ec-pbot-advantages__prompt-template--text {
    font-size: var(--clamp-24);
    margin-top: var(--clamp-40);
    text-align: center;
  }

  .ec-pbot-advantages__prompt-template--body {
    box-shadow: 0px var(--clamp-12) var(--clamp-12) #dfdfdf;
    margin-top: var(--clamp-40);
    padding: var(--clamp-80);
  }

  .ec-pbot-advantages__prompt-template--body > ul {
    gap: var(--clamp-40);
  }

  .ec-pbot-advantages__prompt-template--body_list {
    gap: clamp(25px, -33.8px + 7.9vw, 80px);
  }

  .ec-pbot-advantages__prompt-template--body_list_h3 {
    font-size: var(--clamp-24);
    height: var(--clamp-68);
    width: clamp(104px, 1.4px + 13.79vw, 200px);
  }

  .ec-pbot-advantages__prompt-template--body_list_point {
    flex-grow: 2;
    height: clamp(72px, 20.7px + 6.9vw, 120px);
    padding: var(--clamp-22) clamp(16px, 1px + 2.01vw, 30px) 0;
  }

  .ec-pbot-advantages__prompt-template--body_list_point > ul {
    font-size: var(--clamp-f16);
    line-height: 1.44;
  }

  .ec-pbot-advantages__prompt-template--body_list_point > ul::before {
    margin-bottom: clamp(2.6px, 0.34vw, 5px);
  }

  .ec-pbot-advantages__prompt-template--body_summary {
    align-items: center;
    font-size: var(--clamp-24);
    margin: var(--clamp-80) auto 0;
    width: clamp(364px, 4.8px + 48.28vw, 700px);
  }

  .ec-pbot-advantages__prompt-template--body_summary::before {
    height: var(--clamp-70);
    margin-right: var(--clamp-16);
    transform: none;
    width: var(--clamp-70);
  }

  .ec-pbot-advantages__ai-dictionar {
    margin-top: var(--clamp-125);
  }

  .ec-pbot-advantages__ai-dictionary--ask {
    align-items: center;
    gap: var(--clamp-28);
    height: var(--clamp-300);
    margin: var(--clamp-125) auto 0;
    padding: 0 var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__ai-dictionary--ask_icon {
    height: var(--clamp-130);
    width: var(--clamp-130);
  }

  .ec-pbot-advantages__ai-dictionary--ask_text {
    font-size: var(--clamp-24);
  }

  .ec-pbot-advantages__ai-dictionary--about {
    align-items: center;
    gap: var(--clamp-28);
    height: var(--clamp-300);
    padding: 0 var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__ai-dictionary--about_icon {
    height: var(--clamp-130);
    width: var(--clamp-130);
  }

  .ec-pbot-advantages__ai-dictionary--about_text p {
    font-size: var(--clamp-24);
  }

  .ec-pbot-advantages__ai-dictionary--about_text p:not(:first-child) {
    margin-top: var(--clamp-24);
  }

  .ec-pbot-advantages__ai-dictionary--flow {
    margin-top: var(--clamp-80);
    padding: var(--clamp-40) 0;
  }

  .ec-pbot-advantages__ai-dictionary--flow-inner {
    flex-direction: row;
    gap: unset;
    justify-content: space-between;
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents {
    border-radius: var(--clamp-16);
    flex-direction: column;
    height: var(--clamp-300);
    width: var(--clamp-200);
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents p {
    font-size: var(--clamp-20);
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents p span {
    font-size: var(--clamp-15);
    transform: translateY(calc(var(--clamp-6) * -1));
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_news,
  .ec-pbot-advantages__ai-dictionary--flow_contents_practice,
  .ec-pbot-advantages__ai-dictionary--flow_contents_ai-dictionary,
  .ec-pbot-advantages__ai-dictionary--flow_contents_curriculum {
    padding: var(--clamp-20) 0 0 0;
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_news + picture {
    margin: var(--clamp-18) 0 0 0;
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_news + picture img {
    height: var(--clamp-190);
    width: var(--clamp-136);
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_practice + picture {
    margin: var(--clamp-5) 0 0 0;
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_practice + picture img {
    height: var(--clamp-212);
    width: var(--clamp-132);
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_ai-dictionary + img {
    height: var(--clamp-88);
    margin: var(--clamp-44) 0 0 0;
    width: var(--clamp90);
  }

  .ec-pbot-advantages__ai-dictionary--flow_contents_curriculum + img {
    height: var(--clamp-90);
    margin: var(--clamp-34) 0 0 0;
    width: var(--clamp-90);
  }

  .ec-pbot-advantages__ai-dictionary--flow_arrow {
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: var(--clamp-140);
  }

  .ec-pbot-advantages__ai-dictionary--flow_arrow_blue,
  .ec-pbot-advantages__ai-dictionary--flow_arrow_orange {
    font-size: var(--clamp-20);
    height: var(--clamp-58);
    margin: var(--clamp-65) 0 0 0;
    order: 1;
  }

  .ec-pbot-advantages__ai-dictionary--flow_arrow picture {
    margin: var(--clamp-20) 0 0 0;
    order: 2;
  }

  .ec-pbot-advantages__ai-dictionary--flow_arrow img {
    height: var(--clamp-44);
    width: var(--clamp-84);
  }

  .ec-pbot-advantages__func {
    border-width: var(--clamp-10);
    margin: var(--clamp-125) auto 0;
    padding-bottom: var(--clamp-70);
    width: var(--clamp-1120);
  }

  .ec-pbot-advantages__func--h4 {
    align-items: center;
    display: flex;
    gap: var(--clamp-15);
    justify-content: center;
    margin-top: var(--clamp-70);
  }

  .ec-pbot-advantages__func--h4 h4 {
    font-size: var(--clamp-26);
  }

  .ec-pbot-advantages__func--h4 p {
    font-size: var(--clamp-16);
    line-height: var(--clamp-43);
    margin-top: 0;
    padding: 0 var(--clamp-10);
  }

  .ec-pbot-advantages__func--legends {
    gap: 0 var(--clamp-40);
    grid-template-areas: "very-good good poor very-poor";
    grid-template-columns: unset;
    grid-template-rows: unset;
    height: var(--clamp-80);
    margin: var(--clamp-40) auto 0;
    padding: 0;
    place-content: center;
    width: var(--clamp-960);
  }

  .ec-pbot-advantages__func--legends div {
    gap: var(--clamp-10);
  }

  .ec-pbot-advantages__func--legends div dt {
    height: var(--clamp-40);
    width: var(--clamp-40);
  }

  .ec-pbot-advantages__func--legends div:last-child dt {
    height: var(--clamp-31);
  }

  .ec-pbot-advantages__func--legends div dd {
    font-size: var(--clamp-16);
  }

  .ec-pbot-advantages__func--table {
    gap: 0;
    height: var(--clamp-520);
    margin-top: var(--clamp-40);
    padding: var(--clamp-50) var(--clamp-70) var(--clamp-10);
  }

  .ec-pbot-advantages__func--table_btn {
    background: linear-gradient(to bottom, transparent 0%, #fff 80%);
    height: var(--clamp-100);
  }

  .ec-pbot-advantages__func--table_btn i {
    bottom: 0;
    cursor: pointer;
    height: var(--clamp-30full);
    transition: opacity .2s;
    width: var(--clamp-30full);
  }

  .ec-pbot-advantages__func--table_btn i:hover {
    opacity: .6;
  }

  .ec-pbot-advantages__func--table_functions {
    width: 100%;
  }

  .ec-pbot-advantages__func--table_functions thead tr {
    border: none;
    gap: var(--clamp-5);
    justify-content: unset;
    margin-bottom: 0;
  }

  .ec-pbot-advantages__func--table_functions tbody tr {
    display: flex;
    gap: var(--clamp-5);
    margin-top: var(--clamp-8);
  }

  .ec-pbot-advantages__func--table_functions tbody tr:first-child {
    margin-top: var(--clamp-10);
  }

  .ec-pbot-advantages__func--table_functions th {
    border: 1px solid black;
    border-radius: var(--clamp-5);
    font-size: var(--clamp-16);
    height: var(--clamp-50);
    line-height: var(--clamp-50);
  }

  .ec-pbot-advantages__func--table_functions th[data-item="name"] {
    flex-shrink: 0;
    width: var(--clamp-170);
  }

  .ec-pbot-advantages__func--table_functions th[data-item="name"]::after {
    content: none;
  }

  .ec-pbot-advantages__func--table_functions th[data-item="desc"] {
    width: calc(100% - var(--clamp-170) - var(--clamp-10));
  }

  .ec-pbot-advantages__func--table_functions td[data-item="name"] {
    font-size: var(--clamp-16);
    height: var(--clamp-60);
    width: var(--clamp-170);
  }

  .ec-pbot-advantages__func--table_functions td[data-size="small"] {
    font-size: var(--clamp-16);
  }

  .ec-pbot-advantages__func--table_functions td[data-item="desc"] {
    align-items: center;
    background: #f7f7f7;
    font-size: var(--clamp-14);
    padding: 0 var(--clamp-20);
    width: calc(100% - var(--clamp-170) - var(--clamp-5));
  }

  .ec-pbot-advantages__func--table_functions td[data-row="2"],
  .ec-pbot-advantages__func--table_functions td[data-row="3"] {
    height: var(--clamp-60);
  }

  .ec-pbot-advantages__func--table_evaluation {
    border-radius: 0 0 var(--clamp-10) var(--clamp-10);
    box-shadow: 0 0 var(--clamp-10) rgba(0,0,0,.1);
    margin-top: calc(var(--clamp-50) * -1);
    padding-bottom: var(--clamp-10);
  }

  .ec-pbot-advantages__func--table_evaluation::before {
    border-radius: var(--clamp-10) var(--clamp-10) 0 0;
    font-size: var(--clamp-16);
    height: var(--clamp-40);
    margin-bottom: var(--clamp-10);
  }

  .ec-pbot-advantages__func--table_evaluation dl div {
    width: var(--clamp-96);
  }

  .ec-pbot-advantages__func--table_evaluation dl div[data-is-preferred="true"]::before {
    border: var(--clamp-3) dashed #ffa800;
    border-radius: var(--clamp-5);
  }

  .ec-pbot-advantages__func--table_evaluation dl dt {
    height: var(--clamp-50);
  }

  .ec-pbot-advantages__func--table_evaluation dl dt span[data-dt="plan-name"] {
    font-size: var(--clamp-16);
  }

  .ec-pbot-advantages__func--table_evaluation dl dt span[data-dt="plan-name"]::after {
    font-size: var(--clamp-12);
  }

  .ec-pbot-advantages__func--table_evaluation dl dt span[data-dt="subscription"] {
    font-size: var(--clamp-12);
  }

  .ec-pbot-advantages__func--table_evaluation dl dd {
    margin-top: var(--clamp-8);
  }

  .ec-pbot-advantages__func--table_evaluation dl dd:first-of-type {
    margin-top: var(--clamp-10);
  }

  .ec-pbot-advantages__func--table_evaluation dl dd[data-row="2"],
  .ec-pbot-advantages__func--table_evaluation dl dd[data-row="3"] {
    height: var(--clamp-60);
  }

  .ec-pbot-advantages__func--table_evaluation dl dd i {
    height: var(--clamp-40);
    width: var(--clamp-40);
  }

  .ec-pbot-advantages__func--table_evaluation dl dd[aria-label="高い性能"] i {
    background: url(../../images/bot/advantage02_func-legend_very-good.svg) no-repeat center/contain;
  }

  .ec-pbot-advantages__func--table_evaluation dl dd[aria-label="普段使いで困らない回数制限で利用可能"] i {
    background: url(../../images/bot/advantage02_func-legend_good.svg) no-repeat center/contain;
  }

  .ec-pbot-advantages__func--table_evaluation dl dd[aria-label="強い回数制限"] i {
    background: url(../../images/bot/advantage02_func-legend_poor.svg) no-repeat center/contain;
  }

  .ec-pbot-advantages__func--table_evaluation dl dd[aria-label="利用不可"] i {
    background: url(../../images/bot/advantage02_func-legend_very-poor.svg) no-repeat center/contain;
    height: var(--clamp-32);
    width: var(--clamp-35);
  }

  .ec-pbot-advantages__func--eligible-plan {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: var(--clamp-24) auto 0;
    padding: var(--clamp-14) var(--clamp-40);
    width: var(--clamp-960);
  }

  .ec-pbot-advantages__func--eligible-plan p {
    font-size: var(--clamp-24);
  }

  .ec-pbot-advantages__func--eligible-plan div {
    border-radius: var(--clamp-10);
    height: var(--clamp-70);
    position: relative;
    right: unset;
    top: unset;
    width: var(--clamp-209);
  }

  .ec-pbot-advantages__func--eligible-plan div::before {
    bottom: var(--clamp-60);
    height: var(--clamp-58);
    top: unset;
    width: var(--clamp-40);
  }

  .ec-pbot-advantages__func--eligible-plan div span {
    font-size: var(--clamp-20);
  }

  .ec-pbot-advantages__cta {
    height: clamp(56px, 26px + 4.02vw, 84px);
    margin-top: var(--clamp-200);
    width: clamp(198px, 3.5px + 26.15vw, 380px);
  }

  .ec-pbot-advantages__cta-2 {
    height: clamp(50px, 42.5px + 1.01vw, 57px);
    width: clamp(135px, 2.4px + 17.82vw, 259px);
  }

  .ec-pbot-advantages__ai-chronology {
    margin-top: var(--clamp-125);
  }

  .ec-pbot-advantages__ai-chronology--picky-about-inner {
    max-width: none;
    padding: var(--clamp-80) 0;
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__ai-chronology--picky-about_img {
    height: auto;
    position: static;
    width: 100%;
  }

  .ec-pbot-advantages__ai-chronology--picky-about_text {
    background: white;
    padding: var(--clamp-40) var(--clamp-38); 
  }

  .ec-pbot-advantages__ai-chronology--picky-about_text p {
    font-size: var(--clamp-24);
  }

  .ec-pbot-advantages__ai-chronology--picky-about_text p:not(:first-child) {
    margin-top: var(--clamp-24);
  }

  .ec-pbot-advantages__ai-chronology--wrapper {
    height: clamp(365px, 12px + 47.41vw, 695px);
    margin-top: var(--clamp-80);
  }

  .ec-pbot-advantages__ai-chronology--control {
    height: clamp(83px, 11.06vw, 160px);
  }

  .ec-pbot-advantages__ai-chronology--control_btn {
    cursor: pointer;
    font-size: var(--clamp-f20);
    height: clamp(38px, 10px + 3.74vw, 64px);
    padding-top: clamp(2.6px, 0.34vw, 5px);
    width: clamp(129px, 1.8px + 17.1vw, 248px);
  }

  .ec-pbot-advantages__ai-chronology--control_btn::after {
    height: var(--clamp-24);
    width: var(--clamp-12);
  }

  .ec-pbot-advantages__ai-chronology--heading {
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__ai-chronology--heading_icon {
    height: clamp(105px, 3.5px + 13.65vw, 200px);
    line-height: 1;
    padding: 0 var(--clamp-4);
    width: clamp(105px, 3.5px + 13.65vw, 200px);
  }

  .ec-pbot-advantages__ai-chronology--heading_icon_upper {
    font-size: clamp(50px, 6.61vw, 96px);
    margin-top: calc(var(--clamp-12) * -1);
  }

  .ec-pbot-advantages__ai-chronology--heading_icon_lower {
    font-size: var(--clamp-80);
    margin-left: auto;
  }

  .ec-pbot-advantages__ai-chronology--heading_updated-at {
    font-size: var(--clamp-f14);
    margin-left: var(--clamp-8);
  }

  .ec-pbot-advantages__ai-chronology--list {
    margin-top: var(--clamp-70);
  }

  .ec-pbot-advantages__ai-chronology--list_body > ol {
    max-width: none;
    min-height: clamp(38.5px, 5.1vw, 74px);
    width: var(--clamp-1280);
  }

  .ec-pbot-advantages__ai-chronology--list_body:has(.ec-pbot-advantages__ai-chronology--list_body_date[data-color="blue"]) > ol {
    padding: 0 0 0 clamp(17.125rem, 0.957rem + 34.77vw, 32.25rem);
  }

  .ec-pbot-advantages__ai-chronology--list_body:has(.ec-pbot-advantages__ai-chronology--list_body_date[data-color="orange"]) > ol {
    padding: 0 clamp(26.699rem, 1.39rem + 54.43vw, 50.375rem) 0 0;
    text-align: right;
  }

  .ec-pbot-advantages__ai-chronology--list_body > ol::before {
    height: var(--clamp-20);
    left: clamp(15.719rem, 0.185rem + 33.41vw, 30.25rem);
    width: var(--clamp-20);
  }

  .ec-pbot-advantages__ai-chronology--list_body:not(:first-child):has(.ec-pbot-advantages__ai-chronology--list_body_date[data-color="blue"]) > ol,
  .ec-pbot-advantages__ai-chronology--list_body:not(:first-child):has(.ec-pbot-advantages__ai-chronology--list_body_date[data-color="orange"]) > ol {
    padding-top: var(--clamp-20);
  }

  .ec-pbot-advantages__ai-chronology--list_body:not(:first-child) > ol::before {
    top: var(--clamp-20);
  }

  .ec-pbot-advantages__ai-chronology--list_body > ol::after {
    left: var(--clamp-492);
    width: var(--clamp-4);
  }

  .ec-pbot-advantages__ai-chronology--list_body:last-child > ol::after {
    height: var(--clamp-20);
  }

  .ec-pbot-advantages__ai-chronology--list_body_date {
    font-size: var(--clamp-f16);
    line-height: var(--clamp-20);
  }

  .ec-pbot-advantages__ai-chronology--list_body_description {
    font-size: var(--clamp-f16);
    margin-top: 0;
  }

  .ec-pbot-advantages__ai-chronology--list_body_notes {
    font-size: var(--clamp-f16);
    margin-top: 2px;
  }
}

/* voices */
.ec-pbot-voices {
  margin-top: var(--clamp-48sp);
}

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

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

.ec-pbot-voices__pagination--at-bottom {
  margin: var(--clamp-16sp) auto 0;
}

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

.ec-pbot-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-pbot-voices__pager--circle_body {
  background: #e4e4e4;
  border-radius: 50%;
  display: block;
  height: 100%;
  transition: background-color 0.2s ease 0s;
  width: 100%;
}

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

.ec-pbot-voices__slider {
  background: var(--light-blue);
  margin-top: var(--clamp-10sp);
  width: 100%;
}

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

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

.ec-pbot-voices__slider-wrapper:has(
    #js__pbot-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-pbot-voices__slider-wrapper:has(
    #js__pbot-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-pbot-voices__slider-wrapper:has(
    #js__pbot-voices-slider-4[data-is-shown="true"]
  ) {
  transform: translateX(
    calc(
      50% - clamp(296px, 92.78vw, 463px) / 2 -
        (var(--clamp-6sp) + clamp(296px, 92.78vw, 463px)) * 3
    )
  );
}

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

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

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

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

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

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

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

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

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

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

.ec-pbot-voices__list--feedback_head {
  color: var(--bot-blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.45;
  min-height: var(--clamp-48sp);
}

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

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

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

  .ec-pbot-voices__pager {
    height: 20px;
    width: 200px;
  }

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

  .ec-pbot-voices__pagination--at-bottom {
    margin-top: clamp(18px, 2.3vw, 34px);
  }

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

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

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

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

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

  .ec-pbot-voices__slider {
    margin-top: clamp(40px, 1.5px + 5.17vw, 76px);
  }

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

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

  .ec-pbot-voices__slider-wrapper:has(
      #js__pbot-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-pbot-voices__slider-wrapper:has(
      #js__pbot-voices-slider-4[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)) * 2
      )
    );
  }

  .ec-pbot-voices__slider-wrapper:has(
      #js__pbot-voices-slider-5[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)) * 3
      )
    );
  }

  .ec-pbot-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-pbot-voices__list[data-is-shown="false"] {
    cursor: pointer;
  }

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

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

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

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

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

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

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

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

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

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

/* recommended */
.ec-pbot-recommended {
  margin-top: var(--clamp-64sp);
}

.ec-pbot-recommended__comment {
  background: #fff9ed;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
  margin-top: var(--clamp-18sp);
  padding: var(--clamp-36sp) 0;
  width: 100%;
}

.ec-pbot-recommended__comment--body {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.44;
  margin: 0 auto;
  text-align: justify;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-recommended__comment--name {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.44;
  margin: 0 auto;
  text-align: right;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

@media all and (min-width: 744px) {
  .ec-pbot-recommended {
    margin-top: clamp(70px, 9.34vw, 135px);
  }

  .ec-pbot-recommended__comment {
    background: none;
    border-left: var(--clamp-8) solid #e1f0ff;
    gap: var(--clamp-40);
    margin: var(--clamp-70) auto 0;
    padding: clamp(12px, 1.58vw, 23px) var(--clamp-26);
    width: clamp(496px, 7.5px + 65.66vw, 953px);
  }

  .ec-pbot-recommended__comment--body {
    font-size: var(--clamp-f16);
    margin: 0;
    text-align: left;
    width: 100%;
  }

  .ec-pbot-recommended__comment--name {
    font-size: var(--clamp-f16);
    margin: 0;
    text-align: left;
    width: 100%;
  }
}

/* curriculum */
.ec-pbot-curriculum {
  margin-top: var(--clamp-64sp);
}

.ec-pbot-curriculum__body {
  margin: var(--clamp-18sp) auto 0;
  overflow: hidden;
  position: relative;
  width: var(--clamp-350sp);
}

.ec-pbot-curriculum__wrapper {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ec-pbot-curriculum__wrapper:has(input[type="radio"]:checked) {
  position: relative;
  z-index: 5;
}

.ec-pbot-curriculum__wrapper-inner {
  height: 100%;
  position: relative;
  width: 100%;
}

.ec-pbot-curriculum__label {
  align-items: center;
  border-radius: var(--clamp-10sp) var(--clamp-10sp) 0 0;
  display: flex;
  font-size: var(--clamp-24sp);
  font-weight: 700;
  height: var(--clamp-60sp);
  justify-content: center;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 10;
}

.ec-pbot-curriculum__wrapper:first-of-type .ec-pbot-curriculum__label {
  background: var(--bot-day1-blue);
  color: var(--bot-blue);
  left: 0;
}

.ec-pbot-curriculum__wrapper:last-of-type .ec-pbot-curriculum__label {
  background: var(--bot-day2-blue);
  color: var(--white);
  right: 0;
}

.ec-pbot-curriculum__toc {
  background: var(--bot-day1-blue);
  line-height: 1.44;
  padding: var(--clamp-35sp) var(--clamp-13sp);
}

.ec-pbot-curriculum__toc-goal {
  align-items: center;
  background: white;
  color: var(--bot-blue);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: var(--clamp-115sp);
  justify-content: center;
}

.ec-pbot-curriculum__wrapper:first-child .ec-pbot-curriculum__toc-goal {
  padding: 0 var(--clamp-20sp);
}

.ec-pbot-curriculum__wrapper:last-child .ec-pbot-curriculum__toc-goal {
  padding: 0 var(--clamp-13sp);
}

.ec-pbot-curriculum__toc-inner {
  background: var(--white);
  counter-reset: toc-num;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-27sp);
  margin-top: var(--clamp-12sp);
  padding: var(--clamp-13sp);
}

.ec-pbot-curriculum__toc--list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-27sp);
}

.ec-pbot-curriculum__toc--item {
  font-weight: 400;
}

.ec-pbot-curriculum__toc--item_head {
  color: var(--bot-blue);
  font-weight: 700;
}

.ec-pbot-curriculum__toc--item_head::before {
  content: counter(toc-num) ".";
  counter-increment: toc-num;
}

.ec-pbot-curriculum__toc--item_list {
  margin-top: var(--clamp-13sp);
}

.ec-pbot-curriculum__toc--item_list li {
  display: flex;
  gap: .2em;
}

.ec-pbot-curriculum__toc--list[data-pc-col="right"] .ec-pbot-curriculum__toc--item_list > li:not(:has(.ec-pbot-curriculum__toc--item_child-list)) {
  font-weight: 700;
}

.ec-pbot-curriculum__toc--item_list > li:not(:has(.ec-pbot-curriculum__toc--item_child-list)) {
  margin-top: .4em;
}

.ec-pbot-curriculum__toc--item_list li:not(:has(.ec-pbot-curriculum__toc--item_child-list))::before {
  content: "・";
}

.ec-pbot-curriculum__toc--item_child-list {
  margin-left: 1em;
}

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

  .ec-pbot-curriculum__body {
    display: flex;
    height: auto !important;
    justify-content: center;
    margin-top: var(--clamp-76);
    width: var(--clamp-1280);
  }

  .ec-pbot-curriculum__wrapper {
    position: static !important;
  }

  .ec-pbot-curriculum__label {
    border-radius: var(--clamp-10) var(--clamp-10) 0 0;
    font-size: var(--clamp-40);
    height: var(--clamp-65);
    position: static;
    width: var(--clamp-160);
  }

  .ec-pbot-curriculum__toc {
    padding: var(--clamp-44) var(--clamp-40);
  }

  .ec-pbot-curriculum__toc-goal {
    font-size: var(--clamp-f20);
    font-weight: 700;
    height: var(--clamp-110);
  }

  .ec-pbot-curriculum__wrapper:first-child .ec-pbot-curriculum__toc-goal, .ec-pbot-curriculum__wrapper:last-child .ec-pbot-curriculum__toc-goal {
    padding: 0 clamp(0.662rem, 0.034rem + 1.35vw, 1.25rem);
  }

  .ec-pbot-curriculum__toc-inner {
    flex-direction: row;
    gap: var(--clamp-32);
    margin-top: var(--clamp-22);
    padding: var(--clamp-40) var(--clamp-20);
  }

  .ec-pbot-curriculum__toc--list {
    gap: var(--clamp-32);
    width: calc(50%);
  }

  .ec-pbot-curriculum__toc--item_list {
    margin-top: var(--clamp-13);
  }
}

/* overview */
.ec-pbot-overview {
  margin-top: var(--clamp-64sp);
}

.ec-pbot-overview__body {
  margin-top: var(--clamp-36sp);
}

.ec-pbot-overview__body--list {
  margin: 0 auto;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-overview__body--list_description {
  border-top: 1px solid var(--arrow-gray);
  display: flex;
  font-size: var(--clamp-14sp);
}

.ec-pbot-overview__body--list_description:last-of-type {
  border-bottom: 1px solid var(--arrow-gray);
}

.ec-pbot-overview__body--list_description_dt {
  background: var(--bot-blue);
  align-items: center;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  justify-content: center;
  padding: var(--clamp-10sp) 0;
  width: var(--clamp-115sp);
}

.ec-pbot-overview__body--list_description_dd {
  display: flex;
  flex-direction: column;
  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-pbot-overview__body--list_description_dd ul[data-type="disc-list"] li {
  display: flex;
}

.ec-pbot-overview__body--list_description_dd ul[data-type="disc-list"] li::before {
  content: "・";
}

.ec-pbot-overview__body--list_description_access:not(:first-child) {
  margin-top: 1em;
}

.ec-pbot-overview__body--list_description_access div:not(:first-of-type) {
  margin-top: .6em;
}

.ec-pbot-overview__body--list_description_dd_notes {
  margin-top: 1em;
}

.ec-pbot-overview__body--list_description_dd_notes span {
  display: block;
}

.ec-pbot-overview__body--list_description_method
  .ec-pbot-overview__body--list_description_dd
  span::before {
  content: "※";
}

.ec-pbot-overview__body--list_description_location
  .ec-pbot-overview__body--list_description_dd
  dt:not(:first-child) {
  margin-top: 1.5em;
}

.ec-pbot-overview__body--list_description_location
  .ec-pbot-overview__body--list_description_dd
  dt::before {
  content: "●";
}

.ec-pbot-overview__body--list_description_keep-in-mind
  .ec-pbot-overview__body--list_description_dd
  ul
  li::before {
  content: "・";
}

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

  .ec-pbot-overview__body {
    background: #e1f0ff;
    margin-top: var(--clamp-90);
    padding: var(--clamp-80) 0;
  }

  .ec-pbot-overview__body--list {
    background: var(--white);
    box-shadow: 0px 12px 12px #d0ddea;
    padding: var(--clamp-80) clamp(45px, 1.2px + 5.89vw, 86px);
    width: clamp(499px, 6.2px + 66.24vw, 960px);
  }

  .ec-pbot-overview__body--list_description {
    font-size: var(--clamp-f16);
  }

  .ec-pbot-overview__body--list_description_dt {
    padding: var(--clamp-18) 0;
    width: clamp(94px, 2px + 12.36vw, 180px);
  }

  .ec-pbot-overview__body--list_description_dd {
    padding: var(--clamp-18) 0 var(--clamp-18) clamp(18px, 2.44vw, 35px);
    width: 100%;
  }

  .ec-pbot-overview__body--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-pbot-schedule {
  margin-top: var(--clamp-48sp);
}

.ec-pbot-schedule__table-sp {
  margin-top: var(--clamp-18sp);
}

.ec-pbot-schedule__table-sp li:nth-of-type(even) {
  background: #eff7ff;
}

.ec-pbot-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-pbot-schedule__table-sp--body dt {
  color: var(--bot-blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  margin-bottom: var(--clamp-4sp);
}

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

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

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

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

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

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

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

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

.ec-pbot-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-pbot-schedule__table-cmn--availability_entry_available::before,
.ec-pbot-schedule__table-cmn--availability_entry_few::before,
.ec-pbot-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-pbot-schedule__table-cmn--availability_entry_available::before {
  content: "○";
}

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

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

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

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

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

.ec-pbot-schedule__table-pc {
  display: none;
}

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

.ec-pbot-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-pbot-schedule__cta {
  height: clamp(66px, -1.6px + 21.11vw, 104px);
  margin: var(--clamp-115sp) auto var(--clamp-120sp);
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

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

  .ec-pbot-schedule__table-sp {
    display: none;
  }

  .ec-pbot-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-pbot-schedule__table-pc--items {
    align-items: center;
    background: var(--bot-blue);
    color: var(--white);
    display: flex;
    font-size: var(--clamp-f16);
    font-weight: 700;
    height: var(--clamp-56);
    text-align: center;
  }

  .ec-pbot-schedule__table-pc--body_list:nth-of-type(even) {
    background: #eff7ff;
  }

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

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

  .ec-pbot-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-pbot-schedule__table-pc--body_list .ec-pbot-schedule__table-pc--location {
    padding-left: clamp(26px, -21px + 6.32vw, 70px);
  }

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

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

  .ec-pbot-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-pbot-schedule__table-cmn--availability_entry_available::before,
  .ec-pbot-schedule__table-cmn--availability_entry_few::before,
  .ec-pbot-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);
  }

  .ec-pbot-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-pbot-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-pbot-schedule__cta {
    height: clamp(56px, 26px + 4.02vw, 84px);
    margin: clamp(94px, 2px + 12.36vw, 180px) auto var(--clamp-160);
    width: clamp(198px, 3.5px + 26.15vw, 380px);
  }
}

/* faq */
.ec-pbot-faq {
  margin: var(--clamp-80sp) auto;
  width: clamp(298px, -0.7px + 93.33vw, 466px);
}

.ec-pbot-faq__list {
  border-top: 1px solid #c8c8c8;
  margin-top: var(--clamp-44sp);
}

.ec-pbot-faq__list-wrapper {
  border-bottom: 1px solid #c8c8c8;
  height: clamp(55.3px, 6.9px + 15.11vw, 82.5px);
  overflow: hidden;
}

.ec-pbot-faq__list-wrapper:has(> input[type="checkbox"]:checked) {
  height: auto;
}

.ec-pbot-faq__list--question {
  align-items: baseline;
  display: flex;
  font-weight: 700;
  height: clamp(55.3px, 6.9px + 15.11vw, 82.5px);
  line-height: 1.44;

}

.ec-pbot-faq__list--question::before {
  color: var(--bot-blue);
  content: "Q";
  flex-shrink: 0;
  font-size: var(--clamp-24sp);
  width: var(--clamp-30sp);
}

.ec-pbot-faq__list--question::after {
  background: url(../../images/bot/faq_arrow_sp.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  height: var(--clamp-6sp);
  margin-left: auto;
  transform: translateY(calc(var(--clamp-2sp) * -1)) rotate(180deg);
  transition: transform .2s ease 0s;
  width: var(--clamp-20sp);
}

.ec-pbot-faq__list-wrapper:has(> input[type="checkbox"]:checked) > .ec-pbot-faq__list--question::after {
  transform: translateY(calc(var(--clamp-2sp) * -1)) rotate(0);
}

.ec-pbot-faq__list--answer {
  font-weight: 400;
  line-height: 1.44;
  padding: var(--clamp-8sp) var(--clamp-28sp) var(--clamp-26sp) var(--clamp-30sp);
}

@media all and (min-width: 744px) {
  .ec-pbot-faq {
    margin: var(--clamp-160) auto;
    width: clamp(500px, 8.3px + 66.09vw, 960px);
  }

  .ec-pbot-faq__list {
    margin-top: var(--clamp-40);
  }

  .ec-pbot-faq__list-wrapper {
    height: clamp(45.8px, 0.7px + 6.06vw, 88px);
  }

  .ec-pbot-faq__list--question {
    align-items: center;
    cursor: pointer;
    font-size: var(--clamp-f20);
    height: clamp(45.8px, 0.7px + 6.06vw, 88px);
  }

  .ec-pbot-faq__list--question::before {
    font-size: var(--clamp-48);
    transform: translateY(calc(var(--clamp-4) * -1));
    width: var(--clamp-80);
  }

  .ec-pbot-faq__list--question::after {
    background: url(../../images/bot/faq_arrow.svg) no-repeat center/contain;
    height: var(--clamp-12);
    transform: rotate(180deg);
    width: clamp(26px, 0.4px + 3.45vw, 50px);
  }

  .ec-pbot-faq__list-wrapper:has(> input[type="checkbox"]:checked) > .ec-pbot-faq__list--question::after {
    transform: rotate(0);
  }

  .ec-pbot-faq__list--answer {
    height: clamp(52px, 13.5px + 5.17vw, 88px);
    margin: var(--clamp-10) 0;
    padding: 0 0 0 var(--clamp-80);
  }

  .ec-pbot-faq__list--answer a:hover {
    text-decoration: underline;
  }
}

/* case-studies */
.ec-pbot-case-studies {
  margin-top: var(--clamp-84sp);
}

.ec-pbot-case-studies__body {
  background: #fff9ed;
  margin-top: var(--clamp-36sp);
  padding: var(--clamp-13sp) 0;
}

.ec-pbot-case-studies__img {
  height: var(--clamp-180sp);
  margin: 0 auto;
  width: var(--clamp-350sp);
}

.ec-pbot-case-studies__img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-pbot-case-studies__text {
  margin: var(--clamp-13sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-pbot-case-studies__text p,
.ec-pbot-case-studies__text a {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  letter-spacing: calc(var(--clamp-16sp) * .1);
  line-height: 1.44;
}

.ec-pbot-case-studies__text p:not(:first-child) {
  margin-top: var(--clamp-18sp);
}

.ec-pbot-case-studies__text--link {
  color: var(--bot-blue);
  display: block;
  margin-top: var(--clamp-18sp);
  text-decoration: underline;
  transition: color .2s linear 0s;
}

.ec-pbot-case-studies__text--link:hover {
  color: var(--deep-blue);
}

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

  .ec-pbot-case-studies__body {
    margin-top: var(--clamp-80);
    padding: var(--clamp-80) 0;
  }

  .ec-pbot-case-studies__img {
    height: var(--clamp-427);
    width: var(--clamp-760);
  }

  .ec-pbot-case-studies__text {
    background: white;
    margin: 0 auto;
    padding: var(--clamp-40);
    width: var(--clamp-760);
  }

  .ec-pbot-case-studies__text p,
  .ec-pbot-case-studies__text a {
    font-size: var(--clamp-24);
    letter-spacing: calc(var(--clamp-24) * .1);
    line-height: 1.6;
  }

  .ec-pbot-case-studies__text p:not(:first-child) {
    margin-top: var(--clamp-26);
  }

  .ec-pbot-case-studies__text--link {
    margin-top: var(--clamp-26);
  }
}