/* pages/case.css */

body[data-path="/case/"] {
}

/* 自社取組事例共通のスコープ */
body[data-path^="/case/*"] {
  .p-overview {
    .c-media-grid {
      @media (width >= 768px) {
        grid-template-columns: 780px 1fr;
      }

      .c-media-grid__body {
        .c-heading {
          margin-block-end: calc(40 * 1rem / 16);
          @media (width >= 768px) {
            margin-block-end: 50px;
          }
        }
      }
    }

    .p-overview__info {
      .c-icon--refrigerator {
        @media (width >= 768px) {
          inline-size: 60px;
          block-size: 57px;
        }
      }

      dd {
        margin-block-start: calc(20 * 1rem / 16);
        padding-block-start: calc(15 * 1rem / 16);
        border-block-start: 1px solid var(--color--gray);
        @media (width >= 768px) {
          margin-block-start: 20px;
          padding-block-start: 15px;
        }
      }
    }

    .c-box {
      @media (width >= 768px) {
        padding-inline: 50px;
      }
    }

    .p-overview__summaries {
      @media (width >= 768px) {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 20px;
        row-gap: 25px;
      }

      dt {
        @media (width >= 768px) {
          display: flex;
          justify-content: space-between;
          align-items: start;
        }
      }

      dt:not(:first-child) {
        margin-block-start: calc(30 * 1rem / 16);
        @media (width >= 768px) {
          margin-block-start: unset;
        }
      }

      dt::after {
        @media (width >= 768px) {
          content: "：";
        }
      }

      dd {
        margin-block-start: calc(5 * 1rem / 16);
        @media (width >= 768px) {
          margin-block-start: unset;
          translate: 0 -0.05em;
        }
      }
    }
  }
}

body[data-path="/case/paperless/"] {
}

body[data-path="/case/rfid/"] {
}