* {
  font-family: 游ゴシック体,YuGothic,游ゴシック,Yu Gothic,NotoSansCJKjp,メイリオ,sans-serif;
}

.interview-h1 {
  font-size: 20px;
  color: #404040;
  margin: 30px 15px;
}

.interview-h3 {
  font-size: 16px;
  color: #404040;
  margin: 30px 30px 15px;
}

.interview-paragraph {
  font-size: 12px;
  color: #666666;
  margin: 15px 30px;
}

.interview-img {
  width: 100%;
  padding: 0 30px;
}

@media screen and (min-width: 481px) {
  /* 481px以上に適用されるCSS（タブレット用） */

  .interview-h1 {
    font-size: 18px;
    padding: 60px 30px 10px;
    margin: 0;
  }

  .interview-h3 {
    font-size: 14px;
    color: #404040;
    margin: 15px 60px;
  }

  .interview-paragraph {
    font-size: 12px;
    color: #666666;
    padding: 15px 60px 30px;
    margin: 0;
  }

  .interview-img {
    width: 100%;
    padding: 10px 200px 30px;
  }
}
@media screen and (min-width: 960px) {
  /* 960px以上に適用されるCSS（PC用） */
  .all {
    margin: 2% 20%;
    background-color: rgba(100, 100, 100, 0.1);
  }
}