/* main */
.pptb {
  /* padding-bottom: 140px; */
  padding-bottom: clamp(7.467rem, 37.33vw, 17.337rem);
}

@media (min-width: 744px) {
  .pptb {
    /* padding-bottom: 20px; */
    padding-bottom: clamp(0.646rem, 1.39vw, 1.667rem);
  }
}

/* first view */
.pptb-firstview {
  position: relative;
  width: 100%;
  z-index: 0;
}

@media (min-width: 744px) {
  .pptb-firstview {
    /* height: 685px; */
    height: clamp(22.12rem, 47.57vw, 57.083rem);
    overflow: hidden;
  }
}

.pptb-firstview__mainvisual {
  /* height: 667px; */
  height: clamp(35.573rem, 177.87vw, 82.597rem);
  left: 0;
  position: absolute;
  top: calc(clamp(6.08rem, 30.4vw, 14.117rem) * -1);
  width: 100%;
  z-index: -1
}

@media (min-width: 744px) {
  .pptb-firstview__mainvisual {
    /* height: 685px; */
    height: clamp(22.12rem, 47.57vw, 57.083rem);
    top: 0;
  }
}

.pptb-firstview__mainvisual img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pptb-firstview__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  grid-template-areas: "para-1" "para-2" "para-3" "deco" "cta";
  height: 100%;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-firstview__inner {
    /* grid-template-columns: 650px 510px; */
    grid-template-columns: clamp(20.99rem, 45.14vw, 54.167rem) clamp(16.469rem, 35.42vw, 42.5rem);
    /* grid-template-rows: 195px 68px 164px 240px; */
    grid-template-rows: clamp(6.297rem, 13.54vw, 16.25rem) clamp(2.196rem, 4.72vw, 5.667rem) clamp(5.296rem, 11.39vw, 13.667rem) clamp(7.75rem, 16.67vw, 20rem);
    grid-template-areas: "para-1 para-1" "para-2 para-2" "para-3 para-3" "cta deco";
    justify-content: space-between;
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-firstview__catchcopy._para-1 {
  grid-area: para-1;
  letter-spacing: .05em;
  line-height: 1;
  /* padding: 56px 0 20px; */
  padding: clamp(2.987rem, 14.93vw, 6.935rem) 0 clamp(1.067rem, 5.33vw, 2.477rem);
  position: relative;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-firstview__catchcopy._para-1 {
    align-self: end;
    /* font-size: 22px; */
    font-size: clamp(0.71rem, 1.53vw, 1.833rem);
    /* padding: 0 0 21px 34px; */
    padding: 0 0 clamp(0.678rem, 1.46vw, 1.75rem) clamp(1.098rem, 2.36vw, 2.833rem);
    text-align: unset;
  }
}

.pptb-firstview__catchcopy._para-1::after {
  background: url(../../images/powerpoint-business/firstview/deco_sp@2x.min.webp) no-repeat center/contain;
  bottom: 0;
  content: "";
  /* height: 4px; */
  height: clamp(0.213rem, 1.07vw, 0.495rem);
  left: 0;
  position: absolute;
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-firstview__catchcopy._para-1::after {
    background: url(../../images/powerpoint-business/firstview/deco_pc@2x.min.webp) no-repeat center/contain;
    /* transform: translateX(calc(80px * -1)); */
    transform: translateX(calc(clamp(2.583rem, 5.56vw, 6.667rem) * -1));
    /* width: 562px; */
    width: clamp(18.148rem, 39.03vw, 46.833rem);
  }
}

.pptb-firstview__catchcopy._para-1 span {
  color: #ffa800;
  font-weight: 700;
  position: relative;
}

.pptb-firstview__catchcopy._para-1 span::before {
  content: "・・・";
  left: 0;
  position: absolute;
  /* top: calc(16px * -1); */
  top: calc(clamp(0.853rem, 4.27vw, 1.981rem) * -1);
}

@media (min-width: 744px) {
  .pptb-firstview__catchcopy._para-1 span::before {
    /* top: calc(24px * -1); */
    top: calc(clamp(0.775rem, 1.67vw, 2rem) * -1);
  }
}

.pptb-firstview__catchcopy._para-2 {
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  font-weight: 700;
  grid-area: para-2;
  line-height: 1;
  margin: 0 auto;
  /* padding-top: 40px; */
  padding-top: clamp(2.133rem, 10.67vw, 4.953rem);
  /* width: 333px; */
  width: clamp(17.76rem, 88.8vw, 41.236rem);
}

@media (min-width: 744px) {
  .pptb-firstview__catchcopy._para-2 {
    align-self: end;
    /* font-size: 28px; */
    font-size: clamp(0.904rem, 1.94vw, 2.333rem);
    margin: 0;
    /* padding: 0 0 0 34px; */
    padding: 0 0 0 clamp(1.098rem, 2.36vw, 2.833rem);
    width: auto;
  }
}

.pptb-firstview__catchcopy._para-3 {
  color: #b53b1a;
  /* font-size: 32px; */
  font-size: clamp(1.707rem, 8.53vw, 3.963rem);
  font-weight: 700;
  grid-area: para-3;
  line-height: 1.5;
  margin: 0 auto;
  /* padding-top: 20px; */
  padding-top: clamp(1.067rem, 5.33vw, 2.477rem);
  /* width: 333px; */
  width: clamp(17.76rem, 88.8vw, 41.236rem);
}

@media (min-width: 744px) {
  .pptb-firstview__catchcopy._para-3 {
    align-self: end;
    /* font-size: 48px; */
    font-size: clamp(1.55rem, 3.33vw, 4rem);
    margin: 0;
    /* padding: 0 0 0 34px; */
    padding: 0 0 0 clamp(1.098rem, 2.36vw, 2.833rem);
    width: auto;
  }
}

.pptb-firstview__cta {
  grid-area: cta;
  margin: 0 auto;
  /* width: 315px; */
  width: clamp(16.8rem, 84vw, 39.008rem);
}

@media (min-width: 744px) {
  .pptb-firstview__cta {
    margin: 0;
    width: 100%;
  }
}

.pptb-firstview__decoration {
  display: flex;
  grid-area: deco;
  justify-content: space-between;
  margin: 0 auto;
  /* padding-top: 198px; */
  padding-top: clamp(10.56rem, 52.8vw, 24.519rem);
  /* width: 334px; */
  width: clamp(17.813rem, 89.07vw, 41.36rem);
}

@media (min-width: 744px) {
  .pptb-firstview__decoration {
    margin: 0;
    padding: 0;
    width: auto;
  }
}

.pptb-firstview__decoration div {
  align-items: center;
  background: linear-gradient(to right, #B53b1a, #df4b23);
  border-radius: 50%;
  display: flex;
  /* height: 108px; */
  height: clamp(5.76rem, 28.8vw, 13.374rem);
  justify-content: center;
  /* width: 108px; */
  width: clamp(5.76rem, 28.8vw, 13.374rem);
}

@media (min-width: 744px) {
  .pptb-firstview__decoration div {
    /* height: 160px; */
    height: clamp(5.167rem, 11.11vw, 13.333rem);
    /* width: 160px; */
    width: clamp(5.167rem, 11.11vw, 13.333rem);
  }
}

.pptb-firstview__decoration div[data-index="1"] {
  /* margin-top: 20px; */
  margin-top: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-firstview__decoration div[data-index="1"] {
    /* margin-top: 40px; */
    margin-top: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-firstview__decoration div[data-index="2"] {
  /* margin-top: 40px; */
  margin-top: clamp(2.133rem, 10.67vw, 4.953rem);
}

@media (min-width: 744px) {
  .pptb-firstview__decoration div[data-index="2"] {
    /* margin-top: 80px; */
    margin-top: clamp(2.583rem, 5.56vw, 6.667rem);
  }
}

.pptb-firstview__decoration p {
  color: #fff;
  /* font-size: 12px; */
  font-size: clamp(0.64rem, 3.2vw, 1.486rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-firstview__decoration p {
    /* font-size: 18px; */
    font-size: clamp(0.581rem, 1.25vw, 1.5rem);
  }
}

.pptb-firstview__decoration p span {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
}

@media (min-width: 744px) {
  .pptb-firstview__decoration p span {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
  }
}

/* about */
.pptb-about {
  /* padding-bottom: 170px; */
  padding-bottom: clamp(9.067rem, 45.33vw, 21.052rem);
}

@media (min-width: 744px) {
  .pptb-about {
    /* padding-bottom: 137px; */
    padding-bottom: clamp(4.424rem, 9.51vw, 11.417rem);
  }
}

.pptb-about__head {
  /* padding-top: 80px; */
  padding-top: clamp(4.267rem, 21.33vw, 9.907rem);
  position: relative;
  z-index: 1;
}

@media (min-width: 744px) {
  .pptb-about__head {
    display: flex;
    /* gap: 53px; */
    gap: clamp(1.711rem, 3.68vw, 4.417rem);
    margin: 0 auto;
    /* padding-top: 120px; */
    padding-top: clamp(3.875rem, 8.33vw, 10rem);
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-about__head::before {
  background: url(../../images/powerpoint-business/about/about_bg_sp@2x.min.webp) no-repeat center/cover;
  content: "";
  /* height: 441px; */
  height: clamp(23.52rem, 117.6vw, 54.611rem);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media (min-width: 744px) {
  .pptb-about__head::before {
    background: url(../../images/powerpoint-business/about/about_bg_pc@2x.min.webp) no-repeat center/cover;
    /* height: 405px; */
    height: clamp(13.078rem, 28.13vw, 33.75rem);
    margin: 0 calc(50% - 50vw);
    position: absolute;
    width: 100vw;
  }
}

.pptb-about__head h2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* gap: 20px; */
  gap: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-about__head h2 {
    align-items: unset;
    /* gap: 20px; */
    gap: clamp(0.646rem, 1.39vw, 1.667rem);
    order: 2;
    /* padding-top: 21px; */
    padding-top: clamp(0.678rem, 1.46vw, 1.75rem);
  }
}

.pptb-about__head h2 ._span-1 {
  color: #b53b1a;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
}

@media (min-width: 744px) {
  .pptb-about__head h2 ._span-1 {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
  }
}

.pptb-about__head h2 ._span-2 {
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-about__head h2 ._span-2 {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    line-height: 1;
    /* margin-top: 20px; */
    margin-top: clamp(0.646rem, 1.39vw, 1.667rem);
    text-align: unset;
  }

  .pptb-about__head h2 ._span-2 br {
    display: none;
  }
}

.pptb-about__head h2 ._span-3 {
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-about__head h2 ._span-3 {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    line-height: 1;
    text-align: unset;
  }

  .pptb-about__head h2 ._span-3 br {
    display: none;
  }
}

.pptb-about__head h2 ._span-3 span {
  border: 1px solid #b53b1a;
  color: #b53b1a;
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  line-height: 1.7;
  /* margin-right: 4px; */
  margin-right: clamp(0.213rem, 1.07vw, 0.495rem);
  /* padding: 0 6px; */
  padding: 0 clamp(0.32rem, 1.6vw, 0.743rem);
}

@media (min-width: 744px) {
  .pptb-about__head h2 ._span-3 span {
    /* font-size: 28px; */
    font-size: clamp(0.904rem, 1.94vw, 2.333rem);
    line-height: 1;
    /* margin-right: 4px; */
    margin-right: clamp(0.129rem, 0.28vw, 0.333rem);
    /* padding: 0 6px; */
    padding: 0 clamp(0.194rem, 0.42vw, 0.5rem);
  }
}

.pptb-about__head--img {
  /* height: 168px; */
  height: clamp(8.96rem, 44.8vw, 20.804rem);
  /* margin: 40px auto 0; */
  margin: clamp(2.133rem, 10.67vw, 4.953rem) auto 0;
  /* width: 298px; */
  width: clamp(15.893rem, 79.47vw, 36.902rem);
}

@media (min-width: 744px) {
  .pptb-about__head--img {
    /* height: 325px; */
    height: clamp(10.495rem, 22.57vw, 27.083rem);
    margin: 0;
    order: 1;
    /* width: 576px; */
    width: clamp(18.6rem, 40vw, 48rem);
  }
}

.pptb-about__head img {
  font-size: 0;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.pptb-about__customers {
  /* margin-top: 94px; */
  margin-top: clamp(5.013rem, 25.07vw, 11.64rem);
}

@media (min-width: 744px) {
  .pptb-about__customers {
    /* margin-top: 103px; */
    margin-top: clamp(3.326rem, 7.15vw, 8.583rem);
  }
}

.pptb-about__customers p {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
  /* height: 48px; */
  height: clamp(2.56rem, 12.8vw, 5.944rem);
  justify-content: center;
  /* padding-bottom: 8px; */
  padding-bottom: clamp(0.427rem, 2.13vw, 0.991rem);
}

@media (min-width: 744px) {
  .pptb-about__customers p {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* height: 64px; */
    height: clamp(2.067rem, 4.44vw, 5.333rem);
    /* padding-bottom: 10px; */
    padding-bottom: clamp(0.323rem, 0.69vw, 0.833rem);
  }
}

.pptb-about__customers p::before,
.pptb-about__customers p::after {
  content: "";
  height: 100%;
  /* width: 30px; */
  width: clamp(1.6rem, 8vw, 3.715rem);
}

@media (min-width: 744px) {
  .pptb-about__customers p::before,
  .pptb-about__customers p::after {
    /* width: 40px; */
    width: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-about__customers p::before {
  background: url(../../images/powerpoint-business/about/customers-deco_left-side.svg) no-repeat center/contain;
}

.pptb-about__customers p::after {
  background: url(../../images/powerpoint-business/about/customers-deco_right-side.svg) no-repeat center/contain;
}

/* pains */
.pptb-pains {
  /* padding: 160px 0 150px; */
  padding: clamp(8.533rem, 42.67vw, 19.813rem) 0 clamp(8rem, 40vw, 18.575rem);
  position: relative;
  z-index: 1;
}

@media (min-width: 744px) {
  .pptb-pains {
    /* padding: 160px 0; */
    padding: clamp(5.167rem, 11.11vw, 13.333rem) 0;
  }
}

.pptb-pains::before {
  background: #f4f1f1;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.pptb-pains h2 {
  /* font-size: 22px; */
  font-size: clamp(1.173rem, 5.87vw, 2.724rem);
  font-weight: 700;
  letter-spacing: .05em;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-pains h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }
}

.pptb-pains h2 span {
  color: #b53b1a;
  display: block;
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  letter-spacing: 0;
  /* margin-bottom: 6px; */
  margin-bottom: clamp(0.32rem, 1.6vw, 0.743rem);
}

@media (min-width: 744px) {
  .pptb-pains h2 span {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* margin-bottom: 4px; */
    margin-bottom: clamp(0.129rem, 0.28vw, 0.333rem);
  }
}

.pptb-pains__list {
  /* margin-top: 60px; */
  margin-top: clamp(3.2rem, 16vw, 7.43rem);
}

@media (min-width: 744px) {
  .pptb-pains__list {
    display: flex;
    flex-wrap: wrap;
    /* gap: 40px 84px; */
    gap: clamp(1.292rem, 2.78vw, 3.333rem) clamp(2.712rem, 5.83vw, 7rem);
    justify-content: center;
    /* margin: 33px auto 0; */
    margin: clamp(1.066rem, 2.29vw, 2.75rem) auto 0;
    /* width: 1140px; */
    width: clamp(36.813rem, 79.17vw, 95rem);
  }
}

.pptb-pains__list li {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* margin-top: 30px; */
  margin-top: clamp(1.6rem, 8vw, 3.715rem);
}

@media (min-width: 744px) {
  .pptb-pains__list li {
    /* height: 264px; */
    height: clamp(8.525rem, 18.33vw, 22rem);
    justify-content: space-between;
    margin-top: 0;
    /* width: 324px; */
    width: clamp(10.463rem, 22.5vw, 27rem);
  }
}

@media (min-width: 744px) {
  .pptb-pains__list--pain-img-wrapper {
    align-items: center;
    display: flex;
    /* height: 160px; */
    height: clamp(5.167rem, 11.11vw, 13.333rem);
    justify-content: center;
    width: 100%;
  }
}

.pptb-pains__list li[data-index="0"] .pptb-pains__list--pain-img {
  /* height: 160px; */
  height: clamp(8.533rem, 42.67vw, 19.813rem);
  /* width: 263px; */
  width: clamp(14.027rem, 70.13vw, 32.568rem);
}

@media (min-width: 744px) {
  .pptb-pains__list li[data-index="0"] .pptb-pains__list--pain-img {
    /* height: 160px; */
    height: clamp(5.167rem, 11.11vw, 13.333rem);
    /* width: 263px; */
    width: clamp(8.493rem, 18.26vw, 21.917rem);
  }
}

.pptb-pains__list li[data-index="1"] .pptb-pains__list--pain-img {
  /* height: 130px; */
  height: clamp(6.933rem, 34.67vw, 16.098rem);
  /* width: 184px; */
  width: clamp(9.813rem, 49.07vw, 22.785rem);
}

@media (min-width: 744px) {
  .pptb-pains__list li[data-index="1"] .pptb-pains__list--pain-img {
    /* height: 130px; */
    height: clamp(4.198rem, 9.03vw, 10.833rem);
    /* width: 184px; */
    width: clamp(5.942rem, 12.78vw, 15.333rem);
  }
}

.pptb-pains__list li[data-index="2"] .pptb-pains__list--pain-img {
  /* height: 160px; */
  height: clamp(8.533rem, 42.67vw, 19.813rem);
  /* width: 189px; */
  width: clamp(10.08rem, 50.4vw, 23.404rem);
}

@media (min-width: 744px) {
  .pptb-pains__list li[data-index="2"] .pptb-pains__list--pain-img {
    /* height: 160px; */
    height: clamp(5.167rem, 11.11vw, 13.333rem);
    /* width: 189px; */
    width: clamp(6.103rem, 13.13vw, 15.75rem);
  }
}

.pptb-pains__list li[data-index="3"] .pptb-pains__list--pain-img {
  /* height: 140px; */
  height: clamp(7.467rem, 37.33vw, 17.337rem);
  /* width: 209px; */
  width: clamp(11.147rem, 55.73vw, 25.881rem);
}

@media (min-width: 744px) {
  .pptb-pains__list li[data-index="3"] .pptb-pains__list--pain-img {
    /* height: 140px; */
    height: clamp(4.521rem, 9.72vw, 11.667rem);
    /* width: 209px; */
    width: clamp(6.749rem, 14.51vw, 17.417rem);
  }
}

.pptb-pains__list li[data-index="4"] .pptb-pains__list--pain-img {
  /* height: 160px; */
  height: clamp(8.533rem, 42.67vw, 19.813rem);
  /* width: 238px; */
  width: clamp(12.693rem, 63.47vw, 29.472rem);
}

@media (min-width: 744px) {
  .pptb-pains__list li[data-index="4"] .pptb-pains__list--pain-img {
    /* height: 160px; */
    height: clamp(5.167rem, 11.11vw, 13.333rem);
    /* width: 238px; */
    width: clamp(7.685rem, 16.53vw, 19.833rem);
  }
}

.pptb-pains__list--pain-img img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.pptb-pains__list p {
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  line-height: 1.7;
  /* margin-top: 20px; */
  margin-top: clamp(1.067rem, 5.33vw, 2.477rem);
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-pains__list p {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    margin-top: 0;
  }
}

.pptb-pains__list p span {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
  font-weight: 700;
}

@media (min-width: 744px) {
  .pptb-pains__list p span {
    /* font-size: 18px; */
    font-size: clamp(0.581rem, 1.25vw, 1.5rem);
  }
}

/* reasons */
.pptb-reasons {
  /* padding: 160px 0 0; */
  padding: clamp(8.533rem, 42.67vw, 19.813rem) 0 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 744px) {
  .pptb-reasons {
    /* padding: 160px 0 0; */
    padding: clamp(5.167rem, 11.11vw, 13.333rem) 0 0;
  }
}

.pptb-reasons::before {
  background: #fcefeb;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.pptb-reasons h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 700;
  letter-spacing: .05em;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-reasons h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }
}

.pptb-reasons h2 span {
  color: #b53b1a;
  display: block;
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  letter-spacing: 0;
  /* margin-bottom: 6px; */
  margin-bottom: clamp(0.32rem, 1.6vw, 0.743rem);
}

@media (min-width: 744px) {
  .pptb-reasons h2 span {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* margin-bottom: 4px; */
    margin-bottom: clamp(0.129rem, 0.28vw, 0.333rem);
  }
}

.pptb-reasons ol {
  /* margin: 60px auto 0; */
  margin: clamp(3.2rem, 16vw, 7.43rem) auto 0;
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-reasons ol {
    margin: 80px auto 0;
    margin: clamp(2.583rem, 5.56vw, 6.667rem) auto 0;
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-reasons ol li {
  background: #fff;
  /* border-radius: 10px; */
  border-radius: clamp(0.533rem, 2.67vw, 1.238rem);
  /* margin-top: 40px; */
  margin-top: clamp(2.133rem, 10.67vw, 4.953rem);
  /* padding: 40px 15px; */
  padding: clamp(2.133rem, 10.67vw, 4.953rem) clamp(0.8rem, 4vw, 1.857rem);
  position: relative;
}

@media (min-width: 744px) {
  .pptb-reasons ol li {
    /* border-radius: 10px; */
    border-radius: clamp(0.323rem, 0.69vw, 0.833rem);
    display: flex;
    /* margin-top: 40px; */
    margin-top: clamp(1.292rem, 2.78vw, 3.333rem);
    /* padding: 40px 80px; */
    padding: clamp(1.292rem, 2.78vw, 3.333rem) clamp(2.583rem, 5.56vw, 6.667rem);
  }
}

.pptb-reasons__reason-index {
  align-items: center;
  background: #b53b1a;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  flex-direction: column;
  font-family: "poppins", sans-serif;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  /* height: 90px; */
  height: clamp(4.8rem, 24vw, 11.145rem);
  justify-content: center;
  left: 0;
  letter-spacing: .1em;
  position: absolute;
  /* top: calc(9px * -1); */
  top: calc(clamp(0.48rem, 2.4vw, 1.115rem) * -1);
  transform: rotate(-10deg);
  /* width: 90px; */
  width: clamp(4.8rem, 24vw, 11.145rem);
}

@media (min-width: 744px) {
  .pptb-reasons__reason-index {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* height: 120px; */
    height: clamp(3.875rem, 8.33vw, 10rem);
    /* top: calc(20px * -1); */
    top: calc(clamp(0.646rem, 1.39vw, 1.667rem) * -1);
    /* width: 120px; */
    width: clamp(3.875rem, 8.33vw, 10rem);
  }
}

.pptb-reasons__reason-index span {
  /* font-size: 30px; */
  font-size: clamp(1.6rem, 8vw, 3.715rem);
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 744px) {
  .pptb-reasons__reason-index span {
    /* font-size: 40px; */
    font-size: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-reasons__reason-img {
  /* height: 229px; */
  height: clamp(12.213rem, 61.07vw, 28.358rem);
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-reasons__reason-img {
    flex-shrink: 0;
    /* height: 300px; */
    height: clamp(9.688rem, 20.83vw, 25rem);
    /* width: 400px; */
    width: clamp(12.917rem, 27.78vw, 33.333rem);
  }
}

.pptb-reasons__reason-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pptb-reasons__reason-text {
  /* margin-top: 38px; */
  margin-top: clamp(2.027rem, 10.13vw, 4.706rem);
}

@media (min-width: 744px) {
  .pptb-reasons__reason-text {
    /* margin-top: 40px; */
    margin-top: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-reasons__reason-text h3 {
  border-bottom: 1px solid #525252;
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  font-weight: 700;
  line-height: 1.2;
  /* padding-bottom: 20px; */
  padding-bottom: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-reasons__reason-text h3 {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    line-height: 1;
    /* padding: 0 0 20px 40px; */
    padding: 0 0 clamp(0.646rem, 1.39vw, 1.667rem) clamp(1.292rem, 2.78vw, 3.333rem);
  }

  .pptb-reasons__reason-text h3 > br {
    display: none;
  }
}

.pptb-reasons__reason-text h3 span {
  color: #b53b1a;
  display: block;
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  line-height: 1.5;
  /* margin-top: 15px; */
  margin-top: clamp(0.8rem, 4vw, 1.857rem);
}

@media (min-width: 744px) {
  .pptb-reasons__reason-text h3 span {
    /* font-size: 22px; */
    font-size: clamp(0.71rem, 1.53vw, 1.833rem);
    /* margin-top: 15px; */
    margin-top: clamp(0.484rem, 1.04vw, 1.25rem);
  }

  .pptb-reasons li[data-index="1"] .pptb-reasons__reason-text h3 span br,
  .pptb-reasons li[data-index="2"] .pptb-reasons__reason-text h3 span br {
    display: none;
  }
}

.pptb-reasons__reason-text p {
  /* font-size: 14px; */
  font-size: clamp(0.747rem, 3.73vw, 1.734rem);
  line-height: 2;
  /* margin-top: 30px; */
  margin-top: clamp(1.6rem, 8vw, 3.715rem);
}

@media (min-width: 744px) {
  .pptb-reasons__reason-text p {
    /* font-size: 14px; */
    font-size: clamp(0.452rem, 0.97vw, 1.167rem);
    /* margin-top: 30px; */
    margin-top: clamp(0.969rem, 2.08vw, 2.5rem);
    /* padding-left: 40px; */
    padding-left: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-reasons__cta {
  /* margin: 160px auto 0; */
  margin: clamp(8.533rem, 42.67vw, 19.813rem) auto 0;
  /* width: 315px; */
  width: clamp(16.8rem, 84vw, 39.008rem);
}

@media (min-width: 744px) {
  .pptb-reasons__cta {
    /* margin-top: 160px; */
    margin-top: clamp(5.167rem, 11.11vw, 13.333rem);
    width: 100%;
  }
}

/* not-handle */
.pptb-not-handle {
  /* padding: 80px 0; */
  padding: clamp(4.267rem, 21.33vw, 9.907rem) 0;
  position: relative;
}

@media (min-width: 744px) {
  .pptb-not-handle {
    /* padding: 80px 0; */
    padding: clamp(2.583rem, 5.56vw, 6.667rem) 0;
  }
}

.pptb-not-handle::before {
  background: #f4f1f1;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.pptb-not-handle h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-not-handle h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
    line-height: 1;
  }

  .pptb-not-handle h2 br {
    display: none;
  }
}

.pptb-not-handle ol {
  /* margin: 60px auto 0; */
  margin: clamp(3.2rem, 16vw, 7.43rem) auto 0;
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-not-handle ol {
    display: flex;
    justify-content: space-between;
    /* margin: 60px auto 0; */
    margin: clamp(1.938rem, 4.17vw, 5rem) auto 0;
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-not-handle ol li {
  background: #fff;
  /* margin-top: 40px; */
  margin-top: clamp(2.133rem, 10.67vw, 4.953rem);
  /* padding: 30px 15px 20px; */
  padding: clamp(1.6rem, 8vw, 3.715rem) clamp(0.8rem, 4vw, 1.857rem) clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-not-handle ol li {
    /* height: 429px; */
    height: clamp(13.853rem, 29.79vw, 35.75rem);
    margin-top: 0;
    /* padding: 60px 30px 0; */
    padding: clamp(1.938rem, 4.17vw, 5rem) clamp(0.969rem, 2.08vw, 2.5rem) 0;
    /* width: 400px; */
    width: clamp(12.917rem, 27.78vw, 33.333rem);
  }
}

.pptb-not-handle ol li h3 {
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-not-handle ol li h3 {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
  }
}

.pptb-not-handle ol li div {
  /* height: 158px; */
  height: clamp(8.427rem, 42.13vw, 19.566rem);
  /* margin: 31px auto 0; */
  margin: clamp(1.653rem, 8.27vw, 3.839rem) auto 0;
  /* width: 158px; */
  width: clamp(8.427rem, 42.13vw, 19.566rem);
}

@media (min-width: 744px) {
  .pptb-not-handle ol li div {
    /* height: 148px; */
    height: clamp(4.779rem, 10.28vw, 12.333rem);
    /* margin: 30px auto 0; */
    margin: clamp(0.969rem, 2.08vw, 2.5rem) auto 0;
    width: auto;
  }
}

.pptb-not-handle ol li div img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.pptb-not-handle ol li p {
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  line-height: 1.7;
  /* margin-top: 21px; */
  margin-top: clamp(1.12rem, 5.6vw, 2.6rem);
}

@media (min-width: 744px) {
  .pptb-not-handle ol li p {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    /* margin-top: 21px; */
    margin-top: clamp(0.678rem, 1.46vw, 1.75rem);
  }
}

/* plans */
.pptb-plans {
  /* padding-top: 160px; */
  padding-top: clamp(8.533rem, 42.67vw, 19.813rem);
}

@media (min-width: 744px) {
  .pptb-plans {
    /* padding-top: 160px; */
    padding-top: clamp(5.167rem, 11.11vw, 13.333rem);
  }
}

.pptb-plans h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-plans h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }
}

.pptb-plans__list {
  /* margin: 60px auto 0; */
  margin: clamp(3.2rem, 16vw, 7.43rem) auto 0;
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-plans__list {
    display: flex;
    justify-content: space-between;
    /* margin: 60px auto 0; */
    margin: clamp(1.938rem, 4.17vw, 5rem) auto 0;
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-plans__list > div {
  /* border-radius: 10px; */
  border-radius: clamp(0.533rem, 2.67vw, 1.238rem);
  /* box-shadow: 0 0 10px rgba(0,0,0,.1); */
  box-shadow: 0 0 clamp(0.533rem, 2.67vw, 1.238rem) rgba(0,0,0,.1);
  /* margin-top: 40px; */
  margin-top: clamp(2.133rem, 10.67vw, 4.953rem);
  overflow: hidden;
  /* padding-bottom: 40px; */
  padding-bottom: clamp(2.133rem, 10.67vw, 4.953rem);
}

@media (min-width: 744px) {
  .pptb-plans__list > div {
    /* border-radius: 10px; */
    border-radius: clamp(0.323rem, 0.69vw, 0.833rem);
    /* box-shadow: 0 0 10px rgba(0,0,0,.1); */
    box-shadow: 0 0 clamp(0.323rem, 0.69vw, 0.833rem) rgba(0,0,0,.1);
    margin-top: 0;
    /* padding-bottom: 40px; */
    padding-bottom: clamp(1.292rem, 2.78vw, 3.333rem);
    /* width: 400px; */
    width: clamp(12.917rem, 27.78vw, 33.333rem);
  }
}

.pptb-plans dt {
  color: #fff;
  /* font-size: 12px; */
  font-size: clamp(0.64rem, 3.2vw, 1.486rem);
  font-weight: 700;
  /* height: 100px; */
  height: clamp(5.333rem, 26.67vw, 12.383rem);
  line-height: 1;
  /* padding-top: 40px; */
  padding-top: clamp(2.133rem, 10.67vw, 4.953rem);
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-plans dt {
    /* font-size: 12px; */
    font-size: clamp(0.388rem, 0.83vw, 1rem);
    /* height: 100px; */
    height: clamp(3.229rem, 6.94vw, 8.333rem);
    /* padding-top: 40px; */
    padding-top: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-plans dt::before {
  content: attr(data-plan);
  display: block;
  font-family: "poppins", sans-serif;
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  letter-spacing: .1em;
  /* margin-bottom: 5px; */
  margin-bottom: clamp(0.267rem, 1.33vw, 0.619rem);
}

@media (min-width: 744px) {
  .pptb-plans dt::before {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* margin-bottom: 5px; */
    margin-bottom: clamp(0.161rem, 0.35vw, 0.417rem);
  }
}

.pptb-plans dt[data-plan="BASIC"] {
  background: #df4b23;
}

.pptb-plans dt[data-plan="PREMIUM"] {
  background: #b53b1a;
}

.pptb-plans dt[data-plan="CUSTOMIZE"] {
  background: #882c14;
}

.pptb-plans dd {
  align-items: center;
  display: flex;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
  line-height: 1;
  /* height: 48px; */
  height: clamp(2.56rem, 12.8vw, 5.944rem);
  /* padding-left: 84px; */
  padding-left: clamp(4.48rem, 22.4vw, 10.402rem);
  position: relative;
}

@media (min-width: 744px) {
  .pptb-plans dd {
    /* font-size: 18px; */
    font-size: clamp(0.581rem, 1.25vw, 1.5rem);
    /* height: 48px; */
    height: clamp(1.55rem, 3.33vw, 4rem);
    /* padding-left: 116px; */
    padding-left: clamp(3.746rem, 8.06vw, 9.667rem);
  }
}

.pptb-plans dd:nth-child(odd) {
  background: #fcefeb;
}

.pptb-plans dd[data-item="price"] {
  color: #b53b1a;
  font-family: "poppins", sans-serif;
  /* font-size: 32px; */
  font-size: clamp(1.707rem, 8.53vw, 3.963rem);
  font-weight: 600;
  /* height: 92px; */
  height: clamp(4.907rem, 24.53vw, 11.393rem);
}

@media (min-width: 744px) {
  .pptb-plans dd[data-item="price"] {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
    /* height: 92px; */
    height: clamp(2.971rem, 6.39vw, 7.667rem);
  }
}

.pptb-plans dd[data-item="price"]::before {
  content: "¥";
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  /* transform: translateY(1.5px); */
  transform: translateY(calc(clamp(0.16rem, 0.8vw, 0.371rem) / 2));
}

@media (min-width: 744px) {
  .pptb-plans dd[data-item="price"]::before {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    transform: translateY(1px);
  }
}

.pptb-plans dd[data-item="price"]::after {
  content: "/名～";
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
  font-weight: 400;
  /* transform: translateY(1.5px); */
  transform: translateY(calc(clamp(0.16rem, 0.8vw, 0.371rem) / 2));
}

@media (min-width: 744px) {
  .pptb-plans dd[data-item="price"]::after {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    transform: translateY(1px);
  }
}

.pptb-plans dd[data-is-included="true"]::before {
  background: url(../../images/powerpoint-business/icon/checkmark.svg) no-repeat center/contain;
  content: "";
  /* height: 15px; */
  height: clamp(0.8rem, 4vw, 1.857rem);
  /* left: 48px; */
  left: clamp(2.56rem, 12.8vw, 5.944rem);
  position: absolute;
  /* top: calc(50% - 6px); */
  top: calc(50% - clamp(0.32rem, 1.6vw, 0.743rem));
  /* width: 21px; */
  width: clamp(1.12rem, 5.6vw, 2.6rem);
}

@media (min-width: 744px) {
  .pptb-plans dd[data-is-included="true"]::before {
    /* height: 15px; */
    height: clamp(0.484rem, 1.04vw, 1.25rem);
    /* left: 80px; */
    left: clamp(2.583rem, 5.56vw, 6.667rem);
    /* top: calc(50% - 6px); */
    top: calc(50% - clamp(0.194rem, 0.42vw, 0.5rem));
    /* width: 21px; */
    width: clamp(0.678rem, 1.46vw, 1.75rem);
  }
}

.pptb-plans dd[data-is-included="false"] {
  color: #ccc;
  font-weight: 400;
}

.pptb-plans__discount {
  border-bottom: 1px solid #b53b1a;
  border-top: 1px solid #b53b1a;
  /* margin: 40px auto 0; */
  margin: clamp(2.133rem, 10.67vw, 4.953rem) auto 0;
  /* padding: 20px 0; */
  padding: clamp(1.067rem, 5.33vw, 2.477rem) 0;
  text-align: center;
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-plans__discount {
    border: none;
    /* margin: 40px auto 0; */
    margin: clamp(1.292rem, 2.78vw, 3.333rem) auto 0;
    padding: 0;
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-plans__discount--text {
  position: relative;
}

@media (min-width: 744px) {
  .pptb-plans__discount--text::before {
    background: #b53b1a;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 100%;
    z-index: -1;
  }
}

.pptb-plans__discount--text span {
  color: #b53b1a;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 744px) {
  .pptb-plans__discount--text span {
    background: #fff;
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
    line-height: 1;
    /* padding: 0 20px; */
    padding: 0 clamp(0.646rem, 1.39vw, 1.667rem);
  }

  .pptb-plans__discount--text span br {
    display: none;
  }
}

.pptb-plans__discount--note {
  /* font-size: 14px; */
  font-size: clamp(0.747rem, 3.73vw, 1.734rem);
  line-height: 1;
  /* margin-top: 20px; */
  margin-top: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-plans__discount--note {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    /* margin-top: 20px; */
    margin-top: clamp(0.646rem, 1.39vw, 1.667rem);
  }
}

.pptb-plans__cta {
  /* margin: 160px auto 0; */
  margin: clamp(8.533rem, 42.67vw, 19.813rem) auto 0;
  /* width: 315px; */
  width: clamp(16.8rem, 84vw, 39.008rem);
}

@media (min-width: 744px) {
  .pptb-plans__cta {
    /* margin-top: 160px; */
    margin-top: clamp(5.167rem, 11.11vw, 13.333rem);
    width: 100%;
  }
}

/* flow */
.pptb-flow {
  background: #f4f2e9;
  /* border-radius: 10px; */
  border-radius: clamp(0.533rem, 2.67vw, 1.238rem);
  /* margin: 160px auto 0; */
  margin: clamp(8.533rem, 42.67vw, 19.813rem) auto 0;
  /* padding: 76px 15px; */
  padding: clamp(4.053rem, 20.27vw, 9.411rem) clamp(0.8rem, 4vw, 1.857rem);
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-flow {
    /* margin: 160px auto 0; */
    margin: clamp(5.167rem, 11.11vw, 13.333rem) auto 0;
    /* padding: 80px; */
    padding: clamp(2.583rem, 5.56vw, 6.667rem);
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-flow h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-flow h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
    line-height: 1;
  }

  .pptb-flow h2 br {
    display: none;
  }
}

.pptb-flow ol {
  /* margin-top: 30px; */
  margin-top: clamp(1.6rem, 8vw, 3.715rem);
}

@media (min-width: 744px) {
  .pptb-flow ol {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    /* grid-template-rows: 186px; */
    grid-template-rows: clamp(6.006rem, 12.92vw, 15.5rem);
    /* margin-top: 60px; */
    margin-top: clamp(1.938rem, 4.17vw, 5rem);
  }
}

.pptb-flow ol li {
  /* height: 118px; */
  height: clamp(6.293rem, 31.47vw, 14.612rem);
  /* padding-top: 20px; */
  padding-top: clamp(1.067rem, 5.33vw, 2.477rem);
  position: relative;
}

@media (min-width: 744px) {
  .pptb-flow ol li {
    height: 100%;
    /* padding-top: 30px; */
    padding-top: clamp(0.969rem, 2.08vw, 2.5rem);
  }
}

.pptb-flow ol li:nth-child(odd) {
  background: #fff;
}

.pptb-flow ol li:nth-child(even) {
  background: #fec;
}

.pptb-flow ol li[data-index="4"] {
  background: #b53b1a;
}

.pptb-flow ol li:not(:last-child)::after {
  /* border-left: 13px solid transparent; */
  border-left: clamp(0.693rem, 3.47vw, 1.61rem) solid transparent;
  /* border-right: 13px solid transparent; */
  border-right: clamp(0.693rem, 3.47vw, 1.61rem) solid transparent;
  /* border-top: 18px solid; */
  border-top: clamp(0.96rem, 4.8vw, 2.229rem) solid;
  /* bottom: calc(13px * -1); */
  bottom: calc(clamp(0.693rem, 3.47vw, 1.61rem) * -1);
  content: "";
  /* left: calc(50% - 13px); */
  left: calc(50% - clamp(0.693rem, 3.47vw, 1.61rem));
  position: absolute;
  z-index: 5;
}

@media (min-width: 744px) {
  .pptb-flow ol li:not(:last-child)::after {
    /* border-bottom: 13px solid transparent; */
    border-bottom: clamp(0.42rem, 0.9vw, 1.083rem) solid transparent;
    /* border-left: 18px solid; */
    border-left: clamp(0.581rem, 1.25vw, 1.5rem) solid;
    border-right: none;
    /* border-top: 13px solid transparent; */
    border-top: clamp(0.42rem, 0.9vw, 1.083rem) solid transparent;
    /* bottom: calc(50% - 13px); */
    bottom: calc(50% - clamp(0.42rem, 0.9vw, 1.083rem));
    left: unset;
    /* right: calc(13px * -1); */
    right: calc(clamp(0.42rem, 0.9vw, 1.083rem) * -1);
  }
}

.pptb-flow ol li:not(:last-child):nth-child(odd)::after {
  border-top-color: #fff;
}

@media (min-width: 744px) {
  .pptb-flow ol li:not(:last-child):nth-child(odd)::after {
    border-left-color: #fff;
    border-top-color: transparent;
  }
}

.pptb-flow ol li:not(:last-child):nth-child(even)::after {
  border-top-color: #fec;
}

@media (min-width: 744px) {
  .pptb-flow ol li:not(:last-child):nth-child(even)::after {
    border-left-color: #fec;
    border-top-color: transparent;
  }
}

.pptb-flow ol li[data-index="4"]::after {
  border-top-color: #b53b1a!important;
}

@media (min-width: 744px) {
  .pptb-flow ol li[data-index="4"]::after {
    border-left-color: #b53b1a!important;
    border-top-color: transparent!important;
  }
}

.pptb-flow__step-index {
  align-items: center;
  background: #ffcb66;
  border-radius: 9999px;
  display: flex;
  font-family: "poppins", sans-serif;
  /* font-size: 14px; */
  font-size: clamp(0.747rem, 3.73vw, 1.734rem);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0 auto;
  /* height: 30px; */
  height: clamp(1.6rem, 8vw, 3.715rem);
  justify-content: center;
  /* width: 140px; */
  width: clamp(7.467rem, 37.33vw, 17.337rem);
}

@media (min-width: 744px) {
  .pptb-flow__step-index {
    /* font-size: 14px; */
    font-size: clamp(0.452rem, 0.97vw, 1.167rem);
    /* height: 30px; */
    height: clamp(0.969rem, 2.08vw, 2.5rem);
    /* width: 140px; */
    width: clamp(4.521rem, 9.72vw, 11.667rem);
  }
}

.pptb-flow__step-text {
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  font-weight: 700;
  line-height: 1.5;
  /* margin-top: 15px; */
  margin-top: clamp(0.8rem, 4vw, 1.857rem);
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-flow__step-text {
    align-items: center;
    display: flex;
    /* font-size: 14px; */
    font-size: clamp(0.452rem, 0.97vw, 1.167rem);
    /* height: 42px; */
    height: clamp(1.356rem, 2.92vw, 3.5rem);
    justify-content: center;
    /* margin-top: 42px; */
    margin-top: clamp(1.356rem, 2.92vw, 3.5rem);
  }
}

.pptb-flow ol li[data-index="4"] .pptb-flow__step-text {
  color: #fff;
}

.pptb-flow__step-text br {
  display: none;
}

@media (min-width: 744px) {
  .pptb-flow__step-text br {
    display: block;
  }
}

/* points */
.pptb-points {
  background: url(../../images/powerpoint-business/points/points_bg_sp.svg) no-repeat top/contain;
  /* margin-top: 160px; */
  margin-top: clamp(8.533rem, 42.67vw, 19.813rem);
  /* padding-top: 183px; */
  padding-top: clamp(9.76rem, 48.8vw, 22.662rem);
}

@media (min-width: 744px) {
  .pptb-points {
    background: url(../../images/powerpoint-business/points/points_bg_pc.svg) no-repeat top/contain;
    /* margin: 160px auto 0; */
    margin: clamp(5.167rem, 11.11vw, 13.333rem) auto 0;
    /* max-width: 1440px; */
    /* padding-top: 160px; */
    padding-top: clamp(5.167rem, 11.11vw, 13.333rem);
    width: 100%;
  }
}

.pptb-points h2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 744px) {
  .pptb-points h2 {
    margin: 0 auto;
    /* width: 620px; */
    width: clamp(20.021rem, 43.06vw, 51.667rem);
  }
}

.pptb-points h2 > span {
  background: #fff;
  font-weight: 700;
  line-height: 1;
}

.pptb-points h2 span[data-block="0"] {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
  /* margin-bottom: 20px; */
  margin-bottom: clamp(1.067rem, 5.33vw, 2.477rem);
  /* padding: 5px 10px; */
  padding: clamp(0.267rem, 1.33vw, 0.619rem) clamp(0.533rem, 2.67vw, 1.238rem);
}

@media (min-width: 744px) {
  .pptb-points h2 span[data-block="0"] {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* margin-bottom: 20px; */
    margin-bottom: clamp(0.646rem, 1.39vw, 1.667rem);
    /* padding: 10px; */
    padding: clamp(0.323rem, 0.69vw, 0.833rem);
  }
}

.pptb-points h2 span[data-block="1"] {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  /* margin-bottom: 10px; */
  margin-bottom: clamp(0.533rem, 2.67vw, 1.238rem);
  /* padding: 5px 10px; */
  padding: clamp(0.267rem, 1.33vw, 0.619rem) clamp(0.533rem, 2.67vw, 1.238rem);
}

@media (min-width: 744px) {
  .pptb-points h2 span[data-block="1"] {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
    margin-bottom: 0;
    /* padding: 20px 0 20px 10px; */
    padding: clamp(0.646rem, 1.39vw, 1.667rem) 0 clamp(0.646rem, 1.39vw, 1.667rem) clamp(0.323rem, 0.69vw, 0.833rem);
  }
}

.pptb-points h2 span[data-block="2"] {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
  /* padding: 5px 10px; */
  padding: clamp(0.267rem, 1.33vw, 0.619rem) clamp(0.533rem, 2.67vw, 1.238rem);
}

@media (min-width: 744px) {
  .pptb-points h2 span[data-block="2"] {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* padding: 20px 20px 20px 0; */
    padding: clamp(0.646rem, 1.39vw, 1.667rem) clamp(0.646rem, 1.39vw, 1.667rem) clamp(0.646rem, 1.39vw, 1.667rem) 0;
  }
}

.pptb-points h2 span[data-block="2"] span {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
}

@media (min-width: 744px) {
  .pptb-points h2 span[data-block="2"] span {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }
}

.pptb-points__7-points {
  /* margin: 80px auto 0; */
  margin: clamp(4.267rem, 21.33vw, 9.907rem) auto 0;
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-points__7-points {
    /* margin: 80px auto 0; */
    margin: clamp(2.583rem, 5.56vw, 6.667rem) auto 0;
    /* padding-top: 16px; */
    padding-top: clamp(0.517rem, 1.11vw, 1.333rem);
    position: relative;
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }

  .pptb-points__7-points::before,
  .pptb-points__7-points::after {
    color: #ffa800;
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    position: absolute;
    top: 0;
  }

  .pptb-points__7-points::before {
    content: "観点";
    /* left: 177px; */
    left: clamp(5.716rem, 12.29vw, 14.75rem);
  }

  .pptb-points__7-points::after {
    content: "具体例";
    /* left: 822px; */
    left: clamp(26.544rem, 57.08vw, 68.5rem);
  }
}

.pptb-points__7-points > li {
  background: #fff6e5;
  /* border-radius: 10px; */
  border-radius: clamp(0.533rem, 2.67vw, 1.238rem);
  /* margin-top: 20px; */
  margin-top: clamp(1.067rem, 5.33vw, 2.477rem);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 744px) {
  .pptb-points__7-points > li {
    /* border-radius: 10px; */
    border-radius: clamp(0.323rem, 0.69vw, 0.833rem);
    display: flex;
    /* height: 120px; */
    height: clamp(3.875rem, 8.33vw, 10rem);
    /* margin-top: 40px; */
    margin-top: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-points__7-points > li::before {
  background: url(../../images/powerpoint-business/points/point-head_bg_sp.svg) no-repeat center/cover;
  content: "";
  /* height: 100px; */
  height: clamp(5.333rem, 26.67vw, 12.383rem);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media (min-width: 744px) {
  .pptb-points__7-points > li::before {
    background: url(../../images/powerpoint-business/points/point-head_bg_pc.svg) no-repeat center/cover;
    height: 100%;
    /* width: 416px; */
    width: clamp(13.433rem, 28.89vw, 34.667rem);
  }
}

.pptb-points__7-points--head {
  align-items: center;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  /* height: 100px; */
  height: clamp(5.333rem, 26.67vw, 12.383rem);
  justify-content: space-between;
  margin: 0 auto;
  /* padding: 0 0 20px 23px; */
  padding: 0 0 clamp(1.067rem, 5.33vw, 2.477rem) clamp(1.227rem, 6.13vw, 2.848rem);
  /* width: 301px; */
  width: clamp(16.053rem, 80.27vw, 37.274rem);
}

@media (min-width: 744px) {
  .pptb-points__7-points--head {
    height: 100%;
    justify-content: unset;
    margin: 0;
    /* padding: 0 0 0 23px; */
    padding: 0 0 0 clamp(0.743rem, 1.6vw, 1.917rem);
    /* width: 416px; */
    width: clamp(13.433rem, 28.89vw, 34.667rem);
  }
}

.pptb-points__7-points--head::before {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  content: attr(data-point);
  display: flex;
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 500;
  /* height: 40px; */
  height: clamp(2.133rem, 10.67vw, 4.953rem);
  justify-content: center;
  /* margin-right: 10px; */
  margin-right: clamp(0.533rem, 2.67vw, 1.238rem);
  /* width: 40px; */
  width: clamp(2.133rem, 10.67vw, 4.953rem);
}

@media (min-width: 744px) {
  .pptb-points__7-points--head::before {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
    /* height: 50px; */
    height: clamp(1.615rem, 3.47vw, 4.167rem);
    /* margin-right: 20px; */
    margin-right: clamp(0.646rem, 1.39vw, 1.667rem);
    order: 2;
    /* padding-bottom: 4px; */
    padding-bottom: clamp(0.129rem, 0.28vw, 0.333rem);
    /* width: 50px; */
    width: clamp(1.615rem, 3.47vw, 4.167rem);
  }
}

.pptb-points__7-points--head h3 {
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
}

@media (min-width: 744px) {
  .pptb-points__7-points--head h3 {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
    order: 3;
  }
}

.pptb-points__7-points--head_icon {
  display: flex;
  /* height: 60px; */
  height: clamp(3.2rem, 16vw, 7.43rem);
  justify-content: center;
  /* width: 76px; */
  width: clamp(4.053rem, 20.27vw, 9.411rem);
}

@media (min-width: 744px) {
  .pptb-points__7-points--head_icon {
    /* height: 90px; */
    height: clamp(2.906rem, 6.25vw, 7.5rem);
    /* margin-right: 24px; */
    margin-right: clamp(0.775rem, 1.67vw, 2rem);
    order: 1;
    /* width: 114px; */
    width: clamp(3.681rem, 7.92vw, 9.5rem);
  }
}

.pptb-points__7-points--head_icon img {
  height: 100%;
  object-fit: contain;
  width: auto;
}

.pptb-points__7-points--body {
  margin: 0 auto;
  /* padding: 5px 15px; */
  padding: clamp(0.267rem, 1.33vw, 0.619rem) clamp(0.8rem, 4vw, 1.857rem);
}

@media (min-width: 744px) {
  .pptb-points__7-points--body {
    margin: 0;
    /* padding: 0 20px; */
    padding: 0 clamp(0.646rem, 1.39vw, 1.667rem);
    width: 100%;
  }
}

.pptb-points__7-points--body li {
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  font-weight: 400;
  line-height: 1.5;
  /* padding: 15px 0; */
  padding: clamp(0.8rem, 4vw, 1.857rem) 0;
}

@media (min-width: 744px) {
  .pptb-points__7-points--body li {
    align-items: center;
    display: flex;
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    height: 50%;
    /* padding: 0 6px; */
    padding: 0 clamp(0.194rem, 0.42vw, 0.5rem);
  }
}

.pptb-points__7-points--body li:not(:first-child) {
  border-top: 1px solid #ccc;
}

.pptb-points__7-points--body li span {
  font-weight: 700;
}

.pptb-points__message {
  background: url(../../images/powerpoint-business/points/message-bg_sp@2x.min.webp) no-repeat bottom/contain;
  /* margin-top: 80px; */
  margin-top: clamp(4.267rem, 21.33vw, 9.907rem);
}

@media (min-width: 744px) {
  .pptb-points__message {
    background: url(../../images/powerpoint-business/points/message-bg_pc@2x.min.webp) no-repeat bottom/contain;
    /* margin-top: 80px; */
    margin-top: clamp(2.583rem, 5.56vw, 6.667rem);
  }
}

.pptb-points__message p {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* font-size: 20px; */
  font-size: clamp(1.067rem, 5.33vw, 2.477rem);
  font-weight: 700;
  line-height: 2;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-points__message p {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    line-height: 1.5;
  }
}

.pptb-points__message p[data-para="1"] {
  color: #fff;
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="1"] span[data-block="1"]{
    /* margin-bottom: 15px; */
    margin-bottom: clamp(0.484rem, 1.04vw, 1.25rem);
  }
}

.pptb-points__message p[data-para="1"] span[data-block="1"] span,
.pptb-points__message p[data-para="1"] span[data-block="2"] span {
  border-bottom: 1px solid #fff;
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="1"] span[data-block="1"] br,
  .pptb-points__message p[data-para="1"] span[data-block="2"] br {
    display: none;
  }
}

.pptb-points__message p[data-para="2"] {
  /* margin-top: 240px; */
  margin-top: clamp(12.8rem, 64vw, 29.72rem);
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="2"] {
    /* margin-top: 180px; */
    margin-top: clamp(5.813rem, 12.5vw, 15rem);
  }
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="2"] span[data-block="1"],
  .pptb-points__message p[data-para="2"] span[data-block="2"] {
    /* margin-bottom: 15px; */
    margin-bottom: clamp(0.484rem, 1.04vw, 1.25rem);
  }
}

.pptb-points__message p[data-para="2"] span[data-block="2"] span {
  color: #b53b1a;
  position: relative;
  z-index: 5;
}

.pptb-points__message p[data-para="2"] span[data-block="2"] span::before {
  background: #fcefeb;
  content: "";
  height: 130%;
  left: 0;
  position: absolute;
  top: -15%;
  width: 99%;
  z-index: -1;
}

.pptb-points__message p[data-para="2"] span[data-block="3"] span {
  color: #b53b1a;
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="2"] span[data-block="2"] br,
  .pptb-points__message p[data-para="2"] span[data-block="3"] br {
    display: none;
  }
}

.pptb-points__message p[data-para="3"] {
  color: #fff;
  line-height: 1.5;
  /* margin-top: 160px; */
  margin-top: clamp(8.533rem, 42.67vw, 19.813rem);
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="3"] {
    /* margin-top: 110px; */
    margin-top: clamp(3.552rem, 7.64vw, 9.167rem);
  }
}

.pptb-points__message p[data-para="3"] span[data-block="1"] {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="3"] span[data-block="1"] {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
  }
}

.pptb-points__message p[data-para="3"] span[data-block="2"] {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="3"] span[data-block="2"] {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }
}

.pptb-points__message p[data-para="3"] span[data-block="2"] span {
  /* font-size: 32px; */
  font-size: clamp(1.707rem, 8.53vw, 3.963rem);
}

@media (min-width: 744px) {
  .pptb-points__message p[data-para="3"] span[data-block="2"] span {
    /* font-size: 40px; */
    font-size: clamp(1.292rem, 2.78vw, 3.333rem);
  }

  .pptb-points__message p[data-para="3"] span[data-block="2"] br {
    display: none;
  }
}

.pptb-points__message--cta {
  margin: 0 auto;
  /* width: 315px; */
  width: clamp(16.8rem, 84vw, 39.008rem);
}

@media (min-width: 744px) {
  .pptb-points__message--cta {
    width: 100%;
  }
}

/* difference */
.pptb-difference {
  background: #f4f2e9;
  /* padding-top: 93px; */
  padding-top: clamp(4.96rem, 24.8vw, 11.517rem);
  position: relative;
}

@media (min-width: 744px) {
  .pptb-difference {
    /* padding-top: 184px; */
    padding-top: clamp(5.942rem, 12.78vw, 15.333rem);
  }
}

.pptb-difference::before {
  background: url(../../images/powerpoint/for-corporations_scrollable.svg) no-repeat center/contain;
  content: "";
  height: clamp(115px, -0.6px + 36.11vw, 180px);
  left: calc(50% - clamp(163px, -0.6px + 51.11vw, 255px) / 2);
  opacity: 1;
  position: absolute;
  /* top: 350px; */
  top: clamp(18.667rem, 93.33vw, 43.342rem);
  transition: all .1s ease 0s;
  visibility: visible;
  width: clamp(163px, -0.6px + 51.11vw, 255px);
  z-index: 10;
}

@media (min-width: 744px) {
  .pptb-difference::before {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}

.pptb-difference:has(.pptb-difference__table[data-show-scrollhint="false"])::before {
  opacity: 0;
  visibility: hidden;
}

.pptb-difference h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-difference h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }

  .pptb-difference h2 br {
    display: none;
  }
}

.pptb-difference__table {
  display: block;
  /* margin-top: 60px; */
  margin-top: clamp(3.2rem, 16vw, 7.43rem);
  /* padding: 0 20px 15px; */
  padding: 0 clamp(1.067rem, 5.33vw, 2.477rem) clamp(0.8rem, 4vw, 1.857rem);
  overflow: scroll;
}

@media (min-width: 744px) {
  .pptb-difference__table {
    /* margin: 84px auto 0; */
    margin: clamp(2.712rem, 5.83vw, 7rem) auto 0;
    overflow: hidden;
    padding: 0;
    /* width: 1120px; */
    width: clamp(36.167rem, 77.78vw, 93.333rem);
  }
}

.pptb-difference__table tbody {
  display: block;
  /* width: 558px; */
  width: clamp(29.76rem, 148.8vw, 69.099rem);
}

@media (min-width: 744px) {
  .pptb-difference__table tbody {
    width: 100%;
  }
}

.pptb-difference__table th[data-col="head"] {
  background: #aaa;
  color: #fff;
  /* font-size: 10px; */
  font-size: clamp(0.533rem, 2.67vw, 1.238rem);
  /* width: 90px; */
  width: clamp(4.8rem, 24vw, 11.145rem);
}

@media (min-width: 744px) {
  .pptb-difference__table th[data-col="head"] {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
    /* width: 180px; */
    width: clamp(5.813rem, 12.5vw, 15rem);
  }
}

.pptb-difference__table td {
    text-align: center;
}

.pptb-difference__table td[data-col="pptcamp"] {
    color: #b53b1a;
}

.pptb-difference__table td[data-col="pptcamp"],
.pptb-difference__table td[data-col="others"] {
    background: #fff;
    position: relative;
    z-index: 5;
}

.pptb-difference__table td[data-col="pptcamp"]::after {
    /* border-left: calc(5px / 2) solid #b53b1a; */
    border-left: calc(clamp(0.267rem, 1.33vw, 0.619rem) / 2) solid #b53b1a;
    /* border-right: calc(5px / 2) solid #b53b1a; */
    border-right: calc(clamp(0.267rem, 1.33vw, 0.619rem) / 2) solid #b53b1a;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

@media (min-width: 744px) {
  .pptb-difference__table td[data-col="pptcamp"]::after {
    /* border-left: 5px solid #b53b1a; */
    border-left: clamp(0.161rem, 0.35vw, 0.417rem) solid #b53b1a;
    /* border-right: 5px solid #b53b1a; */
    border-right: clamp(0.161rem, 0.35vw, 0.417rem) solid #b53b1a;
  }
}

.pptb-difference__table tr[data-row="5"] td[data-col="pptcamp"] {
  position: relative;
}

.pptb-difference__table tr[data-row="5"] td[data-col="pptcamp"]::after {
  /* border-bottom: calc(5px / 2) solid #b53b1a; */
  border-bottom: calc(clamp(0.267rem, 1.33vw, 0.619rem) / 2) solid #b53b1a;
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="5"] td[data-col="pptcamp"]::after {
    /* border-bottom: 5px solid #b53b1a; */
    border-bottom: clamp(0.161rem, 0.35vw, 0.417rem) solid #b53b1a;
  }
}

.pptb-difference__table td i {
  display: inline-block;
  /* height: 20px; */
  height: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-difference__table td i {
    /* height: 40px; */
    height: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-difference__table td[data-col="pptcamp"] i[data-rating="good"] {
  background: url(../../images/powerpoint-business/difference/good_red.svg) no-repeat center/contain;
  /* width: 20px; */
  width: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-difference__table td[data-col="pptcamp"] i[data-rating="good"] {
    /* width: 40px; */
    width: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-difference__table td[data-col="others"] i[data-rating="good"] {
  background: url(../../images/powerpoint-business/difference/good_orange.svg) no-repeat center/contain;
  /* width: 20px; */
  width: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-difference__table td[data-col="others"] i[data-rating="good"] {
    /* width: 40px; */
    width: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-difference__table td i[data-rating="poor"] {
  background: url(../../images/powerpoint-business/difference/poor_gray.svg) no-repeat center/contain;
  /* width: 24px; */
  width: clamp(1.28rem, 6.4vw, 2.972rem);
}

@media (min-width: 744px) {
  .pptb-difference__table td i[data-rating="poor"] {
    /* width: 50px; */
    width: clamp(1.615rem, 3.47vw, 4.167rem);
  }
}

.pptb-difference__table td i[data-rating="high"] {
  background: url(../../images/powerpoint-business/difference/high_gray.svg) no-repeat center/contain;
  /* width: 75px; */
  width: clamp(4rem, 20vw, 9.287rem);
}

@media (min-width: 744px) {
  .pptb-difference__table td i[data-rating="high"] {
    /* width: 150px; */
    width: clamp(4.844rem, 10.42vw, 12.5rem);
  }
}

.pptb-difference__table td i[data-rating="mid"] {
  background: url(../../images/powerpoint-business/difference/mid_orange.svg) no-repeat center/contain;
  /* width: calc(95px / 2); */
  width: calc(clamp(5.067rem, 25.33vw, 11.764rem) / 2);
}

@media (min-width: 744px) {
  .pptb-difference__table td i[data-rating="mid"] {
    /* width: 95px; */
    width: clamp(3.068rem, 6.6vw, 7.917rem);
  }
}

.pptb-difference__table tr:nth-last-child(-n + 4) th[data-col="head"] {
  border-top: 1px solid #fff;
}

@media (min-width: 744px) {
  .pptb-difference__table tr:nth-last-child(-n + 4) th[data-col="head"] {
    /* border-top: 2px solid #fff; */
    border-top: clamp(0.065rem, 0.14vw, 0.167rem) solid #fff;
  }
}

.pptb-difference__table tr:nth-last-child(-n + 4) td[data-col="pptcamp"]::before,
.pptb-difference__table tr:nth-last-child(-n + 4) td[data-col="others"]::before {
  background: #ccc;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media (min-width: 744px) {
  .pptb-difference__table tr:nth-last-child(-n + 4) td[data-col="pptcamp"]::before,
  .pptb-difference__table tr:nth-last-child(-n + 4) td[data-col="others"]::before {
    /* height: 2px; */
    height: clamp(0.065rem, 0.14vw, 0.167rem);
  }
}

.pptb-difference__table tr[data-row="0"] {
  color: #fff;
  font-weight: 700;
}

.pptb-difference__table tr[data-row="0"] th[data-col="head"] {
  background: none;
}

.pptb-difference__table tr[data-row="0"] th[data-col="pptcamp"] {
  background: #b53b1a;
  /* font-size: 12px; */
  font-size: clamp(0.64rem, 3.2vw, 1.486rem);
  /* height: 42px; */
  height: clamp(2.24rem, 11.2vw, 5.201rem);
  /* width: 234px; */
  width: clamp(12.48rem, 62.4vw, 28.977rem);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="0"] th[data-col="pptcamp"] {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
    /* height: 84px; */
    height: clamp(2.712rem, 5.83vw, 7rem);
    /* width: 468px; */
    width: clamp(15.113rem, 32.5vw, 39rem);
  }
}

.pptb-difference__table tr[data-row="0"] th[data-col="others"] {
  /* font-size: 10px; */
  font-size: clamp(0.533rem, 2.67vw, 1.238rem);
  /* padding-top: 12px; */
  padding-top: clamp(0.64rem, 3.2vw, 1.486rem);
  position: relative;
  /* width: 234px; */
  width: clamp(12.48rem, 62.4vw, 28.977rem);
  z-index: 5;
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="0"] th[data-col="others"] {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
    /* padding-top: 24px; */
    padding-top: clamp(0.775rem, 1.67vw, 2rem);
    /* width: 468px; */
    width: clamp(15.113rem, 32.5vw, 39rem);
  }
}

.pptb-difference__table tr[data-row="0"] th[data-col="others"]::before {
  background: #525252;
  bottom: 0;
  content: "";
  /* height: 30px; */
  height: clamp(1.6rem, 8vw, 3.715rem);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="0"] th[data-col="others"]::before {
    /* height: 60px; */
    height: clamp(1.938rem, 4.17vw, 5rem);
  }
}

.pptb-difference__table tr[data-row="1"] td {
  /* padding: 15px; */
  padding: clamp(0.8rem, 4vw, 1.857rem);
  vertical-align: top;
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="1"] td {
    /* padding: 30px; */
    padding: clamp(0.969rem, 2.08vw, 2.5rem);
  }
}

.pptb-difference__table tr[data-row="1"] td p {
  text-align: center;
}

.pptb-difference__table tr[data-row="1"] td p[data-para="1"] {
  /* font-size: 10px; */
  font-size: clamp(0.533rem, 2.67vw, 1.238rem);
  /* margin-top: calc(15px / 2); */
  margin-top: calc(clamp(0.8rem, 4vw, 1.857rem) / 2);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="1"] td p[data-para="1"] {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
    line-height: 1.2;
    /* margin-top: 10px; */
    margin-top: clamp(0.323rem, 0.69vw, 0.833rem);
  }
}

.pptb-difference__table tr[data-row="1"] td p[data-para="1"] span {
  background: #525252;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  /* padding: 4px 12px; */
  padding: clamp(0.213rem, 1.07vw, 0.495rem) clamp(0.64rem, 3.2vw, 1.486rem);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="1"] td p[data-para="1"] span {
    /* padding: 4px 12px; */
    padding: clamp(0.129rem, 0.28vw, 0.333rem) clamp(0.388rem, 0.83vw, 1rem);
  }
}

.pptb-difference__table tr[data-row="1"] td p[data-para="2"] {
  /* font-size: 8px; */
  font-size: clamp(0.427rem, 2.13vw, 0.991rem);
  font-weight: 700;
  line-height: 1.5;
  /* margin-top: calc(5px / 2); */
  margin-top: calc(clamp(0.267rem, 1.33vw, 0.619rem) / 2);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="1"] td p[data-para="2"] {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    /* margin-top: 5px; */
    margin-top: clamp(0.161rem, 0.35vw, 0.417rem);
  }
}

.pptb-difference__table tr[data-row="1"] td[data-col="pptcamp"] p[data-para="1"] span {
  background: #b53b1a;
  /* margin-top: calc(5px / 2); */
  margin-top: calc(clamp(0.267rem, 1.33vw, 0.619rem) / 2);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="1"] td[data-col="pptcamp"] p[data-para="1"] span {
    /* margin-top: 4px; */
    margin-top: clamp(0.129rem, 0.28vw, 0.333rem);
  }
}

.pptb-difference__table tr[data-row="2"] td,
.pptb-difference__table tr[data-row="4"] td {
  /* font-size: 8px; */
  font-size: clamp(0.427rem, 2.13vw, 0.991rem);
  font-weight: 700;
  /* height: 82px; */
  height: clamp(4.373rem, 21.87vw, 10.154rem);
  line-height: 1.5;
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="2"] td,
  .pptb-difference__table tr[data-row="4"] td {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    /* height: 164px; */
    height: clamp(5.296rem, 11.39vw, 13.667rem);
  }
}

.pptb-difference__table tr[data-row="2"] td p,
.pptb-difference__table tr[data-row="4"] td p {
  /* margin-top: 8px; */
  margin-top: clamp(0.427rem, 2.13vw, 0.991rem);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="2"] td p,
  .pptb-difference__table tr[data-row="4"] td p {
    /* margin-top: 10px; */
    margin-top: clamp(0.323rem, 0.69vw, 0.833rem);
  }
}

.pptb-difference__table tr[data-row="3"] td,
.pptb-difference__table tr[data-row="5"] td {
  /* height: 50px; */
  height: clamp(2.667rem, 13.33vw, 6.192rem);
}

@media (min-width: 744px) {
  .pptb-difference__table tr[data-row="3"] td,
  .pptb-difference__table tr[data-row="5"] td {
    /* height: 100px; */
    height: clamp(3.229rem, 6.94vw, 8.333rem);
  }
}

.pptb-difference__table--img {
  font-size: 0;
  /* height: 196px; */
  height: clamp(10.453rem, 52.27vw, 24.271rem);
  /* width: 204px; */
  width: clamp(10.88rem, 54.4vw, 25.262rem);
}

@media (min-width: 744px) {
  .pptb-difference__table--img {
    /* height: 394px; */
    height: clamp(12.723rem, 27.36vw, 32.833rem);
    /* width: 408px; */
    width: clamp(13.175rem, 28.33vw, 34rem);
  }
}

.pptb-difference__table--img img {
  object-fit: contain;
  width: 100%;
}

/* curriculum */
.pptb-curriculum {
  background: #f4f2e9;
  /* padding-top: 145px; */
  padding-top: clamp(7.733rem, 38.67vw, 17.956rem);
  position: relative;
  z-index: 0;
}

@media (min-width: 744px) {
  .pptb-curriculum {
    /* padding-top: 170px; */
    padding-top: clamp(5.49rem, 11.81vw, 14.167rem);
  }
}

.pptb-curriculum hgroup {
  font-weight: 700;
  text-align: center;
}

.pptb-curriculum hgroup p {
  color: #b53b1a;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
}

@media (min-width: 744px) {
  .pptb-curriculum hgroup p {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
  }
}

.pptb-curriculum hgroup h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  line-height: 1.5;
  /* margin-top: 20px; */
  margin-top: clamp(1.067rem, 5.33vw, 2.477rem);
}

@media (min-width: 744px) {
  .pptb-curriculum hgroup h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
    /* margin-top: 12px; */
    margin-top: clamp(0.388rem, 0.83vw, 1rem);
  }
}

.pptb-curriculum__leadcopy {
  /* margin-top: 40px; */
  margin-top: clamp(2.133rem, 10.67vw, 4.953rem);
}

@media (min-width: 744px) {
  .pptb-curriculum__leadcopy {
    /* margin-top: 42px; */
    margin-top: clamp(1.356rem, 2.92vw, 3.5rem);
  }
}

.pptb-curriculum__leadcopy p {
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  line-height: 1.7;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-curriculum__leadcopy p {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
  }

  .pptb-curriculum__leadcopy p br {
    display: none;
  }
}

.pptb-curriculum__picture {
  align-items: center;
  background: #fff;
  /* border-radius: 10px; */
  border-radius: clamp(0.533rem, 2.67vw, 1.238rem);
  display: flex;
  flex-direction: column;
  /* gap: 60px; */
  gap: clamp(3.2rem, 16vw, 7.43rem);
  /* margin: 60px auto 0; */
  margin: clamp(3.2rem, 16vw, 7.43rem) auto 0;
  /* padding: 40px 15px; */
  padding: clamp(2.133rem, 10.67vw, 4.953rem) clamp(0.8rem, 4vw, 1.857rem);
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-curriculum__picture {
    align-items: unset;
    /* border-radius: 10px; */
    border-radius: clamp(0.323rem, 0.69vw, 0.833rem);
    flex-direction: row;
    /* gap: 40px; */
    gap: clamp(1.292rem, 2.78vw, 3.333rem);
    /* margin: 60px auto 0; */
    margin: clamp(1.938rem, 4.17vw, 5rem) auto 0;
    /* padding: 60px 80px 80px; */
    padding: clamp(1.938rem, 4.17vw, 5rem) clamp(2.583rem, 5.56vw, 6.667rem) clamp(2.583rem, 5.56vw, 6.667rem);
    /* width: 1280px; */
    width: clamp(41.333rem, 88.89vw, 106.667rem);
  }
}

.pptb-curriculum__picture picture {
  font-size: 0;
}

.pptb-curriculum__picture img {
  object-fit: contain;
  width: 100%;
}

.pptb-curriculum__picture p {
  align-items: center;
  display: flex;
  font-weight: 700;
  /* height: 80px; */
  height: clamp(4.267rem, 21.33vw, 9.907rem);
  justify-content: center;
  line-height: 1.5;
  /* margin-top: 24px; */
  margin-top: clamp(1.28rem, 6.4vw, 2.972rem);
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-curriculum__picture p {
    /* height: 120px; */
    height: clamp(3.875rem, 8.33vw, 10rem);
    /* margin-top: 24px; */
    margin-top: clamp(0.775rem, 1.67vw, 2rem);
  }
}

.pptb-curriculum__picture--pptcamp {
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-curriculum__picture--pptcamp {
    /* width: var(--clamp-661); */
    width: clamp(21.345rem, 45.9vw, 55.083rem);
  }
}

.pptb-curriculum__picture--pptcamp p {
  /* border: 3px solid #b53b1a; */
  border: clamp(0.16rem, 0.8vw, 0.371rem) solid #b53b1a;
  color: #b53b1a;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
}

@media (min-width: 744px) {
  .pptb-curriculum__picture--pptcamp p {
    /* font-size: 24px; */
    font-size: clamp(0.775rem, 1.67vw, 2rem);
  }
}

.pptb-curriculum__picture--others {
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-curriculum__picture--others {
    /* width: 419px; */
    width: clamp(13.53rem, 29.1vw, 34.917rem);
  }
}

.pptb-curriculum__picture--others p {
  border: 1px dashed #525252;
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
}

@media (min-width: 744px) {
  .pptb-curriculum__picture--others p {
    /* font-size: 18px; */
    font-size: clamp(0.581rem, 1.25vw, 1.5rem);
  }
}

.pptb-curriculum__cta {
  /* margin: 80px auto 0; */
  margin: clamp(4.267rem, 21.33vw, 9.907rem) auto 0;
  /* width: 315px; */
  width: clamp(16.8rem, 84vw, 39.008rem);
}

@media (min-width: 744px) {
  .pptb-curriculum__cta {
    /* margin-top: 80px; */
    margin-top: clamp(2.583rem, 5.56vw, 6.667rem);
    width: 100%;
  }
}

/* faq */
.pptb-faq {
  /* padding-top: 160px; */
  padding-top: clamp(8.533rem, 42.67vw, 19.813rem);
}

@media (min-width: 744px) {
  .pptb-faq {
    /* padding-top: 160px; */
    padding-top: clamp(5.167rem, 11.11vw, 13.333rem);
  }
}

.pptb-faq h2 {
  /* font-size: 24px; */
  font-size: clamp(1.28rem, 6.4vw, 2.972rem);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  text-align: center;
}

@media (min-width: 744px) {
  .pptb-faq h2 {
    /* font-size: 32px; */
    font-size: clamp(1.033rem, 2.22vw, 2.667rem);
  }
}

.pptb-faq__list {
  margin: 0 auto;
  /* width: 335px; */
  width: clamp(17.867rem, 89.33vw, 41.484rem);
}

@media (min-width: 744px) {
  .pptb-faq__list {
    /* width: 960px; */
    width: clamp(31rem, 66.67vw, 80rem);
  }
}

.pptb-faq__list--category {
  /* margin-top: 60px; */
  margin-top: clamp(3.2rem, 16vw, 7.43rem);
}

@media (min-width: 744px) {
  .pptb-faq__list--category {
    /* margin-top: 60px; */
    margin-top: clamp(1.938rem, 4.17vw, 5rem);
  }
}

.pptb-faq__list--category dt[data-is="cat-name"] {
  border-bottom: 1px solid #ccc;
  color: #b53b1a;
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
  font-weight: 700;
  line-height: 1;
  /* padding-bottom: 30px; */
  padding-bottom: clamp(1.6rem, 8vw, 3.715rem);
}

@media (min-width: 744px) {
  .pptb-faq__list--category dt[data-is="cat-name"] {
    /* font-size: 20px; */
    font-size: clamp(0.646rem, 1.39vw, 1.667rem);
    /* padding-bottom: 30px; */
    padding-bottom: clamp(0.969rem, 2.08vw, 2.5rem);
  }
}

.pptb-faq__list--item {
  border-bottom: 1px solid #ccc;
  /* padding: 30px 0; */
  padding: clamp(1.6rem, 8vw, 3.715rem) 0;
}

@media (min-width: 744px) {
  .pptb-faq__list--item {
    /* padding: 30px 0; */
    padding: clamp(0.969rem, 2.08vw, 2.5rem) 0;
  }
}

.pptb-faq__list--item dt[data-is="question"] {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
  font-weight: 700;
  line-height: 1.7;
  /* padding-left: 50px; */
  padding-left: clamp(2.667rem, 13.33vw, 6.192rem);
  position: relative;
}

@media (min-width: 744px) {
  .pptb-faq__list--item dt[data-is="question"] {
    /* font-size: 18px; */
    font-size: clamp(0.581rem, 1.25vw, 1.5rem);
    /* padding-left: 96px; */
    padding-left: clamp(3.1rem, 6.67vw, 8rem);
  }
}

.pptb-faq__list--item dt[data-is="question"]::before {
  color: #b53b1a;
  content: "Q";
  font-family: "Poppins", sans-serif;
  /* font-size: 40px; */
  font-size: clamp(2.133rem, 10.67vw, 4.953rem);
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
}

@media (min-width: 744px) {
  .pptb-faq__list--item dt[data-is="question"]::before {
    /* font-size: 40px; */
    font-size: clamp(1.292rem, 2.78vw, 3.333rem);
  }
}

.pptb-faq__list--item dd[data-is="answer"] {
  /* font-size: 15px; */
  font-size: clamp(0.8rem, 4vw, 1.857rem);
  line-height: 1.7;
  /* margin-top: 15px; */
  margin-top: clamp(0.8rem, 4vw, 1.857rem);
  /* padding-left: 50px; */
  padding-left: clamp(2.667rem, 13.33vw, 6.192rem);
}

@media (min-width: 744px) {
  .pptb-faq__list--item dd[data-is="answer"] {
    /* font-size: 16px; */
    font-size: clamp(0.517rem, 1.11vw, 1.333rem);
    /* margin-top: 15px; */
    margin-top: clamp(0.484rem, 1.04vw, 1.25rem);
    /* padding-left: 96px; */
    padding-left: clamp(3.1rem, 6.67vw, 8rem);
  }
}

.pptb-faq__cta {
  /* margin: 160px auto 0; */
  margin: clamp(8.533rem, 42.67vw, 19.813rem) auto 0;
  /* width: 315px; */
  width: clamp(16.8rem, 84vw, 39.008rem);
}

@media (min-width: 744px) {
  .pptb-faq__cta {
    /* margin-top: 160px; */
    margin-top: clamp(5.167rem, 11.11vw, 13.333rem);
    width: 100%;
  }
}

/* _cta-link */
.pptb-cta-link {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-cta-link {
    flex-direction: row;
  }

  .pptb-cta-link[data-pos="cmn"],
  .pptb-cta-link[data-pos="7pts"] {
    justify-content: center;
  }
}

.pptb-cta-link[data-pos="top"] {
  /* gap: 20px; */
  gap: clamp(1.067rem, 5.33vw, 2.477rem);
  /* padding: 28px 0 95px; */
  padding: clamp(1.493rem, 7.47vw, 3.467rem) 0 clamp(5.067rem, 25.33vw, 11.764rem);
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="top"] {
    /* gap: 20px; */
    gap: clamp(0.646rem, 1.39vw, 1.667rem);
    /* padding: 33px 0 0; */
    padding: clamp(1.066rem, 2.29vw, 2.75rem) 0 0;
  }
}

.pptb-cta-link[data-pos="cmn"] {
  /* gap: 40px; */
  gap: clamp(2.133rem, 10.67vw, 4.953rem);
  /* padding: 80px 0; */
  padding: clamp(4.267rem, 21.33vw, 9.907rem) 0;
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="cmn"] {
    /* gap: 40px; */
    gap: clamp(1.292rem, 2.78vw, 3.333rem);
    margin: 0 auto;
    /* max-width: 1440px; */
    /* padding: 80px 0; */
    padding: clamp(2.583rem, 5.56vw, 6.667rem) 0;
    width: 100%;
  }
}

.pptb-cta-link[data-pos="cmn"]::before {
  background: url(../../images/powerpoint-business/cta-links/cta-links_bg_sp@2x.min.webp) no-repeat center/cover;
  content: "";
  height: 100%;
  left: 0;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="cmn"]::before {
    background: url(../../images/powerpoint-business/cta-links/cta-links_bg_pc@2x.min.webp) no-repeat center/cover;
    margin: 0;
    width: 100%;
  }
}

.pptb-cta-link[data-pos="7pts"] {
  /* gap: 20px; */
  gap: clamp(1.067rem, 5.33vw, 2.477rem);
  /* padding: 40px 0 80px; */
  padding: clamp(2.133rem, 10.67vw, 4.953rem) 0 clamp(4.267rem, 21.33vw, 9.907rem);
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="7pts"] {
    /* gap: 40px; */
    gap: clamp(1.292rem, 2.78vw, 3.333rem);
    /* padding: 40px 0 80px; */
    padding: clamp(1.292rem, 2.78vw, 3.333rem) 0 clamp(2.583rem, 5.56vw, 6.667rem);
  }
}

.pptb-cta-link a {
  /* border: 4px solid; */
  border: clamp(0.213rem, 1.07vw, 0.495rem) solid;
  /* border-radius: 8px; */
  border-radius: clamp(0.427rem, 2.13vw, 0.991rem);
  /* box-shadow: 0 5px 5px rgba(0,0,0,.1); */
  box-shadow: 0 clamp(0.267rem, 1.33vw, 0.619rem) clamp(0.267rem, 1.33vw, 0.619rem) rgba(0,0,0,.1);
  display: block;
  /* height: 74px; */
  height: clamp(3.947rem, 19.73vw, 9.164rem);
  transition: all .2s;
  user-select: none;
  width: 100%;
}

@media (min-width: 744px) {
  .pptb-cta-link a {
    /* border: 4px solid; */
    border: clamp(0.129rem, 0.28vw, 0.333rem) solid;
    /* border-radius: 8px; */
    border-radius: clamp(0.258rem, 0.56vw, 0.667rem);
    /* box-shadow: 0 5px 5px rgba(0,0,0,.1); */
    box-shadow: 0 clamp(0.161rem, 0.35vw, 0.417rem) clamp(0.161rem, 0.35vw, 0.417rem) rgba(0,0,0,.1);
  }

  .pptb-cta-link[data-pos="top"] a {
    /* height: 74px; */
    height: clamp(2.39rem, 5.14vw, 6.167rem);
    /* width: 315px; */
    width: clamp(10.172rem, 21.88vw, 26.25rem);
  }

  .pptb-cta-link[data-pos="cmn"] a,
  .pptb-cta-link[data-pos="7pts"] a {
    /* height: 100px; */
    height: clamp(3.229rem, 6.94vw, 8.333rem);
    /* width: 420px; */
    width: clamp(13.563rem, 29.17vw, 35rem);
  }
}

.pptb-cta-link a:hover {
  /* transform: translateY(2px); */
  transform: translateY(clamp(0.107rem, 0.53vw, 0.248rem));
}

@media (min-width: 744px) {
  .pptb-cta-link a:hover {
    /* transform: translateY(2px); */
    transform: translateY(clamp(0.065rem, 0.14vw, 0.167rem));
  }
}

.pptb-cta-link a span {
  align-items: center;
  display: flex;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all .2s;
  width: 100%;
  z-index: 5;
}

.pptb-cta-link[data-pos="top"] a span {
  /* font-size: 18px; */
  font-size: clamp(0.96rem, 4.8vw, 2.229rem);
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="top"] a span {
    /* font-size: 18px; */
    font-size: clamp(0.581rem, 1.25vw, 1.5rem);
  }
}

.pptb-cta-link[data-pos="cmn"] a span,
.pptb-cta-link[data-pos="7pts"] a span {
  /* font-size: 16px; */
  font-size: clamp(0.853rem, 4.27vw, 1.981rem);
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="cmn"] a span,
  .pptb-cta-link[data-pos="7pts"] a span {
    /* font-size: 22px; */
    font-size: clamp(0.71rem, 1.53vw, 1.833rem);
  }
}

.pptb-cta-link a span::before {
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0,rgba(255,255,255,.3) 80%,rgba(255,255,255,0) 100%);
  content: "";
  /* height: 200px; */
  height: clamp(10.667rem, 53.33vw, 24.767rem);
  left: -65%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 50%;
  z-index: -1;
}

@media (min-width: 744px) {
  .pptb-cta-link a span::before {
    height: clamp(6.458rem, 13.89vw, 16.667rem);
  }
}

.pptb-cta-link a:hover span::before {
  animation: cmn-cta-interaction .2s linear 0s forwards;
}

@keyframes cmn-cta-interaction {
  0% {
    left: -65%;
  }
  100% {
    left: 115%;
  }
}

.pptb-cta-link a span::after {
  content: "";
  /* height: 15px; */
  height: clamp(0.8rem, 4vw, 1.857rem);
  position: absolute;
  /* right: 30px; */
  right: clamp(1.6rem, 8vw, 3.715rem);
  /* top: calc(50% - 15px / 2); */
  top: calc(50% - clamp(0.8rem, 4vw, 1.857rem) / 2);
  /* width: 12px; */
  width: clamp(0.64rem, 3.2vw, 1.486rem);
  z-index: 5;
}

@media (min-width: 744px) {
  .pptb-cta-link[data-pos="top"] a span::after {
    /* height: 15px; */
    height: clamp(0.484rem, 1.04vw, 1.25rem);
    /* right: 30px; */
    right: clamp(0.969rem, 2.08vw, 2.5rem);
    /* top: calc(50% - 15px / 2); */
    top: calc(50% - clamp(0.484rem, 1.04vw, 1.25rem) / 2);
    /* width: 12px; */
    width: clamp(0.388rem, 0.83vw, 1rem);
  }

  .pptb-cta-link[data-pos="cmn"] a span::after,
  .pptb-cta-link[data-pos="7pts"] a span::after {
    /* height: 20px; */
    height: clamp(0.646rem, 1.39vw, 1.667rem);
    /* right: 40px; */
    right: clamp(1.292rem, 2.78vw, 3.333rem);
    /* top: calc(50% - 20px / 2); */
    top: calc(50% - clamp(0.646rem, 1.39vw, 1.667rem) / 2);
    /* width: 15px; */
    width: clamp(0.484rem, 1.04vw, 1.25rem);
  }
}

.pptb-cta-link a[data-color="combi-yellow"] {
  background: #ffa800;
  border-color: #fff;
}

.pptb-cta-link a[data-color="combi-yellow"] span {
  color: white;
}

.pptb-cta-link a[data-color="combi-yellow"] span::after {
  background: url(../../images/powerpoint-business/icon/arrow_rightward_white.svg) no-repeat center/contain;
}

.pptb-cta-link a[data-color="combi-white"] {
  background: #fff;
  border-color: #ffa800;
}

.pptb-cta-link a[data-color="combi-white"] span {
  color: #ffa800;
}

.pptb-cta-link a[data-color="combi-white"] span::after {
  background: url(../../images/powerpoint-business/icon/arrow_rightward_orange.svg) no-repeat center/contain;
}