@keyframes pattern {
  0% {
    background-size: 0; }
  100% {
    background-size: 250px 250px, 250px 250px; } }
#voice .main-contents {
  background-image: url(../img/voice/img-voice-03@2x.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 816px 140px; }
  @media screen and (max-width: 991px) {
    #voice .main-contents {
      background-size: 80%; } }

@media screen and (max-width: 480px) {
  #voice section + section {
    padding-top: 0; } }

.voice-intro {
  padding-bottom: 0; }

.voice-list {
  position: relative;
  background-repeat: no-repeat; }
  .voice-list:nth-child(2) {
    background-image: url(../img/voice/img-voice-01@2x.png);
    background-size: 152px 144px;
    background-position: 10% 87%; }
  .voice-list:nth-child(3) {
    background-image: url(../img/voice/img-voice-02@2x.png);
    background-size: 148px 92px;
    background-position: 80% 85%; }

.voice-list .inner {
  margin: 0; }
.voice-list:nth-child(2n) .voice-list__figure {
  right: auto;
  left: 0; }

.voice-list__item {
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start; }
.voice-list:nth-child(2n) .voice-list__item {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end; }
.voice-list__figure {
  position: absolute;
  top: 110px;
  right: 0;
  max-width: 450px;
  width: 80%;
  z-index: -1; }
  @media screen and (max-width: 480px) {
    .voice-list__figure {
      position: static;
      margin: 0 auto 20px; } }

/*# sourceMappingURL=voice.css.map */