.flex-box {
  display: flex;
  flex-flow: row nowrap;
}

.hcr-section_inner {
  position: relative;
  z-index: 1;
  width: min(calc(1440 / 1920 * 100%), 1440px);
  margin: 0 auto;
  color: var(--color-black);
}

@media screen and (width <= 767px) {
  .hcr-section_inner {
    width: calc(650 / 750 * 100%);
  }
}

/* ====================
   background
   ==================== */
.hcr-numberVoice-bg {
  background: url('/recruit/assets/images/number_voice/bg_01.png') no-repeat center top / 100% auto;
}

.hcr-numberVoice-bg-2 {
  background: url('/recruit/assets/images/number_voice/bg_02.png') no-repeat center top / 100% auto;
}

@media screen and (width <= 767px) {
  /*   .hcr-c-mvA .mv_bg {
    height: 90vw;
  } */
}

/* ====================
   MV
   ==================== */
.hcr-c-mvA .mv_titleA {
  color: var(--color-white);
}

.hcr-c-mvA .hcr-numberVoice-mv-lead {
  margin-top: min(calc(30 / 1920 * 100vw), 30px);
  font-size: min(1.3541666667vw, 26px);
  /*! font-weight: bold; */
  line-height: 1.8;
  color: var(--color-white);
  text-shadow: 0 2px 6px rgb(0 0 0 / 35%);
}

@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_titleA {
    font-size: calc(42 / 750 * 100vw);
    line-height: 1.4;
    letter-spacing: -0.05em;
  }

  .hcr-c-mvA .hcr-numberVoice-mv-lead {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.7;
  }
}

/* ====================
   number voice nav
   ==================== */
.hcr-numberVoice-nav {
  position: relative;
  z-index: 100;
  width: 100%;
  margin: min(calc(80 / 1920 * 100vw), 80px) 0;
  background: var(--color-white);
}

.hcr-numberVoice-nav-list {
  display: flex;
  flex-flow: row nowrap;
  gap: min(calc(30 / 1920 * 100vw), 30px);
  width: min(calc(1440 / 1920 * 100%), 1440px);
  margin: 0 auto;
}

/* .hcr-numberVoice-nav.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: min(calc(30 / 1920 * 100vw), 30px) 0;
  margin: 0;
  background: var(--color-white);
} */

.hcr-numberVoice-nav-item {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: min(calc(120 / 1920 * 100vw), 120px);
  color: var(--color-black);
  text-decoration: none;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: 16px;
  box-shadow: 8px 8px 20px rgb(0 0 0 / 8%);
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.hcr-numberVoice-nav-title {
  margin: 0;
  font-size: min(calc(38 / 1920 * 100vw), 38px);
  font-weight: bold;
  line-height: 1.4;
}

.hcr-numberVoice-nav-item .item_circle {
  position: absolute;
  top: 50%;
  right: min(calc(48 / 1920 * 100vw), 48px);
  width: min(calc(62 / 1920 * 100vw), 62px);
  height: min(calc(62 / 1920 * 100vw), 62px);
  transform: translateY(-50%);
}

.hcr-numberVoice-nav-item .item_circle .arrow {
  transform: rotate(90deg);
}

@media screen and (hover: hover) {
  .hcr-numberVoice-nav-item:hover {
    color: var(--color-red-1);
    border: 1px solid var(--color-red-1);
    box-shadow: 4px 4px 12px rgb(0 0 0 / 6%);
  }
}

@media screen and (width <= 767px) {
  .hcr-numberVoice-nav {
    width: 100%;
    margin: calc(80 / 750 * 100vw) 0;
  }

  .hcr-numberVoice-nav-list {
    flex-flow: column nowrap;
    gap: calc(30 / 750 * 100vw);
    width: calc(670 / 750 * 100%);
    margin: 0 auto;
  }

  .hcr-numberVoice-nav.is-fixed {
    /*     padding: calc(30 / 750 * 100vw) 0;
    margin: 0; */
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    margin: calc(80 / 750 * 100vw) 0;
  }

  .hcr-numberVoice-nav-item {
    flex: none;
    width: 100%;
    height: calc(120 / 750 * 100vw);
    border-radius: calc(16 / 750 * 100vw);
    box-shadow: calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) calc(20 / 750 * 100vw) rgb(0 0 0 / 8%);
  }

  .hcr-numberVoice-nav-title {
    font-size: calc(38 / 750 * 100vw);
    line-height: 1.4;
  }

  .hcr-numberVoice-nav-item .item_circle {
    right: calc(48 / 750 * 100vw);
    width: calc(62 / 750 * 100vw);
    height: calc(62 / 750 * 100vw);
  }
}

#number {
  padding: min(calc(120 / 1920 * 100vw), 120px) 0 0;
  /*   scroll-margin-top: min(calc(100 / 1920 * 100vw), 100px); */
}

/* #number::after {
  display: block;
  width: 100%;
  height: min(calc(190 / 1920 * 100vw), 190px);
  content: '';
  background: linear-gradient(180deg, rgb(255 255 255) 0.03%, rgb(35 24 21) 100%);
  opacity: 0.07;
}
 */
/* #voice {
  scroll-margin-top: min(calc(0 / 1920 * 100vw), 0px);
} */

@media screen and (width <= 767px) {
}

/* ====================
   .hcr-numberSection
   ==================== */
.hcr-numberSection {
  color: var(--color-black);
}

.txt-gray {
  color: var(--color-gray-5);
}

.txt-red {
  color: var(--color-red-2);
}

.hcr-numberVoice-title {
  font-size: min(calc(55 / 1920 * 100vw), 55px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-black);
}

.hcr-numberSection .section_title {
  margin-bottom: min(calc(110 / 1920 * 100vw), 110px);
}

@media screen and (width <= 767px) {
  .hcr-numberVoice-title {
    font-size: calc(40 / 750 * 100vw);
  }
}

.hcr-number-list {
  display: flex;
  flex-flow: row nowrap;
  gap: min(calc(30 / 1920 * 100vw), 30px);
  width: 100%;
}

.hcr-number-list + .hcr-number-list {
  margin-top: min(calc(100 / 1920 * 100vw), 100px);
}

