#interview_detail {
  padding-top: 80px; }
  #interview_detail h2 {
    color: #4f177f;
    font-size: 35px;
    font-size: 3.5rem;
    letter-spacing: 0.067em;
    line-height: 1.8;
    font-weight: 700;
    padding-bottom: 40px; }
  #interview_detail .main {
    position: relative;
    margin-bottom: 70px; }
    #interview_detail .main img {
      width: 1070px;
      position: relative;
      z-index: 1; }
    #interview_detail .main .profile {
      position: absolute;
      right: 0;
      bottom: 60px;
      background-color: rgba(243, 242, 244, 0.8);
      padding: 30px 40px;
      z-index: 2;
      width: 770px; }
      #interview_detail .main .profile .year {
        color: #595757;
        font-weight: 600;
        font-size: 20px;
        font-size: 2.0rem;
        letter-spacing: 0;
        line-height: 1;
        padding-bottom: 20px; }
      #interview_detail .main .profile .name {
        color: #4f177f;
        font-size: 35px;
        font-size: 3.5rem;
        font-weight: 700;
        letter-spacing: 0.067em;
        line-height: 1;
        padding-bottom: 15px; }
      #interview_detail .main .profile .belong {
        color: #595757;
        font-weight: 600;
        font-size: 20px;
        font-size: 2.0rem;
        letter-spacing: 0;
        line-height: 1;
        padding-bottom: 5px; }
      #interview_detail .main .profile .job {
        color: #595757;
        font-weight: 600;
        font-size: 20px;
        font-size: 2.0rem;
        letter-spacing: 0;
        line-height: 1;
        padding-bottom: 15px; }
      #interview_detail .main .profile .introduction {
        color: #231815;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
  #interview_detail .interview-block {
    padding-bottom: 60px; }
    #interview_detail .interview-block h3 {
      color: #4f177f;
      font-size: 26px;
      font-size: 2.6rem;
      letter-spacing: 0.067em;
      line-height: 1.4;
      font-weight: 700;
      padding-bottom: 20px; }
    #interview_detail .interview-block p {
      color: #585757;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.89;
      letter-spacing: 0.02em;
      padding-bottom: 1em; }
      #interview_detail .interview-block p:last-of-type {
        padding-bottom: 0; }
    #interview_detail .interview-block.interview-block-top .photo {
      padding-bottom: 30px;
      text-align: center; }
    #interview_detail .interview-block.interview-block-left {
      display: flex;
      flex-wrap: wrap; }
      #interview_detail .interview-block.interview-block-left .photo {
        order: 1;
        width: 570px; }
      #interview_detail .interview-block.interview-block-left .txt {
        order: 2;
        padding-left: 40px;
        width: calc(100% - 570px); }
    #interview_detail .interview-block.interview-block-right {
      display: flex;
      flex-wrap: wrap; }
      #interview_detail .interview-block.interview-block-right .photo {
        order: 2;
        width: 570px;
        margin-left: auto; }
      #interview_detail .interview-block.interview-block-right .txt {
        order: 1;
        padding-right: 40px;
        width: calc(100% - 570px); }
  #interview_detail a.recuruit_button {
    display: block;
    border-bottom: 1px solid #898989;
    font-size: 22px;
    font-size: 2.2rem;
    color: #3e3a39;
    padding: 40px 10px;
    position: relative;
    margin-bottom: 4rem; }
    #interview_detail a.recuruit_button:after {
      content: "";
      width: 33px;
      height: 22px;
      position: absolute;
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url(../images/recruit_new/arrow.png) 0 0 no-repeat;
      background-size: 100% auto;
      transition: all .3s ease-out; }
    #interview_detail a.recuruit_button:hover:after {
      right: 0; }
  #interview_detail .recuruit-link {
    margin-top: 2rem; }
    #interview_detail .recuruit-link h3 {
      color: #4f177f;
      font-size: 26px;
      font-size: 2.6rem;
      letter-spacing: 0.067em;
      line-height: 1.4;
      font-weight: 700;
      padding-bottom: 20px; }

@media screen and (max-width: 1366px) {
  #interview_detail {
    padding-top: calc(80 / 1366 * 100vw); }
    #interview_detail h2 {
      font-size: calc(35 / 1366 * 100vw);
      padding-bottom: calc(40 / 1366 * 100vw); }
    #interview_detail .main {
      margin-bottom: calc(70 / 1366 * 100vw); }
      #interview_detail .main img {
        width: calc(1070 / 1366 * 100vw); }
      #interview_detail .main .profile {
        bottom: calc(60 / 1366 * 100vw);
        padding: calc(30 / 1366 * 100vw) calc(40 / 1366 * 100vw);
        width: calc(770 / 1366 * 100vw); }
        #interview_detail .main .profile .year {
          font-size: calc(20 / 1366 * 100vw);
          padding-bottom: calc(20 / 1366 * 100vw); }
        #interview_detail .main .profile .name {
          font-size: calc(35 / 1366 * 100vw);
          padding-bottom: calc(15 / 1366 * 100vw); }
        #interview_detail .main .profile .belong {
          font-size: calc(20 / 1366 * 100vw);
          padding-bottom: calc(5 / 1366 * 100vw); }
        #interview_detail .main .profile .job {
          font-size: calc(20 / 1366 * 100vw);
          padding-bottom: calc(15 / 1366 * 100vw); }
        #interview_detail .main .profile .introduction {
          font-size: calc(16 / 1366 * 100vw); }
    #interview_detail .interview-block {
      padding-bottom: calc(60 / 1366 * 100vw); }
      #interview_detail .interview-block h3 {
        font-size: calc(26 / 1366 * 100vw);
        padding-bottom: calc(20 / 1366 * 100vw); }
      #interview_detail .interview-block p {
        font-size: calc(17 / 1366 * 100vw); }
      #interview_detail .interview-block.interview-block-top .photo {
        padding-bottom: calc(30 / 1366 * 100vw); }
      #interview_detail .interview-block.interview-block-left .photo {
        width: calc(570 / 1366 * 100vw); }
      #interview_detail .interview-block.interview-block-left .txt {
        padding-left: calc(40 / 1366 * 100vw);
        width: calc(100% - calc(570 / 1366 * 100vw)); }
      #interview_detail .interview-block.interview-block-right .photo {
        width: calc(570 / 1366 * 100vw); }
      #interview_detail .interview-block.interview-block-right .txt {
        padding-right: calc(40 / 1366 * 100vw);
        width: calc(100% - calc(570 / 1366 * 100vw)); }
    #interview_detail a.recuruit_button {
      font-size: calc(22 / 1366* 100vw);
      padding: calc(40 / 1366* 100vw) calc(10 / 1366* 100vw); }
    #interview_detail .recuruit-link h3 {
      font-size: calc(26 / 1366* 100vw);
      padding-bottom: calc(20 / 1366* 100vw); } }
@media screen and (max-width: 768px) {
  #interview_detail {
    padding-top: calc(60 / 768 * 100vw); }
    #interview_detail h2 {
      font-size: calc(36 / 768 * 100vw);
      padding-bottom: calc(40 / 768 * 100vw); }
    #interview_detail .main {
      margin-bottom: calc(70 / 768 * 100vw);
      padding-bottom: 0;
      margin-left: calc(-40 / 768 * 100vw);
      margin-right: calc(-40 / 768 * 100vw); }
      #interview_detail .main img {
        width: 100vw; }
      #interview_detail .main .profile {
        position: relative;
        bottom: 0;
        padding: calc(40 / 768 * 100vw) calc(40 / 768 * 100vw);
        width: calc(660 / 768 * 100vw);
        left: 0%;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        right: auto;
        margin: calc(-180 / 768 * 100vw) auto 0; }
        #interview_detail .main .profile .year {
          font-size: calc(30 / 768 * 100vw);
          padding-bottom: calc(30 / 768 * 100vw); }
        #interview_detail .main .profile .name {
          font-size: calc(46 / 768 * 100vw);
          padding-bottom: calc(30 / 768 * 100vw); }
        #interview_detail .main .profile .belong {
          font-size: calc(30 / 768 * 100vw);
          padding-bottom: calc(5 / 768 * 100vw); }
        #interview_detail .main .profile .job {
          font-size: calc(30 / 768 * 100vw);
          padding-bottom: calc(15 / 768 * 100vw); }
        #interview_detail .main .profile .introduction {
          font-size: calc(28 / 768 * 100vw); }
    #interview_detail .interview-block {
      padding-bottom: calc(60 / 768 * 100vw); }
      #interview_detail .interview-block h3 {
        font-size: calc(36 / 768 * 100vw);
        padding-bottom: calc(30 / 768 * 100vw); }
      #interview_detail .interview-block p {
        font-size: calc(28 / 768 * 100vw); }
      #interview_detail .interview-block.interview-block-top .photo {
        padding-bottom: calc(50 / 768 * 100vw); }
      #interview_detail .interview-block.interview-block-left .photo {
        width: 100%;
        order: 1;
        padding-bottom: calc(50 / 768 * 100vw); }
      #interview_detail .interview-block.interview-block-left .txt {
        order: 2;
        padding-left: 0;
        width: 100%; }
      #interview_detail .interview-block.interview-block-right .photo {
        width: 100%;
        order: 1;
        padding-bottom: calc(50 / 768 * 100vw); }
      #interview_detail .interview-block.interview-block-right .txt {
        order: 2;
        padding-right: 0;
        width: 100%; }
    #interview_detail a.recuruit_button {
      font-size: calc(28 / 768* 100vw);
      padding: calc(36 / 768* 100vw) calc(56 / 768* 100vw) calc(36 / 768* 100vw) calc(10 / 768* 100vw); }
    #interview_detail .recuruit-link h3 {
      font-size: calc(36 / 768* 100vw);
      padding-bottom: calc(30 / 768* 100vw); } }