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

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

/* common */
.ec-bot-business__cmn-btn {
  align-items: center;
  background: var(--orange);
  border: 4px solid var(--white);
  border-radius: var(--clamp-12sp);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: var(--white);
  display: flex;
  font-size: var(--clamp-20sp);
  font-weight: 700;
  height: var(--clamp-78sp);
  justify-content: center;
  position: relative;
  width: 100%;
}

.ec-bot-business__cmn-gray-btn {
  background: var(--disabled-gray);
}

.ec-bot-business__cmn-btn::after {
  background: url(../../images/bot-business/btn_arrow.svg) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-20sp);
  position: absolute;
  right: var(--clamp-24sp);
  top: calc(50% - var(--clamp-20sp) / 2);
  width: var(--clamp-12sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cmn-btn {
    border-radius: var(--clamp-12);
    font-size: var(--clamp-24);
    height: var(--clamp-84);
    overflow: hidden;
    transform: translateY(0);
    transition: transform 0.2s ease 0s;
  }

  .ec-bot-business__cmn-btn:hover {
    transform: translateY(2px);
  }

  .ec-bot-business__cmn-btn::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-bot-business__cmn-btn:hover::before {
    animation: btn-interaction 0.2s linear 0s forwards;
  }

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

  .ec-bot-business__cmn-btn::after {
    background: url(../../images/bot-business/btn_arrow.svg) no-repeat
      center/contain;
    content: "";
    height: var(--clamp-24);
    position: absolute;
    right: var(--clamp-26);
    top: calc(50% - var(--clamp-24) / 2);
    width: var(--clamp-12);
  }
}

/* first view */
.ec-bot-business__firstview--main {
  height: clamp(476px, -2.224px + 149.44vw, 745px);
  margin: var(--clamp-10sp) 0 var(--clamp-248sp);
  position: relative;
}

