.item.item-mid:first-child {
    background-color: #ffeaea;
    box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
  }

  .working-environment-mid {
    border-bottom: 2px solid #b50101;
    color: #b50101;
  }

  .grid-item_1-mid {
    background-color: #ffeaea;
    box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
  }

  .icon-language-mid {
    color: #b50101;
  }

  .icon-adjust-mid {
    background-color: #fdd1d1;
    box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
  }

  .icon-adjust-mid:hover {
    background-color: rgba(247, 128, 128, 0.1);
    /* ホバー時の背景色 */
    transform: scale(1.05);
    /* ホバー時に少し拡大 */
  }

  .detail-mid {
    box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
    background-color: #ffeaea;
    color: #b50101;
  }

  .mid-detail_info_sample {
    color: #b50101;
  }

  .legend-box.male {
    background-color: #afd8ff;
  }

  .legend-box.female {
    background-color: #f1f0aa;
  }

  .rage-mid {
    background-color: #fdd1d1;
  }

  /*後半*/
  .system_item.system_item-mid:last-child {
    background-color: #ffeaea;
    box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
  }

  .detail_system-mid {
    background-color: #ffeaea;
    box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
    color: #b50101;
  }