/* 色の変数 */
:root {
    --cherry-red: #DD2051;  /* メインの赤 */
    --leaf-green: #7CB356;  /* サブの緑 */
    --dark-pink1: #F9EDEF;    /* 濃いピンク背景 */
    --dark-pink2: #FCF8F9;    /* 次に濃いピンク背景 */
    --bg-main: #FEFDFE;    /* 白背景風 */
    --white: #ffffff;   /* ボタン背景の白 */
    --main-text: #2A160A;   /* メインテキストカラー */
    --contact-btn:#F9EDF0; /*ハートコンタクトボタン */
}



.features-taiken .section-heading span {
  color: var(--cherry-red);
}

.feature-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-bottom: 60px;

}

.features {
  margin-top: 40px;
  padding: 0 16px;
  margin-bottom: 60px;
}

.container__feature__item {
  display: flex;
  justify-content: space-between;
  margin-top: 110px;
  gap: 4.16vw;
}

.container__feature__item:nth-child(even) {
  flex-direction: row-reverse;
}

.feature__item {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-top: -15px;
  width: 100%;
}

.feature__item:first-of-type {
  margin-top: 0;
}

.feature__item h2 {
  text-align: left;
  display: block;
}

.feature__title {
  color: var(--cherry-red);
  font-family: "Zen Maru Gothic";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2em;
  letter-spacing: 0.08rem;
  background: linear-gradient(transparent 96%, #DD2051 0%);
  display: inline;
  padding: 0px 3px 5px;
  text-align: left;
}

.feature__text {
  margin-top: 35px;
  color: var(--main-text);
  font-size: 1.8rem;
  line-height: 2em;
  letter-spacing: 0.08rem;
}

.feature__item--img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.feature-image {
  width: 100%;
  height: auto;
}

/* イラスト配置（PC） */
.feature__item--il1 {
  position: absolute;
  bottom: -52px;
  right: -32px;
  width: 111px;
  height: auto;
}
.feature__item--il2 {
  position: absolute;
  bottom: -54px;
  right: -48px;
  width: 108px;
  height: auto;
  transform: rotate(-14deg);
}
.feature__item--il3 {
  position: absolute;
  bottom: -22px;
  right: -30px;
  width: 86px;
  height: auto;
}
.feature__item--il4 {
  position: absolute;
  bottom: -28px;
  right: -47px;
  width: 84px;
  height: auto;
}
.feature__item--il5 {
  position: absolute;
  bottom: -28px;
  right: -47px;
  width: 84px;
  height: auto;
}

/* SP（モバイル）対応だけ media に書く */
@media (max-width: 768px) {
  .feature-container {
    gap: 100px;
  }

  .feature__item {
    margin-top: 80px;
  }

  .feature__title {
    font-size: 2.3rem;
  }

  .feature__text {
    font-size: 1.4rem;
    margin: 20px 5px;
  }

  .feature__item--img {
    margin-top: 0;
  }

  .feature__item--il1 {
    bottom: -45px;
    right: -8px;
    width: 84px;
  }
  .feature__item--il2 {
    bottom: -44px;
    left: -8px;
    width: 84px;
  }
  .feature__item--il3 {
    bottom: -22px;
    right: -4px;
    width: 66px;
  }
  .feature__item--il4 {
    bottom: -28px;
    right: 1px;
    width: 66px;
  }
  .feature__item--il5 {
    bottom: -28px;
    right: -7px;
    width: 100px;
  }

  .max-width {
    margin-bottom: 0px;
  }

  .container__feature__item {
    flex-direction: inherit;
    margin-top: 0;
    gap: 0;
  }

  .container__feature__item:nth-child(even) {
  flex-direction: inherit;
}
}