.voice .mv::after {
  background-image: url(../img/common/mv-frame-f3f3f3.svg);
}
.voice .voice-wrap {
  position: relative;
  background: #f3f3f3;
  padding-bottom: min(124px, 124 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-wrap {
    padding-bottom: calc(120 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro {
  padding-top: min(46px, 46 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto min(160px, 160 / 1280 * var(--inner-width) * 1px);
  width: min(1120px, 1120 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro {
    padding-top: calc(32 / 390 * var(--inner-width) * 1px);
    width: 100%;
    margin-bottom: calc(80 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro .intro-copy {
  text-align: center;
  font-size: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  margin-bottom: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .intro-copy {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro .intro-lead {
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  padding: 0 min(200px, 200 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(56px, 56 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .intro-lead {
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(56 / 390 * var(--inner-width) * 1px);
    padding: 0 calc(29 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro .intro-lead small {
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .intro-lead small {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    display: block;
  }
}
.voice .voice-intro .voice-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  row-gap: min(8px, 8 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .voice-items {
    flex-direction: column;
    gap: calc(8 / 390 * var(--inner-width) * 1px);
    row-gap: unset;
  }
}
.voice .voice-intro .voice-item {
  width: min(532px, 532 / 1280 * var(--inner-width) * 1px);
  height: min(52px, 52 / 1280 * var(--inner-width) * 1px);
  background: rgba(230, 230, 230, 0.3);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: min(28px, 28 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .voice-item {
    width: calc(326 / 390 * var(--inner-width) * 1px);
    height: auto;
    padding: calc(6 / 390 * var(--inner-width) * 1px) calc(6 / 390 * var(--inner-width) * 1px) calc(6 / 390 * var(--inner-width) * 1px) calc(18 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro .voice-item b {
  flex-shrink: 0;
  width: min(60px, 60 / 1280 * var(--inner-width) * 1px);
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  font-family: "Syncopate", sans-serif;
  background: linear-gradient(to bottom, #a9cb03 15%, #48a63f 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  transform: translateY(0.1em);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .voice-item b {
    width: calc(60 / 390 * var(--inner-width) * 1px);
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    margin-right: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro .voice-item b::after {
  display: block;
  content: "";
  width: 1px;
  height: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  background: #c8c8c8;
  margin-left: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .voice-item b::after {
    height: calc(24 / 390 * var(--inner-width) * 1px);
    margin-left: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-intro .voice-item span {
  font-size: min(20px, 20 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
}
@media only screen and (max-width: 48em) {
  .voice .voice-intro .voice-item span {
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
    line-height: 1.9;
  }
}
.voice .voice-contents {
  width: min(1120px, 1120 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents {
    width: calc(336 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents + .voice-contents {
  margin-top: min(120px, 120 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents + .voice-contents {
    margin-top: calc(80 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .voice-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: min(56px, 56 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .voice-title {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(40 / 390 * var(--inner-width) * 1px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: calc(8 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .voice-title span {
  font-size: min(48px, 48 / 1280 * var(--inner-width) * 1px);
  font-family: "Syncopate", sans-serif;
  background: linear-gradient(to bottom, #a9cb03 15%, #48a63f 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  transform: translateY(0.1em);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .voice-title span {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    margin-right: unset;
    transform: unset;
    line-height: 1;
  }
}
.voice .voice-contents .voice-chart {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .voice-chart {
    flex-direction: column;
    gap: calc(40 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-item + .chart-item {
  margin-top: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-item + .chart-item {
    margin-top: calc(28 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-item {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(8 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-label {
  width: min(284px, 284 / 1280 * var(--inner-width) * 1px);
  font-size: min(20px, 20 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-label {
    width: auto;
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-score {
  width: min(488px, 488 / 1280 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-score {
    width: 100%;
  }
}
.voice .voice-contents .chart-score .score {
  width: min(56px, 56 / 1280 * var(--inner-width) * 1px);
  font-family: "Syncopate", sans-serif;
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  color: #414141;
  opacity: 0.5;
  transform: translateY(0.1em);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-score .score {
    width: calc(58 / 390 * var(--inner-width) * 1px);
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    line-height: 1.2;
  }
}
.voice .voice-contents .chart-score .score-bar {
  height: min(36px, 36 / 1280 * var(--inner-width) * 1px);
  background: #48a63f;
  width: 100%;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-score .score-bar {
    height: calc(36 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-score .score-bar.bar-2 {
  background: rgba(72, 166, 63, 0.8);
}
.voice .voice-contents .chart-score .score-bar.bar-3 {
  background: rgba(72, 166, 63, 0.6);
}
.voice .voice-contents .chart-score .score-bar.bar-4 {
  background: rgba(72, 166, 63, 0.4);
}
.voice .voice-contents .chart-score .score-bar.bar-5 {
  background: #a9cb03;
}
.voice .voice-contents .chart-score .score-bar.bar-6 {
  background: rgba(169, 203, 3, 0.5);
}
.voice .voice-contents .chart-score .score-bar.bar-7 {
  background: #e1ebc3;
}
.voice .voice-contents .chart-score .score-bar.bar-8 {
  background: #c8c8c8;
}
.voice .voice-contents .chart-list.chart01 .chart-item:first-child .score-bar {
  width: min(432px, 432 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(2) .score-bar {
  width: min(252px, 252 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(3) .score-bar {
  width: min(228px, 228 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(4) .score-bar {
  width: min(186px, 186 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(5) .score-bar {
  width: min(168px, 168 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(6) .score-bar {
  width: min(162px, 162 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(7) .score-bar {
  width: min(84px, 84 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart01 .chart-item:nth-child(8) .score-bar {
  width: min(102px, 102 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-list.chart01 .chart-item:first-child .score-bar {
    width: calc(288 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(2) .score-bar {
    width: calc(168 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(3) .score-bar {
    width: calc(152 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(4) .score-bar {
    width: calc(124 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(5) .score-bar {
    width: calc(112 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(6) .score-bar {
    width: calc(108 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(7) .score-bar {
    width: calc(56 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart01 .chart-item:nth-child(8) .score-bar {
    width: calc(68 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-list.chart02 .chart-item:first-child .score-bar {
  width: min(330px, 330 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(2) .score-bar {
  width: min(246px, 246 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(3) .score-bar {
  width: min(240px, 240 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(4) .score-bar {
  width: min(216px, 216 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(5) .score-bar {
  width: min(144px, 144 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(6) .score-bar {
  width: min(120px, 120 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(7) .score-bar {
  width: min(102px, 102 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart02 .chart-item:nth-child(8) .score-bar {
  width: min(138px, 138 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-list.chart02 .chart-item:first-child .score-bar {
    width: calc(220 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(2) .score-bar {
    width: calc(164 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(3) .score-bar {
    width: calc(160 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(4) .score-bar {
    width: calc(144 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(5) .score-bar {
    width: calc(96 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(6) .score-bar {
    width: calc(80 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(7) .score-bar {
    width: calc(68 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart02 .chart-item:nth-child(8) .score-bar {
    width: calc(92 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-list.chart03 .chart-item:first-child .score-bar {
  width: min(288px, 288 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(2) .score-bar {
  width: min(234px, 234 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(3) .score-bar {
  width: min(186px, 186 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(4) .score-bar {
  width: min(180px, 180 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(5) .score-bar {
  width: min(120px, 120 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(6) .score-bar {
  width: min(90px, 90 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(7) .score-bar {
  width: min(30px, 30 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart03 .chart-item:nth-child(8) .score-bar {
  width: min(114px, 114 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-list.chart03 .chart-item:first-child .score-bar {
    width: calc(192 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(2) .score-bar {
    width: calc(156 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(3) .score-bar {
    width: calc(124 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(4) .score-bar {
    width: calc(120 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(5) .score-bar {
    width: calc(80 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(6) .score-bar {
    width: calc(60 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(7) .score-bar {
    width: calc(20 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart03 .chart-item:nth-child(8) .score-bar {
    width: calc(76 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-list.chart04 .chart-item:first-child .score-bar {
  width: min(240px, 240 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart04 .chart-item:nth-child(2) .score-bar {
  width: min(174px, 174 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart04 .chart-item:nth-child(3) .score-bar {
  width: min(72px, 72 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart04 .chart-item:nth-child(4) .score-bar {
  width: min(42px, 42 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart04 .chart-item:nth-child(5) .score-bar {
  width: min(42px, 42 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart04 .chart-item:nth-child(6) .score-bar {
  width: min(36px, 36 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-list.chart04 .chart-item:first-child .score-bar {
    width: calc(160 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart04 .chart-item:nth-child(2) .score-bar {
    width: calc(116 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart04 .chart-item:nth-child(3) .score-bar {
    width: calc(48 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart04 .chart-item:nth-child(4) .score-bar {
    width: calc(28 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart04 .chart-item:nth-child(5) .score-bar {
    width: calc(28 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart04 .chart-item:nth-child(6) .score-bar {
    width: calc(24 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-list.chart05 .chart-item:first-child .score-bar {
  width: min(420px, 420 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(2) .score-bar {
  width: min(288px, 288 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(3) .score-bar {
  width: min(168px, 168 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(4) .score-bar {
  width: min(162px, 162 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(5) .score-bar {
  width: min(132px, 132 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(6) .score-bar {
  width: min(126px, 126 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(7) .score-bar {
  width: min(78px, 78 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart05 .chart-item:nth-child(8) .score-bar {
  width: min(12px, 12 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-list.chart05 .chart-item:first-child .score-bar {
    width: calc(280 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(2) .score-bar {
    width: calc(192 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(3) .score-bar {
    width: calc(112 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(4) .score-bar {
    width: calc(108 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(5) .score-bar {
    width: calc(88 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(6) .score-bar {
    width: calc(84 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(7) .score-bar {
    width: calc(52 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart05 .chart-item:nth-child(8) .score-bar {
    width: calc(8 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-list.chart06 .chart-item:first-child .score-bar {
  width: min(186px, 186 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(2) .score-bar {
  width: min(174px, 174 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(3) .score-bar {
  width: min(168px, 168 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(4) .score-bar {
  width: min(144px, 144 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(5) .score-bar {
  width: min(138px, 138 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(6) .score-bar {
  width: min(132px, 132 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(7) .score-bar {
  width: min(72px, 72 / 1280 * var(--inner-width) * 1px);
}
.voice .voice-contents .chart-list.chart06 .chart-item:nth-child(8) .score-bar {
  width: min(90px, 90 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-list.chart06 .chart-item:first-child .score-bar {
    width: calc(124 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(2) .score-bar {
    width: calc(116 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(3) .score-bar {
    width: calc(112 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(4) .score-bar {
    width: calc(96 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(5) .score-bar {
    width: calc(92 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(6) .score-bar {
    width: calc(88 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(7) .score-bar {
    width: calc(48 / 390 * var(--inner-width) * 1px);
  }
  .voice .voice-contents .chart-list.chart06 .chart-item:nth-child(8) .score-bar {
    width: calc(60 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-comment {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  width: min(300px, 300 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-comment {
    width: 100%;
    gap: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .chart-comment li {
  background: rgba(230, 230, 230, 0.6);
  border-radius: min(4px, 4 / 1280 * var(--inner-width) * 1px);
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  padding: min(16px, 16 / 1280 * var(--inner-width) * 1px) min(24px, 24 / 1280 * var(--inner-width) * 1px);
  opacity: 0.7;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .chart-comment li {
    border-radius: calc(4 / 390 * var(--inner-width) * 1px);
    padding: calc(16 / 390 * var(--inner-width) * 1px);
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .voice-review {
  background: rgba(230, 230, 230, 0.8);
  border-radius: min(4px, 4 / 1280 * var(--inner-width) * 1px);
  padding: min(32px, 32 / 1280 * var(--inner-width) * 1px) min(80px, 80 / 1280 * var(--inner-width) * 1px);
  margin-top: min(56px, 56 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .voice-review {
    border-radius: calc(4 / 390 * var(--inner-width) * 1px);
    margin-top: calc(40 / 390 * var(--inner-width) * 1px);
    padding: calc(32 / 390 * var(--inner-width) * 1px) calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .voice-review h4 {
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  margin-bottom: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  opacity: 0.7;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .voice-review h4 {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-contents .voice-review p {
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  opacity: 0.7;
}
@media only screen and (max-width: 48em) {
  .voice .voice-contents .voice-review p {
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.voice .voice-images {
  width: min(1280px, 1280 / 1280 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  margin: min(94px, 94 / 1280 * var(--inner-width) * 1px) auto min(80px, 80 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-images {
    width: 100%;
    overflow: hidden;
    gap: calc(8 / 390 * var(--inner-width) * 1px);
    margin: calc(54 / 390 * var(--inner-width) * 1px) auto;
    justify-content: flex-start;
  }
}
.voice .voice-images img {
  width: min(416px, 416 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .voice .voice-images img {
    width: calc(260 / 390 * var(--inner-width) * 1px);
  }
}

.score-bar {
  transform-origin: left top;
}
.score-bar[data-fade-status=init] {
  opacity: 0;
  transform: scale(0.01, 1);
}
.score-bar[data-fade-status=ready] {
  opacity: 0;
  transform: scale(0.01, 1);
}
.score-bar[data-fade-status=active] {
  transition: opacity 0.1s ease, transform 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  opacity: 1;
  transform: scale(1, 1);
}/*# sourceMappingURL=voice.css.map */