* {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        padding: 40px;
        font-family: Opensans-Regular, sans-serif;
        background-color: #f9f9f9;
        color: #000;
      }

      .case-container {
        max-width: 1400px;
        margin: 0 auto 80px auto;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        padding-left: 80px;
        gap: 20px;
      }

      .case-container .case-image {
        flex: 0 0 auto;
        margin-left: 50px;
      }

      .case-container .case-image img {
        width: 550px;
        height: auto;
        display: block;
        border-radius: 8px;
        max-width: 100%;
      }

      .case-container .case-text {
        flex: 1 1 550px;
        max-width: 550px;
        background: rgba(255, 255, 255, 0.8);
        padding: 70px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 1;
        position: relative;
        min-height: 220px;
        font-size: 16px;
      }

      .case-text h2 {
        margin: 10px 0;
        font-size: 30px;
        position: relative;
        padding-bottom: 8px;
      }

      .case-text h2::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: #FFE920;
        margin-top: 6px;
      }

      .detail-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 4px 0;
        padding-bottom: 4px;
      }

      .detail-line::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-bottom: 1px dashed #999;
        z-index: 0;
      }

      .detail-line .label,
      .detail-line .value {
        background: white;
        z-index: 1;
        padding: 0 4px;
      }

      .pdf-button {
        display: inline-flex;
        align-items: center;
        background-color: #FFE920;
        color: black;
        font-weight: bold;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        text-decoration: none;
        margin-top: 20px;
        transition: background 0.3s;
      }

      .pdf-button:hover {
        background-color: #e6d419;
      }

      .pdf-button img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
      }

      .case-container:nth-of-type(odd) .case-text {
        transform: translateY(20px) translateX(10px);
      }

      .case-container:nth-of-type(odd) .case-image {
        transform: translateY(20px) translateX(50px);
      }

      .case-container:nth-of-type(even) .case-text {
        order: 1;
        transform: translateY(-20px) translateX(100px);
      }

      .case-container:nth-of-type(even) .case-image {
        order: 2;
        margin-left: 100px;
        transform: translateY(-20px) translateX(-40px);
      }

      @media screen and (max-width: 768px) {
        .case-container {
          flex-direction: column;
          padding: 20px;
          gap: 20px;
        }

        .case-image,
        .case-text {
          width: 100%;
          max-width: 100%;
          margin: 0 !important;
          transform: none !important;
          flex: 1 1 auto;
        }

        .case-text {
          padding: 20px;
          font-size: 14px;
        }

        .detail-line {
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
        }

        .detail-line::before {
          display: none;
        }

        .pdf-button {
          width: 100%;
          justify-content: center;
          padding: 12px;
        }
      }