.inr_mv_area .inr {
  background-image: url(../img/mv.jpg); }

.interview_list .inr ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: auto; }
  .interview_list .inr ul li {
    width: 48.5%;
    margin-top: 120px;
    height: auto; }
    @media only screen and (max-width: 767px) {
      .interview_list .inr ul li {
        width: 100%;
        margin-top: 60px; } }
    .interview_list .inr ul li dl dt {
      font-family: "EB Garamond", serif;
      color: #008e72;
      font-weight: bold;
      font-size: 0.9em; }
    .interview_list .inr ul li dl dd {
      font-family: "Zen Old Mincho", serif;
      font-weight: bold;
      margin-top: 10px;
      height: auto; }
    .interview_list .inr ul li .pic {
      margin-top: 10px; }
    .interview_list .inr ul li p {
      margin-top: 20px; }
    .interview_list .inr ul li .more_btn {
      margin-top: 20px; }
      .interview_list .inr ul li .more_btn a {
        background-color: #008e72;
        color: #fff; }

.interview_detail .inr {
  max-width: 980px;
  width: 95%;
  margin: 0 auto; }
  .interview_detail .inr .interview_num {
    font-family: "EB Garamond", serif;
    font-size: 1.8em;
    letter-spacing: 0.3em;
    color: #008e72; }
    @media only screen and (max-width: 767px) {
      .interview_detail .inr .interview_num {
        font-size: 1.4em; } }
  .interview_detail .inr h2 {
    margin-top: 20px;
    font-size: 2em;
    font-weight: bold;
    font-family: "Zen Old Mincho", serif;
    letter-spacing: 0.2em; }
    @media only screen and (max-width: 767px) {
      .interview_detail .inr h2 {
        font-size: 1.4em;
        letter-spacing: 0.1em; } }
  .interview_detail .inr .name {
    margin-top: 30px;
    font-weight: bold;
    font-family: "Zen Old Mincho", serif;
    font-size: 1.4em;
    letter-spacing: 0.1em; }
    @media only screen and (max-width: 767px) {
      .interview_detail .inr .name {
        font-size: 1.2em; } }
  .interview_detail .inr ul li {
    margin-top: 60px; }
    @media only screen and (max-width: 767px) {
      .interview_detail .inr ul li {
        margin-top: 60px; } }
    .interview_detail .inr ul li .interview_head {
      font-size: 1.6em;
      font-weight: bold;
      font-family: "Zen Old Mincho", serif; }
      @media only screen and (max-width: 767px) {
        .interview_detail .inr ul li .interview_head {
          font-size: 1em; } }
    .interview_detail .inr ul li .text {
      margin-top: 20px; }
      @media only screen and (max-width: 767px) {
        .interview_detail .inr ul li .text {
          margin-top: 5px; } }
    .interview_detail .inr ul li img {
      margin-top: 20px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .interview_detail .inr ul li img {
          margin-top: 21; } }
  .interview_detail .inr .interview_list {
    margin-top: 80px; }
    @media only screen and (max-width: 767px) {
      .interview_detail .inr .interview_list {
        margin-top: 40px; } }
    .interview_detail .inr .interview_list .inr ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .interview_detail .inr .interview_list .inr ul li {
        width: 35%;
        margin-left: 10px;
        margin-right: 10px; }
        @media only screen and (max-width: 767px) {
          .interview_detail .inr .interview_list .inr ul li {
            margin-top: 40px;
            width: 100%; } }
        .interview_detail .inr .interview_list .inr ul li dl dd {
          font-size: 0.8em; }
          @media only screen and (max-width: 767px) {
            .interview_detail .inr .interview_list .inr ul li dl dd {
              font-size: 1em; } }