/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* Media Queries */
/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
.sec_voice {
  margin-bottom: clamp(3.25rem, 3.0092592593vw + 1.8055555556rem, 4.0625rem);
  background: #f8f8f8;
  text-align: center;
  border-radius: clamp(3rem, 2.7777777778vw + 1.6666666667rem, 3.75rem) 0 clamp(3rem, 2.7777777778vw + 1.6666666667rem, 3.75rem) 0;
}
.sec_voice .inner {
  position: relative;
  padding: clamp(4.4rem, 4.0740740741vw + 2.4444444444rem, 5.5rem) clamp(2.4rem, 2.2222222222vw + 1.3333333333rem, 3rem) clamp(3.6rem, 3.3333333333vw + 2rem, 4.5rem);
}
.sec_voice .inner .title_voice {
  margin-bottom: clamp(2.5rem, 2.3148148148vw + 1.3888888889rem, 3.125rem);
  font-size: clamp(1.3rem, 1.2037037037vw + 0.7222222222rem, 1.625rem);
  font-weight: 700;
}
.sec_voice .inner .title_voice span {
  display: inline-block;
  line-height: 1.1;
  margin-bottom: clamp(0.8rem, 0.7407407407vw + 0.4444444444rem, 1rem);
  color: #333333;
  font-size: clamp(1.3rem, 1.2037037037vw + 0.7222222222rem, 1.625rem);
  font-weight: 700;
}
.sec_voice .inner .message_wrap {
  position: relative;
  z-index: 2;
}
.sec_voice .inner .message_wrap .message_card {
  width: calc((100% - 20px) / 2);
  padding: clamp(1.05rem, 0.9722222222vw + 0.5833333333rem, 1.3125rem) clamp(0.8rem, 0.7407407407vw + 0.4444444444rem, 1rem) clamp(1.5rem, 1.3888888889vw + 0.8333333333rem, 1.875rem);
  background-color: #ffffff;
  text-align: left;
  border-radius: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}
.sec_voice .inner .message_wrap .message_card:nth-child(odd) {
  margin-right: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}
.sec_voice .inner .message_wrap .message_card:nth-child(even) {
  margin-left: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}
.sec_voice .inner .message_wrap .message_card .message_title {
  justify-content: space-between;
  margin-bottom: clamp(0.55rem, 0.5092592593vw + 0.3055555556rem, 0.6875rem);
}
.sec_voice .inner .message_wrap .message_card .message_title h3 {
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.sec_voice .inner .message_wrap .message_card .message_title p {
  font-weight: 700;
  letter-spacing: 0.05rem;
}
.sec_voice .inner .message_wrap .message_card p {
  letter-spacing: -1.35px;
}
.sec_voice .inner::before, .sec_voice .inner::after {
  position: absolute;
  z-index: 1;
  content: "";
}
.sec_voice .inner::before {
  top: 8%;
  left: 0%;
  width: clamp(9.05rem, 8.3796296296vw + 5.0277777778rem, 11.3125rem);
  height: clamp(30.1rem, 27.8703703704vw + 16.7222222222rem, 37.625rem);
  background: url("/casabonita/assets/images/common/img_voice_woman.png") no-repeat center;
  background-size: contain;
}
.sec_voice .inner::after {
  top: 6.8%;
  right: 0%;
  width: clamp(9.8rem, 9.0740740741vw + 5.4444444444rem, 12.25rem);
  height: clamp(30.45rem, 28.1944444444vw + 16.9166666667rem, 38.0625rem);
  background: url("/casabonita/assets/images/common/img_voice_man.png") no-repeat center;
  background-size: contain;
}

/* For Mobile */
@media (max-width: 767.9px) {
  .sec_voice {
    margin-bottom: 0.7555555556rem;
    border-radius: 0.6666666667rem 0 0.6666666667rem 0;
  }
  .sec_voice .inner {
    overflow: hidden;
    padding: 0.5rem 0 1rem;
  }
  .sec_voice .inner .title_voice {
    margin-bottom: 0.6111111111rem;
    font-size: 0.2666666667rem;
  }
  .sec_voice .inner .title_voice span {
    margin-bottom: 0.2rem;
    font-size: 0.2666666667rem;
  }
  .sec_voice .inner .message_wrap .message_card {
    width: 6.2222222222rem;
    margin: 0 0.1333333333rem;
    padding: 0.3111111111rem 0.2444444444rem 0.3333333333rem;
    border-radius: 0.1111111111rem;
  }
  .sec_voice .inner .message_wrap .message_card:nth-child(odd) {
    margin-right: 0.1111111111rem;
  }
  .sec_voice .inner .message_wrap .message_card:nth-child(even) {
    margin-left: 0.1111111111rem;
  }
  .sec_voice .inner .message_wrap .message_card .message_title {
    margin-bottom: 0.2rem;
  }
  .sec_voice .inner .message_wrap .message_card .message_title h3 {
    font-size: 0.2666666667rem;
    letter-spacing: -0.0111111111rem;
  }
  .sec_voice .inner .message_wrap .message_card .message_title p {
    letter-spacing: 0.0002222222rem;
  }
  .sec_voice .inner .message_wrap .message_card p {
    font-size: 0.2444444444rem;
    letter-spacing: -0.0111111111rem;
  }
  .sec_voice .inner .message_wrap .slick-prev,
  .sec_voice .inner .message_wrap .slick-prev:hover,
  .sec_voice .inner .message_wrap .slick-prev:active,
  .sec_voice .inner .message_wrap .slick-next,
  .sec_voice .inner .message_wrap .slick-next:hover,
  .sec_voice .inner .message_wrap .slick-next:active {
    position: absolute;
    top: 33.5%;
    z-index: 3;
    width: 0.8444444444rem;
    height: 0.8444444444rem;
    font-size: 0;
  }
  .sec_voice .inner .message_wrap .slick-prev,
  .sec_voice .inner .message_wrap .slick-prev:hover,
  .sec_voice .inner .message_wrap .slick-prev:active {
    left: 0.9%;
    background: url("/casabonita/assets/images/common/icon_slider_left.png") center no-repeat;
    background-size: cover;
  }
  .sec_voice .inner .message_wrap .slick-next,
  .sec_voice .inner .message_wrap .slick-next:hover,
  .sec_voice .inner .message_wrap .slick-next:active {
    right: 0.9%;
    background: url("/casabonita/assets/images/common/icon_slider_right.png") center no-repeat;
    background-size: cover;
  }
  .sec_voice .inner .message_wrap .slick-prev:before,
  .sec_voice .inner .message_wrap .slick-next:before,
  .sec_voice .inner .message_wrap .slick-prev:hover:before,
  .sec_voice .inner .message_wrap .slick-prev:focus:before,
  .sec_voice .inner .message_wrap .slick-next:hover:before,
  .sec_voice .inner .message_wrap .slick-next:focus:before {
    opacity: 0;
  }
  .sec_voice .inner::before {
    top: 6.3%;
    left: -4.5%;
    width: 2.0888888889rem;
    height: 5.9555555556rem;
    background: url("/casabonita/assets/images/common/img_voice_woman.png") no-repeat center;
    background-size: contain;
  }
  .sec_voice .inner::after {
    top: 4%;
    right: -4%;
    width: 2.0888888889rem;
    height: 6.2888888889rem;
    background: url("/casabonita/assets/images/common/img_voice_man.png") no-repeat center;
    background-size: contain;
  }
}

/*# sourceMappingURL=voice.css.map */