/* 05バッジの背景色 */
    .section-num-badge {
      background: #04b1d2;
    }

    /* 右列の画像を1.5倍 */
    .top-right {
      flex: 0 0 219px;
    }

    .top-right .hero-img {
      margin-bottom: 15px;
    }

    /* request-point の背景・ボーダーをグレーに */
    .request-point {
      background: #f0f0f0;
      border-color: #cccccc;
    }

    /* タブレット以下: 右列を全幅・縦積み */
    @media (max-width: 768px) {
      .top-right {
        flex: none;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
      }
      .top-right .hero-img {
        width: 160px;
        flex-shrink: 0;
        margin-bottom: 0;
      }
      .top-right .industries-panel {
        flex: 1;
      }
    }

    /* SP: 縦積みに */
    @media (max-width: 480px) {
      .top-right {
        flex-direction: column;
        align-items: center;
      }
      .top-right .hero-img {
        width: 180px;
        margin-bottom: 15px;
      }
      .top-right .industries-panel {
        width: 100%;
      }
    }

    /* 水色囲みリスト */
    .btoc-case-list {
      background: #e8f4ff;
      border: 1px solid #b8d8f0;
      border-radius: 8px;
      padding: 14px 16px 14px 18px;
      margin-bottom: 0;
    }

    /* case-bar を btoc-header-box と同スタイルに */
    .case-bar {
      display: flex;
      align-items: stretch;
      gap: 0;
      background: transparent;
      border: 1.5px solid #4a7ddc;
      border-radius: 6px;
      padding: 0;
      overflow: hidden;
    }

    .case-label {
      border-radius: 0;
      background: #3a7bd5;
      display: flex;
      align-items: center;
      padding: 10px 14px;
    }

    .case-desc {
      background: #ddeeff;
      padding: 10px 14px;
      line-height: 1.65;
      display: flex;
      align-items: center;
      flex: 1;
    }