/* -----

   set module

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

.q-and-a_list {
  overflow: hidden;
  margin: 64px 0; }
  @media screen and (max-width: 900px) {
    .q-and-a_list {
      margin: 32px 0 52px; } }
  @media screen and (max-width: 640px) {
    .q-and-a_list {
      margin: 0 0 40px; } }
  .q-and-a_list__inner {
    display: flex;
    flex-wrap: wrap;
    margin: -58px -21px 0; }
    @media screen and (max-width: 900px) {
      .q-and-a_list__inner {
        justify-content: space-between;
        margin: -40px 0 0; } }
    @media screen and (max-width: 640px) {
      .q-and-a_list__inner {
        margin: -36px 0 0; } }
    .q-and-a_list__inner > li {
      width: 372px;
      margin: 58px 21px 0; }
      @media screen and (max-width: 900px) {
        .q-and-a_list__inner > li {
          width: calc(50% - 14px);
          margin: 40px 0 0; } }
      @media screen and (max-width: 640px) {
        .q-and-a_list__inner > li {
          width: 100%;
          margin: 36px 0 0; } }
  .q-and-a_list__cont {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .q-and-a_list__cont > .copy {
      order: 2;
      width: 100%;
      margin-bottom: 20px; }
      .q-and-a_list__cont > .copy > div {
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em;
        line-height: 1.6; }
        @media screen and (max-width: 900px) {
          .q-and-a_list__cont > .copy > div {
            padding-right: 1em;
            font-size: calc( 1.154vw + 9.615px ); } }
        @media screen and (max-width: 640px) {
          .q-and-a_list__cont > .copy > div {
            padding-right: 0;
            font-size: calc( 0.938vw + 14px );
            line-height: 1.647; } }
        @media screen and (max-width: 320px) {
          .q-and-a_list__cont > .copy > div {
            font-size: 17px; } }
        .q-and-a_list__cont > .copy > div._adj_ls {
          letter-spacing: 0; }
        .q-and-a_list__cont > .copy > div > span {
          display: inline-block; }
        .q-and-a_list__cont > .copy > div > .sp_800 {
          display: none; }
          @media screen and (max-width: 800px) {
            .q-and-a_list__cont > .copy > div > .sp_800 {
              display: inherit; } }
          @media screen and (max-width: 640px) {
            .q-and-a_list__cont > .copy > div > .sp_800 {
              display: none; } }
    .q-and-a_list__cont > .profile {
      order: 3;
      display: flex;
      align-items: center;
      font-size: 0; }
      .q-and-a_list__cont > .profile > ._name {
        color: #f97d00;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 42px;
        font-weight: 300;
        margin: 0 16px 0 0; }
        @media screen and (max-width: 900px) {
          .q-and-a_list__cont > .profile > ._name {
            margin: 0 12px 0 0;
            font-size: calc( 2.308vw + 21.231px ); } }
        @media screen and (max-width: 640px) {
          .q-and-a_list__cont > .profile > ._name {
            font-size: 36px; } }
      .q-and-a_list__cont > .profile > ._detail {
        color: #8d8d8d;
        font-size: 12px;
        line-height: 1.667; }
        @media screen and (max-width: 900px) {
          .q-and-a_list__cont > .profile > ._detail > .sp_hide {
            display: none; } }
    .q-and-a_list__cont > .photo {
      order: 1;
      position: relative;
      width: 100%;
      padding-bottom: 66.551%;
      margin-bottom: 28px;
      overflow: hidden; }
      @media screen and (max-width: 900px) {
        .q-and-a_list__cont > .photo {
          margin-bottom: 18px; } }
      .q-and-a_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; }
        .q-and-a_list__link:hover .q-and-a_list__cont > .photo > img {
          width: 105%;
          opacity: 0.8; }
      .q-and-a_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) {
          .q-and-a_list__cont > .photo::after {
            width: calc( 7.692vw + -21.231px );
            height: calc( 7.692vw + -21.231px ); } }
        @media screen and (max-width: 640px) {
          .q-and-a_list__cont > .photo::after {
            width: calc( 6.25vw + 8px );
            height: calc( 6.25vw + 8px ); } }
        @media screen and (max-width: 320px) {
          .q-and-a_list__cont > .photo::after {
            width: 28px;
            height: 28px; } }
    .q-and-a_list__cont > .icon {
      position: absolute;
      top: 0;
      left: 0;
      background: #333;
      width: 72px;
      padding: 7px 0;
      color: #fff;
      font-size: 13px;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.12em;
      text-align: center;
      z-index: 11; }
      @media screen and (max-width: 900px) {
        .q-and-a_list__cont > .icon {
          width: 62px;
          padding: 3px 0 5px;
          font-size: 12px; } }
      @media screen and (max-width: 640px) {
        .q-and-a_list__cont > .icon {
          width: 72px;
          padding: 7px 0;
          font-size: 13px; } }
      @media screen and (max-width: 480px) {
        .q-and-a_list__cont > .icon {
          width: 62px;
          padding: 3px 0 5px;
          font-size: 12px; } }
      .q-and-a_list__cont > .icon.icon_sale {
        background: #f77e76; }
      .q-and-a_list__cont > .icon.icon_product {
        background: #6eb946; }
      .q-and-a_list__cont > .icon.icon_quality {
        background: #45a3ca;
        letter-spacing: 0; }
      .q-and-a_list__cont > .icon.icon_technology {
        background: #6a84c8; }
      .q-and-a_list__cont > .icon.icon_business {
        background: #f5a01e;
        letter-spacing: 0; }

.q-and-a_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; }

.member_header {
  background-color: #fffaeb;
  background-image: url("../../assets/images/q-and-a/member/bg_employee_header.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 720px;
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    .member_header {
      height: calc( 57.692vw + 20.769px ); } }
  @media screen and (max-width: 640px) {
    .member_header {
      height: 390px; } }
  @media screen and (max-width: 520px) {
    .member_header {
      height: auto;
      padding: 48px 0 0 0; } }
  .member_header__inner {
    position: relative;
    height: 100%; }
    @media screen and (max-width: 520px) {
      .member_header__inner {
        padding-top: calc( 51vw + 24.8px ); } }
    @media screen and (max-width: 320px) {
      .member_header__inner {
        padding-top: 188px; } }
  .member_header__cont {
    position: absolute;
    bottom: 0;
    z-index: 11; }
    @media screen and (max-width: 900px) {
      .member_header__cont {
        padding: 0 calc( 5.769vw + -21.924px ); } }
    @media screen and (max-width: 640px) {
      .member_header__cont {
        padding: 0 15px; } }
    @media screen and (max-width: 520px) {
      .member_header__cont {
        position: relative;
        padding: 0 15px 24px; } }
    .member_header__cont_number {
      display: inline-block;
      background: #fff;
      width: 252px;
      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) {
        .member_header__cont_number {
          width: 190px;
          font-size: 18px;
          padding: 4px 0 4px 2px;
          margin-bottom: 14px; } }
      @media screen and (max-width: 640px) {
        .member_header__cont_number {
          width: 154px;
          font-size: 14.5px;
          margin-bottom: 12px; } }
    .member_header__cont_copy {
      font-size: 0;
      margin-bottom: 210px; }
      .member_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) {
          .member_header__cont_copy > span {
            font-size: calc( 1.923vw + 6.692px );
            padding: 10px 18px 12px; } }
        @media screen and (max-width: 640px) {
          .member_header__cont_copy > span {
            font-size: 19px;
            padding: 9px 11px 9px; } }
        .member_header__cont_copy > span:not(:last-child) {
          margin-bottom: 10px; }
          @media screen and (max-width: 900px) {
            .member_header__cont_copy > span:not(:last-child) {
              margin-bottom: calc( 0.769vw + 1.077px ); } }
          @media screen and (max-width: 640px) {
            .member_header__cont_copy > span:not(:last-child) {
              margin-bottom: 6px; } }
      .member_header.pattern_01 .member_header__cont_copy > .c1 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_01 .member_header__cont_copy > .c1 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .member_header.pattern_01 .member_header__cont_copy > .c1 + br {
        display: none; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_01 .member_header__cont_copy > .c1 + br {
            display: inline-block; } }
      .member_header.pattern_01 .member_header__cont_copy > .c2 {
        padding-left: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_01 .member_header__cont_copy > .c2 {
            padding-left: 14px; } }
      .member_header.pattern_02 .member_header__cont_copy {
        margin-bottom: 136px; }
      .member_header.pattern_03 .member_header__cont_copy > .c1 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_03 .member_header__cont_copy > .c1 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .member_header.pattern_03 .member_header__cont_copy > .c1 + br {
        display: none; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_03 .member_header__cont_copy > .c1 + br {
            display: inline-block; } }
      .member_header.pattern_03 .member_header__cont_copy > .c2 {
        padding-left: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_03 .member_header__cont_copy > .c2 {
            padding-left: 14px; } }
      .member_header.pattern_04 .member_header__cont_copy > .c2 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_04 .member_header__cont_copy > .c2 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .member_header.pattern_04 .member_header__cont_copy > .c2 + br {
        display: none; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_04 .member_header__cont_copy > .c2 + br {
            display: inline-block; } }
      .member_header.pattern_04 .member_header__cont_copy > .c3 {
        padding-left: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_04 .member_header__cont_copy > .c3 {
            padding-left: 14px; } }
      .member_header.pattern_05 .member_header__cont_copy > .c2 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_05 .member_header__cont_copy > .c2 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .member_header.pattern_05 .member_header__cont_copy > .c2 + br {
        display: none; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_05 .member_header__cont_copy > .c2 + br {
            display: inline-block; } }
      .member_header.pattern_05 .member_header__cont_copy > .c3 {
        padding-left: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_05 .member_header__cont_copy > .c3 {
            padding-left: 14px; } }
      .member_header.pattern_06 .member_header__cont_copy > .c1 {
        padding-right: 0px;
        margin-bottom: 0; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_06 .member_header__cont_copy > .c1 {
            padding-right: 14px;
            margin-bottom: 6px; } }
      .member_header.pattern_06 .member_header__cont_copy > .c1 + br {
        display: none; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_06 .member_header__cont_copy > .c1 + br {
            display: inline-block; } }
      .member_header.pattern_06 .member_header__cont_copy > .c2 {
        padding-left: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_06 .member_header__cont_copy > .c2 {
            padding-right: 0;
            padding-left: 14px; } }
      @media screen and (max-width: 900px) {
        .member_header.pattern_06 .member_header__cont_copy > .c2 + br {
          display: none; } }
      .member_header.pattern_06 .member_header__cont_copy > .c3 {
        padding-right: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_06 .member_header__cont_copy > .c3 {
            padding-right: 14px;
            padding-left: 0px; } }
      .member_header.pattern_06 .member_header__cont_copy > .c3 + br {
        display: none; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_06 .member_header__cont_copy > .c3 + br {
            display: inline-block; } }
      .member_header.pattern_06 .member_header__cont_copy > .c4 {
        padding-left: 0px; }
        @media screen and (max-width: 900px) {
          .member_header.pattern_06 .member_header__cont_copy > .c4 {
            padding-left: 14px; } }
      @media screen and (max-width: 900px) {
        .member_header.pattern_set .member_header__cont_copy {
          margin-bottom: calc( 33.077vw + -145.693px ); } }
      @media screen and (max-width: 640px) {
        .member_header.pattern_set .member_header__cont_copy {
          margin-bottom: 66px; } }
      @media screen and (max-width: 520px) {
        .member_header.pattern_set .member_header__cont_copy {
          margin-bottom: 32px; } }
    .member_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) {
        .member_header__cont_profile {
          min-width: calc( 11.538vw + 166.154px );
          height: 86px;
          padding: 0 16px; } }
      @media screen and (max-width: 640px) {
        .member_header__cont_profile {
          min-width: 240px; } }
      @media screen and (max-width: 520px) {
        .member_header__cont_profile {
          width: 100%; } }
      .member_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) {
          .member_header__cont_profile > .name {
            font-size: 42px;
            margin-right: 12px; } }
      .member_header__cont_profile > .detail {
        font-size: 0;
        font-weight: 500;
        font-feature-settings: 'palt'; }
        .member_header__cont_profile > .detail > ._department,
        .member_header__cont_profile > .detail > ._join {
          font-size: 15px;
          letter-spacing: 0.04em; }
          @media screen and (max-width: 900px) {
            .member_header__cont_profile > .detail > ._department,
            .member_header__cont_profile > .detail > ._join {
              font-size: 13px; } }
        .member_header__cont_profile > .detail > ._department > span + span {
          margin-left: 1em; }
        .member_header__cont_profile > .detail > ._join {
          margin-top: 10px; }
          @media screen and (max-width: 900px) {
            .member_header__cont_profile > .detail > ._join {
              margin-top: 8px; } }
      .member_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) {
          .member_header__cont_profile > .icon {
            top: -9px;
            width: 72px;
            padding: 4px 0 5px;
            font-size: 12px; } }
        .member_header__cont_profile > .icon.icon_sale {
          background: #f77e76; }
        .member_header__cont_profile > .icon.icon_product {
          background: #6eb946; }
        .member_header__cont_profile > .icon.icon_quality {
          background: #45a3ca;
          letter-spacing: 0; }
        .member_header__cont_profile > .icon.icon_technology {
          background: #6a84c8; }
        .member_header__cont_profile > .icon.icon_business {
          background: #f5a01e;
          letter-spacing: 0; }
  .member_header__photo {
    position: absolute;
    right: -240px;
    bottom: 0;
    width: 1280px;
    height: 640px;
    z-index: 10;
    overflow: hidden; }
    @media screen and (max-width: 900px) {
      .member_header__photo {
        right: calc( -20vw + 0px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_01 .member_header__photo {
        right: calc( 76.667vw + -618.667px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_02 .member_header__photo {
        right: calc( 110vw + -832px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_03 .member_header__photo {
        right: calc( 76.667vw + -618.667px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_04 .member_header__photo {
        right: calc( 76.667vw + -618.667px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_05 .member_header__photo {
        right: calc( 76.667vw + -618.667px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_06 .member_header__photo {
        right: calc( 51.667vw + -458.667px ); } }
    @media screen and (max-width: 900px) {
      .member_header.pattern_set .member_header__photo {
        width: calc( 106.923vw + -2.308px );
        height: calc( 53.077vw + 2.308px ); } }
    @media screen and (max-width: 640px) {
      .member_header.pattern_set .member_header__photo {
        width: 682px;
        height: 342px; } }
    @media screen and (max-width: 520px) {
      .member_header.pattern_set .member_header__photo {
        top: 0;
        right: calc( 47vw + -334.4px );
        bottom: inherit;
        height: calc( 51vw + 76.8px ); } }
    @media screen and (max-width: 320px) {
      .member_header.pattern_set .member_header__photo {
        right: -184px;
        height: 240px; } }
    .member_header__photo > img {
      position: absolute;
      height: 100%;
      right: 50%;
      transform: translateX(50%); }

.member_cont_list > li:not(:first-child) {
  margin-top: 100px; }
  @media screen and (max-width: 900px) {
    .member_cont_list > li:not(:first-child) {
      margin-top: 50px; } }
  @media screen and (max-width: 640px) {
    .member_cont_list > li:not(:first-child) {
      margin-top: 40px; } }

.member_cont_detail {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .member_cont_detail {
      overflow: inherit; } }
  .member_cont_detail__list {
    background: #fffaeb;
    padding: 55px 60px 52px;
    margin-top: -225px; }
    @media screen and (max-width: 900px) {
      .member_cont_detail__list {
        padding: 60px 30px 35px;
        margin-top: -30px; } }
    @media screen and (max-width: 640px) {
      .member_cont_detail__list {
        background: #fff;
        padding: 0;
        margin-top: 0; } }
    .member_cont_detail.detail_photo_left .member_cont_detail__list {
      float: right;
      padding-left: 240px; }
      @media screen and (max-width: 900px) {
        .member_cont_detail.detail_photo_left .member_cont_detail__list {
          padding-left: 30px; } }
      @media screen and (max-width: 640px) {
        .member_cont_detail.detail_photo_left .member_cont_detail__list {
          float: inherit;
          padding: 0; } }
    .member_cont_detail.detail_photo_right .member_cont_detail__list {
      float: left;
      padding-right: 240px; }
      @media screen and (max-width: 900px) {
        .member_cont_detail.detail_photo_right .member_cont_detail__list {
          padding-right: 30px; } }
      @media screen and (max-width: 640px) {
        .member_cont_detail.detail_photo_right .member_cont_detail__list {
          float: inherit;
          padding: 0; } }
    .member_cont_detail__list > li:not(:first-child) {
      margin-top: 52px; }
      @media screen and (max-width: 900px) {
        .member_cont_detail__list > li:not(:first-child) {
          margin-top: 40px; } }
  .member_cont_detail__cont {
    width: 600px; }
    @media screen and (max-width: 900px) {
      .member_cont_detail__cont {
        width: calc( 107.692vw + -269.231px ); } }
    @media screen and (max-width: 640px) {
      .member_cont_detail__cont {
        width: 100%; } }
    .member_cont_detail__cont > .ttl {
      border-bottom: solid 1px #f97d00;
      font-size: 0;
      padding: 0 0 16px 0;
      margin: -12px 0 36px 0; }
      @media screen and (max-width: 900px) {
        .member_cont_detail__cont > .ttl {
          padding: 0 0 8px 0;
          margin: -12px 0 21px 0; } }
      .member_cont_detail__cont > .ttl > i {
        display: inline-block;
        color: #f97d00;
        font-size: 48px;
        font-family: 'Roboto Condensed', sans-serif;
        margin-right: 14px; }
        @media screen and (max-width: 900px) {
          .member_cont_detail__cont > .ttl > i {
            font-size: 36px;
            line-height: 1.471; } }
      .member_cont_detail__cont > .ttl > span {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em; }
        @media screen and (max-width: 900px) {
          .member_cont_detail__cont > .ttl > span {
            font-size: calc( 1.154vw + 9.615px );
            line-height: 1.471; } }
        @media screen and (max-width: 640px) {
          .member_cont_detail__cont > .ttl > span {
            font-size: 17px; } }
    .member_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) {
        .member_cont_detail__cont > .text > p {
          font-size: 15px;
          max-height: 100%;
          margin-top: -6.5025px;
          margin-bottom: -6.5025px;
          line-height: 1.867; } }
  .member_cont_detail__photo {
    position: relative;
    display: inline-block;
    width: 480px;
    z-index: 10; }
    @media screen and (max-width: 900px) {
      .member_cont_detail__photo {
        width: calc( 4.615vw + 318.462px ); } }
    @media screen and (max-width: 640px) {
      .member_cont_detail__photo {
        width: calc( 81.25vw + 60px );
        margin: 0 calc( 4.688vw + -30px ) 30px; } }
    @media screen and (max-width: 320px) {
      .member_cont_detail__photo {
        width: 320px;
        margin: 0 -15px 30px; } }
    .member_cont_detail.detail_photo_left .member_cont_detail__photo {
      float: left; }
      @media screen and (max-width: 640px) {
        .member_cont_detail.detail_photo_left .member_cont_detail__photo {
          float: inherit; } }
    .member_cont_detail.detail_photo_right .member_cont_detail__photo {
      float: right; }
      @media screen and (max-width: 640px) {
        .member_cont_detail.detail_photo_right .member_cont_detail__photo {
          float: inherit; } }
    .member_cont_detail__photo > img {
      width: 100%; }

.member_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; }

.member_footer_transition {
  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;
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    .member_footer_transition {
      padding: 50px 30px; } }
  @media screen and (max-width: 700px) {
    .member_footer_transition {
      padding: calc( 5.263vw + 13.158px ) calc( 3.947vw + 2.368px ); } }
  @media screen and (max-width: 320px) {
    .member_footer_transition {
      padding: 30px 15px; } }
  .member_footer_transition__inner {
    min-width: 290px; }

.employee_asnav__pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .employee_asnav__pagination > li > a {
    background: #fff; }
  .employee_asnav__pagination > li.prev, .employee_asnav__pagination > li.next {
    width: 510px; }
    @media screen and (max-width: 900px) {
      .employee_asnav__pagination > li.prev, .employee_asnav__pagination > li.next {
        width: calc( 50% - 10px ); } }
    @media screen and (max-width: 640px) {
      .employee_asnav__pagination > li.prev, .employee_asnav__pagination > li.next {
        width: calc( 50% - 5px ); } }
  @media screen and (max-width: 900px) {
    .employee_asnav__pagination > li.prev {
      order: 1; } }
  .employee_asnav__pagination > li.top {
    width: 140px; }
    @media screen and (max-width: 900px) {
      .employee_asnav__pagination > li.top {
        order: 3;
        width: 100%;
        margin-top: 20px; } }
    @media screen and (max-width: 640px) {
      .employee_asnav__pagination > li.top {
        margin-top: 12px; } }
  @media screen and (max-width: 900px) {
    .employee_asnav__pagination > li.next {
      order: 2; } }
  .employee_asnav__pagination_link {
    display: block;
    height: 140px; }
    @media screen and (max-width: 640px) {
      .employee_asnav__pagination_link {
        height: 100%; } }
  .employee_asnav__pagination_link_top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    transition: opacity 0.2s ease-out; }
    @media screen and (max-width: 900px) {
      .employee_asnav__pagination_link_top {
        height: 48px; } }
    .employee_asnav__pagination_link_top > ._cont {
      text-align: center;
      font-size: 0; }
      .employee_asnav__pagination_link_top > ._cont > img {
        width: 27px; }
        @media screen and (max-width: 900px) {
          .employee_asnav__pagination_link_top > ._cont > img {
            width: 20px; } }
      .employee_asnav__pagination_link_top > ._cont > span {
        display: block;
        margin-top: 16px;
        color: #797979;
        font-size: 14px;
        font-weight: 500; }
        @media screen and (max-width: 900px) {
          .employee_asnav__pagination_link_top > ._cont > span {
            display: inline-block;
            vertical-align: top;
            margin: 2px 0 0 12px; } }
    .employee_asnav__pagination_link_top:hover {
      opacity: 0.7; }
  .employee_asnav__pagination_cont {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 22px 44px;
    transition: opacity 0.2s ease-out; }
    @media screen and (max-width: 900px) {
      .employee_asnav__pagination_cont {
        padding: 18px 24px; } }
    @media screen and (max-width: 580px) {
      .employee_asnav__pagination_cont {
        flex-direction: column;
        text-align: center; } }
    .employee_asnav__pagination_cont::before {
      position: absolute;
      top: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fb9e40;
      width: 36px;
      height: 36px;
      font-family: "FontAwesome";
      content: "\f105";
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      transform: translateY(-50%); }
      @media screen and (max-width: 900px) {
        .employee_asnav__pagination_cont::before {
          width: 24px;
          height: 24px;
          font-size: 12px; } }
      @media screen and (max-width: 580px) {
        .employee_asnav__pagination_cont::before {
          top: 68px; } }
      .prev .employee_asnav__pagination_cont::before {
        content: "\f104";
        left: -18px; }
        @media screen and (max-width: 900px) {
          .prev .employee_asnav__pagination_cont::before {
            left: -12px; } }
      .next .employee_asnav__pagination_cont::before {
        content: "\f105";
        right: -18px; }
        @media screen and (max-width: 900px) {
          .next .employee_asnav__pagination_cont::before {
            right: -12px; } }
    .employee_asnav__pagination_cont_photo {
      position: relative;
      width: 96px;
      margin-right: 14px;
      z-index: 10; }
      @media screen and (max-width: 580px) {
        .employee_asnav__pagination_cont_photo {
          margin-right: 0; } }
      .employee_asnav__pagination_cont_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; }
        .employee_asnav__pagination_link:hover .employee_asnav__pagination_cont_photo > .person {
          box-shadow: 0 0 0 4px #fb9e40; }
          @media screen and (max-width: 900px) {
            .employee_asnav__pagination_link:hover .employee_asnav__pagination_cont_photo > .person {
              box-shadow: 0 0 0 2px #fb9e40; } }
        .employee_asnav__pagination_cont_photo > .person > img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translate(-50%, -50%);
          transition: width 0.4s ease-out, opacity 0.3s ease-out; }
          .employee_asnav__pagination_link:hover .employee_asnav__pagination_cont_photo > .person > img {
            width: 105%;
            opacity: 0.8; }
    .employee_asnav__pagination_cont_profile {
      position: relative;
      font-size: 0;
      z-index: 10; }
      @media screen and (max-width: 580px) {
        .employee_asnav__pagination_cont_profile {
          margin-top: -11px; } }
      .employee_asnav__pagination_cont_profile > .roll {
        display: block;
        width: 100%;
        margin-bottom: 10px; }
        @media screen and (max-width: 580px) {
          .employee_asnav__pagination_cont_profile > .roll {
            text-align: center; } }
        .employee_asnav__pagination_cont_profile > .roll > span {
          display: inline-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_asnav__pagination_cont_profile > .roll > span.icon_sale {
            background: #f77e76; }
          .employee_asnav__pagination_cont_profile > .roll > span.icon_product {
            background: #6eb946; }
          .employee_asnav__pagination_cont_profile > .roll > span.icon_quality {
            background: #45a3ca;
            letter-spacing: 0; }
          .employee_asnav__pagination_cont_profile > .roll > span.icon_technology {
            background: #6a84c8; }
          .employee_asnav__pagination_cont_profile > .roll > span.icon_business {
            background: #f5a01e;
            letter-spacing: 0; }
      .employee_asnav__pagination_cont_profile > .name {
        display: inline-block;
        vertical-align: top;
        color: #f97d00;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 42px;
        font-weight: 300;
        margin-right: 14px; }
        @media screen and (max-width: 900px) {
          .employee_asnav__pagination_cont_profile > .name {
            font-size: 36px; } }
        @media screen and (max-width: 740px) {
          .employee_asnav__pagination_cont_profile > .name {
            display: block; } }
        @media screen and (max-width: 640px) {
          .employee_asnav__pagination_cont_profile > .name {
            font-size: 36px; } }
        @media screen and (max-width: 580px) {
          .employee_asnav__pagination_cont_profile > .name {
            font-size: 28px;
            margin-right: 0;
            margin-bottom: 10px; } }
      .employee_asnav__pagination_cont_profile > .detail {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        line-height: 1.538;
        color: #8d8d8d;
        font-weight: 500;
        font-feature-settings: 'palt'; }

/*# sourceMappingURL=common_q-and-a.css.map */