.hcr-number-list .hcr-number-card {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.hcr-number-list.-two .hcr-number-card {
  flex: 1 1 0;
  width: auto;
}

.hcr-number-card.-twoThird {
  box-sizing: border-box;
  flex: 0 0 calc((100% - 60px) / 3 * 2 + 30px);
  width: calc((100% - 60px) / 3 * 2 + 30px);
}

.hcr-number-card {
  position: relative;
  height: min(calc(459 / 1920 * 100vw), 459px);
  padding: min(calc(50 / 1920 * 100vw), 50px) min(calc(25 / 1920 * 100vw), 25px) min(calc(25 / 1920 * 100vw), 25px);
  text-align: center;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(calc(30 / 1920 * 100vw), 30px);
}

.hcr-number-card.-wide {
  width: auto;
}

@media screen and (width <= 767px) {
  .hcr-number-list {
    flex-flow: column nowrap;
    gap: calc(80 / 750 * 100vw);
    width: 100%;
  }

  .hcr-number-list + .hcr-number-list {
    margin-top: calc(80 / 750 * 100vw);
  }

  .hcr-number-list .hcr-number-card,
  .hcr-number-list.-two .hcr-number-card,
  .hcr-number-card.-twoThird,
  .hcr-number-card.-wide {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  .hcr-number-card {
    height: calc(459 / 750 * 100vw);
    padding: calc(50 / 750 * 100vw) calc(25 / 750 * 100vw) calc(25 / 750 * 100vw);
    border-radius: calc(30 / 750 * 100vw);
  }
}

.hcr-number-card-title {
  font-size: min(calc(42 / 1920 * 100vw), 42px);
  font-weight: bold;
  line-height: 1.4;
}

.hcr-number-card-icon {
  height: min(calc(120 / 1920 * 100vw), 120px);
  margin: min(calc(18 / 1920 * 100vw), 18px) auto 0;
}

.hcr-number-card-icon img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.hcr-number-card-value {
  margin-top: min(calc(20 / 1920 * 100vw), 20px);
  font-size: min(calc(100 / 1920 * 100vw), 100px);
  font-weight: bold;
  line-height: 1.1;
  color: var(--color-red-2);
}

.hcr-number-card-unit {
  margin-left: min(calc(4 / 1920 * 100vw), 4px);
  font-size: min(calc(42 / 1920 * 100vw), 42px);
}

.hcr-number-card-note {
  position: absolute;
  right: min(calc(18 / 1920 * 100vw), 18px);
  bottom: min(calc(15 / 1920 * 100vw), 15px);
  font-size: min(calc(20 / 1920 * 100vw), 20px);
  line-height: 1.5;
}

.hcr-number-percent {
  margin-left: min(calc(2 / 1920 * 100vw), 2px);
  font-size: min(calc(30 / 1920 * 100vw), 30px);
}

.hcr-number-card-row {
  gap: min(calc(35 / 1920 * 100vw), 35px);
  align-items: center;
  justify-content: center;
  margin-top: min(calc(25 / 1920 * 100vw), 25px);
}

.hcr-number-card-row .hcr-number-card-icon {
  width: min(calc(90 / 1920 * 100vw), 90px);
  margin: 0;
}

.hcr-number-card-rates {
  text-align: left;
}

.hcr-number-card-rate {
  font-size: min(calc(24 / 1920 * 100vw), 24px);
  line-height: 1.8;
}

.hcr-number-card-rate strong {
  margin-left: min(calc(15 / 1920 * 100vw), 15px);
  font-size: min(calc(42 / 1920 * 100vw), 42px);
  color: var(--color-red-2);
}

@media screen and (width <= 767px) {
  .hcr-number-card-title {
    font-size: calc(42 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.4;
  }

  .hcr-number-card-icon {
    height: calc(120 / 750 * 100vw);
    margin: calc(18 / 750 * 100vw) auto 0;
  }

  .hcr-number-card-icon img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }

  .hcr-number-card-value {
    margin-top: calc(20 / 750 * 100vw);
    font-size: calc(100 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.1;
    color: var(--color-red-2);
  }

  .hcr-number-card-unit {
    margin-left: calc(4 / 750 * 100vw);
    font-size: calc(42 / 750 * 100vw);
  }

  .hcr-number-card-note {
    position: absolute;
    right: calc(18 / 750 * 100vw);
    bottom: calc(15 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.5;
  }

  .hcr-number-percent {
    margin-left: calc(2 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
  }

  .hcr-number-card-row {
    gap: calc(35 / 750 * 100vw);
    align-items: center;
    justify-content: center;
    margin-top: calc(25 / 750 * 100vw);
  }

  .hcr-number-card-row .hcr-number-card-icon {
    width: calc(90 / 750 * 100vw);
    margin: 0;
  }

  .hcr-number-card-rates {
    text-align: left;
  }

  .hcr-number-card-rate {
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.8;
  }

  .hcr-number-card-rate strong {
    margin-left: calc(15 / 750 * 100vw);
    font-size: calc(42 / 750 * 100vw);
    color: var(--color-red-2);
  }
}

/* ====================
   workplace
   ==================== */
.hcr-number-workplace {
  position: relative;
  width: 100%;
  padding: min(calc(30 / 1920 * 100vw), 30px) min(calc(70 / 1920 * 100vw), 70px) min(calc(80 / 1920 * 100vw), 80px);
  margin: min(calc(84 / 1920 * 100vw), 84px) 0;
  background: var(--color-white);
  border: 1px solid #999;
  border-radius: 20px;
}

.hcr-number-workplace-heading {
  position: absolute;
  top: min(calc(65 / 1920 * 100vw), 65px);
  left: min(calc(70 / 1920 * 100vw), 70px);
}

.hcr-number-workplace-title {
  font-size: min(calc(38 / 1920 * 100vw), 38px);
  font-weight: bold;
  line-height: 1.5;
}

.hcr-number-workplace-icon {
  width: min(calc(126 / 1920 * 100vw), 126px);
  margin: min(calc(45 / 1920 * 100vw), 45px) auto;
}

.hcr-number-workplace-icon img {
  display: block;
  width: 100%;
  height: auto;
}

.hcr-number-workplace-content {
  justify-content: flex-end;
}

.hcr-number-workplace-chart {
  position: relative;
  width: min(calc(520 / 1920 * 100vw), 520px);
  height: min(calc(390 / 1920 * 100vw), 390px);
  margin-right: min(calc(80 / 1920 * 100vw), 80px);
}

.hcr-number-donut {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(calc(360 / 1920 * 100vw), 360px);
  height: min(calc(360 / 1920 * 100vw), 360px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-number-donut.-workplace {
  position: relative;
  z-index: 20;
  background: conic-gradient(var(--color-red-2) 0 54.7%, #f0f0f0 54.7% 72.3%, var(--color-gray-3) 72.3% 88.1%, #ccc 88.1% 100%);
}

.hcr-number-workplace-chart-value {
  position: absolute;
  z-index: 30;
  font-size: min(calc(44 / 1920 * 100vw), 44px);
  font-weight: bold;
  line-height: 1;
  color: var(--color-black);
}

.hcr-number-workplace-chart-value .hcr-number-percent {
  font-size: 55%;
}

.hcr-number-workplace-chart-value.-home {
  top: min(calc(163 / 1920 * 100vw), 163px);
  right: min(calc(90 / 1920 * 100vw), 90px);
  font-size: min(calc(57 / 1920 * 100vw), 57px);
  font-weight: bold;
  color: var(--color-white);
}

.hcr-number-workplace-chart-value.-office {
  bottom: min(calc(106 / 1920 * 100vw), 106px);
  left: min(calc(123 / 1920 * 100vw), 123px);
}

.hcr-number-workplace-chart-value.-hitachi {
  top: min(calc(52 / 1920 * 100vw), 52px);
  left: min(calc(160 / 1920 * 100vw), 160px);
}

.hcr-number-workplace-chart-value.-customer {
  top: min(calc(136 / 1920 * 100vw), 136px);
  left: min(calc(105 / 1920 * 100vw), 105px);
}

.hcr-number-workplace-chart-label {
  position: absolute;
  z-index: 3;
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  line-height: 1.5;
}

.hcr-number-workplace-chart-label.-home {
  top: min(calc(165 / 1920 * 100vw), 165px);
  right: max(calc(-105 / 1920 * 100vw), -105px);
  color: var(--color-red-2);
}

.hcr-number-workplace-chart-label.-home::after {
  position: absolute;
  top: 50%;
  right: calc(100% + min(calc(15 / 1920 * 100vw), 15px));
  z-index: 1;
  width: min(calc(65 / 1920 * 100vw), 65px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
}

.hcr-number-workplace-chart-label.-customer {
  top: min(calc(140 / 1920 * 100vw), 140px);
  left: max(calc(-125 / 1920 * 100vw), -125px);
}

.hcr-number-workplace-chart-label.-customer::after {
  position: absolute;
  top: min(calc(22 / 1920 * 100vw), 22px);
  left: calc(100% + min(calc(15 / 1920 * 100vw), 15px));
  z-index: -10;
  width: min(calc(72 / 1920 * 100vw), 72px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform-origin: left center;
}

.hcr-number-workplace-chart-label.-hitachi {
  top: min(calc(15 / 1920 * 100vw), 15px);
  left: max(calc(-85 / 1920 * 100vw), -85px);
}

.hcr-number-workplace-chart-label.-hitachi::before {
  position: absolute;
  top: min(calc(18 / 1920 * 100vw), 18px);
  left: calc(100% + min(calc(15 / 1920 * 100vw), 15px));
  width: min(calc(65 / 1920 * 100vw), 65px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
}

.hcr-number-workplace-chart-label.-hitachi::after {
  position: absolute;
  top: min(calc(18 / 1920 * 100vw), 18px);
  left: calc(100% + min(calc(80 / 1920 * 100vw), 80px));
  width: min(calc(28 / 1920 * 100vw), 28px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: rotate(45deg);
  transform-origin: left center;
}

.hcr-number-workplace-chart-label.-office {
  bottom: min(calc(65 / 1920 * 100vw), 65px);
  left: max(calc(-95 / 1920 * 100vw), -95px);
}

.hcr-number-workplace-chart-label.-office::after {
  position: absolute;
  top: min(calc(18 / 1920 * 100vw), 18px);
  left: calc(100% + min(calc(15 / 1920 * 100vw), 15px));
  width: min(calc(72 / 1920 * 100vw), 72px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: rotate(-28deg);
  transform-origin: left center;
}

.hcr-number-workplace-note {
  position: absolute;
  right: min(calc(40 / 1920 * 100vw), 40px);
  bottom: min(calc(25 / 1920 * 100vw), 25px);
  font-size: min(calc(20 / 1920 * 100vw), 20px);
  line-height: 1.5;
  text-align: right;
}

@media screen and (width <= 767px) {
  .hcr-number-workplace {
    position: relative;
    width: 100%;
    height: calc(1050 / 750 * 100vw);
    padding: calc(55 / 750 * 100vw) calc(30 / 750 * 100vw);
    margin: calc(84 / 750 * 100vw) 0;
    border-radius: calc(30 / 750 * 100vw);
  }

  .hcr-number-workplace-heading {
    position: static;
    text-align: center;
  }

  .hcr-number-workplace-title {
    font-size: calc(42 / 750 * 100vw);
    line-height: 1.4;
  }

  .hcr-number-workplace-icon {
    width: calc(126 / 750 * 100vw);
    margin: calc(55 / 750 * 100vw) auto 0;
  }

  .hcr-number-workplace-content {
    display: block;
  }

  .hcr-number-workplace-chart {
    position: relative;
    width: calc(600 / 750 * 100vw);
    height: calc(600 / 750 * 100vw);
    margin: calc(50 / 750 * 100vw) auto 0;
  }

  .hcr-number-donut {
    width: calc(420 / 750 * 100vw);
    height: calc(420 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-value {
    font-size: calc(44 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-value.-home {
    top: calc(273 / 750 * 100vw);
    right: calc(110 / 750 * 100vw);
    font-size: calc(57 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-value.-office {
    bottom: calc(187 / 750 * 100vw);
    left: calc(145 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-value.-hitachi {
    top: calc(138 / 750 * 100vw);
    left: calc(186 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-value.-customer {
    top: calc(235 / 750 * 100vw);
    left: calc(120 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-label {
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.5;
  }

  .hcr-number-workplace-chart-label.-home {
    top: calc(32 / 750 * 100vw);
    right: calc(29 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-label.-home::after {
    top: calc(48 / 750 * 100vw);
    right: calc(100% + calc(5 / 750 * 100vw));
    width: calc(80 / 750 * 100vw);
    transform: rotate(-48deg);
    transform-origin: right center;
  }

  .hcr-number-workplace-chart-label.-customer {
    top: calc(77 / 750 * 100vw);
    left: calc(5 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-label.-customer::before {
    position: absolute;
    top: calc(45 / 750 * 100vw);
    left: calc(10 / 750 * 100vw);
    width: 1px;
    height: calc(120 / 750 * 100vw);
    content: '';
    background: var(--color-gray-4);
  }

  .hcr-number-workplace-chart-label.-customer::after {
    position: absolute;
    top: calc(165 / 750 * 100vw);
    left: calc(10 / 750 * 100vw);
    z-index: 1;
    width: calc(80 / 750 * 100vw);
    height: 1px;
    content: '';
    background: var(--color-gray-4);
    transform: rotate(15deg);
    transform-origin: left center;
  }

  .hcr-number-workplace-chart-label.-hitachi {
    top: calc(10 / 750 * 100vw);
    left: calc(145 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-label.-hitachi::before {
    top: calc(48 / 750 * 100vw);
    left: 50%;
    width: calc(70 / 750 * 100vw);
    transform: rotate(82deg);
    transform-origin: left center;
  }

  .hcr-number-workplace-chart-label.-hitachi::after {
    display: none;
  }

  .hcr-number-workplace-chart-label.-office {
    bottom: calc(45 / 750 * 100vw);
    left: calc(5 / 750 * 100vw);
  }

  .hcr-number-workplace-chart-label.-office::before {
    position: absolute;
    bottom: calc(100% + 5 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    width: 1px;
    height: calc(40 / 750 * 100vw);
    content: '';
    background: var(--color-gray-4);
  }

  .hcr-number-workplace-chart-label.-office::after {
    top: calc(-44 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    width: calc(125 / 750 * 100vw);
    height: 1px;
    background: var(--color-gray-4);
    transform: rotate(-38deg);
    transform-origin: left center;
  }

  .hcr-number-workplace-note {
    right: calc(30 / 750 * 100vw);
    bottom: calc(25 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.7;
  }
}

.hcr-number-card.-childcare .hcr-number-card-title {
  position: absolute;
  top: min(calc(50 / 1920 * 100vw), 50px);
  left: min(calc(110 / 1920 * 100vw), 110px);
  text-align: left;
}

.hcr-number-card.-childcare .hcr-number-card-row {
  gap: min(calc(90 / 1920 * 100vw), 90px);
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: min(calc(5 / 1920 * 100vw), 5px);
}

.hcr-number-card.-childcare .hcr-number-card-icon {
  width: auto;
  height: min(calc(132 / 1920 * 100vw), 132px);
}

.hcr-number-card.-childcare .hcr-number-card-icon img {
  width: auto;
  height: 100%;
  margin: 0;
}

.hcr-number-card.-childcare .hcr-number-card-rates {
  text-align: left;
}

.hcr-number-card.-childcare .hcr-number-card-rate {
  gap: min(calc(25 / 1920 * 100vw), 25px);
  align-items: center;
}

.hcr-number-card.-childcare .hcr-number-card-rate + .hcr-number-card-rate {
  margin-top: min(calc(20 / 1920 * 100vw), 20px);
}

.hcr-number-card.-childcare .hcr-number-card-rate-label {
  flex: 0 0 min(calc(90 / 1920 * 100vw), 90px);
  width: min(calc(90 / 1920 * 100vw), 90px);
  font-size: min(calc(42 / 1920 * 100vw), 42px);
  line-height: 1.4;
  color: var(--color-gray-5);
}

.hcr-number-card.-childcare .hcr-number-card-value {
  margin-top: 0;
}

.hcr-number-card.-childcare .hcr-number-card-rate:first-child .hcr-number-card-value {
  color: var(--color-gray-5);
}

.hcr-number-card.-childcare .hcr-number-card-rate:last-child .hcr-number-card-value {
  color: var(--color-red-2);
}

@media screen and (width <= 767px) {
  .hcr-number-card.-childcare {
    height: calc(700 / 750 * 100vw);
    padding: calc(45 / 750 * 100vw) calc(35 / 750 * 100vw) calc(30 / 750 * 100vw);
  }

  .hcr-number-card.-childcare .hcr-number-card-title {
    position: static;
    font-size: calc(42 / 750 * 100vw);
    text-align: center;
  }

  .hcr-number-card.-childcare .hcr-number-card-row {
    display: block;
    height: auto;
    margin-top: calc(55 / 750 * 100vw);
  }

  .hcr-number-card.-childcare .hcr-number-card-icon {
    width: auto;
    height: calc(132 / 750 * 100vw);
    margin: 0 auto;
  }

  .hcr-number-card.-childcare .hcr-number-card-icon img {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }

  .hcr-number-card.-childcare .hcr-number-card-rates {
    width: calc(500 / 750 * 100vw);
    margin: calc(65 / 750 * 100vw) auto 0;
    text-align: left;
  }

  .hcr-number-card.-childcare .hcr-number-card-rate {
    display: flex;
    gap: calc(25 / 750 * 100vw);
    align-items: center;
    justify-content: flex-start;
  }

  .hcr-number-card.-childcare .hcr-number-card-rate + .hcr-number-card-rate {
    margin-top: calc(35 / 750 * 100vw);
  }

  .hcr-number-card.-childcare .hcr-number-card-rate-label {
    flex: 0 0 calc(120 / 750 * 100vw);
    width: calc(120 / 750 * 100vw);
    font-size: calc(42 / 750 * 100vw);
    line-height: 1.4;
    color: var(--color-gray-5);
    text-align: right;
  }

  .hcr-number-card.-childcare .hcr-number-card-value {
    margin-top: 0;
    font-size: calc(100 / 750 * 100vw);
    line-height: 1;
  }

  .hcr-number-card.-childcare .hcr-number-card-rate:first-child .hcr-number-card-value {
    color: var(--color-gray-5);
  }

  .hcr-number-card.-childcare .hcr-number-card-rate:last-child .hcr-number-card-value {
    color: var(--color-red-2);
  }

  .hcr-number-card.-childcare .hcr-number-card-note {
    right: calc(30 / 750 * 100vw);
    bottom: calc(25 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
}

.hcr-number-card.-paidLeave {
  padding: min(calc(20 / 1920 * 100vw), 20px) min(calc(25 / 1920 * 100vw), 25px) min(calc(25 / 1920 * 100vw), 25px);
}

.hcr-number-card.-paidLeave .hcr-number-card-icon {
  height: min(calc(120 / 1920 * 100vw), 120px);
  margin: min(calc(8 / 1920 * 100vw), 8px) auto 0;
}

.hcr-number-card.-paidLeave .hcr-number-card-value {
  margin-top: 0;
}

@media screen and (width <= 767px) {
  .hcr-number-card.-paidLeave {
    height: calc(459 / 750 * 100vw);
    padding: calc(50 / 750 * 100vw) calc(25 / 750 * 100vw) calc(25 / 750 * 100vw);
  }

  .hcr-number-card.-paidLeave .hcr-number-card-icon {
    height: calc(120 / 750 * 100vw);
    margin: calc(18 / 750 * 100vw) auto 0;
  }

  .hcr-number-card.-paidLeave .hcr-number-card-value {
    margin-top: 0;
  }
}

.hcr-number-recruit {
  margin-top: min(calc(35 / 1920 * 100vw), 35px);
}

.hcr-number-recruit-row {
  display: flex;
  gap: min(calc(25 / 1920 * 100vw), 25px);
  align-items: center;
  justify-content: center;
  font-size: min(calc(20 / 1920 * 100vw), 20px);
}

.hcr-number-recruit-row + .hcr-number-recruit-row {
}

.hcr-number-recruit-year {
  font-size: min(calc(24 / 1920 * 100vw), 24px);
  line-height: 1.5;
}

.hcr-number-recruit .hcr-number-card-value {
  margin-top: 0;
}

.hcr-number-recruit .hcr-number-card-unit {
  font-size: min(calc(30 / 1920 * 100vw), 30px);
}

@media screen and (width <= 767px) {
  .hcr-number-recruit {
    margin-top: calc(55 / 750 * 100vw);
  }

  .hcr-number-recruit-row {
    display: flex;
    gap: calc(18 / 750 * 100vw);
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 750 * 100vw);
  }

  .hcr-number-recruit-row + .hcr-number-recruit-row {
    margin-top: calc(35 / 750 * 100vw);
  }

  .hcr-number-recruit-year {
    flex: 0 0 calc(90 / 750 * 100vw);
    width: calc(90 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.5;
    text-align: right;
  }

  .hcr-number-recruit .hcr-number-card-value {
    margin-top: 0;
    font-size: calc(100 / 750 * 100vw);
    line-height: 1;
  }

  .hcr-number-recruit .hcr-number-card-unit {
    margin-left: calc(8 / 750 * 100vw);
    font-size: calc(38 / 750 * 100vw);
  }

  .hcr-number-recruit-row:first-child .hcr-number-card-value,
  .hcr-number-recruit-row:first-child .hcr-number-card-unit {
    color: var(--color-red-2);
  }

  .hcr-number-recruit-row:last-child .hcr-number-card-value,
  .hcr-number-recruit-row:last-child .hcr-number-card-unit {
    color: var(--color-gray-5);
  }
}

.hcr-number-pieWrap {
  position: relative;
  width: min(calc(300 / 1920 * 100vw), 300px);
  height: min(calc(300 / 1920 * 100vw), 300px);
  margin: min(calc(30 / 1920 * 100vw), 30px) auto 0;
}

.hcr-number-pie {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(calc(250 / 1920 * 100vw), 250px);
  height: min(calc(250 / 1920 * 100vw), 250px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-number-pie.-gender {
  background: conic-gradient(#222 0 65.7%, var(--color-gray-4) 65.7% 100%);
}

.hcr-number-pie.-faculty {
  background: conic-gradient(#222 0 63.3%, var(--color-gray-4) 63.3% 100%);
}

.hcr-number-pie-label {
  position: absolute;
  top: 50%;
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  font-weight: bold;
  line-height: 1;
  transform: translateY(-50%);
}

.hcr-number-pie-label.-left {
  left: max(calc(-15 / 1920 * 100vw), -15px);
}

.hcr-number-pie-label.-right {
  right: max(calc(-15 / 1920 * 100vw), -15px);
}

.hcr-number-pie-value {
  position: absolute;
  z-index: 1;
  font-size: min(calc(34 / 1920 * 100vw), 34px);
  font-weight: bold;
  line-height: 1;
  color: var(--color-white);
}

.hcr-number-pie-value .hcr-number-percent {
  font-size: 50%;
}

.hcr-number-pie-value.-gender-female {
  top: min(calc(88 / 1920 * 100vw), 88px);
  left: min(calc(56 / 1920 * 100vw), 56px);
}

.hcr-number-pie-value.-gender-male {
  right: min(calc(48 / 1920 * 100vw), 48px);
  bottom: min(calc(100 / 1920 * 100vw), 100px);
}

.hcr-number-pie-value.-faculty-humanities {
  top: min(calc(88 / 1920 * 100vw), 88px);
  left: min(calc(55 / 1920 * 100vw), 55px);
}

.hcr-number-pie-value.-faculty-science {
  right: min(calc(48 / 1920 * 100vw), 48px);
  bottom: min(calc(100 / 1920 * 100vw), 100px);
}

.hcr-number-card.-faculty .hcr-number-pie-label.-left {
  left: max(calc(-45 / 1920 * 100vw), -45px);
}

.hcr-number-card.-faculty .hcr-number-pie-label.-right {
  right: max(calc(-45 / 1920 * 100vw), -45px);
}

@media screen and (width <= 767px) {
  .hcr-number-card {
    height: calc(459 / 750 * 100vw);
  }

  .hcr-number-pieWrap {
    position: relative;
    width: calc(400 / 750 * 100vw);
    height: calc(300 / 750 * 100vw);
    margin: calc(20 / 750 * 100vw) auto 0;
  }

  .hcr-number-pie {
    width: calc(250 / 750 * 100vw);
    height: calc(250 / 750 * 100vw);
  }

  .hcr-number-pie-label {
    font-size: calc(28 / 750 * 100vw);
  }

  .hcr-number-pie-label.-left {
    left: 0;
  }

  .hcr-number-pie-label.-right {
    right: 0;
  }

  .hcr-number-card.-faculty .hcr-number-pie-label.-left {
    left: 0;
  }

  .hcr-number-card.-faculty .hcr-number-pie-label.-right {
    right: 0;
  }

  .hcr-number-pie-value {
    font-size: calc(40 / 750 * 100vw);
  }

  .hcr-number-pie-value.-gender-female {
    top: calc(100 / 750 * 100vw);
    left: calc(99 / 750 * 100vw);
  }

  .hcr-number-pie-value.-gender-male {
    right: calc(105 / 750 * 100vw);
    bottom: calc(100 / 750 * 100vw);
  }

  .hcr-number-pie-value.-faculty-humanities {
    top: calc(100 / 750 * 100vw);
    left: calc(99 / 750 * 100vw);
  }

  .hcr-number-pie-value.-faculty-science {
    right: calc(105 / 750 * 100vw);
    bottom: calc(100 / 750 * 100vw);
  }
}

.hcr-number-investment {
  padding: min(calc(50 / 1920 * 100vw), 50px) min(calc(115 / 1920 * 100vw), 115px);
  margin: min(calc(95 / 1920 * 100vw), 95px) 0 0;
  text-align: left;
}

.hcr-number-investment-content {
  gap: min(calc(130 / 1920 * 100vw), 130px);
  align-items: center;
  justify-content: center;
  margin-top: min(calc(20 / 1920 * 100vw), 20px);
}

.hcr-number-investment-icon {
  width: min(calc(156 / 1920 * 100vw), 156px);
}

.hcr-number-investment-icon img {
  display: block;
  width: 100%;
  height: auto;
}

.hcr-number-investment-lead {
  font-size: min(calc(42 / 1920 * 100vw), 42px);
  font-weight: bold;
}

@media screen and (width <= 767px) {
  .hcr-number-investment {
    height: calc(659 / 750 * 100vw);
    padding: calc(50 / 750 * 100vw) calc(35 / 750 * 100vw) calc(30 / 750 * 100vw);
    margin: calc(95 / 750 * 100vw) 0 0;
    text-align: center;
  }

  .hcr-number-investment-title {
    font-size: calc(42 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }

  .hcr-number-investment-content {
    display: block;
    margin-top: calc(55 / 750 * 100vw);
  }

  .hcr-number-investment-icon {
    width: calc(156 / 750 * 100vw);
    margin: 0 auto;
  }

  .hcr-number-investment-icon img {
    display: block;
    width: 100%;
    height: auto;
  }

  .hcr-number-investment-text {
    margin-top: calc(60 / 750 * 100vw);
    text-align: center;
  }

  .hcr-number-investment-lead {
    font-size: calc(42 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.4;
  }

  .hcr-number-investment-value {
    margin-top: calc(20 / 750 * 100vw);
    font-size: calc(100 / 750 * 100vw);
    font-weight: bold;
    line-height: 1;
    color: var(--color-red-2);
  }

  .hcr-number-investment-value .hcr-number-card-unit {
    font-size: calc(42 / 750 * 100vw);
  }

  .hcr-number-investment .hcr-number-card-note {
    right: calc(30 / 750 * 100vw);
    bottom: calc(25 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
}

/* ====================
   .hcr-voiceSection
   ==================== */
.hcr-voiceSection {
  position: relative;
  padding-block: min(calc(150 / 1920 * 100vw), 150px) min(calc(180 / 1920 * 100vw), 180px);
  color: var(--color-black);
}

.hcr-voiceSection .section_title {
  margin-bottom: min(calc(130 / 1920 * 100vw), 130px);
}

.hcr-voiceSection .hcr-c-sectionLead {
  margin-top: min(calc(42 / 1920 * 100vw), 42px);
  font-size: min(calc(32 / 1920 * 100vw), 32px);
  line-height: 1.7;
}

@media screen and (width <= 767px) {
  .hcr-voiceSection {
    position: relative;
    padding-block: calc(150 / 750 * 100vw) calc(180 / 750 * 100vw);
    color: var(--color-black);
  }

  .hcr-voiceSection .section_title {
    margin-bottom: calc(130 / 750 * 100vw);
  }

  .hcr-voiceSection .hcr-c-sectionLead {
    margin-top: calc(42 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.7;
  }
}

/* ====================
   .hcr-voice-block
   ==================== */
.hcr-voice-block + .hcr-voice-block {
  margin-top: min(calc(140 / 1920 * 100vw), 140px);
}

.hcr-voice-question {
  margin-bottom: min(calc(40 / 1920 * 100vw), 40px);
  font-size: min(calc(49 / 1920 * 100vw), 49px);
  font-weight: bold;
  line-height: 1.5;
}

.hcr-voice-box {
  gap: min(calc(80 / 1920 * 100vw), 80px);
  align-items: center;
  padding: min(calc(60 / 1920 * 100vw), 60px) min(calc(70 / 1920 * 100vw), 70px);
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: 30px;
}

.hcr-voice-comment {
  flex: 1;
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  line-height: 1.8;
}

.hcr-voice-barChart {
  width: min(calc(700 / 1920 * 100vw), 700px);
}

.hcr-voice-barRow {
  display: flex;
  align-items: center;
  min-height: min(calc(47 / 1920 * 100vw), 47px);
}

.hcr-voice-barLabel {
  flex: 0 0 min(calc(320 / 1920 * 100vw), 320px);
  width: min(calc(320 / 1920 * 100vw), 320px);
  padding-right: min(calc(25 / 1920 * 100vw), 25px);
  font-size: min(calc(24 / 1920 * 100vw), 24px);
  font-weight: bold;
  line-height: 1.4;
}

.hcr-voice-barNum {
  flex: 0 0 min(calc(45 / 1920 * 100vw), 45px);
  width: min(calc(45 / 1920 * 100vw), 45px);
  margin-right: min(calc(12 / 1920 * 100vw), 12px);
  font-size: min(calc(24 / 1920 * 100vw), 24px);
  line-height: 1;
  text-align: right;
}

.hcr-voice-barData {
  position: relative;
  flex: 1;
  height: min(calc(20 / 1920 * 100vw), 20px);
}

.hcr-voice-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--voice-width);
  height: 100%;
  background: var(--color-gray-4);
}

.hcr-voice-bar.-rank01 {
  background: var(--color-red-2);
}

.hcr-voice-bar.-rank02 {
  background: #222;
}

.hcr-voice-bar.-rank03 {
  background: var(--color-gray-5);
}

.hcr-voice-bar.-rank04 {
  background: var(--color-gray-4);
}

.hcr-voice-bar.-rank05 {
  background: var(--color-gray-3);
}

.hcr-voice-bar.-rank06 {
  background: var(--color-gray-2);
}

.hcr-voice-bar.-rank07 {
  background: var(--color-gray-1);
}

.hcr-voice-barUnit {
  margin: min(calc(12 / 1920 * 100vw), 12px) 0 0 min(calc(330 / 1920 * 100vw), 330px);
  font-size: min(calc(20 / 1920 * 100vw), 20px);
  line-height: 1.5;
}

@media screen and (width <= 767px) {
  .hcr-voice-block + .hcr-voice-block {
    margin-top: calc(140 / 750 * 100vw);
  }

  .hcr-voice-question {
    margin-bottom: calc(40 / 750 * 100vw);
    font-size: calc(40 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.5;
  }

  .hcr-voice-box {
    flex-flow: column nowrap;
    gap: calc(65 / 750 * 100vw);
    align-items: stretch;
    padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw) calc(70 / 750 * 100vw);
    border-radius: calc(30 / 750 * 100vw);
  }

  .hcr-voice-comment {
    flex: none;
    width: 100%;
    font-size: calc(25 / 750 * 100vw);
    line-height: 1.8;
  }

  .hcr-voice-barChart {
    width: 100%;
  }

  .hcr-voice-barRow {
    min-height: calc(58 / 750 * 100vw);
  }

  .hcr-voice-barLabel {
    flex: 0 0 calc(300 / 750 * 100vw);
    width: calc(300 / 750 * 100vw);
    padding-right: 0;
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.4;
  }

  .hcr-voice-barNum {
    flex: 0 0 calc(45 / 750 * 100vw);
    width: calc(45 / 750 * 100vw);
    margin-right: calc(12 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    line-height: 1;
  }

  .hcr-voice-barData {
    flex: 1;
    height: calc(20 / 750 * 100vw);
  }

  .hcr-voice-barUnit {
    margin: calc(12 / 750 * 100vw) 0 0 calc(265 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.5;
  }
}

.hcr-voice-gapBox {
  padding: min(calc(76 / 1920 * 100vw), 76px) min(calc(70 / 1920 * 100vw), 70px);
  background: var(--color-white);
  border: 1px solid #999;
  border-radius: 20px;
}

.hcr-voice-gapChart {
  position: relative;
  width: min(calc(500 / 1920 * 100vw), 500px);
  height: min(calc(380 / 1920 * 100vw), 380px);
  margin: 0 auto;
}

.hcr-voice-gapChart .hcr-voice-donut {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(calc(360 / 1920 * 100vw), 360px);
  height: min(calc(360 / 1920 * 100vw), 360px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-voice-gapChart .hcr-voice-donut::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: min(calc(300 / 1920 * 100vw), 300px);
  height: min(calc(300 / 1920 * 100vw), 300px);
  content: '';
  background: var(--color-white);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-voice-donut.-gap {
  background:
    conic-gradient(var(--color-white) 0 0.1%, transparent 0.1% 51.9%, var(--color-white) 51.9% 52.1%, transparent 52.1% 99.9%, var(--color-white) 99.9% 100%),
    conic-gradient(var(--color-red-2) 0 52%, var(--color-gray-3) 52% 100%);
}

.hcr-voice-donut-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 70%;
  font-size: min(calc(36 / 1920 * 100vw), 36px);
  line-height: 1.4;
  text-align: center;
  transform: translate(-50%, -50%);
}

.hcr-voice-gap-label {
  position: absolute;
  top: 50%;
  font-size: min(calc(25 / 1920 * 100vw), 25px);
  line-height: 1.2;
  transform: translateY(-50%);
}

.hcr-voice-gap-label .value {
  font-size: min(calc(70 / 1920 * 100vw), 70px);
  font-weight: bold;
}

.hcr-voice-gap-label.-no {
  right: max(calc(-80 / 1920 * 100vw), -80px);
  color: var(--color-red-2);
  text-align: center;
}

.hcr-voice-gap-label.-yes {
  left: max(calc(-70 / 1920 * 100vw), -70px);
  text-align: center;
}

.hcr-voice-gapAnswers {
  gap: min(calc(60 / 1920 * 100vw), 60px);
  margin-top: min(calc(96 / 1920 * 100vw), 96px);
}

.hcr-voice-gapAnswer {
  flex: 1;
}

.hcr-voice-gapAnswer-title {
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  font-weight: bold;
}

.hcr-voice-gapAnswer-list {
  margin-top: min(calc(15 / 1920 * 100vw), 15px);
}

.hcr-voice-gapAnswer-list li {
  position: relative;
  padding-left: 1em;
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  line-height: 1.6;
}

.hcr-voice-gapAnswer-list li::before {
  position: absolute;
  left: 0;
  content: '�E';
}

@media screen and (width <= 767px) {
  .hcr-voice-gapBox {
    padding: calc(70 / 750 * 100vw) calc(35 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
  }

  .hcr-voice-gapChart {
    position: relative;
    width: 100%;
    height: calc(470 / 750 * 100vw);
    margin: 0 auto;
  }

  .hcr-voice-gapChart .hcr-voice-donut {
    width: calc(316 / 750 * 100vw);
    height: calc(316 / 750 * 100vw);
  }

  .hcr-voice-gapChart .hcr-voice-donut::before {
    width: calc(266 / 750 * 100vw);
    height: calc(266 / 750 * 100vw);
  }

  .hcr-voice-donut-center {
    width: 60%;
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.4;
  }

  .hcr-voice-gap-label {
    top: 50%;
    font-size: calc(25 / 750 * 100vw);
    line-height: 1.2;
  }

  .hcr-voice-gap-label .value {
    font-size: calc(70 / 750 * 100vw);
  }

  .hcr-voice-gap-label.-no {
    right: 0;
  }

  .hcr-voice-gap-label.-yes {
    left: 0;
  }

  .hcr-voice-gapAnswers {
    display: block;
    margin-top: calc(70 / 750 * 100vw);
  }

  .hcr-voice-gapAnswer {
    width: 100%;
  }

  .hcr-voice-gapAnswer + .hcr-voice-gapAnswer {
    margin-top: calc(75 / 750 * 100vw);
  }

  .hcr-voice-gapAnswer-title {
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.5;
  }

  .hcr-voice-gapAnswer-list {
    margin-top: calc(30 / 750 * 100vw);
  }

  .hcr-voice-gapAnswer-list li {
    padding-left: 1em;
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.6;
  }
}

/* ====================
   voice row
   ==================== */
.hcr-voice-row {
  display: flex;
  flex-flow: row nowrap;
  gap: min(calc(30 / 1920 * 100vw), 30px);
  align-items: flex-end;
  margin-top: min(calc(120 / 1920 * 100vw), 120px);
}

.hcr-voice-row .hcr-voice-block {
  margin-top: 0;
}

.hcr-voice-block.-half {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.hcr-voice-block.-half > div {
  height: min(calc(459 / 1920 * 100vw), 459px);
  padding: min(calc(40 / 1920 * 100vw), 40px);
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: 30px;
}

@media screen and (width <= 767px) {
  .hcr-voice-row {
    flex-flow: column nowrap;
    gap: calc(120 / 750 * 100vw);
    align-items: stretch;
    width: 100%;
    margin-top: calc(120 / 750 * 100vw);
  }

  .hcr-voice-row .hcr-voice-block {
    width: 100%;
    margin-top: 0;
  }

  .hcr-voice-block.-half {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  .hcr-voice-block.-half > div {
    width: 100%;
    height: auto;
    min-height: calc(459 / 750 * 100vw);
    padding: calc(40 / 750 * 100vw);
    background: var(--color-white);
    border: 1px solid var(--color-gray-3);
    border-radius: calc(30 / 750 * 100vw);
  }
}

.-firstWork .hcr-voice-barChart {
  width: 100%;
}

.-firstWork .hcr-voice-barLabel {
  flex: 0 0 min(calc(200 / 1920 * 100vw), 200px);
  width: min(calc(200 / 1920 * 100vw), 200px);
}

.-firstWork .hcr-voice-barUnit {
  margin: min(calc(12 / 1920 * 100vw), 12px) 0 0 min(calc(200 / 1920 * 100vw), 200px);
}

@media screen and (width <= 767px) {
  .-firstWork .hcr-voice-barChart {
    width: 100%;
  }

  .-firstWork .hcr-voice-barLabel {
    flex: 0 0 calc(200 / 750 * 100vw);
    width: calc(200 / 750 * 100vw);
    padding-right: calc(20 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }

  .-firstWork .hcr-voice-barNum {
    flex: 0 0 calc(45 / 750 * 100vw);
    width: calc(45 / 750 * 100vw);
    margin-right: calc(12 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
  }

  .-firstWork .hcr-voice-barData {
    height: calc(20 / 750 * 100vw);
  }

  .-firstWork .hcr-voice-barUnit {
    margin: calc(12 / 750 * 100vw) 0 0 calc(200 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
}

.hcr-voice-multiDonut {
  position: relative;
  min-height: min(calc(430 / 1920 * 100vw), 430px);
}

.hcr-voice-multiDonut .hcr-voice-donut {
  position: absolute;
  top: 54%;
  left: 50%;
  width: min(calc(300 / 1920 * 100vw), 300px);
  height: min(calc(300 / 1920 * 100vw), 300px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-voice-multiDonut .hcr-voice-donut::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: min(calc(250 / 1920 * 100vw), 250px);
  height: min(calc(250 / 1920 * 100vw), 250px);
  content: '';
  background: var(--color-white);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-voice-donut.-business {
  background:
    conic-gradient(
      var(--color-white) 0 0.1%,
      transparent 0.1% 30.9%,
      var(--color-white) 30.9% 31.1%,
      transparent 31.1% 56.9%,
      var(--color-white) 56.9% 57.1%,
      transparent 57.1% 76.9%,
      var(--color-white) 76.9% 77.1%,
      transparent 77.1% 83.9%,
      var(--color-white) 83.9% 84.1%,
      transparent 84.1% 99.9%,
      var(--color-white) 99.9% 100%
    ),
    conic-gradient(var(--color-red-2) 0 31%, #222 31% 57%, var(--color-gray-4) 57% 77%, var(--color-gray-3) 77% 84%, var(--color-gray-2) 84% 100%);
}

.-business .hcr-voice-multiLabel.-a {
  top: min(calc(105 / 1920 * 100vw), 105px);
  right: min(calc(45 / 1920 * 100vw), 45px);
  text-align: center;
}

.-business .hcr-voice-multiLabel.-b {
  right: min(calc(50 / 1920 * 100vw), 50px);
  bottom: min(calc(30 / 1920 * 100vw), 30px);
}

.-business .hcr-voice-multiLabel.-c {
  bottom: min(calc(85 / 1920 * 100vw), 65px);
  left: min(calc(28 / 1920 * 100vw), 35px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
  text-align: right;
}

.-business .hcr-voice-multiLabel.-d {
  top: min(calc(165 / 1920 * 100vw), 165px);
  left: min(calc(27 / 1920 * 100vw), 27px);
  display: flex;
  gap: min(calc(7 / 1920 * 100vw), 7px);
  align-items: center;
  text-align: right;
}

.-business .hcr-voice-multiLabel.-d .value {
  display: block;
  line-height: 1;
}

.-business .hcr-voice-multiLabel.-e {
  top: min(calc(55 / 1920 * 100vw), 55px);
  left: min(calc(105 / 1920 * 100vw), 105px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
}

@media screen and (width <= 767px) {
  .hcr-voice-multiDonut {
    position: relative;
    min-height: calc(430 / 750 * 100vw);
  }

  .hcr-voice-multiDonut .hcr-voice-donut {
    position: absolute;
    top: 54%;
    left: 50%;
    width: calc(300 / 750 * 100vw);
    height: calc(300 / 750 * 100vw);
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }

  .hcr-voice-multiDonut .hcr-voice-donut::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: calc(250 / 750 * 100vw);
    height: calc(250 / 750 * 100vw);
    content: '';
    background: var(--color-white);
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }

  .-business .hcr-voice-multiLabel.-a {
    top: calc(85 / 750 * 100vw);
    right: calc(20 / 750 * 100vw);
    text-align: center;
  }

  .-business .hcr-voice-multiLabel.-b {
    right: calc(20 / 750 * 100vw);
    bottom: calc(33 / 750 * 100vw);
    display: flex;
    gap: calc(5 / 750 * 100vw);
    align-items: center;
  }

  .-business .hcr-voice-multiLabel.-b > .value {
    line-height: 1;
  }

  .-business .hcr-voice-multiLabel.-c {
    bottom: calc(50 / 750 * 100vw);
    left: calc(45 / 750 * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(5 / 750 * 100vw);
    align-items: flex-end;
  }

  .-business .hcr-voice-multiLabel.-d {
    top: calc(150 / 750 * 100vw);
    left: calc(25 / 750 * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(5 / 750 * 100vw);
    align-items: flex-end;
    text-align: right;
  }

  .-business .hcr-voice-multiLabel.-d .value {
    display: block;
    line-height: 1;
    white-space: nowrap;
  }

  .-business .hcr-voice-multiLabel.-d .value {
    display: block;
    line-height: 1;
  }

  .-business .hcr-voice-multiLabel.-e {
    top: calc(46 / 750 * 100vw);
    left: calc(95 / 750 * 100vw);
    display: flex;
    gap: calc(10 / 750 * 100vw);
    align-items: center;
  }
}

.hcr-voice-donut.-support {
  background:
    conic-gradient(
      var(--color-white) 0 0.1%,
      transparent 0.1% 72.9%,
      var(--color-white) 72.9% 73.1%,
      transparent 73.1% 84.9%,
      var(--color-white) 84.9% 85.1%,
      transparent 85.1% 96.9%,
      var(--color-white) 96.9% 97.1%,
      transparent 97.1% 99.9%,
      var(--color-white) 99.9% 100%
    ),
    conic-gradient(var(--color-red-2) 0 73%, #222 73% 85%, var(--color-gray-4) 85% 97%, var(--color-gray-2) 97% 100%);
}

.hcr-voice-donut.-clothes {
  background:
    conic-gradient(
      var(--color-white) 0 0.1%,
      transparent 0.1% 49.9%,
      var(--color-white) 49.9% 50.1%,
      transparent 50.1% 87.9%,
      var(--color-white) 87.9% 88.1%,
      transparent 88.1% 99.9%,
      var(--color-white) 99.9% 100%
    ),
    conic-gradient(var(--color-red-2) 0 50%, #222 50% 88%, var(--color-gray-4) 88% 100%);
}

.hcr-voice-multiLabel {
  position: absolute;
  z-index: 2;
  font-size: min(calc(18 / 1920 * 100vw), 18px);
  line-height: 1.2;
}

.hcr-voice-multiLabel .value {
  font-size: min(calc(60 / 1920 * 100vw), 60px);
  font-weight: bold;
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-a {
  top: min(calc(180 / 1920 * 100vw), 180px);
  right: min(calc(10 / 1920 * 100vw), 10px);
  color: var(--color-red-2);
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-a::before {
  position: absolute;
  top: 24%;
  right: calc(100% + min(calc(10 / 1920 * 100vw), 10px));
  width: min(calc(105 / 1920 * 100vw), 65px);
  height: 1px;
  content: '';
  background: var(--color-red-2);
  /*! transform: rotate(14deg); */
  /*! transform-origin: right center; */
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-b {
  right: auto;
  bottom: min(calc(160 / 1920 * 100vw), 160px);
  left: min(calc(45 / 1920 * 100vw), 45px);
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-b::before {
  position: absolute;
  top: 50%;
  left: 100%;
  width: min(calc(65 / 1920 * 100vw), 65px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-c {
  bottom: min(calc(310 / 1920 * 100vw), 310px);
  left: min(calc(45 / 1920 * 100vw), 45px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-c::before {
  position: absolute;
  top: min(calc(26 / 1920 * 100vw), 26px);
  left: calc(100% + min(calc(5 / 1920 * 100vw), 5px));
  width: min(calc(20 / 1920 * 100vw), 20px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-c::after {
  position: absolute;
  top: min(calc(26 / 1920 * 100vw), 26px);
  left: calc(100% + min(calc(25 / 1920 * 100vw), 25px));
  width: min(calc(42 / 1920 * 100vw), 42px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: rotate(50deg);
  transform-origin: left center;
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-e {
  top: min(calc(18 / 1920 * 100vw), 18px);
  left: min(calc(276 / 1920 * 100vw), 276px);
  text-align: left;
}

.hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-e::before {
  position: absolute;
  top: min(calc(65 / 1920 * 100vw), 65px);
  left: 45%;
  width: min(calc(15 / 1920 * 100vw), 15px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: rotate(82deg);
  transform-origin: left center;
}

@media screen and (width <= 767px) {
  .hcr-voice-multiLabel {
    font-size: calc(20 / 750 * 100vw);
  }

  .hcr-voice-multiLabel .value {
    font-size: calc(60 / 750 * 100vw);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-a {
    top: calc(287 / 750 * 100vw);
    right: calc(15 / 750 * 100vw);
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    color: var(--color-red-2);
    text-align: left;
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-a .value {
    display: block;
    margin-bottom: calc(10 / 750 * 100vw);
    line-height: 1;
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-b {
    right: auto;
    bottom: calc(150 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-b::before {
    top: 50%;
    left: 100%;
    width: calc(56 / 750 * 100vw);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-c {
    top: calc(63 / 750 * 100vw);
    bottom: auto;
    left: calc(20 / 750 * 100vw);
    gap: calc(10 / 750 * 100vw);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-c::before {
    top: calc(35 / 750 * 100vw);
    left: calc(100% + calc(5 / 750 * 100vw));
    width: calc(20 / 750 * 100vw);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-c::after {
    top: calc(35 / 750 * 100vw);
    left: calc(100% + calc(25 / 750 * 100vw));
    width: calc(35 / 750 * 100vw);
    transform: rotate(52deg);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-e {
    top: calc(10 / 750 * 100vw);
    left: calc(250 / 750 * 100vw);
  }

  .hcr-voice-donut.-support ~ .hcr-voice-multiLabel.-e::before {
    top: calc(65 / 750 * 100vw);
    left: 45%;
    width: calc(20 / 750 * 100vw);
    transform: rotate(82deg);
  }
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-a {
  top: min(calc(185 / 1920 * 100vw), 185px);
  right: min(calc(40 / 1920 * 100vw), 40px);
  color: var(--color-red-2);
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-a::before {
  position: absolute;
  top: 52%;
  right: calc(100% + min(calc(10 / 1920 * 100vw), 10px));
  width: min(calc(55 / 1920 * 100vw), 55px);
  height: 1px;
  content: '';
  background: var(--color-red-2);
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-b {
  top: min(calc(205 / 1920 * 100vw), 205px);
  right: auto;
  left: min(calc(48 / 1920 * 100vw), 48px);
  /*   display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center; */
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-b::before {
  position: absolute;
  top: 50%;
  left: calc(100% + min(calc(6 / 1920 * 100vw), 6px));
  width: min(calc(40 / 1920 * 100vw), 40px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-c {
  top: min(calc(25 / 1920 * 100vw), 25px);
  bottom: auto;
  left: min(calc(128 / 1920 * 100vw), 128px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-c::before {
  position: absolute;
  top: min(calc(70 / 1920 * 100vw), 70px);
  left: 60%;
  width: 1px;
  height: min(calc(20 / 1920 * 100vw), 20px);
  content: '';
  background: var(--color-gray-4);
}

.hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-c::after {
  position: absolute;
  top: min(calc(90 / 1920 * 100vw), 90px);
  left: 60%;
  width: min(calc(45 / 1920 * 100vw), 45px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: rotate(12deg);
  transform-origin: left center;
}

@media screen and (width <= 767px) {
  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-a {
    top: calc(186 / 750 * 100vw);
    right: calc(10 / 750 * 100vw);
    color: var(--color-red-2);
  }

  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-a::before {
    top: 52%;
    right: calc(100% + calc(10 / 750 * 100vw));
    width: calc(55 / 750 * 100vw);
    height: 1px;
  }

  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-b {
    inset: calc(220 / 750 * 100vw) auto auto calc(27 / 750 * 100vw);
    /*! gap: calc(10 / 750 * 100vw); */
  }

  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-b::before {
    top: calc(30 / 750 * 100vw);
    left: calc(100 / 750 * 100vw);
    width: calc(46 / 750 * 100vw);
    height: 1px;
  }

  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-c {
    top: calc(34 / 750 * 100vw);
    /*! right: auto; */
    bottom: auto;
    left: calc(25 / 750 * 100vw);
    gap: calc(10 / 750 * 100vw);
  }

  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-c::before {
    top: 50%;
    left: calc(100% + calc(10 / 750 * 100vw));
    width: calc(38 / 750 * 100vw);
    height: 1px;
  }

  .hcr-voice-donut.-clothes ~ .hcr-voice-multiLabel.-c::after {
    top: 50%;
    left: calc(100% + calc(48 / 750 * 100vw));
    width: calc(45 / 750 * 100vw);
    height: 1px;
    transform: rotate(58deg);
    transform-origin: left center;
  }
}

.hcr-voice-block.-last {
  margin-top: min(calc(120 / 1920 * 100vw), 120px);
}

.hcr-voice-block.-last .hcr-voice-multiDonut {
  position: relative;
  min-height: min(calc(450 / 1920 * 100vw), 450px);
  padding: min(calc(40 / 1920 * 100vw), 40px);
  background: var(--color-white);
  border: 1px solid #999;
  border-radius: min(calc(20 / 1920 * 100vw), 20px);
}

.hcr-voice-multiDonut.-wide .hcr-voice-donut {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(calc(300 / 1920 * 100vw), 300px);
  height: min(calc(300 / 1920 * 100vw), 300px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-voice-multiDonut.-wide .hcr-voice-donut::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: min(calc(250 / 1920 * 100vw), 250px);
  height: min(calc(250 / 1920 * 100vw), 250px);
  content: '';
  background: var(--color-white);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.hcr-voice-donut.-preparation {
  background:
    conic-gradient(
      var(--color-white) 0 0.1%,
      transparent 0.1% 46.9%,
      var(--color-white) 46.9% 47.1%,
      transparent 47.1% 74.9%,
      var(--color-white) 74.9% 75.1%,
      transparent 75.1% 90.9%,
      var(--color-white) 90.9% 91.1%,
      transparent 91.1% 99.9%,
      var(--color-white) 99.9% 100%
    ),
    conic-gradient(var(--color-red-2) 0 47%, #222 47% 75%, var(--color-gray-4) 75% 91%, var(--color-gray-3) 91% 100%);
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-a {
  top: min(calc(185 / 1920 * 100vw), 185px);
  right: min(calc(230 / 1920 * 100vw), 230px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
  color: var(--color-red-2);
  line-height: 1.4;
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-a::before {
  position: absolute;
  top: 45%;
  right: calc(100% + min(calc(12 / 1920 * 100vw), 12px));
  width: min(calc(60 / 1920 * 100vw), 60px);
  height: 1px;
  content: '';
  background: var(--color-red-2);
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-b {
  bottom: min(calc(95 / 1920 * 100vw), 95px);
  left: min(calc(165 / 1920 * 100vw), 165px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
  text-align: right;
  line-height: 1.4;
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-b::before {
  position: absolute;
  top: 50%;
  right: min(calc(-61 / 1920 * 100vw), -44px);
  width: min(calc(55 / 1920 * 100vw), 55px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  /*   transform: rotate(-30deg);
  transform-origin: right center; */
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-c {
  bottom: min(calc(250 / 1920 * 100vw), 250px);
  left: min(calc(160 / 1920 * 100vw), 160px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
  text-align: right;
  line-height: 1.4;
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-c::before {
  position: absolute;
  top: 50%;
  left: calc(100% + min(calc(12 / 1920 * 100vw), 12px));
  width: min(calc(45 / 1920 * 100vw), 45px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-d {
  top: min(calc(25 / 1920 * 100vw), 25px);
  left: min(calc(430 / 1920 * 100vw), 430px);
  display: flex;
  gap: min(calc(10 / 1920 * 100vw), 10px);
  align-items: center;
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-d::before {
  position: absolute;
  top: min(calc(38 / 1920 * 100vw), 38px);
  left: calc(100% + min(calc(12 / 1920 * 100vw), 12px));
  width: min(calc(85 / 1920 * 100vw), 85px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: none;
}

.hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-d::after {
  position: absolute;
  top: min(calc(38 / 1920 * 100vw), 38px);
  left: calc(100% + min(calc(97 / 1920 * 100vw), 97px));
  display: block;
  width: min(calc(20 / 1920 * 100vw), 20px);
  height: 1px;
  content: '';
  background: var(--color-gray-4);
  transform: rotate(75deg);
  transform-origin: left center;
}

@media screen and (width <= 767px) {
  .hcr-voice-block.-last {
    margin-top: calc(120 / 750 * 100vw);
  }

  .hcr-voice-block.-last .hcr-voice-multiDonut {
    position: relative;
    min-height: calc(500 / 750 * 100vw);
    padding: calc(30 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-donut {
    top: 52%;
    left: 50%;
    width: calc(300 / 750 * 100vw);
    height: calc(300 / 750 * 100vw);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-donut::before {
    width: calc(250 / 750 * 100vw);
    height: calc(250 / 750 * 100vw);
  }

  /* 28% */
  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-a {
    top: calc(34 / 750 * 100vw);
    right: calc(50 / 750 * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(5 / 750 * 100vw);
    align-items: flex-start;
    text-align: left;
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-a .value {
    display: block;
    line-height: 1;
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-a .text {
    margin-left: calc(50 / 750 * 100vw);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-a::before {
    top: calc(70 / 750 * 100vw);
    right: calc(160 / 750 * 100vw);
    width: calc(55 / 750 * 100vw);
    transform: rotate(-50deg);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-b {
    top: auto;
    bottom: calc(20 / 750 * 100vw);
    left: calc(25 / 750 * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(5 / 750 * 100vw);
    align-items: flex-end;
    text-align: left;
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-b .value {
    display: block;
    align-self: flex-end;
    margin-right: calc(40 / 750 * 100vw);
    line-height: 1;
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-b::before {
    top: calc(110 / 750 * 100vw);
    right: calc(-40 / 750 * 100vw);
    width: calc(60 / 750 * 100vw);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-b::after {
    position: absolute;
    top: calc(82 / 750 * 100vw);
    right: calc(-94 / 750 * 100vw);
    width: calc(70 / 750 * 100vw);
    height: 1px;
    content: '';
    background: var(--color-gray-4);
    transform: rotate(-55deg);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-c {
    bottom: calc(236 / 750 * 100vw);
    left: calc(14 / 750 * 100vw);
    display: flex;
    flex-direction: column-reverse;
    gap: calc(5 / 750 * 100vw);
    /*     align-items: flex-end; */
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-c::before {
    position: absolute;
    top: 20%;
    left: calc(146 / 750 * 100vw);
    width: calc(35 / 750 * 100vw);
    height: 1px;
    content: '';
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-c::after {
    position: absolute;
    top: 21%;
    left: calc(178 / 750 * 100vw);
    width: calc(45 / 750 * 100vw);
    height: 1px;
    content: '';
    background: var(--color-gray-4);
    transform: rotate(44deg);
    transform-origin: left center;
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-d {
    inset: calc(15 / 750 * 100vw) auto auto calc(20 / 750 * 100vw);
    gap: calc(10 / 750 * 100vw);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-d::before {
    top: calc(32 / 750 * 100vw);
    left: calc(100% + calc(10 / 750 * 100vw));
    width: calc(75 / 750 * 100vw);
  }

  .hcr-voice-multiDonut.-wide .hcr-voice-multiLabel.-d::after {
    top: calc(32 / 750 * 100vw);
    left: calc(100% + calc(85 / 750 * 100vw));
    width: calc(78 / 750 * 100vw);
    transform: rotate(75deg);
  }
}

/* ====================
   foot nav
   ==================== */
.hcr-busBannerA_wrapper {
  gap: 0 min(calc(40 / 1920 * 100vw), 40px);
}

.hcr-busBannerA {
  width: 50%;
}

@media screen and (width <= 767px) {
  .hcr-busBannerA_wrapper {
    flex-flow: column nowrap;
    gap: calc(40 / 750 * 100vw) 0;
  }

  .hcr-busBannerA {
    width: 100%;
  }
}