@charset "UTF-8";
/********************************
リクルート
　インタビュー
********************************/
.main img {
  display: block;
  width: 100%;
  height: auto; }

.interviewFirstview {
  position: relative; }
  @media (max-width: 767px) {
    .interviewFirstview {
      margin-top: 111px;
      padding-bottom: 43vw; } }
  @media (min-width: 768px) {
    .interviewFirstview {
      margin-top: 55px;
      margin-left: 25px;
      padding-left: 70px; } }
  .interviewFirstview-head {
    position: absolute;
    z-index: 2; }
    @media (max-width: 767px) {
      .interviewFirstview-head {
        left: 25px;
        right: 25px;
        bottom: 0; } }
    @media (min-width: 768px) {
      .interviewFirstview-head {
        left: 0;
        top: 50px;
        width: 429px; } }
    @media (min-width: 768px) and (max-width: 999px) {
      .interviewFirstview-head {
        top: 20px;
        width: 340px; } }
    .interviewFirstview-head--txt {
      display: block;
      margin-top: 30px;
      line-height: 1.5;
      font-size: 22px;
      font-weight: 700; }
  .interviewFirstview-img {
    position: relative;
    z-index: 1; }
  .interviewFirstview--scroll {
    position: absolute;
    left: 25px;
    bottom: 160px;
    width: 190px;
    font-size: 10px;
    font-weight: 700;
    transform: rotate(90deg);
    transform-origin: 0 0; }
    .interviewFirstview--scroll::after {
      position: absolute;
      top: 50%;
      margin-left: 15px;
      display: inline-block;
      width: 125px;
      height: 1px;
      background-color: #010101;
      content: ""; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .interviewFirstview--scroll {
        left: -5px; } }

.mainimage {
  transition-duration: 0.3s;
  transition-property: opacity; }

