.p-message {
  background-color: #F8F8F8;
  padding-bottom: 50px;
}

.p-message__bg {
  padding-block-start: calc(103 / 16 * 1rem);
  padding-block-end: calc(132 / 16 * 1rem);
  background-image: url("../../images/renewal/message-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  @media screen and (max-width: 768px) {
    padding-block-start: 30px;
    padding-block-end: 169px;
  }
}

.p-message__inner {
}
.p-message__person {
  position: absolute;
  top: 0;
  right: 11%;
  max-inline-size: calc(680 / 16 * 1rem);
  inline-size: 100%;
  img {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 680 / 835;
    object-fit: contain;
  }

  @media screen and (max-width: 1030px) {
    bottom: -40px;
    top: initial;
    right: 4%;
    max-inline-size: 232px;
    inline-size: calc(232 / 375 * 100%);
    img {
      aspect-ratio: 232 / 285;
    }
  }
}

.p-message__content {
  position: relative;
  z-index: 1;
}
.p-message__title {
  font-size: calc(100 / 16 * 1rem);
  color: #f6cc00;
  font-weight: 900;
  margin: 0;
  text-align: left;
  line-height: 1;
  @media screen and (max-width: 768px) {
    font-size: 40px;
  }
}

.p-message__textarea {
  margin-block-start: calc(48 / 16 * 1rem);
  inline-size: min(100%, 563px);
}

.p-message__text {
  color: #fff;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 900;
  letter-spacing: 0.089em;
  line-height: calc(32 / 16);
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}
.p-message__text + .p-message__text {
  margin-block-start: calc(45 / 16 * 1rem);
}

.p-message__name {
  margin-block-start: calc(32 / 16 * 1rem);
  inline-size: min(100%, 209px);
  img {
    aspect-ratio: 209/21;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
  }
  @media screen and (max-width: 768px) {
    inline-size: min(100%, 152px);
    img {
      aspect-ratio: 152/53;
    }
  }
}
.p-message__splide-wrapper {
  max-inline-size: 1070px;
  padding-inline: calc(16 / 16 * 1rem);
  margin-inline: auto;
    margin-block-start:-30px;
  @media screen and (max-width: 768px) {
    max-inline-size:600px;
    inline-size: 100%;
    margin-inline: auto;
  }
  @media (max-width:1030px) {
    margin-block-start:-30px;
  } 
}




.p-message__splide-slide {
  padding: 32px 60px;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  @media screen and (max-width: 768px) {
    padding: 16px;
  }
}
.p-message__splide-slide {
  display: flex;
  inline-size: 100%;
  gap: calc(32 / 16 * 1rem);
  @media screen and (max-width: 768px) {
    gap: 16px;
    flex-direction: column;
  }
}
.p-message__slide-img {
  inline-size: min(100%, 324px);
  flex-shrink: 0;
  img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    aspect-ratio: 324/261;
  }
  @media screen and (max-width: 768px) {
    inline-size: 100%;
    margin-inline: auto;
  }
}

.p-message__slide-title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: 900;
  letter-spacing: 0.089em;
  line-height: calc(35 / 24);
  color: #bb0d25;
  padding-block-end: calc(16 / 16 * 1rem);
  border-bottom: 1px solid #d4d4d4;
  @media screen and (max-width: 768px) {
    font-size: 20px;
    padding-block-end: 0px;
  }
}
.p-message__slide-text {
  padding-block-start: 16px;
}


.p-message__btn{
  margin-block-start:46px;
  margin-inline: auto;
}