.words {
  padding-top: 9.6rem;
}
.words .mv {
  position: relative;
  padding: 9rem 0 12rem;
  border-top: 1px solid #010101;
  text-align: center;
}
.words .mv h1 {
  display: block;
  margin: 3.5rem auto 0;
  font-size: 7rem;
  line-height: 1;
  text-align: center;
}
.words .mv h1 span {
  width: 48%;
  font-size: 7rem;
  line-height: 1;
}
.words .mv h1 span:nth-of-type(odd) {
  text-align: right;
}
.words .mv h1 span:nth-of-type(even) {
  text-align: left;
}
.words .mv h1 span.white {
  text-stroke: 1px #010101;
  -webkit-text-stroke: 1px #010101;
  color: transparent;
}
.words .mv .wrap {
  margin-top: 6rem;
}
.words .mv .wrap h3 {
  font-size: 2.4rem;
}
.words .mv .wrap .introduction {
  margin: 2.4rem auto 0;
  width: 44rem;
}
.words .list {
  border-top: 1px solid #010101;
}
.words .list ul:after {
  content: "";
  display: block;
  width: calc((100% - 2px) / 3);
  order: 1;
}
.words .list ul li {
  width: calc((100% - 2px) / 3);
  border-right: 1px solid #010101;
  border-bottom: 1px solid #010101;
}
.words .list ul li a {
  display: block;
  padding: 6rem 4.8rem;
}
.words .list ul li a .ratio {
  padding-top: 100%;
}
.words .list ul li a .title {
  display: -webkit-box;
  margin-top: 1.6rem;
  height: 6rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.words .list ul li a .person {
  margin-top: 1.2rem;
}
.words .list ul li a .person img {
  margin-right: 1.6rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}
.words .list ul li a .person .name {
  font-size: 1.3rem;
}
.words .list ul li:nth-of-type(3n) {
  border-right: none;
}
@media only screen and (max-width: 980px) {
  .words {
    padding-top: 6rem;
  }
  .words .mv {
    padding: 6rem 0 9.6rem;
  }
  .words .mv h1 {
    margin: 2.4rem auto 0;
    font-size: 3.9rem;
  }
  .words .mv h1 span {
    width: 48%;
    font-size: 3.5rem;
  }
  .words .mv .wrap {
    margin-top: 4.8rem;
  }
  .words .mv .wrap h3 {
    font-size: 2rem;
  }
  .words .mv .wrap .introduction {
    margin: 1.6rem auto 0;
    width: 100%;
  }
  .words .list ul:after {
    margin-top: auto;
    width: calc(50% - 0.5px);
    border-bottom: 1px solid #010101;
  }
  .words .list ul li {
    width: 100%;
    border-right: none;
  }
  .words .list ul li a {
    padding: 4.8rem 10vw;
  }
  .words .list ul li a .person img {
    width: 6rem;
    height: 6rem;
  }
  .words .list ul li a .person .name {
    font-size: 1.1rem;
  }
  .words .list ul li:nth-of-type(n + 2) {
    width: calc(50% - 0.5px);
    border-right: 1px solid #010101;
  }
  .words .list ul li:nth-of-type(n + 2) a {
    padding: 3.5rem 5vw;
  }
  .words .list ul li:nth-of-type(n + 2) a .title {
    margin-top: 1.2rem;
    height: 4.2rem;
  }
  .words .list ul li:nth-of-type(n + 2) a .person {
    margin-top: 0.8rem;
  }
  .words .list ul li:nth-of-type(n + 2) a .person img {
    margin-right: 1.2rem;
    width: 3.5rem;
    height: 3.5rem;
  }
  .words .list ul li:nth-of-type(2n + 1) {
    border-right: none;
  }
}