.st-profile {
  border-bottom: solid 1px #c1bbb8;
  border-top: solid 1px #c1bbb8; }
  @media (min-width: 768px) {
    .st-profile {
      padding: 36px 0 30px;
      margin: 0 auto 60px;
      max-width: 830px;
      width: 90%; } }
  @media (max-width: 767px) {
    .st-profile {
      margin-top: 23px;
      padding: 32px 0 25px 4.8%; } }
  @media (min-width: 768px) {
    .st-profile__container {
      align-items: center;
      display: flex;
      justify-content: space-between;
      max-width: 700px;
      margin: 0 auto;
      width: 100%; } }
  .st-profile__name {
    font-size: 22px;
    line-height: 1em; }
  .st-profile__ruby {
    display: block;
    font-size: 14px;
    line-height: 1em;
    margin-top: 7px; }
  @media (min-width: 768px) {
    .st-profile__content {
      width: 72.7%; } }
  @media (max-width: 767px) {
    .st-profile__content {
      margin-top: 29px; } }
  .st-profile__table {
    width: 100%; }
    @media (min-width: 768px) {
      .st-profile__table {
        display: flex;
        justify-content: space-between; } }
  @media (min-width: 768px) {
    .st-profile__body {
      display: block; } }
  @media (min-width: 768px) {
    .st-profile__tr {
      display: flex; } }
  @media (min-width: 768px) {
    .st-profile__tr + .st-profile__tr {
      margin-top: 9px; } }
  @media (min-width: 768px) {
    .st-profile__th {
      display: block;
      margin-right: 14px; } }
  @media (max-width: 767px) {
    .st-profile__th {
      vertical-align: top;
      width: 71px; } }
  .st-profile__td {
    font-size: 16px;
    line-height: 1.6em; }
    @media (min-width: 768px) {
      .st-profile__td {
        display: block;
        letter-spacing: 2px; } }
    @media (max-width: 767px) {
      .st-profile__td {
        padding-bottom: 11px;
        padding-left: 3%; } }
  .st-profile__label {
    display: inline-block;
    background-color: #abd7d5;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    white-space: nowrap; }
    @media (min-width: 768px) {
      .st-profile__label {
        width: 49px; } }
    @media (max-width: 767px) {
      .st-profile__label {
        width: 71px; } }
    @media (min-width: 768px) {
      .st-profile__label_w {
        width: 71px; } }

.messageSection {
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .messageSection {
      padding: 35px 8% 0; } }
  @media (min-width: 768px) {
    .messageSection {
      margin-bottom: 100px; } }
  @media (max-width: 767px) {
    .messageSection-head {
      max-width: 300px;
      margin-top: 40px;
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    .messageSection-head {
      width: 404px; } }

.messSection_qa {
  opacity: 1;
  transition-duration: 0.3s;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .messSection_qa {
      text-align: center;
      padding-left: 4%;
      padding-right: 4%; } }
  .messSection_qa dt {
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.5; }
    .messSection_qa dt::after {
      position: absolute;
      left: 0;
      bottom: 0;
      display: inline-block;
      width: 74px;
      height: 3px;
      background-color: #010101;
      content: ""; }
      @media (min-width: 768px) {
        .messSection_qa dt::after {
          left: calc(50% - 37px); } }
    .messSection_qa dt ~ dt {
      margin-top: 60px; }
  .messSection_qa dd {
    line-height: 3; }
    @media (min-width: 300px) and (max-width: 900px) {
      .messSection_qa dd {
        text-align: left; }
        .messSection_qa dd br {
          display: none; } }
  .messSection_qa[aria-hidden=true] {
    display: none; }

.tabNav {
  position: relative;
  max-width: 835px;
  list-style: none; }
  @media (min-width: 768px) {
    .tabNav {
      display: flex;
      top: -75px;
      margin: 0 auto; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .tabNav {
      padding: 0 5px 0 100px; } }
  .tabNav li {
    flex-grow: 1; }
    @media (max-width: 767px) {
      .tabNav li {
        margin-top: 10px; } }
    @media (min-width: 768px) {
      .tabNav li {
        margin: 0 5px; } }
  .tabNav-anc {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ABD7D5;
    color: #010101;
    font-weight: 700;
    text-decoration: none;
    width: 100%; }
    @media (max-width: 767px) {
      .tabNav-anc {
        height: 53px;
        border: solid 1px #abd7d5; }
        .tabNav-anc::after {
          position: absolute;
          right: 15px;
          content: "›"; } }
    @media (min-width: 768px) {
      .tabNav-anc {
        height: 75px; } }
    .tabNav-anc[aria-selected=true] {
      background-color: #fff; }
      .tabNav-anc[aria-selected=true]::after {
        display: none; }
    .tabNav-anc:focus {
      outline: none; }
    .tabNav-anc--txt1 {
      font-size: 24px; }
    .tabNav-anc--txt2 {
      margin-left: .5em;
      font-size: 18px; }

/* ローカルナビ */
.interview-nav {
  list-style: none; }
  @media (max-width: 767px) {
    .interview-nav {
      margin: 40px 5% 0; } }
  @media (min-width: 768px) {
    .interview-nav {
      display: flex;
      max-width: 990px;
      margin: 0 auto 100px;
      padding: 0 15px; } }
  @media (max-width: 767px) {
    .interview-nav li {
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    .interview-nav li {
      margin: 0 15px; } }
  @media (max-width: 767px) {
    .interview-nav__img {
      display: inline-block;
      height: 120px !important;
      width: 102px !important; } }
  .interview-nav__anc {
    position: relative;
    text-decoration: none; }
    @media (min-width: 768px) {
      .interview-nav__anc {
        display: block; } }
    @media (max-width: 767px) {
      .interview-nav__anc {
        background-color: #abd7d5;
        align-items: center;
        display: flex; } }
  .interview-nav__data {
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .interview-nav__data {
        background-color: #abd7d5;
        padding: 18px 9px 9px 19px;
        width: 100%; } }
    @media (max-width: 767px) {
      .interview-nav__data {
        padding: 11px 0 0 12px;
        width: calc( 100% - 102px); } }
  .interview-nav__name {
    display: block;
    font-size: 19px;
    font-weight: bold;
    line-height: 1em; }
  .interview-nav__ruby {
    display: block;
    line-height: 1em;
    margin-top: 6px; }
  .interview-nav__txt {
    display: block;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 10px; }
  .interview-nav__b {
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    margin-left: 15px; }

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