@media print, screen and (min-width: 768px) {
  .interview__contents_box p, .interview__contents_box ol, .interview__contents_box ul {
    font-size: 18px;
    line-height: 1.8; }
  .interview__contents_box .interview-sec__title {
    margin-bottom: 160px; }
    .interview__contents_box .interview-sec__title .interview-sec__title_box {
      background: #68D167; }
      .interview__contents_box .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner {
        max-width: 880px;
        width: 90%;
        margin: 0 auto;
        padding: 70px 0 0;
        color: #fff;
        font-size: 20px;
        padding-top: 70px; }
        .interview__contents_box .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner .interview-sec__title__big {
          font-family: "Zen Maru Gothic", sans-serif;
          font-size: 65px;
          line-height: 1.2;
          margin-bottom: 25px; }
          .interview__contents_box .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner .interview-sec__title__big span {
            display: block;
            font-size: 32px; }
        .interview__contents_box .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner .interview-sec__title__middle {
          font-size: 28px; }
  .interview__contents_box .interview-sec__wrap {
    width: 845px;
    position: relative;
    z-index: 3; }
    .interview__contents_box .interview-sec__wrap .interview-ttl_txt {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 15px; }
  .interview__contents_box .interview-sec__right, .interview__contents_box .interview-sec__right2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative; }
    .interview__contents_box .interview-sec__right:before, .interview__contents_box .interview-sec__right2:before {
      content: "";
      display: block;
      background: url(/recruit/newgrads/images/interview/interview_bg01.svg) no-repeat top left;
      width: 390px;
      height: 740px;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .interview__contents_box .interview-sec__right .interview-sec__wrap, .interview__contents_box .interview-sec__right2 .interview-sec__wrap {
      position: relative;
      z-index: 2; }
  .interview__contents_box .interview-sec__right2:before {
    content: "";
    display: block;
    background: url(/recruit/newgrads/images/interview/interview_bg02.svg) no-repeat top left;
    width: 390px;
    height: 450px;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .interview__contents_box .interview-sec__left, .interview__contents_box .interview-sec__left2 {
    position: relative; }
    .interview__contents_box .interview-sec__left:before, .interview__contents_box .interview-sec__left2:before {
      content: "";
      display: block;
      background: url(/recruit/newgrads/images/interview/interview_bg01.svg) no-repeat top right;
      width: 390px;
      height: 740px;
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1);
      background-size: contain;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
  .interview__contents_box .interview-sec__left2:before {
    background: url(/recruit/newgrads/images/interview/interview_bg02.svg) no-repeat top right; }
  .interview__contents_box figure {
    position: relative;
    z-index: 3; } }

@media screen and (max-width: 767px) {
  .interview__contents_box p, .interview__contents_box ol, .interview__contents_box ul {
    font-size: 14px;
    font-size: 4.375vw;
    line-height: 1.8; }
  .interview-sec__title {
    margin-bottom: 70px; }
    .interview-sec__title .interview-sec__title_box {
      color: #fff;
      background: #68D167;
      width: 100%;
      padding: 0 30px; }
      .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner {
        font-size: 13px;
        font-size: 4.0625vw; }
        .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner .interview-sec__title__big {
          font-family: "Zen Maru Gothic", sans-serif;
          font-size: 20px;
          font-size: 6.25vw;
          line-height: 1.2;
          padding: 30px 0 10px; }
          .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner .interview-sec__title__big span {
            display: block; }
        .interview-sec__title .interview-sec__title_box .interview-sec__title_box_inner .interview-sec__title__middle {
          font-size: 16px;
          font-size: 5vw;
          margin-bottom: 10px; }
  .interview-sec__wrap {
    padding-top: 20px; }
    .interview-sec__wrap:before {
      content: "";
      display: block;
      background: url(/recruit/newgrads/images/interview/interview_bg01.svg) no-repeat top left;
      width: 90px;
      height: 170px;
      background-size: contain;
      position: absolute;
      top: 0;
      left: -20px;
      z-index: -1; }
    .interview-sec__wrap .interview-ttl_txt {
      font-size: 16px;
      font-size: 5vw;
      font-weight: 700;
      margin-bottom: 15px; }
  .display_flex.u-column__space_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }