.u-flex{
  justify-content:center;
}

.figure-ttl-area{
padding-left: 100px;
}
.--orange{color: var(--orange);}
.speechBubble{position: absolute;top:-20px;left: -10px;}
.u-speechBubble {
  position: relative;
  width: 90px;
  height: 60px;
display: grid;
place-content: center;
  color: white;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 0;
}

.u-speechBubble::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left:65px;
  top: 20px;
  border-right: 20px solid var(--orange);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  transform: rotate( 90deg);
  z-index: -1;
}
.u-speechBubble span{line-height: 1.2;font-size: 1.25rem;}

@container contetns-container (width <=768px) {
.figure-ttl-area{
padding-left:calc((128 / 768) * 100vw);;
}
.u-speechBubble {
  width: calc((120 / 768) * 100vw);
  height: calc((80 / 768) * 100vw);
}

.u-speechBubble::after {
  left:calc((96 / 768) * 100vw);
  top: calc((40 / 768) * 100vw);
    border-right: calc((20 / 768) * 100vw) solid var(--orange);
    border-top:calc((20 / 768) * 100vw) solid transparent;
    border-bottom: calc((20 / 768) * 100vw) solid transparent;
}

.u-speechBubble span{
  font-size: calc((16 / 768) * 100vw);
}
.u-flex--item + .u-flex--item{
  margin-top: var(--gap-x2-5);
}

}

@container contetns-container (width <=485px) {
.speechBubble{
  position: absolute;top:-16px;left: -10px;
}
.figure-ttl-area{
padding-left:calc((82 / 390) * 100vw);;
}
.u-speechBubble {
  width: calc((80 / 390) * 100vw);
  height: calc((50 / 390) * 100vw);
}

.u-speechBubble::after {
  left:calc((60 / 390) * 100vw);
  top: calc((23 / 390) * 100vw);
    border-right: calc((13 / 390) * 100vw) solid var(--orange);
    border-top:calc((13 / 390) * 100vw) solid transparent;
    border-bottom: calc((20 / 390) * 100vw) solid transparent;
}
 .u-speechBubble span{
  font-size: calc((12 / 390) * 100vw);
}
}