/* -----

   set module

---------------------------------------------------- */
/*-
---------------------------------------------------- */
body[class^='interview_employee_'] .breadcrumb {
  position: relative;
  z-index: 11; }
  @media screen and (max-width: 900px) {
    body[class^='interview_employee_'] .breadcrumb::after {
      box-shadow: -28px 0px 16px -8px #fffaea inset; } }
body[class^='interview_employee_'] main {
  position: relative;
  z-index: 10; }
body[class^='interview_employee_'] .content {
  margin-top: 100px;
  margin-bottom: 124px; }
  @media screen and (max-width: 900px) {
    body[class^='interview_employee_'] .content {
      margin-top: calc( 5.769vw + 3.077px );
      margin-bottom: calc( 10.769vw + -46.924px ); } }
  @media screen and (max-width: 640px) {
    body[class^='interview_employee_'] .content {
      margin-top: 40px;
      margin-bottom: 22px; } }
body[class^='interview_employee_'] .content__header_box {
  margin-bottom: -60px; }
  @media screen and (max-width: 900px) {
    body[class^='interview_employee_'] .content__header_box {
      margin-bottom: -32px; } }

.interview_list {
  overflow: hidden;
  margin: 64px 0; }
  @media screen and (max-width: 900px) {
    .interview_list {
      margin: 32px 0 52px; } }
  @media screen and (max-width: 640px) {
    .interview_list {
      margin: 0 0 40px; } }
  .interview_list__inner {
    display: flex;
    flex-wrap: wrap;
    margin: -58px -20px 0; }
    @media screen and (max-width: 900px) {
      .interview_list__inner {
        justify-content: space-between;
        margin: -40px 0 0; } }
    @media screen and (max-width: 640px) {
      .interview_list__inner {
        margin: -36px 0 0; } }
    .interview_list__inner > li {
      width: 580px;
      margin: 58px 20px 0; }
      @media screen and (max-width: 900px) {
        .interview_list__inner > li {
          width: calc(50% - 14px);
          margin: 40px 0 0; } }
      @media screen and (max-width: 640px) {
        .interview_list__inner > li {
          width: 100%;
          margin: 36px 0 0; } }
  .interview_list__cont {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .interview_list__cont > .copy {
      order: 2;
      width: 377px;
      border-right: solid 1px #cccccc; }
      @media screen and (max-width: 900px) {
        .interview_list__cont > .copy {
          width: 100%;
          margin-bottom: 12px;
          border-right: none; } }
      .interview_list__cont > .copy > div {
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em;
        line-height: 1.6; }
        @media screen and (max-width: 900px) {
          .interview_list__cont > .copy > div {
            padding-right: 1em;
            font-size: calc( 1.154vw + 9.615px ); } }
        @media screen and (max-width: 640px) {
          .interview_list__cont > .copy > div {
            padding-right: 0;
            font-size: calc( 0.938vw + 14px );
            line-height: 1.647; } }
        @media screen and (max-width: 320px) {
          .interview_list__cont > .copy > div {
            font-size: 17px; } }
        .interview_list__cont > .copy > div._adj_ls {
          letter-spacing: 0; }
        .interview_list__cont > .copy > div > span {
          display: inline-block; }
        .interview_list__cont > .copy > div > .sp_800 {
          display: none; }
          @media screen and (max-width: 800px) {
            .interview_list__cont > .copy > div > .sp_800 {
              display: inherit; } }
          @media screen and (max-width: 640px) {
            .interview_list__cont > .copy > div > .sp_800 {
              display: none; } }
    .interview_list__cont > .profile {
      order: 3;
      display: flex;
      align-items: center;
      font-size: 0; }
      .interview_list__cont > .profile > ._name {
        color: #f97d00;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 42px;
        font-weight: 300;
        margin: 0 16px 0 20px; }
        @media screen and (max-width: 900px) {
          .interview_list__cont > .profile > ._name {
            margin: 0 12px 0 0;
            font-size: calc( 2.308vw + 21.231px ); } }
        @media screen and (max-width: 640px) {
          .interview_list__cont > .profile > ._name {
            font-size: 36px; } }
      .interview_list__cont > .profile > ._detail {
        color: #8d8d8d;
        font-size: 12px;
        line-height: 1.667; }
        @media screen and (max-width: 900px) {
          .interview_list__cont > .profile > ._detail > .sp_hide {
            display: none; } }
    .interview_list__cont > .photo {
      order: 1;
      position: relative;
      width: 100%;
      padding-bottom: 66.551%;
      margin-bottom: 32px;
      overflow: hidden; }
      @media screen and (max-width: 900px) {
        .interview_list__cont > .photo {
          margin-bottom: 18px; } }
      .interview_list__cont > .photo > img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        transition: width 0.4s ease-out, opacity 0.3s ease-out; }
        .interview_list__link:hover .interview_list__cont > .photo > img {
          width: 105%;
          opacity: 0.8; }
      .interview_list__cont > .photo::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../images/icon/icon_link_orange_tryangle_arrow.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 48px;
        height: 48px;
        z-index: 13; }
        @media screen and (max-width: 900px) {
          .interview_list__cont > .photo::after {
            width: calc( 7.692vw + -21.231px );
            height: calc( 7.692vw + -21.231px ); } }
        @media screen and (max-width: 640px) {
          .interview_list__cont > .photo::after {
            width: calc( 6.25vw + 8px );
            height: calc( 6.25vw + 8px ); } }
        @media screen and (max-width: 320px) {
          .interview_list__cont > .photo::after {
            width: 28px;
            height: 28px; } }
    .interview_list__cont > .icon {
      position: absolute;
      top: 0;
      left: 0;
      background: #333;
      width: 84px;
      padding: 7px 0;
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.12em;
      text-align: center;
      z-index: 11; }
      @media screen and (max-width: 900px) {
        .interview_list__cont > .icon {
          width: 72px;
          padding: 4px 0 5px;
          font-size: 12px; } }
      @media screen and (max-width: 480px) {
        .interview_list__cont > .icon {
          width: 62px;
          padding: 3px 0 5px;
          font-size: 12px; } }
      .interview_list__cont > .icon.icon_sale {
        background: #f77e76; }
      .interview_list__cont > .icon.icon_product {
        background: #6eb946; }
      .interview_list__cont > .icon.icon_quality {
        background: #45a3ca;
        letter-spacing: 0; }

.interview_list_annotation {
  padding: 0 8px 0 1em;
  margin: 0;
  text-indent: -1em;
  font-size: 14px;
  max-height: 100%;
  margin-top: -3.003px;
  margin-bottom: -3.003px;
  line-height: 1.429; }

.employee_header {
  background-color: #fffaeb;
  background-image: url("../images/interview/employee/bg_employee_header.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 720px;
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    .employee_header {
      height: calc( 57.692vw + 20.769px ); } }
  @media screen and (max-width: 640px) {
    .employee_header {
      height: 390px; } }
  @media screen and (max-width: 520px) {
    .employee_header {
      height: auto;
      padding: 48px 0 0 0; } }
  .employee_header__inner {
    position: relative;
    height: 100%; }
    @media screen and (max-width: 520px) {
      .employee_header__inner {
        padding-top: calc( 51vw + 24.8px ); } }
    @media screen and (max-width: 320px) {
      .employee_header__inner {
        padding-top: 188px; } }
  .employee_header__cont {
    position: absolute;
    bottom: 0;
    z-index: 11; }
    @media screen and (max-width: 900px) {
      .employee_header__cont {
        padding: 0 calc( 5.769vw + -21.924px ); } }
    @media screen and (max-width: 640px) {
      .employee_header__cont {
        padding: 0 15px; } }
    @media screen and (max-width: 520px) {
      .employee_header__cont {
        position: relative;
        padding: 0 15px 24px; } }
    .employee_header__cont_number {
      display: inline-block;
      background: #fff;
      width: 210px;
      padding: 6px 0 6px 4px;
      margin-bottom: 16px;
      color: #f97d00;
      font-family: 'Cabin', sans-serif;
      font-size: 24px;
      letter-spacing: 0.02em;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .employee_header__cont_number {
          width: 158px;
          font-size: 18px;
          padding: 4px 0 4px 2px;
          margin-bottom: 14px; } }
      @media screen and (max-width: 640px) {
        .employee_header__cont_number {
          width: 131px;
          font-size: 14.5px;
          margin-bottom: 12px; } }
    .employee_header__cont_copy {
      font-size: 0;
      margin-bottom: 210px; }
      .employee_header__cont_copy > span {
        display: inline-block;
        background: #f97d00;
        padding: 15px 22px;
        color: #fff;
        font-size: 32px;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em; }
        @media screen and (max-width: 900px) {
          .employee_header__cont_copy > span {
            font-size: calc( 1.923vw + 6.692px );
            padding: 10px 18px 12px; } }
        @media screen and (max-width: 640px) {
          .employee_header__cont_copy > span {
            font-size: 19px;
            padding: 9px 11px 9px; } }
        .employee_header__cont_copy > span:not(:last-child) {
          margin-bottom: 10px; }
          @media screen and (max-width: 900px) {
            .employee_header__cont_copy > span:not(:last-child) {
              margin-bottom: calc( 0.769vw + 1.077px ); } }
          @media screen and (max-width: 640px) {
            .employee_header__cont_copy > span:not(:last-child) {
              margin-bottom: 6px; } }
      .employee_header.pattern_01 .employee_header__cont_copy > .c2 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_01 .employee_header__cont_copy > .c2 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .employee_header.pattern_01 .employee_header__cont_copy > .c2 + br {
        display: none; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_01 .employee_header__cont_copy > .c2 + br {
            display: inline-block; } }
      .employee_header.pattern_01 .employee_header__cont_copy > .c3 {
        padding-left: 0px; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_01 .employee_header__cont_copy > .c3 {
            padding-left: 14px; } }
      @media screen and (max-width: 520px) {
        .employee_header.pattern_02 .employee_header__cont_copy > span {
          padding: 9px 10px 9px;
          font-size: 18px; } }
      .employee_header.pattern_03 .employee_header__cont_copy > .c2 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_03 .employee_header__cont_copy > .c2 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .employee_header.pattern_03 .employee_header__cont_copy > .c2 + br {
        display: none; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_03 .employee_header__cont_copy > .c2 + br {
            display: inline-block; } }
      .employee_header.pattern_03 .employee_header__cont_copy > .c3 {
        padding-left: 0px; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_03 .employee_header__cont_copy > .c3 {
            padding-left: 14px; } }
      .employee_header.pattern_04 .employee_header__cont_copy > .c1 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_04 .employee_header__cont_copy > .c1 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .employee_header.pattern_04 .employee_header__cont_copy > .c1 + br {
        display: none; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_04 .employee_header__cont_copy > .c1 + br {
            display: inline-block; } }
      .employee_header.pattern_04 .employee_header__cont_copy > .c2 {
        padding-left: 0px; }
        @media screen and (max-width: 700px) {
          .employee_header.pattern_04 .employee_header__cont_copy > .c2 {
            padding-left: 14px; } }
      @media screen and (max-width: 900px) {
        .employee_header.pattern_set .employee_header__cont_copy {
          margin-bottom: calc( 33.077vw + -145.693px ); } }
      @media screen and (max-width: 640px) {
        .employee_header.pattern_set .employee_header__cont_copy {
          margin-bottom: 66px; } }
      @media screen and (max-width: 520px) {
        .employee_header.pattern_set .employee_header__cont_copy {
          margin-bottom: 32px; } }
    .employee_header__cont_profile {
      position: relative;
      display: inline-flex;
      align-items: center;
      background: #fff;
      min-width: 360px;
      height: 108px;
      padding: 0 32px; }
      @media screen and (max-width: 900px) {
        .employee_header__cont_profile {
          min-width: calc( 11.538vw + 166.154px );
          height: 86px;
          padding: 0 16px; } }
      @media screen and (max-width: 640px) {
        .employee_header__cont_profile {
          min-width: 240px; } }
      @media screen and (max-width: 520px) {
        .employee_header__cont_profile {
          width: 100%; } }
      .employee_header__cont_profile > .name {
        color: #f97d00;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 52px;
        font-weight: 300;
        margin-right: 20px; }
        @media screen and (max-width: 900px) {
          .employee_header__cont_profile > .name {
            font-size: 42px;
            margin-right: 12px; } }
      .employee_header__cont_profile > .detail {
        font-size: 0;
        font-weight: 500;
        font-feature-settings: 'palt'; }
        .employee_header__cont_profile > .detail > ._department,
        .employee_header__cont_profile > .detail > ._join {
          font-size: 15px;
          letter-spacing: 0.04em; }
          @media screen and (max-width: 900px) {
            .employee_header__cont_profile > .detail > ._department,
            .employee_header__cont_profile > .detail > ._join {
              font-size: 13px; } }
        .employee_header__cont_profile > .detail > ._department > span + span {
          margin-left: 1em; }
        .employee_header__cont_profile > .detail > ._join {
          margin-top: 10px; }
          @media screen and (max-width: 900px) {
            .employee_header__cont_profile > .detail > ._join {
              margin-top: 8px; } }
      .employee_header__cont_profile > .icon {
        position: absolute;
        top: -14px;
        left: 0;
        background: #333;
        width: 96px;
        padding: 7px 0;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-feature-settings: 'palt';
        letter-spacing: 0.12em;
        text-align: center;
        z-index: 11; }
        @media screen and (max-width: 900px) {
          .employee_header__cont_profile > .icon {
            top: -9px;
            width: 72px;
            padding: 4px 0 5px;
            font-size: 12px; } }
        .employee_header__cont_profile > .icon.icon_sale {
          background: #f77e76; }
        .employee_header__cont_profile > .icon.icon_product {
          background: #6eb946; }
        .employee_header__cont_profile > .icon.icon_quality {
          background: #45a3ca;
          letter-spacing: 0; }
  .employee_header__photo {
    position: absolute;
    right: -240px;
    bottom: 0;
    width: 1280px;
    height: 640px;
    z-index: 10;
    overflow: hidden; }
    @media screen and (max-width: 900px) {
      .employee_header__photo {
        right: calc( -20vw + 0px ); } }
    @media screen and (max-width: 640px) {
      .employee_header.pattern_01 .employee_header__photo {
        right: calc( 26.667vw + -298.667px ); } }
    @media screen and (max-width: 640px) {
      .employee_header.pattern_02 .employee_header__photo {
        right: calc( 68.333vw + -565.334px ); } }
    @media screen and (max-width: 640px) {
      .employee_header.pattern_03 .employee_header__photo {
        right: calc( 43.333vw + -405.334px ); } }
    @media screen and (max-width: 640px) {
      .employee_header.pattern_04 .employee_header__photo {
        right: calc( 26.667vw + -298.667px ); } }
    @media screen and (max-width: 900px) {
      .employee_header.pattern_set .employee_header__photo {
        width: calc( 106.923vw + -2.308px );
        height: calc( 53.077vw + 2.308px ); } }
    @media screen and (max-width: 640px) {
      .employee_header.pattern_set .employee_header__photo {
        width: 682px;
        height: 342px; } }
    @media screen and (max-width: 520px) {
      .employee_header.pattern_set .employee_header__photo {
        top: 0;
        right: calc( 47vw + -334.4px );
        bottom: inherit;
        height: calc( 51vw + 76.8px ); } }
    @media screen and (max-width: 320px) {
      .employee_header.pattern_set .employee_header__photo {
        right: -184px;
        height: 240px; } }
    .employee_header__photo > img {
      position: absolute;
      height: 100%;
      right: 50%;
      transform: translateX(50%); }

.employee_cont_list > li:not(:first-child):not(:last-child) {
  margin-top: 72px; }
  @media screen and (max-width: 900px) {
    .employee_cont_list > li:not(:first-child):not(:last-child) {
      margin-top: 52px; } }
  @media screen and (max-width: 640px) {
    .employee_cont_list > li:not(:first-child):not(:last-child) {
      margin-top: 40px; } }
.employee_cont_list > li:last-child {
  margin-top: 84px; }
  @media screen and (max-width: 900px) {
    .employee_cont_list > li:last-child {
      margin-top: 52px; } }

.employee_cont_detail {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .employee_cont_detail {
      overflow: inherit; } }
  .employee_cont_detail__cont {
    position: relative;
    background: #fff;
    width: 50%;
    z-index: 11; }
    @media screen and (max-width: 900px) {
      .employee_cont_detail__cont {
        width: calc( 26.923vw + 357.692px );
        margin-top: 248px;
        padding-top: 4px;
        box-shadow: 0 0 0 calc( 3.846vw + -4.616px ) #fff; }
        .ua_ie .employee_cont_detail__cont {
          box-shadow: 0 0 0 25px #fff; } }
    @media screen and (max-width: 640px) {
      .employee_cont_detail__cont {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        box-shadow: inherit; } }
    .employee_cont_detail.detail_photo_left .employee_cont_detail__cont {
      float: right; }
      @media screen and (max-width: 640px) {
        .employee_cont_detail.detail_photo_left .employee_cont_detail__cont {
          float: inherit; } }
    .employee_cont_detail.detail_photo_right .employee_cont_detail__cont {
      float: left; }
      @media screen and (max-width: 640px) {
        .employee_cont_detail.detail_photo_right .employee_cont_detail__cont {
          float: inherit; } }
    .employee_cont_detail__cont > .copy {
      margin-bottom: 36px; }
      @media screen and (max-width: 900px) {
        .employee_cont_detail__cont > .copy {
          margin-bottom: 20px; } }
      .employee_cont_detail__cont > .copy > .main {
        color: #f97d00;
        font-weight: 700;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em;
        font-size: 26px;
        max-height: 100%;
        margin-top: -7.995px;
        margin-bottom: -7.995px;
        line-height: 1.615; }
        @media screen and (max-width: 900px) {
          .employee_cont_detail__cont > .copy > .main {
            font-size: 22px;
            max-height: 100%;
            margin-top: -6.996px;
            margin-bottom: -6.996px;
            line-height: 1.636; } }
        @media screen and (max-width: 900px) {
          .employee_cont_detail__cont > .copy > .main {
            font-size: 18px;
            max-height: 100%;
            margin-top: -5.004px;
            margin-bottom: -5.004px;
            line-height: 1.556; } }
        .employee_cont_detail__cont > .copy > .main > span {
          display: inline-block; }
        @media screen and (max-width: 900px) {
          .employee_cont_detail__cont > .copy > .main > .sp_hide {
            display: none; } }
    .employee_cont_detail__cont > .text > p {
      font-size: 16px;
      max-height: 100%;
      margin-top: -8px;
      margin-bottom: -8px;
      line-height: 2;
      text-align: justify;
      text-justify: inter-ideograph; }
      @media screen and (max-width: 900px) {
        .employee_cont_detail__cont > .text > p {
          font-size: 15px;
          max-height: 100%;
          margin-top: -6.5025px;
          margin-bottom: -6.5025px;
          line-height: 1.867; } }
  .employee_cont_detail__photo {
    position: relative;
    display: inline-block;
    width: 540px;
    z-index: 10; }
    @media screen and (max-width: 900px) {
      .employee_cont_detail__photo {
        position: absolute;
        width: 420px; } }
    @media screen and (max-width: 640px) {
      .employee_cont_detail__photo {
        position: relative;
        width: calc( 81.25vw + 60px );
        margin: 30px calc( 4.688vw + -30px ) 0; } }
    @media screen and (max-width: 320px) {
      .employee_cont_detail__photo {
        width: 320px;
        margin: 30px -15px 0; } }
    .employee_cont_detail.detail_photo_left .employee_cont_detail__photo {
      float: left; }
      @media screen and (max-width: 900px) {
        .employee_cont_detail.detail_photo_left .employee_cont_detail__photo {
          float: inherit;
          left: 0; } }
    .employee_cont_detail.detail_photo_right .employee_cont_detail__photo {
      float: right; }
      @media screen and (max-width: 900px) {
        .employee_cont_detail.detail_photo_right .employee_cont_detail__photo {
          float: inherit;
          right: 0; } }
    .employee_cont_detail__photo > img {
      width: 100%; }

.employee_cont_message {
  position: relative;
  background: #fffaeb;
  padding: 72px 60px 78px; }
  @media screen and (max-width: 900px) {
    .employee_cont_message {
      padding: 52px 40px 50px; } }
  @media screen and (max-width: 640px) {
    .employee_cont_message {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 28px calc( 4.688vw + 0px ); } }
  @media screen and (max-width: 320px) {
    .employee_cont_message {
      padding: 28px 15px; } }
  .employee_cont_message::before, .employee_cont_message::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 38px; }
  .employee_cont_message::before {
    top: -4px;
    left: -4px;
    border-top: solid 10px #f97d00;
    border-left: solid 10px #f97d00; }
  .employee_cont_message::after {
    right: -4px;
    bottom: -4px;
    border-right: solid 10px #f97d00;
    border-bottom: solid 10px #f97d00; }
  .employee_cont_message > .copy {
    position: relative;
    width: 740px;
    margin-bottom: 24px;
    font-feature-settings: 'palt';
    letter-spacing: 0.04em;
    font-weight: bold;
    z-index: 11; }
    @media screen and (max-width: 900px) {
      .employee_cont_message > .copy {
        width: 100%;
        padding: 0 0 0 calc( 10.769vw + 87.077px );
        margin-bottom: calc( 10vw + -40px ); } }
    @media screen and (max-width: 640px) {
      .employee_cont_message > .copy {
        order: 1;
        padding: 0 0 0 0;
        margin-bottom: 24px;
        text-align: center; } }
    .employee_cont_message > .copy > ._sub {
      position: relative;
      display: inline-block;
      padding-bottom: 11px;
      border-bottom: solid 1px #333;
      margin-left: -1px;
      margin-bottom: 26px;
      font-size: 18px; }
      @media screen and (max-width: 900px) {
        .employee_cont_message > .copy > ._sub {
          margin-bottom: 32px; } }
      .employee_cont_message > .copy > ._sub::before, .employee_cont_message > .copy > ._sub::after {
        content: '';
        position: absolute;
        left: calc(50% - 8px);
        width: 0;
        height: 0;
        border-width: 16px 8px 0 8px;
        border-style: solid;
        border-color: transparent transparent transparent transparent; }
      .employee_cont_message > .copy > ._sub::before {
        bottom: -16px;
        border-top-color: #333; }
      .employee_cont_message > .copy > ._sub::after {
        bottom: -14.5px;
        border-top-color: #fffaeb; }
    .employee_cont_message > .copy > ._main {
      display: block;
      color: #f97d00;
      font-size: 26px;
      line-height: 1.462;
      margin-top: -6.006px;
      margin-bottom: -6.006px; }
      @media screen and (max-width: 900px) {
        .employee_cont_message > .copy > ._main {
          font-size: calc( 1.538vw + 8.154px ); } }
      @media screen and (max-width: 640px) {
        .employee_cont_message > .copy > ._main {
          padding: 0 20px;
          font-size: 18px; } }
      .employee_cont_message > .copy > ._main span {
        display: inline-block; }
  .employee_cont_message > .word {
    position: absolute;
    top: 48px;
    left: 280px;
    color: #fff;
    font-family: 'Cabin', sans-serif;
    font-size: 124px;
    font-feature-settings: 'palt';
    font-weight: 400;
    letter-spacing: 0.048em;
    z-index: 10; }
    @media screen and (max-width: 900px) {
      .employee_cont_message > .word {
        top: calc( -3.077vw + 107.692px );
        left: calc( 39.231vw + 10.923px );
        font-size: calc( 15.385vw + -42.462px ); } }
    @media screen and (max-width: 640px) {
      .employee_cont_message > .word {
        order: 4;
        display: none; } }
  .employee_cont_message > .text {
    width: 740px; }
    @media screen and (max-width: 900px) {
      .employee_cont_message > .text {
        width: 100%; } }
    @media screen and (max-width: 640px) {
      .employee_cont_message > .text {
        order: 3; } }
    .employee_cont_message > .text > p {
      font-size: 16px;
      max-height: 100%;
      margin-top: -8px;
      margin-bottom: -8px;
      line-height: 2;
      text-align: justify;
      text-justify: inter-ideograph; }
      @media screen and (max-width: 900px) {
        .employee_cont_message > .text > p {
          font-size: 15px;
          max-height: 100%;
          margin-top: -6.5025px;
          margin-bottom: -6.5025px;
          line-height: 1.867; } }
  .employee_cont_message > .photo {
    position: absolute;
    top: 50%;
    right: 60px;
    width: 300px;
    transform: translateY(-50%);
    z-index: 11; }
    @media screen and (max-width: 900px) {
      .employee_cont_message > .photo {
        width: calc( 12.308vw + 49.231px );
        top: 28px;
        left: 36px;
        right: inherit;
        transform: inherit; } }
    @media screen and (max-width: 640px) {
      .employee_cont_message > .photo {
        order: 2;
        position: relative;
        top: inherit;
        left: inherit;
        width: 128px;
        height: 128px;
        margin-bottom: 24px; } }
    .employee_cont_message > .photo > ._person {
      display: block;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 4px 6.928px 0px 0px #fee1bc; }
      .employee_cont_message > .photo > ._person > img {
        width: 100%; }

.employee_cont_annotation {
  padding: 25px 8px 0 1em;
  margin: 0;
  text-indent: -1em;
  font-size: 14px;
  max-height: 100%;
  margin-top: -3.003px;
  margin-bottom: -3.003px;
  line-height: 1.429; }

.employee_footer_member {
  background-color: #fffaeb;
  background-image: url("../images/interview/employee/bg_employee_footer_member.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 64px 0; }
  @media screen and (max-width: 900px) {
    .employee_footer_member {
      padding: 50px 30px; } }
  @media screen and (max-width: 700px) {
    .employee_footer_member {
      padding: calc( 5.263vw + 13.158px ) calc( 3.947vw + 2.368px ); } }
  @media screen and (max-width: 320px) {
    .employee_footer_member {
      padding: 30px 15px; } }
  .employee_footer_member__inner {
    min-width: 290px; }
  .employee_footer_member__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .employee_footer_member__list > li {
      width: 386px; }
      @media screen and (max-width: 900px) {
        .employee_footer_member__list > li {
          width: calc(33.333% - 8px); } }
      @media screen and (max-width: 440px) {
        .employee_footer_member__list > li {
          width: 100%; } }
      @media screen and (max-width: 440px) {
        .employee_footer_member__list > li:not(:first-child) {
          margin-top: 12px; } }
  .employee_footer_member__link {
    display: block; }
  .employee_footer_member__cont {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    height: 140px;
    padding: 0 26px; }
    @media screen and (max-width: 900px) {
      .employee_footer_member__cont {
        height: auto;
        padding: 14px 15px; } }
    @media screen and (max-width: 700px) {
      .employee_footer_member__cont {
        flex-direction: column;
        padding: 20px 15px; } }
    @media screen and (max-width: 440px) {
      .employee_footer_member__cont {
        flex-direction: row;
        padding: 14px 15px; } }
    .employee_footer_member__cont::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      background-image: url(../images/icon/icon_link_orange_tryangle_arrow.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: 34px;
      height: 34px;
      z-index: 13; }
      @media screen and (max-width: 900px) {
        .employee_footer_member__cont::after {
          width: 28px;
          height: 28px; } }
  .employee_footer_member__photo {
    width: 108px;
    margin-right: 20px; }
    @media screen and (max-width: 900px) {
      .employee_footer_member__photo {
        width: calc( 8vw + 16px );
        margin-right: calc( 2.5vw + -7.5px ); } }
    @media screen and (max-width: 700px) {
      .employee_footer_member__photo {
        width: 96px;
        margin-right: 0;
        margin-bottom: -10px; } }
    @media screen and (max-width: 440px) {
      .employee_footer_member__photo {
        width: 72px;
        margin-right: 15px;
        margin-bottom: 0; } }
    .employee_footer_member__photo > .person {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 100%;
      border-radius: 50%;
      overflow: hidden;
      transition: box-shadow 0.4s ease-out;
      box-shadow: 0 0 0 0 #fb9e40;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
      .employee_footer_member__link:hover .employee_footer_member__photo > .person {
        box-shadow: 0 0 0 4px #fb9e40; }
        @media screen and (max-width: 900px) {
          .employee_footer_member__link:hover .employee_footer_member__photo > .person {
            box-shadow: 0 0 0 2px #fb9e40; } }
      .employee_footer_member__photo > .person > img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%) rotate(0.1deg);
        transition: width 0.4s ease-out, opacity 0.3s ease-out; }
        .employee_footer_member__link:hover .employee_footer_member__photo > .person > img {
          width: 104%;
          opacity: 0.8; }
  .employee_footer_member__profile {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 128px); }
    @media screen and (max-width: 900px) {
      .employee_footer_member__profile {
        flex-direction: column;
        align-items: start;
        width: auto; } }
    @media screen and (max-width: 700px) {
      .employee_footer_member__profile {
        width: 100%;
        align-items: center; } }
    @media screen and (max-width: 440px) {
      .employee_footer_member__profile {
        flex-direction: row;
        width: calc(100% - 87px);
        text-align: inherit;
        align-items: start; } }
    .employee_footer_member__profile > .name {
      order: 2;
      color: #f97d00;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 42px;
      font-weight: 300;
      margin-right: 18px; }
      @media screen and (max-width: 900px) {
        .employee_footer_member__profile > .name {
          font-size: 36px;
          margin-right: 0;
          margin-bottom: 4px; } }
      @media screen and (max-width: 440px) {
        .employee_footer_member__profile > .name {
          margin-right: 10px;
          margin-bottom: 0; } }
    .employee_footer_member__profile > .detail {
      order: 3;
      font-size: 13px;
      line-height: 1.538;
      color: #8d8d8d;
      font-weight: 500;
      font-feature-settings: 'palt'; }
      @media screen and (max-width: 900px) {
        .employee_footer_member__profile > .detail {
          font-size: 11px;
          line-height: 1.636; } }
      @media screen and (max-width: 700px) {
        .employee_footer_member__profile > .detail {
          text-align: center; } }
      @media screen and (max-width: 440px) {
        .employee_footer_member__profile > .detail {
          text-align: inherit; } }
    .employee_footer_member__profile > .icon {
      order: 1;
      display: block;
      width: 100%;
      margin-bottom: 10px; }
      @media screen and (max-width: 900px) {
        .employee_footer_member__profile > .icon {
          width: auto; } }
      @media screen and (max-width: 440px) {
        .employee_footer_member__profile > .icon {
          width: 100%; } }
      .employee_footer_member__profile > .icon > span {
        display: block;
        width: 62px;
        padding: 3px 0;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        font-feature-settings: 'palt';
        letter-spacing: 0.12em;
        text-align: center; }
        .employee_footer_member__profile > .icon > span.icon_sale {
          background: #f77e76; }
        .employee_footer_member__profile > .icon > span.icon_product {
          background: #6eb946; }
        .employee_footer_member__profile > .icon > span.icon_quality {
          background: #45a3ca;
          letter-spacing: 0; }

/*# sourceMappingURL=common_interview.css.map */