/* =============================
   こだわりページ (particular.php)
============================= */

/* ステップ見出し */
.p_step_head {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 24px;
}
.p_step_num {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      background: var(--col_main);
      color: #fff;
      font-size: 2rem;
      font-weight: 700;
      font-family: var(--font_en);
      line-height: 1;
}
.p_step_text {
      font-size: 1.7rem;
      font-weight: 700;
      line-height: 1.6;
      padding-top: 8px;
      color: var(--col_text);
}

/* ステップ写真エリア */
.p_step_photos {
      display: flex;
      gap: 2%;
}
.p_step_photos li {
      flex: 1;
      list-style: none;
}
.p_step_photos li img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
}

/* 1枚のときは幅を絞る */
.p_step_photos.col1 {
      justify-content: center;
}
.p_step_photos.col1 li {
      max-width: 60%;
}

/* 廃棄物セクション */
.p_reduction {
      background: var(--bg_gray_light);
      padding: 48px 40px;
}
.p_reduction_inner {
      display: flex;
      align-items: center;
      gap: 6%;
}
.p_reduction_text {
      flex: 1;
}
.p_reduction_text .p_step_head {
      margin-bottom: 16px;
}
.p_reduction_text p {
      font-size: 1.5rem;
      line-height: 1.9;
}
.p_reduction_img {
      flex: 0 0 42%;
}
.p_reduction_img img {
      width: 100%;
      height: auto;
      display: block;
}

@media screen and (max-width: 680px) {
      .p_step_photos,
      .p_step_photos.col1 {
            display: block;
      }
      .p_step_photos li + li {
            margin-top: 12px;
      }
      .p_step_photos.col1 li {
            max-width: 100%;
      }
      .p_reduction {
            padding: 32px 20px;
      }
      .p_reduction_inner {
            flex-direction: column;
      }
      .p_reduction_img {
            flex: none;
            width: 100%;
            margin-top: 24px;
      }
}