.interview-index .hero {
  background: url(/interview/img/bg_interview.jpg) no-repeat center;
  background-size: cover; }
.interview-index .intro {
  background: url(/common/img/bg_musubi.png);
  padding: 30px 0; }
  .interview-index .intro p {
    max-width: 1160px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0;
    background: rgba(255, 255, 255, 0.9); }
    .interview-index .intro p span {
      display: inline-block; }
.interview-index .interview {
  overflow: hidden; }
  .interview-index .interview .item .content .txt-top p span {
    display: inline-block;
    white-space: nowrap; }
  .interview-index .interview .item .content .txt-bottom .name {
    letter-spacing: 0; }

@media screen and (min-width: 900px) {
  .interview-index .interview .item {
    width: 33.333333%; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .interview-index .item .content .txt-top {
    writing-mode: inherit;
    top: 1.5em;
    left: 1.5em; }
    .interview-index .item .content .txt-top p {
      font-size: 14px; } }
@media screen and (max-width: 1160px) {
  .interview-index .intro p {
    padding: 50px 30px;
    font-size: 14px; } }
@media screen and (max-width: 480px) {
  .interview-index .hero {
    background: url(/interview/img/bg_interview_sp.jpg) no-repeat center;
    background-size: cover; }
  .interview-index .intro p {
    padding: 40px 20px; } }