#voice {
  width: 100%;
	background-color: #F4EDDF;
	padding-block: 50px 80px;

	@media (max-width: 768px) {
		padding: 79px 0 80px;
	}

  .-wrapper {
    max-width: 1200px;
    margin-inline: auto;
  }
}
  
  #voice .card {
    background-color: white;
    border-radius: 1rem;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
  
  #voice .top {
    display: flex;
    gap: 1.6rem;
    align-items: flex-start;
  }
  
  #voice .top > div {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
  
  #voice .summary {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.4em;
    color: #992453;
  }
  
  #voice .name {
    font-size: 1rem;
    line-height: 1.6;
  }
  
  #voice .strong {
    font-size: 1.2rem;
    font-weight: 700;
  }
  
  #voice .before_after img {
    width: 70px;
  }
  
  #voice .before p {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 10px;
  }
  
  #voice .before p span {
    font-size: 1.4rem;
    font-weight: 700;
  }
  
  #voice .before {
    position: relative;
    margin-bottom: 2.4rem;
  }
  
  #voice .before:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    display: block;
    width: 3.6rem;
    height: 1rem;
    background-color: #dedede;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    transform: translateY(1.6rem);
  }
  
  #voice .after p {
    font-size: 1.2rem;
    line-height: 1.6em;
    margin-top: 10px;
    font-weight: 700;
  }
  
  #voice .after p span {
    font-size: 1.4rem;
    font-weight: 700;
    color: #992453;
  }
  
  #voice .comment::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eee;
    margin-bottom: 1.6rem;
  }
  
  #voice .before_after .strong {
    font-size: 1.2em;
  }
  
  #voice .comment {
    font-size: 1.2rem;
    line-height: 1.8em;
  }
  
  #voice > div > p {
    width: 100%;
    text-align: left;
    margin-top: -2em;
    font-size: 1.2rem;
  }
  
  #voice .note-wrapper {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
  }
  @media (width < 1280px) {
    #voice .note-wrapper {
      padding-inline: 20px;
    }
  }
  @media (width < 769px) {
    #voice .note-wrapper {
      width: 100%;
      padding: 0 32px;
    }
  }
  #voice .note-wrapper .note {
    text-align: left;
    font-size: 10px;
    @media (width < 769px) {
      text-align: left;
    }
  }

  #voice h2:before,
  #voice h2:after {
    content: "";
    display: block;
    width: 1.4em;
    height: 1.4em;
    background: url("../../img/voice/point.svg") top left no-repeat;
    background-size: 100% auto;
  }

  #voice h2:after {
    transform: scaleX(-1);
  }

  #voice h2 {
    flex-direction: initial;
    justify-content: center;
  }