.products-page .Section__title {
  font-size: 54px;
  text-align: center;
  display: block;
  background: linear-gradient(to right, #a1e563, #00c19d);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.8;
  font-family: "Tilt Warp", sans-serif;
  margin: 80px 0;
}
.products-page .Section__title span {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  display: inline-block;
  background: linear-gradient(to right, #a1e563, #00c19d);
  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.products-page .Section__title_sub {
  font-size: 46px;
  display: inline-block;
  background: linear-gradient(to right, #a1e563, #00c19d);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.8;
  font-family: "Tilt Warp", sans-serif;
}
@media screen and (max-width: 768px) {
  .products-page .Section__title {
  font-size: 48px;
  }
  .products-page .Section__title span {
  font-size: 18px;
  }
}
/*---商品一覧ページ---*/
.pp-list {
  display: grid;
  grid-template-columns: 3fr 4fr;
  max-width: 820px;
  margin: auto;
  gap: 4vw;
  align-items: stretch; /* 子要素の高さを揃える */
  margin-bottom: 5vw;
  padding: 0 20px;
}
.pp-item {
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  flex-direction: column; /* 縦方向に並べる */
  justify-content: space-between; /* 上下にスペースを作る */
  height: 100%; /* 親の高さに合わせる場合 */
}
.p-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.pp-item h6,
.pp-item p {
  margin: 0; /* 上下の余白をリセット */
}
.pp-item h6 {
  font-size: 20px;
  font-weight: bold;
}
.pp-item p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
.pp-left {
  box-shadow: 7px 7px 10px rgba(51, 51, 51, 0.25);
}
.right-btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5vw;
  color: #000;
}
.right-btn01, .right-btn02 {
  background-color: #fff;
  border: 1px solid #00c19d;
  border-radius: 10px;
  padding: 10px 0;
  box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.25);
  transition: opacity 0.6s ease;
}
.right-btn01:hover, .right-btn02:hover {
  opacity: 0.8;
}
.right-btn01 p, .right-btn02 p {
  text-align: center;
  line-height: 1.4;
}
.right-btn01 span {
  color: #ff009e;
  font-weight: bold;
}
.right-btn02 span {
  color: #0041ab;
  font-weight: bold;
}

@media screen and (max-width: 680px) {
  .pp-list {
    display: block;
    padding: 0 25px;
    margin-bottom: 15vw;
  }
  .pp-item, .pp-item p {
    margin-bottom: 5vw;
  }
  .pp-item h6 {
    margin-bottom: 3vw;
  }
  .right-btn {
    display: block;
  }
  .right-btn01 {
    margin-bottom: 3vw;
  }
  .right-btn01 p, .right-btn02 p {
    margin-bottom: 0;
  }
}