@charset "utf-8";
.message {
  padding-top: 64px;
}
.message__inner {
  padding: 0 clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
}
.message__container {
      display: flex;
    flex-direction: column;
    row-gap: clamp(5rem, 3.333rem + 3.47vw, 7.5rem);
}
.message__top {
      display: flex;
    column-gap: clamp(1.25rem, -1.25rem + 5.21vw, 5rem);
    align-items: center;
}
.message-top__left {
  width: 50%;
}
.message-top__img {
      aspect-ratio: 645/483;
    object-fit: cover;
}
.message-top__right {
      width: 50%;
    position: relative;
}
.message-top__title {
      line-height: 2.2;
    font-size: clamp(1.5rem, 0.5rem + 2.08vw, 3rem);
    font-weight: 600;
    color: #EC3480;
}
.message-top__name {
      position: absolute;
    width: clamp(8.875rem, 3.292rem + 11.63vw, 17.25rem);
    object-fit: contain;
    right: 0;
    margin-top: clamp(2rem, 0.667rem + 2.78vw, 4rem);
}
.message__items {
      display: flex;
    flex-direction: column;
    row-gap: clamp(2.5rem, -0.833rem + 6.94vw, 7.5rem);
}
.message__item {
      display: flex;
    column-gap: clamp(2.5rem, -0.833rem + 6.94vw, 7.5rem);
}
.message__item:nth-child(2n) {
  flex-direction: row-reverse;
}
.message-item__content {
  width: 50%;
}
.message-item__title {
      line-height: 2;
    font-size: clamp(1.125rem, 0.875rem + 0.52vw, 1.5rem);
    font-weight: 500;
    color: #EC3480;
}
.message-item__text {
      margin-top: clamp(2rem, 1rem + 2.08vw, 3.5rem);
    line-height: 1.7;
    font-weight: 400;
}
.message-item__img {
  width: 50%;
}
.message-item-img {
      aspect-ratio: 672/378;
    object-fit: cover;
}
.message__bottom {
      display: flex;
    column-gap: clamp(1.25rem, -2.917rem + 8.68vw, 7.5rem);
}
.message-bottom__title {
      white-space: nowrap;
    line-height: 2;
    font-size: clamp(1.125rem, 0.875rem + 0.52vw, 1.5rem);
    font-weight: 500;
    color: #EC3480;
}
.message-bottom__text {
      line-height: 1.7;
    font-weight: 400;
}

.swiper {
      margin-top: clamp(3.5rem, 2.5rem + 2.08vw, 5rem);
    margin-bottom: 80px;
}
.swiper-wrapper {
  transition-timing-function: linear;
}
.swiper-slide img {
  height: auto;
  width: 100%;
    aspect-ratio: 727/409;
    object-fit: cover;
}

.desire {
      padding: clamp(2.5rem, 0.833rem + 3.47vw, 5rem) 0 clamp(7.5rem, 5.833rem + 3.47vw, 10rem);
    background-color: #F6F7F9;
    position: relative;
    z-index: 20;
}
.desire__inner {
  padding: 0 clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
}
.desire__container {
      background-color: #fff;
    padding: 40px clamp(2.5rem, -5rem + 15.63vw, 13.75rem) clamp(3rem, 1.667rem + 2.78vw, 5rem);
}
.desire-top {
  margin-top: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
      padding-bottom: 40px;
    border-bottom: 1px solid #CECECE;
}
.desire__box {
  position: relative;
}
.desire__img {
      aspect-ratio: 867/488;
    object-fit: cover;
}
.desire__name {
      position: absolute;
    right: 0;
    top: 0;
    writing-mode: vertical-lr;
    background-color: #E30074;
    color: #fff;
    width: clamp(3.75rem, 2.292rem + 3.04vw, 5.938rem);
    height: clamp(12.5rem, 8.5rem + 8.33vw, 18.5rem);
    font-size: clamp(1.75rem, 0.917rem + 1.74vw, 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    letter-spacing: 0.2em;
}
.desire__text {
      margin-top: clamp(2rem, 0.833rem + 2.43vw, 3.75rem);
    font-weight: 400;
    line-height: 2;
}
.desire-bottom {
      margin-top: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
    display: flex;
    align-items: baseline;
    column-gap: 16px;
    justify-content: flex-end;
}
.desire-bottom__1 {
      font-size: 16px;
    font-weight: 500;
    color: #E30074;
}
.desire-bottom__2 {
      font-size: 24px;
    font-weight: 500;
    color: #E30074;
}

.desire__items {
      margin-top: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
    display: flex;
    flex-direction: column;
    row-gap: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
}
.desire__item {
      display: flex;
    column-gap: clamp(1.25rem, -1.25rem + 5.21vw, 5rem);
    padding-bottom: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
    border-bottom: 1px solid #CECECE;
}
.desire-item__title {
      white-space: nowrap;
    font-size: clamp(1.125rem, 1.042rem + 0.17vw, 1.25rem);
    font-weight: 500;
    color: #E30074;
}
.desire-item__text {
      font-weight: 400;
    line-height: 2;
}

@media (max-width: 767px) {
  .message__inner {
    padding: 0 40px;
  }
  .message__container {
    row-gap: 64px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .message__top {
        flex-direction: column-reverse;
    row-gap: 97px;
  }
  .message-top__left,
  .message-top__right,
  .message-item__content,
  .message-item__img {
    width: 100%;
  }
  .message__items {
        row-gap: 64px;
  }
  .message__item {
        flex-direction: column;
    row-gap: 64px;
  }
  .message__item:nth-child(2) {
        flex-direction: column;
    row-gap: 64px;
  }
  .message__bottom {
        flex-direction: column;
    row-gap: 32px;
  }
  
  .desire__container {
        max-width: 600px;
    margin-left: auto;
    margin-right: auto;
        padding-left: clamp(1.25rem, -0.043rem + 5.31vw, 2.5rem);
    padding-right: clamp(1.25rem, -0.043rem + 5.31vw, 2.5rem);
  }
  .desire__item {
        flex-direction: column;
    row-gap: 20px;
  }
  .desire__name {
        width: clamp(2.125rem, 0.444rem + 6.9vw, 3.75rem);
    height: clamp(6.688rem, 0.675rem + 24.67vw, 12.5rem);
    font-size: clamp(1rem, 0.224rem + 3.18vw, 1.75rem);
  }
  .desire-item__text {
        text-indent: -1em;
    padding-left: 1em;
  }
}

@media (max-width: 389px) {
  .message__inner {
    padding: 0 20px;
  }
  .message-item__title {
    font-size: 16px;
  }
  
  .desire__text,
  .desire-item__text {
    font-size: clamp(0.75rem, 0.17rem + 2.9vw, 0.875rem);
  }
}