@charset "UTF-8";

.healthy_management_achievements {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  justify-content: center;
}

.healthy_management_achievements li {
  background: var(--corporate-blue);
  border-radius: 2px;
  color: var(--text-color-normal-white);
  padding: .5rem .25rem;
  flex: 1;
  text-align: center;
}

.healthy_management_achievements li span {
  font-size: var(--txt10);
}

.healthy_management_images {
  padding: 1rem .25rem;
  background-color: var(--bg-color-pale-gray);
  text-align: center;
}

.healthy_management_promotion_system {
  padding: 1rem .25rem;
  background-color: var(--contents-blue20);
  text-align: center;
}

.healthy_management_graph {
  padding-bottom: .5rem;
}

.healthy_management_graph img {
  width: 100%;
}

.health-table {
  min-width: 343px;
  border-collapse: collapse;
  table-layout: fixed;
  display: table;
}

.health-table th,
.health-table td {
  font-size: var(--txt16);
  border: 1px solid var(--border-color-dark);
  vertical-align: middle;
  padding: .25rem;
}

.health-table thead th {
  text-align: center;
  font-size: var(--txt12);
  background: var(--bg-color-light-medium-gray);
}

.health-table tbody th {
  font-size: var(--txt12);
  background: var(--bg-color-light-medium-gray);
  text-align: left;
}

.health-table td {
  text-align: center;
}

.health-table .highlight {
  background: var(--contents-blue20);
}

.health-table .target {
  white-space: nowrap;
}

.th-width_respondent {
  width: 100px;
}
  .healthy_management_certified {
    gap: .5rem;
    display: flex;
    flex-direction: column;
  }

@media screen and (min-width: 768px) {
  .healthy_management_achievements {
    width: 43rem;
    gap: 2rem;
    margin: 0 auto;
  }

  .healthy_management_achievements li {
    padding: 2rem .5rem;
  }

  .healthy_management_achievements li span {
    font-size: var(--txt12);
  }

  .healthy_management_images {
    padding: 1rem;
  }

  .healthy_management_promotion_system {
    padding: 1rem;
  }

  .healthy_management_attempt {
    width: calc(50% - 1rem);
  }

  .healthy_management_graph {
    width: 480px;
  }

  .healthy_management_graph img {
    width: 480px;
  }

  .health-table {
    width: 100%;
  }

  .health-table th,
  .health-table td {
    padding: .5rem;
  }

  .health-table thead th {
    font-size: var(--txt16);
  }

  .health-table tbody th {
    font-size: var(--txt16);
  }

  .th-width_respondent {
    width: 224px;
  }

  .healthy_management_certified {
    width: calc(100% - 310px);
  }

  .FlexAreaS-Vartical .FlexAreaS-Holizontal {
    flex: 1;
  }
}