.sec_service_included_ptn_1 {
  .item {
    padding: 28px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: #edf7e7;
    border-radius: 16px;

    @media (max-width: 1200px) {
      padding: 24px;
      gap: 20px;
    }
    @media (max-width: 600px) {
      padding: 20px 18px;
    }

    &.type_consult {
      background: #fff8d9;

      .icon {
        background: #dfb72e;
      }
    }

    .row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 16px;

      @media (max-width: 600px) {
        gap: 12px;
      }
    }

    .icon {
      width: 40px;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      background: #64a754;
      color: #fff;
      border-radius: 50%;

      @media (max-width: 600px) {
        width: 36px;
      }

      svg {
        width: 100%;
      }
    }

    .ttl {
      color: var(--heading);
      font-family: var(--font-jp);
      font-size: 26px;
      font-weight: 900;
      line-height: 1.4em;
      letter-spacing: -0.025em;

      @media (max-width: 1200px) {
        font-size: 24px;
      }
      @media (max-width: 600px) {
        font-size: 22px;
      }
    }

    .body {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 20px 12px;
    }

    .point {
      min-width: 0;
      display: grid;
      flex: 1 1 260px;
      gap: 12px;
      list-style: none;

      li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: var(--ink-soft);
        font-size: var(--copy-size);
        line-height: 1.75em;

        &::before {
          margin-top: 3px;
          width: 24px;
          aspect-ratio: 1;
          display: grid;
          flex-shrink: 0;
          place-items: center;
          background: #e1efd7;
          color: #327343;
          font-size: 16px;
          font-weight: 900;
          line-height: 1em;
          border-radius: 50%;
          content: "✓" / "";
        }
      }
    }

    .figure {
      padding-inline: 6px;
      max-width: 168px;
      min-width: 0;
      display: grid;
      flex: 0 1 168px;
      align-self: flex-end;
      gap: 16px;

      @media (max-width: 1100px) {
        max-width: 320px;
        grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
        flex-basis: 320px;
        align-items: center;
        gap: 12px;
      }
    }

    .memo {
      color: var(--heading);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.6em;
      letter-spacing: 0.04em;
      text-align: center;
      transform: rotate(-6deg);

      @media (max-width: 600px) {
        letter-spacing: 0em;
      }
      @media (max-width: 350px) {
        font-size: 14px;
      }
    }

    .image {
      img {
        width: 100%;
      }
    }
  }
}