.ec-bot-business__firstview--h1 {
  align-items: center;
  background: linear-gradient(90deg, #2753c2 0%, #011c66 100%);
  color: var(--white);
  display: flex;
  font-size: var(--clamp-30sp);
  font-weight: 700;
  height: var(--clamp-115sp);
  justify-content: center;
  line-height: 1.43;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 100%;
}

.ec-bot-business__firstview--main-visual {
  height: calc(clamp(476px, -2.224px + 149.44vw, 745px) - var(--clamp-115sp));
  object-fit: cover;
  object-position: top;
  width: 100%;
}

.ec-bot-business__firstview--leadcopy-wrapper {
  bottom: 0;
  position: absolute;
  right: 0;
}

.ec-bot-business__firstview--leadcopy {
  align-items: flex-end;
  background: rgba(0, 41, 146, 0.6);
  display: flex;
  flex-direction: column;
  font-weight: 700;
  gap: var(--clamp-13sp);
  height: var(--clamp-160sp);
  justify-content: center;
  line-height: 1.44;
  width: var(--clamp-290sp);
}

.ec-bot-business__firstview--leadcopy_1 {
  color: var(--white);
  padding-right: var(--clamp-13sp);
}

.ec-bot-business__firstview--leadcopy_2 {
  background: var(--white);
  color: #000;
  padding: var(--clamp-13sp) var(--clamp-13sp) var(--clamp-13sp)
    var(--clamp-8sp);
}

.ec-bot-business__firstview--leadcopy_2 span {
  background: linear-gradient(0deg, #ffa800 10.23%, rgba(255, 168, 0, 0) 100%);
}

.ec-bot-business__firstview--logo-list-wrapper {
  height: clamp(86px, 2px + 22.4vw, 114px);
  left: var(--clamp-13sp);
  position: absolute;
  top: clamp(245px, -92.5px + 105.45vw, 303px);
  width: clamp(190px, 1.008px + 50.4vw, 253px);
}

@media all and (min-width: 375px) {
  .ec-bot-business__firstview--logo-list-wrapper {
    top: clamp(303px, 3px + 80vw, 403px);
  }
}

.ec-bot-business__firstview--logos {
  align-items: center;
  background: var(--white);
  border-radius: var(--clamp-10sp);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  gap: clamp(6px, 1.6vw, 8px);
  height: 100%;
  justify-content: center;
  width: 100%;
}

.ec-bot-business__firstview--logos_list {
  display: flex;
  flex-direction: column;
  gap: clamp(2px, 0.016px + 0.53vw, 2.66px);
}

.ec-bot-business__firstview--logos_list_logo-large {
  height: clamp(53px, 0.496px + 14vw, 70.5px);
  object-fit: contain;
  width: clamp(53px, 0.496px + 14vw, 70.5px);
}

.ec-bot-business__firstview--logos_list_logo-small {
  height: clamp(34px, 0.336px + 8.98vw, 45.22px);
  object-fit: contain;
  width: clamp(34px, 0.336px + 8.98vw, 45.22px);
}

.ec-bot-business__firstview--logos_list_logo-name {
  align-items: center;
  background: var(--sumire);
  display: flex;
  font-size: clamp(10px, 0.096px + 2.64vw, 13.3px);
  height: clamp(24px, 0.24px + 6.34vw, 31.92px);
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}

.ec-bot-business__firstview--cta {
  align-items: center;
  background: var(--white);
  bottom: calc(var(--clamp-248sp) * -1);
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  height: var(--clamp-248sp);
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}

.ec-bot-business__cmn-balloon {
  font-size: var(--clamp-20sp);
  font-weight: 400;
  margin-bottom: var(--clamp-5sp);
  text-align: center;
}

.ec-bot-business__cmn-balloon span {
  font-weight: 700;
}

.ec-bot-business__firstview--cta_btn {
  width: var(--clamp-350sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__firstview--main {
    height: clamp(390px, 29.76px + 48.42vw, 727px);
    margin: calc(var(--clamp-110) * -1) 0 0 0;
    padding-top: clamp(95px, 12.688px + 11.06vw, 172px);
  }

  .ec-bot-business__firstview--h1 {
    background: unset;
    color: #002b9b;
    display: block;
    font-size: var(--clamp-58);
    height: auto;
    margin: var(--clamp-46) auto 0;
    width: var(--clamp-1280);
  }

  .ec-bot-business__firstview--main-visual {
    height: 100%;
    max-width: 1735px;
    object-fit: cover;
    object-position: top;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
  }

  .ec-bot-business__firstview--leadcopy-wrapper {
    bottom: unset;
    margin: var(--clamp-52) auto 0;
    position: static;
    right: unset;
    width: var(--clamp-1280);
  }

  .ec-bot-business__firstview--leadcopy {
    align-items: unset;
    background: rgba(255, 255, 255, 0.9);
    font-size: var(--clamp-32);
    gap: var(--clamp-10);
    height: var(--clamp-132);
    width: clamp(505px, -2.752px + 68.25vw, 980px);
  }

  .ec-bot-business__firstview--leadcopy_1,
  .ec-bot-business__firstview--leadcopy_2 {
    background: unset;
    color: unset;
    display: flex;
    padding: 0;
  }

  .ec-bot-business__firstview--logo-list-wrapper {
    height: clamp(96px, 12.624px + 11.21vw, 174px);
    margin: var(--clamp-36) auto 0;
    position: unset;
    width: var(--clamp-1280);
  }

  .ec-bot-business__firstview--logos {
    border-radius: var(--clamp-10);
    gap: unset;
    width: var(--clamp-540);
  }

  .ec-bot-business__firstview--logos::after {
    align-items: flex-end;
    content: "他";
    display: flex;
    font-size: var(--clamp-f12);
    height: clamp(87.35px, 11.824px + 10.15vw, 158px);
    margin-left: var(--clamp-26);
  }

  .ec-bot-business__firstview--logos_list {
    gap: var(--clamp-6);
  }

  .ec-bot-business__firstview--logos_list:has(
      .ec-bot-business__firstview--logos_list_logo-large
    ) {
    margin-right: var(--clamp-42);
  }

  .ec-bot-business__firstview--logos_list:has(
      .ec-bot-business__firstview--logos_list_logo-small
    ):not(:last-of-type) {
    margin-right: var(--clamp-30);
  }

  .ec-bot-business__firstview--logos_list_logo-large {
    height: var(--clamp-112);
    width: var(--clamp-112);
  }

  .ec-bot-business__firstview--logos_list_logo-small {
    height: var(--clamp-60);
    width: var(--clamp-60);
  }

  .ec-bot-business__firstview--logos_list_logo-name {
    font-size: var(--clamp-f12);
    height: clamp(26px, 11.04px + 2.01vw, 40px);
  }

  .ec-bot-business__firstview--cta {
    background: unset;
    bottom: var(--clamp-60);
    flex-direction: row;
    gap: var(--clamp-25);
    height: auto;
    justify-content: flex-end;
    left: calc(50% - var(--clamp-1280) / 2);
    width: var(--clamp-1280);
  }

  .ec-bot-business__cmn-balloon {
    font-size: var(--clamp-22);
    margin-bottom: var(--clamp-10);
    text-shadow: 2px 2px #fff;
  }

  .ec-bot-business__firstview--cta_btn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: var(--clamp-130);
    width: clamp(176.8px, 2.352px + 23.45vw, 340px);
  }
}

.ec-bot-business__firstview--aboutus {
  background: var(--sumire);
  display: flex;
  justify-content: center;
  padding: var(--clamp-22sp) 0;
}

.ec-bot-business__firstview--aboutus_text {
  font-size: var(--clamp-14sp);
  font-weight: 400;
}

.ec-bot-business__firstview--aboutus_text_blue {
  color: var(--deep-blue);
  font-size: var(--clamp-16sp);
}

.ec-bot-business__firstview--aboutus_text span {
  font-weight: 700;
}

@media all and (min-width: 744px) {
  .ec-bot-business__firstview--aboutus {
    padding: var(--clamp-44) 0;
  }

  .ec-bot-business__firstview--aboutus_text {
    font-size: var(--clamp-32);
    font-weight: 700;
    text-align: center;
  }

  .ec-bot-business__firstview--aboutus_text span {
    font-size: var(--clamp-36);
  }
}

/* customers */
.ec-bot-business__customers {
  margin-top: var(--clamp-48sp);
  padding-bottom: var(--clamp-44sp);
}

.ec-bot-business__customers--h2 {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  text-align: center;
}

.ec-bot-business__customers .ec-customers__container {
  margin-top: var(--clamp-12sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__customers {
    margin-top: var(--clamp-75);
    padding-bottom: var(--clamp-80);
  }

  .ec-bot-business__customers--h2 {
    font-size: var(--clamp-24);
  }

  .ec-bot-business__customers .ec-customers__container {
    margin-top: var(--clamp-80);
  }

  .ec-bot-business__customers .ec-customers__list--pc {
    gap: var(--clamp-50);
  }
}

/* pains */
.ec-bot-business__pains {
  background: #eee;
  color: #333;
  margin: 0 auto;
  max-width: 500px;
  padding-top: var(--clamp-80sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains {
    max-width: 3840px;
    padding-top: var(--clamp-86);
  }
}

.ec-bot-business__pains h2 {
  font-size: var(--clamp-24sp);
  font-weight: 700;
  line-height: 1.46;
  margin: 0 auto;
  text-align: center;
  width: var(--clamp-300sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains h2 {
    font-size: var(--clamp-32);
    line-height: 1.44;
    width: 100%;
  }
}

.ec-bot-business__pains ul {
  display: grid;
  gap: 0 var(--clamp-19sp);
  grid-template-columns: repeat(2, var(--clamp-150sp));
  grid-template-rows: repeat(2, var(--clamp-170sp));
  margin: var(--clamp-20sp) auto 0;
  padding-bottom: var(--clamp-300sp);
  position: relative;
  place-content: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul {
    gap: var(--clamp-20);
    grid-template-columns: repeat(4, var(--clamp-275));
    grid-template-rows: var(--clamp-435);
    margin: var(--clamp-46) auto 0;
    padding-bottom: var(--clamp-245);
  }
}

.ec-bot-business__pains ul::after {
  background: url(../../images/bot-business/pains-icon_pc.svg) no-repeat center/contain;
  bottom: var(--clamp-100sp);
  content: "";
  height: var(--clamp-180sp);
  left: calc(50% - var(--clamp-117sp));
  position: absolute;
  width: var(--clamp-234sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul::after {
    bottom: var(--clamp-165);
    height: var(--clamp-240);
    left: calc(50% - var(--clamp-156));
    width: var(--clamp-312);
  }
}

.ec-bot-business__pains ul li {
  background: #fff;
  border: 2.5px solid #ccc;
  border-radius: 50%;
  display: grid;
  height: var(--clamp-150sp);
  place-items: center;
  width: var(--clamp-150sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul li {
    border: 5px solid #ccc;
    height: var(--clamp-275);
    width: var(--clamp-275);
  }
}

.ec-bot-business__pains ul li:nth-child(2),
.ec-bot-business__pains ul li:nth-child(4) {
  margin-top: var(--clamp-20sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul li:nth-child(1) {
    margin-top: var(--clamp-160);
    transform: translateX(var(--clamp-50));
  }

  .ec-bot-business__pains ul li:nth-child(2),
  .ec-bot-business__pains ul li:nth-child(3) {
    margin: 0;
  }

  .ec-bot-business__pains ul li:nth-child(4) {
    margin-top: var(--clamp-160);
    transform: translateX(calc(var(--clamp-50) * -1));
  }
}

.ec-bot-business__pains ul li p {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul li p {
    font-size: var(--clamp-16);
  }
}

.ec-bot-business__pains ul li p br._sp-only {
  display: block;
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul li p br._sp-only {
    display: none;
  }
}

.ec-bot-business__pains ul li p br._pc-only {
  display: none;
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul li p br._pc-only {
    display: block;
  }
}

.ec-bot-business__pains ul li p span {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  position: relative;
  z-index: 5;
}

@media all and (min-width: 744px) {
  .ec-bot-business__pains ul li p span {
    font-size: var(--clamp-20);
  }
}

.ec-bot-business__pains ul li p span::before {
  background: #edf2ff;
  bottom: -1px;
  content: "";
  height: var(--clamp-10sp);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

/* tobe */
.ec-bot-business__tobe {
  background: url(../../images/bot-business/tobe_bg_sp@2x.min.webp) no-repeat top/cover;
  color: #333;
  margin: calc(var(--clamp-60sp) * -1) auto var(--clamp-160sp);
  max-width: 500px;
  padding-top: var(--clamp-100sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe {
    background-image: url(../../images/bot-business/tobe_bg_pc@1440.min.webp);
    margin: calc(var(--clamp-138) * -1) 0 var(--clamp-160);
    max-width: 3840px;
    padding-top: var(--clamp-211);
  }
}

@media all and (min-width: 1441px) {
  .ec-bot-business__tobe {
    background: none;
    position: relative;
  }

  .ec-bot-business__tobe::before {
    background: url(../../images/bot-business/tobe_bg_pc@3840.min.webp) no-repeat bottom/contain;
    bottom: 0;
    content: "";
    height: 1617px;
    position: absolute;
    left: calc(50% - 1920px);
    width: 3840px;
  }
}

.ec-bot-business__tobe hgroup {
  position: relative;
}

.ec-bot-business__tobe hgroup h2 {
  font-size: var(--clamp-32sp);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe hgroup h2 {
    font-size: var(--clamp-40);
    line-height: 1.45;
  }
}

.ec-bot-business__tobe hgroup span {
  display: block;
  margin: 1em auto 0;
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe hgroup span br {
    display: none;
  }
}

.ec-bot-business__tobe--goals {
  display: grid;
  gap: var(--clamp-25sp);
  grid-template-columns: 1fr;
  margin: var(--clamp-40sp) auto 0;
  padding-bottom: var(--clamp-68sp);
  width: var(--clamp-349sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals {
    gap: var(--clamp-50);
    grid-template-columns: repeat(2, 1fr);
    margin: var(--clamp-86) auto 0;
    padding-bottom: var(--clamp-167);
    width: var(--clamp-1280);
  }
}

.ec-bot-business__tobe--goals li {
  align-items: center;
  background: #fff;
  border-radius: var(--clamp-10sp);
  display: flex;
  gap: var(--clamp-12sp);
  overflow: hidden;
  padding: var(--clamp-25sp) var(--clamp-14sp) var(--clamp-25sp) var(--clamp-28sp);
  position: relative;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals li {
    border-radius: var(--clamp-10);
    gap: var(--clamp-37);
    height: var(--clamp-166);
    padding: 0 var(--clamp-50) 0 var(--clamp-37);
  }
}

.ec-bot-business__tobe--goals li::before {
  background: #0039cd;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals li::before {
    width: var(--clamp-10);
  }
}

.ec-bot-business__tobe--goals li img {
  flex-shrink: 0;
  height: var(--clamp-40sp);
  width: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals li img {
    height: var(--clamp-80);
    width: var(--clamp-80);
  }
}

.ec-bot-business__tobe--goals li p {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.5;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals li p {
    font-size: var(--clamp-20);
  }
}

.ec-bot-business__tobe--goals li p span {
  color: #0039cd;
  font-size: var(--clamp-20sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals li p span {
    font-size: var(--clamp-24);
  }
}

.ec-bot-business__tobe--goals li p span br._sp-only {
  display: block;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--goals li p span br._sp-only {
    display: none;
  }
}

.ec-bot-business__tobe--achivement {
  margin-top: var(--clamp-20sp);
  padding-bottom: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--achivement {
    margin-top: var(--clamp-55);
    position: relative;
    padding-bottom: var(--clamp-315);
  }
}

.ec-bot-business__tobe--achivement p {
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--achivement p {
    font-size: var(--clamp-24);
  }
}

.ec-bot-business__tobe--achivement p span {
  color: #0039cd;
  font-size: var(--clamp-24sp);
  font-weight: 700;
  line-height: 1.48;
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--achivement p span {
    font-size: var(--clamp-32);
    line-height: 1.43;
  }

  .ec-bot-business__tobe--achivement p span br {
    display: none;
  }
}

.ec-bot-business__tobe--achivement div {
  height: var(--clamp-178sp);
  margin: var(--clamp-40sp) auto 0;
  transform: translateX(var(--clamp-10sp));
  width: var(--clamp-348sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__tobe--achivement div {
    bottom: calc(var(--clamp-17) * -1);
    height: var(--clamp-476);
    left: calc(50% - var(--clamp-492));
    margin: 0 auto;
    position: absolute;
    width: var(--clamp-1159);
  }
}

.ec-bot-business__tobe--achivement img {
  font-size: 0;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/* advantages */
.ec-bot-business__advantages {
  color: #333;
  margin: var(--clamp-160sp) 0;
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages {
    margin: var(--clamp-160) 0;
  }
}

.ec-bot-business__advantages h2 {
  color: #0039cd;
  font-size: var(--clamp-32sp);
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages h2 {
    font-size: var(--clamp-48full);
  }
}

.ec-bot-business__advantages ol {
  display: grid;
  gap: var(--clamp-20sp);
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  margin: var(--clamp-40sp) auto 0;
  width: var(--clamp-350sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--clamp-20);
    justify-content: center;
    margin: var(--clamp-86) auto 0;
    width: var(--clamp-1280);
  }
}

.ec-bot-business__advantages ol > li {
  border: 1px solid #0039cd;
  border-radius: var(--clamp-10sp);
  padding: var(--clamp-30sp) var(--clamp-15sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages ol > li {
    border-radius: var(--clamp-10);
    padding: var(--clamp-30) 0;
    width: var(--clamp-413);
  }
}

.ec-bot-business__advantages ol > li::before {
  content: "";
  display: block;
  height: var(--clamp-140sp);
  margin: 0 auto;
  width: var(--clamp-140sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages ol > li::before {
    height: var(--clamp-140);
    width: var(--clamp-140);
  }
}

.ec-bot-business__advantages ol > li[data-index="0"]::before {
  background: url(../../images/bot-business/advantage_icon_1.svg) no-repeat center/contain;
}

.ec-bot-business__advantages ol > li[data-index="1"]::before {
  background: url(../../images/bot-business/advantage_icon_2.svg) no-repeat center/contain;
}

.ec-bot-business__advantages ol > li[data-index="2"]::before {
  background: url(../../images/bot-business/advantage_icon_3.svg) no-repeat center/contain;
}

.ec-bot-business__advantages ol > li[data-index="3"]::before {
  background: url(../../images/bot-business/advantage_icon_4.svg) no-repeat center/contain;
}

.ec-bot-business__advantages ol > li[data-index="4"]::before {
  background: url(../../images/bot-business/advantage_icon_5.svg) no-repeat center/contain;
}

.ec-bot-business__advantages ol > li h3 {
  font-size: var(--clamp-20sp);
  font-weight: 700;
  line-height: 1.46;
  margin-top: var(--clamp-10sp);
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages ol > li h3 {
    font-size: var(--clamp-24);
    margin-top: var(--clamp-26);
  }

  .ec-bot-business__advantages ol > li h3 br._sp-only {
    display: none;
  }
}

.ec-bot-business__advantages ol > li ul {
  margin-top: var(--clamp-15sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages ol > li ul {
    margin-top: var(--clamp-36);
    padding: 0 var(--clamp-25);
  }
}

.ec-bot-business__advantages ol > li ul li {
  display: flex;
  font-weight: 400;
  line-height: 1.44;
  margin-top: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__advantages ol > li ul li {
    margin-top: var(--clamp-10);
  }
}

.ec-bot-business__advantages ol > li ul li::before {
  content: "・";
}

/* overview */
.ec-bot-business__overview {
  margin: var(--clamp-160sp) 0;
}

.ec-bot-business__overview--h2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  line-height: 1.4;
}

.ec-bot-business__overview--h2 span {
  color: var(--dark-deep-blue);
  font-size: var(--clamp-36sp);
  font-weight: 700;
}

.ec-bot-business__overview--lead {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  line-height: 1.45;
  margin: var(--clamp-24sp) auto 0;
  text-align: center;
  width: var(--clamp-350sp);
}

.ec-bot-business__overview--body {
  background: var(--sumire);
  margin-top: var(--clamp-24sp);
  padding: var(--clamp-24sp) 0;
}

.ec-bot-business__overview--courses {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ec-bot-business__overview--course-list {
  display: flex;
  height: var(--clamp-450sp);
  transition: transform 0.2s ease 0s;
}

.ec-bot-business__overview--courses[data-current="0"]
  .ec-bot-business__overview--course-list {
  transform: translateX(0);
}

.ec-bot-business__overview--courses[data-current="1"]
  .ec-bot-business__overview--course-list {
  transform: translateX(-100%);
}

.ec-bot-business__overview--courses[data-current="2"]
  .ec-bot-business__overview--course-list {
  transform: translateX(-200%);
}

.ec-bot-business__overview--courses[data-current="3"]
  .ec-bot-business__overview--course-list {
  transform: translateX(-300%);
}

.ec-bot-business__overview--courses[data-current="4"]
  .ec-bot-business__overview--course-list {
  transform: translateX(-400%);
}

.ec-bot-business__overview--courses[data-current="5"]
  .ec-bot-business__overview--course-list {
  transform: translateX(-500%);
}

.ec-bot-business__overview--course-list_item {
  flex-shrink: 0;
  height: 100%;
  width: 100%;
}

.ec-bot-business__overview--course-list_item-inner {
  background: var(--white);
  height: 100%;
  margin: 0 auto;
  padding-top: var(--clamp-20sp);
  width: var(--clamp-350sp);
}

.ec-bot-business__overview--h3_courses {
  align-items: center;
  display: flex;
  height: var(--clamp-60sp);
  justify-content: center;
}

.ec-bot-business__overview--h3_courses img {
  height: var(--clamp-60sp);
  object-fit: contain;
  width: var(--clamp-60sp);
}

.ec-bot-business__overview--h3_courses span {
  color: var(--dark-deep-blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
}

.ec-bot-business__overview--course-list_item_overview {
  font-weight: 700;
  line-height: 1.44;
  margin: var(--clamp-22sp) auto 0;
  width: var(--clamp-320sp);
}

.ec-bot-business__overview--course-list_item_toc {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-12sp);
  margin: var(--clamp-40sp) auto 0;
  width: var(--clamp-240sp);
}

.ec-bot-business__overview--course-list_item_toc li {
  font-weight: 400;
  line-height: 1.44;
}

.ec-bot-business__overview--course-list_item_toc li::before {
  color: var(--deep-blue);
  content: "✓ ";
  font-weight: 700;
}

.ec-bot-business__overview--course-list_controller {
  background: url(../../images/bot-business/overview_slider-btn.svg) no-repeat
    center/contain;
  border-radius: 50%;
  height: var(--clamp-44sp);
  opacity: 1;
  position: absolute;
  top: calc(50% - var(--clamp-44sp) / 2);
  transition: all 0.2s ease 0s;
  visibility: visible;
  width: var(--clamp-44sp);
}

.ec-bot-business__overview--course-list_controller_prev {
  left: var(--clamp-8sp);
  transform: rotate(180deg);
}

.ec-bot-business__overview--course-list_controller_next {
  right: var(--clamp-8sp);
}

.ec-bot-business__overview--courses[data-current="0"]
  .ec-bot-business__overview--course-list_controller_prev,
.ec-bot-business__overview--courses[data-current="5"]
  .ec-bot-business__overview--course-list_controller_next {
  opacity: 0;
  visibility: hidden;
}

.ec-bot-business__overview--course-list_marker-wrapper {
  display: flex;
  gap: var(--clamp-5sp);
  justify-content: center;
  margin-top: var(--clamp-8sp);
}

.ec-bot-business__overview--course-list_marker {
  background: #c2c2c2;
  border-radius: 50%;
  display: block;
  height: var(--clamp-8sp);
  transition: background-color 0.2s ease 0s;
  width: var(--clamp-8sp);
}

.ec-bot-business__overview--courses[data-current="0"]
  li:nth-of-type(1)
  .ec-bot-business__overview--course-list_marker,
.ec-bot-business__overview--courses[data-current="1"]
  li:nth-of-type(2)
  .ec-bot-business__overview--course-list_marker,
.ec-bot-business__overview--courses[data-current="2"]
  li:nth-of-type(3)
  .ec-bot-business__overview--course-list_marker,
.ec-bot-business__overview--courses[data-current="3"]
  li:nth-of-type(4)
  .ec-bot-business__overview--course-list_marker,
.ec-bot-business__overview--courses[data-current="4"]
  li:nth-of-type(5)
  .ec-bot-business__overview--course-list_marker,
.ec-bot-business__overview--courses[data-current="5"]
  li:nth-of-type(6)
  .ec-bot-business__overview--course-list_marker {
  background-color: var(--dark-deep-blue);
}

.ec-bot-business__overview--tools {
  margin: var(--clamp-32sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-bot-business__overview--tools-inner {
  background: var(--white);
  padding: var(--clamp-24sp) 0;
}

.ec-bot-business__overview--h3_tools {
  color: var(--dark-deep-blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  text-align: center;
}

.ec-bot-business__overview--tools_list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: var(--clamp-4sp);
}

.ec-bot-business__overview--tools_list {
  margin-top: var(--clamp-20sp);
  position: relative;
}

.ec-bot-business__overview--tools_list:last-of-type::after {
  bottom: calc(var(--clamp-20sp) * -1);
  content: "他";
  font-size: var(--clamp-12sp);
  font-weight: 700;
  position: absolute;
  right: 0;
}

.ec-bot-business__overview--tools_list_icon {
  height: var(--clamp-60sp);
  object-fit: contain;
  width: var(--clamp-60sp);
}

.ec-bot-business__overview--tools_list_name {
  align-items: center;
  background: #f2f2f2;
  display: flex;
  font-size: var(--clamp-12sp);
  font-weight: 400;
  height: var(--clamp-40sp);
  justify-content: center;
  line-height: 1.25;
  text-align: center;
  width: var(--clamp-64sp);
}

.ec-bot-business__overview--end {
  color: var(--dark-deep-blue);
  font-size: var(--clamp-14sp);
  font-weight: 700;
  line-height: 1.43;
  margin: var(--clamp-24sp) auto 0;
  text-align: center;
}

.ec-bot-business__overview--cta {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-25sp);
  height: var(--clamp-220sp);
  margin: var(--clamp-48sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-bot-business__overview--cta_btn {
  height: 100%;
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-bot-business__overview {
    background: var(--sumire);
    margin: var(--clamp-160) 0;
    padding: var(--clamp-80) 0;
  }

  .ec-bot-business__overview--h2 {
    color: var(--black);
    font-weight: 700;
  }

  .ec-bot-business__overview--h2 span {
    color: var(--deep-blue);
    font-size: var(--clamp-48);
  }

  .ec-bot-business__overview--lead {
    font-size: var(--clamp-f20);
    margin-top: var(--clamp-40);
    width: auto;
  }

  .ec-bot-business__overview--body {
    background: none;
    margin-top: 0;
    padding: var(--clamp-42) 0 0;
  }

  .ec-bot-business__overview--courses {
    margin: 0 auto;
    max-width: 1300px;
  }

  .ec-bot-business__overview--course-list {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: var(--clamp-40);
    justify-content: center;
    transition: none;
  }

  .ec-bot-business__overview--course-list_item {
    height: clamp(285px, 108.624px + 23.71vw, 450px);
    width: var(--clamp-400);
  }

  .ec-bot-business__overview--course-list_item-inner {
    background: var(--white);
    margin: 0;
    padding-top: var(--clamp-20);
    position: relative;
    width: 100%;
  }

  .ec-bot-business__overview--h3_courses {
    height: var(--clamp-60);
  }

  .ec-bot-business__overview--h3_courses img {
    height: var(--clamp-60);
    width: var(--clamp-60);
  }

  .ec-bot-business__overview--h3_courses span {
    font-size: var(--clamp-f16);
  }

  .ec-bot-business__overview--course-list_item_overview {
    margin: var(--clamp-22) auto 0;
    width: var(--clamp-320);
  }

  .ec-bot-business__overview--course-list_item_toc {
    gap: var(--clamp-12);
    left: calc(50% - var(--clamp-240) / 2);
    margin: 0;
    position: absolute;
    top: clamp(130px, 44.48px + 11.49vw, 210px);
    width: var(--clamp-260);
  }

  .ec-bot-business__overview--course-list_controller,
  .ec-bot-business__overview--course-list_marker-wrapper {
    display: none;
  }

  .ec-bot-business__overview--tools {
    margin-top: var(--clamp-40);
    width: var(--clamp-1280);
  }

  .ec-bot-business__overview--tools-inner {
    padding: var(--clamp-26) 0 var(--clamp-70);
  }

  .ec-bot-business__overview--h3_tools {
    font-size: var(--clamp-F20);
  }

  .ec-bot-business__overview--tools_list-wrapper {
    justify-content: unset;
    margin-left: calc(var(--clamp-12) * -1);
    margin-top: 0;
  }

  .ec-bot-business__overview--tools_list {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--clamp-4);
    margin-top: var(--clamp-40);
    margin-left: var(--clamp-50);
    position: relative;
  }

  .ec-bot-business__overview--tools_list:last-of-type::after {
    bottom: 0;
    font-size: var(--clamp-f12);
    line-height: 1.2;
    right: calc(var(--clamp-f20) * -1);
  }

  .ec-bot-business__overview--tools_list_icon {
    height: var(--clamp-60);
    width: var(--clamp-60);
  }

  .ec-bot-business__overview--tools_list_name {
    font-size: var(--clamp-f12);
    height: 42px;
    width: clamp(53px, 41.248px + 1.58vw, 64px);
  }

  .ec-bot-business__overview--end {
    color: var(--black);
    font-size: var(--clamp-24);
    line-height: 1.46;
    margin-top: var(--clamp-40);
  }

  .ec-bot-business__overview--cta {
    align-items: center;
    flex-direction: row;
    gap: var(--clamp-25);
    height: var(--clamp-312);
    justify-content: center;
    width: 100%;
  }

  .ec-bot-business__overview--cta_btn {
    display: flex;
    flex-direction: column;
    height: var(--clamp-130);
    justify-content: flex-end;
    width: var(--clamp-380);
  }
}

/* cases */
.ec-bot-business__cases {
  color: #333;
  margin: var(--clamp-160sp) 0;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases {
    margin: var(--clamp-160) 0;
  }
}

.ec-bot-business__cases hgroup h2 {
  color: #0039cd;
  font-size: var(--clamp-32sp);
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases hgroup h2 {
    font-size: var(--clamp-48full);
  }

  .ec-bot-business__cases hgroup h2 br {
    display: none;
  }
}

.ec-bot-business__cases hgroup p {
  font-weight: 700;
  text-align: center;
}

.ec-bot-business__cases--content {
  margin-top: var(--clamp-80sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--content {
    margin: var(--clamp-80) auto 0;
    width: var(--clamp-1120);
  }

  .ec-bot-business__cases--content:nth-of-type(2) {
    margin-top: var(--clamp-160);
    /* width: 100%; */
  }

  .ec-bot-business__cases--content:nth-of-type(3) {
    margin-top: var(--clamp-160);
  }
}

.ec-bot-business__cases--content h3 {
  font-size: var(--clamp-24sp);
  font-weight: 700;
  margin: 0 auto;
  width: var(--clamp-351sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--content h3 {
    font-size: var(--clamp-32);
    width: 100%;
  }
}

.ec-bot-business__cases--content h4 {
  background: #0039cd;
  color: #fff;
  display: grid;
  font-size: var(--clamp-20sp);
  font-weight: 700;
  height: var(--clamp-50sp);
  margin: var(--clamp-40sp) 0 0 var(--clamp-28sp);
  place-content: center;
  width: var(--clamp-205sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--content h4 {
    font-size: var(--clamp-24);
    height: var(--clamp-50);
    margin: var(--clamp-40) 0 0 var(--clamp-40);
    width: var(--clamp-205);
  }
}

.ec-bot-business__cases--from-corporates {
  border-bottom: var(--clamp-5sp) solid #0039cd;
  border-top: var(--clamp-5sp) solid #0039cd;
  margin: calc(var(--clamp-5sp) * -1) auto 0;
  padding: 0 var(--clamp-15sp) var(--clamp-20sp);
  width: var(--clamp-351sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates {
    border-width: var(--clamp-5);
    margin-top: calc(var(--clamp-5) * -1);
    padding: 0 var(--clamp-40) var(--clamp-40);
    width: 100%;
  }
}

.ec-bot-business__cases--from-corporates h5 {
  font-size: var(--clamp-18sp);
  font-weight: 700;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates h5 {
    font-size: var(--clamp-20);
  }
}

.ec-bot-business__cases--from-corporates h5:has( + p) {
  margin-top: var(--clamp-20sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates h5:has( + p) {
    margin-top: var(--clamp-40);
  }
}

.ec-bot-business__cases--from-corporates h5:has( + ul) {
  margin-top: var(--clamp-44sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates h5:has( + ul) {
    margin-top: var(--clamp-40);
  }
}

.ec-bot-business__cases--from-corporates p {
  font-weight: 400;
  margin-top: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates p {
    margin-top: var(--clamp-10);
  }
}

.ec-bot-business__cases--from-corporates p br {
  display: none;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates p br {
    display: block;
  }
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates ul {
    display: grid;
    gap: var(--clamp-25);
    grid-template-columns: repeat(3, 1fr);
  }
}

.ec-bot-business__cases--from-corporates ul li {
  background: #f5f8ff;
  font-weight: 400;
  margin-top: var(--clamp-50sp);
  padding: var(--clamp-50sp) var(--clamp-20sp) var(--clamp-20sp);
  position: relative;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates ul li {
    margin-top: var(--clamp-50);
    padding: var(--clamp-60) var(--clamp-30full) var(--clamp-30full);
  }
}

.ec-bot-business__cases--from-corporates ul li::before {
  background: #f5f8ff;
  border-radius: 50%;
  content: "";
  height: var(--clamp-80sp);
  left: calc(50% - var(--clamp-40sp));
  position: absolute;
  top: calc(var(--clamp-40sp) * -1);
  width: var(--clamp-80sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates ul li::before {
    height: var(--clamp-80);
    left: calc(50% - var(--clamp-40));
    top: calc(var(--clamp-40) * -1);
    width: var(--clamp-80);
  }
}

.ec-bot-business__cases--from-corporates ul li::after {
  background: url(../../images/bot-business/case-icon_person_blue.svg) no-repeat center/contain;
  content: "";
  height: var(--clamp-46sp);
  left: calc(50% - var(--clamp-20sp));
  position: absolute;
  top: calc(var(--clamp-23sp) * -1);
  width: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-corporates ul li::after {
    height: var(--clamp-46);
    left: calc(50% - var(--clamp-20));
    top: calc(var(--clamp-23) * -1);
    width: var(--clamp-40);
  }
}

.ec-bot-business__cases--from-corporates ul li span {
  font-weight: 700;
}

.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: #0039cd;
}

.ec-pbot-voices__slider {
  margin-top: var(--clamp-16sp);
  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: #edf2ff;
  padding: var(--clamp-20sp) var(--clamp-10sp);
  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-20sp);
}

.ec-pbot-voices__list--feedback_head {
  color: #0039cd;
  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__pager {
    height: 15px;
    width: 115px;
  }

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

  .ec-pbot-voices__pagination--at-bottom {
    margin-top: var(--clamp-18);
  }

  .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-15);
    width: var(--clamp-15);
  }

  .ec-pbot-voices__slider {
    background: #edf2ff;
    margin: var(--clamp-40) calc(50% - 50vw) 0;
    width: 100dvw;
  }

  .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;
  }
}

.ec-bot-business__cases--from-recommenders {
  margin: var(--clamp-40sp) auto 0;
  width: var(--clamp-349sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders {
    margin: var(--clamp-40) calc(50% - 50vw) 0;
    width: 100dvw;
  }
}

.ec-bot-business__cases--from-recommenders_inner {
  background: url(../../images/bot-business/recommender-bg_sp@2x.min.webp) no-repeat center/cover;
  box-shadow: 0 0 var(--clamp-30sp) rgba(0,0,0,.1);
  display: grid;
  grid-template-columns: var(--clamp-95sp) var(--clamp-208sp);
  grid-template-rows: repeat(2, auto);
  grid-template-areas: "text text" "pic profile";
  padding: var(--clamp-40sp) var(--clamp-15sp);
  place-content: space-between;
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_inner {
    background-image: url(../../images/bot-business/recommender-bg_pc@2x.min.webp);
    box-shadow: 0 0 var(--clamp-30full) rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: var(--clamp-380);
    justify-content: center;
    margin: 0 auto;
    padding: 0 var(--clamp-80);
    width: var(--clamp-1280);
  }
}

.ec-bot-business__cases--from-recommenders_pic {
  grid-area: pic;
  height: var(--clamp-128sp);
  width: var(--clamp-95sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_pic {
    height: var(--clamp-300);
    width: var(--clamp-225);
  }
}

.ec-bot-business__cases--from-recommenders_pic img {
  font-size: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-bot-business__cases--from-recommenders_comment {
  grid-area: text;
  margin-bottom: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_comment {
    margin-bottom: var(--clamp-30full);
    width: calc(100% - var(--clamp-265));
  }
}

.ec-bot-business__cases--from-recommenders_comment p {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  line-height: 1.44;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_comment p {
    font-size: var(--clamp-20);
  }
}

.ec-bot-business__cases--from-recommenders_comment p[data-para="1"] {
  margin-top: 1em;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_comment p[data-para="1"] br {
    display: none;
  }
}

.ec-bot-business__cases--from-recommenders_profile p[data-para="title"] {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.44;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_profile p[data-para="title"] {
    font-size: var(--clamp-16);
  }
}

.ec-bot-business__cases--from-recommenders_profile p[data-para="name"] {
  font-weight: 400;
  margin-top: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cases--from-recommenders_profile p[data-para="name"] {
    font-size: var(--clamp-20);
    margin-top: var(--clamp-10);
  }
}

/* flow */
.ec-bot-business__flow {
  color: #333;
  margin: var(--clamp-160sp) 0 var(--clamp-80sp);
}

.ec-bot-business__flow hgroup {
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

.ec-bot-business__flow hgroup h2 {
  color: var(--dark-deep-blue);
  font-size: var(--clamp-32sp);
}

.ec-bot-business__flow--body {
  display: grid;
  gap: var(--clamp-20sp);
  grid-template-columns: repeat(2, 1fr);
  margin: var(--clamp-40sp) auto 0;
  width: var(--clamp-349sp);
}

.ec-bot-business__flow--body li {
  display: grid;
  place-content: start;
  position: relative;
}

.ec-bot-business__flow--body li::before {
  background: #edf2ff;
  border-radius: 9999px;
  content: "STEP"attr(data-step);
  font-family: "Poppins", sans-serif;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  display: grid;
  height: var(--clamp-30sp);
  letter-spacing: .1em;
  margin: 0 auto;
  place-items: center;
  width: var(--clamp-140sp);
}

.ec-bot-business__flow--body li h3 {
  display: grid;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: var(--clamp-48sp);
  line-height: 1.44;
  margin: var(--clamp-10sp) 0;
  place-content: center;
  text-align: center;
}

.ec-bot-business__flow--body li:nth-child(3) h3,
.ec-bot-business__flow--body li:nth-child(4) h3 {
  height: var(--clamp-70sp);
}

.ec-bot-business__flow--body li h3 span {
  font-size: var(--clamp-13sp);
}

.ec-bot-business__flow--body li picture {
  font-size: 0;
}

.ec-bot-business__flow--body li img {
  font-size: 0;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.ec-bot-business__flow--body li p {
  font-size: var(--clamp-12sp);
  font-weight: 500;
  line-height: 1.5;
  margin-top: var(--clamp-10sp);
}

.ec-bot-business__flow--body li p a {
  color: #333;
  text-decoration: underline;
  transition: color .2s ease;
}

.ec-bot-business__flow--body li p a:hover {
  color: #39a0ff;
}

.ec-bot-business__flow--support {
  margin: var(--clamp-100sp) auto 0;
  max-width: 500px;
  position: relative;
  width: 100%;
}

.ec-bot-business__flow--support::after {
  background: url(../../images/bot-business/flow_end-text-img_sp.webp) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-116sp);
  position: absolute;
  right: 0;
  top: calc(var(--clamp-20sp) * -1);
  width: var(--clamp-167sp);
}

.ec-bot-business__flow--support_text {
  background: url(../../images/bot-business/flow_end-text-bg_sp.svg) no-repeat
    center/contain;
  color: var(--white);
  display: flex;
  flex-direction: column;
  height: var(--clamp-150sp);
  justify-content: center;
  line-height: 1.44;
  padding-left: var(--clamp-13sp);
  position: relative;
  width: 100%;
  z-index: 5;
}

.ec-bot-business__flow--support_text_block-1 {
  font-size: var(--clamp-12sp);
  font-weight: 400;
}

.ec-bot-business__flow--support_text_block-2 {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  margin-top: var(--clamp-10sp);
}

.ec-bot-business__flow--support_text_block-3 {
  font-size: var(--clamp-14sp);
  font-weight: 700;
  margin-top: var(--clamp-12sp);
  transform: translateX(calc(var(--clamp-10sp) * -1));
}

.ec-bot-business__flow--support_text_strong {
  font-size: var(--clamp-20sp);
  position: relative;
}

.ec-bot-business__flow--support_text_strong::before {
  background: url(../../images/bot-business/flow_end-text-strong_sp.svg)
    no-repeat center/contain;
  content: "";
  height: var(--clamp-4sp);
  left: calc(50% - var(--clamp-64sp) / 2);
  position: absolute;
  top: calc(var(--clamp-2sp) * -1);
  width: var(--clamp-64sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__flow {
    margin: var(--clamp-160) 0;
  }

  .ec-bot-business__flow hgroup h2 {
    font-size: var(--clamp-48full);
  }

  .ec-bot-business__flow--body {
    gap: var(--clamp-17);
    grid-template-columns: repeat(6, 1fr);
    margin: var(--clamp-80) auto 0;
    width: var(--clamp-1280);
  }

  .ec-bot-business__flow--body li::before {
    font-size: var(--clamp-14);
    height: var(--clamp-30);
    width: var(--clamp-140);
  }

  .ec-bot-business__flow--body li:not(:last-child)::after {
    background: url(../../images/icon/triangle_right_gray.svg) no-repeat center/contain;
    content: "";
    height: var(--clamp-18);
    position: absolute;
    right: calc(var(--clamp-17) * -1);
    top: var(--clamp-6);
    width: var(--clamp-12);
  }

  .ec-bot-business__flow--body li h3 {
    font-size: var(--clamp-20);
    height: var(--clamp-86);
    margin: var(--clamp-20) 0 var(--clamp-10);
  }

  .ec-bot-business__flow--body li:nth-child(3) h3,
  .ec-bot-business__flow--body li:nth-child(4) h3 {
    height: var(--clamp-86);
  }

  .ec-bot-business__flow--body li h3 span {
    font-size: var(--clamp-16);
  }

  .ec-bot-business__flow--body li p {
    font-size: var(--clamp-12);
    margin-top: var(--clamp-20);
  }

  .ec-bot-business__flow--support {
    align-items: center;
    display: flex;
    height: var(--clamp-400);
    margin-top: var(--clamp-160);
    max-width: unset;
    width: var(--clamp-1280);
  }

  .ec-bot-business__flow--support::after {
    background: url(../../images/bot-business/flow_end-text-img_pc.webp)
      no-repeat center/contain;
    height: 100%;
    top: 0;
    width: var(--clamp-584);
  }

  .ec-bot-business__flow--support_text {
    background: url(../../images/bot-business/flow_end-text-bg_pc.svg) no-repeat
      center/contain;
    height: var(--clamp-278);
    padding-left: var(--clamp-80);
    width: var(--clamp-885);
  }

  .ec-bot-business__flow--support_text_block-1 {
    font-size: var(--clamp-32);
    font-weight: 700;
  }

  .ec-bot-business__flow--support_text_block-2 {
    font-size: var(--clamp-32);
    margin-top: var(--clamp-10);
  }

  .ec-bot-business__flow--support_text_block-3 {
    font-size: var(--clamp-32);
    margin-top: var(--clamp-12);
    transform: unset;
  }

  .ec-bot-business__flow--support_text_strong {
    font-size: var(--clamp-40);
  }

  .ec-bot-business__flow--support_text_strong::before {
    background: url(../../images/bot-business/flow_end-text-strong_pc.svg) no-repeat center/contain;
    content: "";
    height: var(--clamp-12);
    left: calc(50% - var(--clamp-132) / 2);
    position: absolute;
    top: calc(var(--clamp-4) * -1);
    width: var(--clamp-132);
  }
}

/* faq */
section:has(.ec-bot-business__faq) {
  margin-bottom: var(--clamp-80sp);
}

.ec-bot-business__faq {
  margin: var(--clamp-120sp) 0;
}

.ec-bot-business__faq--h2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  line-height: 1.4;
}

.ec-bot-business__faq--h2 span {
  color: var(--dark-deep-blue);
  font-size: var(--clamp-32sp);
  font-weight: 700;
}

.ec-bot-business__faq--body {
  border-top: 1px solid #c8c8c8;
  margin: var(--clamp-48sp) auto 0;
  width: var(--clamp-350sp);
}

.ec-bot-business__faq--list {
  border-bottom: 1px solid #c8c8c8;
  height: var(--clamp-62sp);
  overflow: hidden;
}

.ec-bot-business__faq--list:has(> input[type="checkbox"]:checked) {
  height: auto;
}

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

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

.ec-bot-business__faq--question::after {
  background: url(../../images/bot-business/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(0);
  transition: transform 0.2s ease 0s;
  width: var(--clamp-20sp);
}

.ec-bot-business__faq--list:has(> input[type="checkbox"]:checked)
  > .ec-bot-business__faq--question::after {
  transform: translateY(calc(var(--clamp-2sp) * -1)) rotate(180deg);
}

.ec-bot-business__faq--answer {
  font-weight: 400;
  line-height: 1.44;
  padding: var(--clamp-8sp) var(--clamp-28sp) var(--clamp-44sp)
    var(--clamp-30sp);
}

@media all and (min-width: 744px) {
  section:has(.ec-bot-business__faq) {
    margin-bottom: var(--clamp-160);
  }

  .ec-bot-business__faq {
    margin: var(--clamp-140) 0 var(--clamp-160);
  }

  .ec-bot-business__faq--h2 {
    color: var(--black);
    font-weight: 700;
  }

  .ec-bot-business__faq--h2 span {
    color: var(--deep-blue);
    font-size: var(--clamp-48);
  }

  .ec-bot-business__faq--body {
    margin-top: var(--clamp-80);
    width: var(--clamp-960);
  }

  .ec-bot-business__faq--list {
    height: auto;
  }

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

  .ec-bot-business__faq--question::before {
    color: var(--deep-blue);
    font-size: var(--clamp-48);
    transform: translateY(calc(var(--clamp-4) * -1));
    width: var(--clamp-80);
  }

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

  .ec-bot-business__faq--list:has(> input[type="checkbox"]:checked)
    > .ec-bot-business__faq--question::after {
    transform: rotate(180deg);
  }

  .ec-bot-business__faq--answer {
    padding: var(--clamp-30) 0 var(--clamp-40) var(--clamp-80);
  }
}

/* cta-pricing */
.ec-bot-business__cta-pricing {
  background: url(../../images/bot-business/cta-pricing_bg_sp@2x.min.webp) no-repeat center/cover;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "h2" "img" "text" "btn";
  height: var(--clamp-958sp);
  margin: 0 auto;
  place-content: center;
  place-items: center;
  width: var(--clamp-349sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing {
    background: url(../../images/bot-business/cta-pricing_bg_pc@2x.min.webp) no-repeat center/cover;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "h2 h2" "img text" "btn btn";
    height: var(--clamp-614);
    width: var(--clamp-1280);
  }
}

.ec-bot-business__cta-pricing h2 {
  color: #fff;
  font-size: var(--clamp-32sp);
  font-weight: 700;
  grid-area: h2;
  line-height: 1.3;
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing h2 {
    font-size: var(--clamp-40);
    line-height: 1.45;
  }

  .ec-bot-business__cta-pricing h2 br {
    display: none;
  }
}

.ec-bot-business__cta-pricing--img {
  grid-area: img;
  height: var(--clamp-140sp);
  margin-top: var(--clamp-40sp);
  width: var(--clamp-320sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--img {
    height: var(--clamp-164);
    margin: var(--clamp-40) var(--clamp-48full) 0 auto;
    width: var(--clamp-370);
  }
}

.ec-bot-business__cta-pricing--img img {
  font-size: 0;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-bot-business__cta-pricing--text {
  color: #fff;
  grid-area: text;
  margin-top: var(--clamp-20sp);
  width: var(--clamp-320sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--text {
    margin: var(--clamp-20) auto 0 var(--clamp-36);
    width: var(--clamp-527);
  }
}

.ec-bot-business__cta-pricing--text p {
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.46;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--text p {
    font-size: var(--clamp-16);
  }
}

.ec-bot-business__cta-pricing--text p:not(:first-child) {
  margin-top: 1.3em;
}

.ec-bot-business__cta-pricing--text p span {
  font-weight: 700;
}

.ec-bot-business__cta-pricing--btn {
  grid-area: btn;
  margin-top: var(--clamp-40sp);
  place-items: center;
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--btn {
    display: flex;
    flex-wrap: wrap;
    gap: var(--clamp-18) var(--clamp-40); 
    justify-content: center;
    margin-top: var(--clamp-34);
    width: var(--clamp-690);
  }
}

.ec-bot-business__cta-pricing--btn p {
  align-items: center;
  background: url(../../images/bot-business/cta-pricing_balloon_sp.svg) no-repeat center/contain;
  color: #0039cd;
  display: inline-flex;
  font-size: var(--clamp-18sp);
  font-weight: 700;
  height: var(--clamp-60sp);
  justify-content: center;
  margin: 0 auto;
  padding-bottom: var(--clamp-10sp);
  width: var(--clamp-280sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--btn p {
    background-image: url(../../images/bot-business/cta-pricing_balloon_pc.svg);
    font-size: var(--clamp-18);
    height: var(--clamp-60);
    margin: 0 var(--clamp-150);
    padding-bottom: var(--clamp-10);
    width: var(--clamp-280full);
  }
}

.ec-bot-business__cta-pricing--btn p span {
  font-size: var(--clamp-24sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--btn p span {
    font-size: var(--clamp-24);
  }
}

.ec-bot-business__cta-pricing--btn a {
  margin-top: var(--clamp-20sp);
  width: var(--clamp-320sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--btn a {
    font-size: var(--clamp-20);
    height: var(--clamp-80);
    margin-top: 0;
    width: var(--clamp-320);
  }
}

.ec-bot-business__cta-pricing--btn a.ec-bot-business__cmn-btn::after {
  right: var(--clamp-12sp);
}

@media all and (min-width: 744px) {
  .ec-bot-business__cta-pricing--btn a.ec-bot-business__cmn-btn::after {
    height: var(--clamp-20);
    right: var(--clamp-10);
    top: calc(50% - var(--clamp-10));
    width: var(--clamp-15);
  }
}