@charset "UTF-8";
/*******　職員紹介　*******/
.iv {
  width: 100%;
  overflow-x: hidden; }
  .iv .keyvisual {
    width: 100vw;
    aspect-ratio: 390 / 400;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 769px) {
      .iv .keyvisual {
        width: 100%;
        aspect-ratio: 1920 / 993; } }
    .iv .keyvisual.iv01 {
      background-image: url("../../interview/img/iv01/kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual.iv01 {
          background-image: url("../../interview/img/iv01/kv_pc.jpg"); } }
    .iv .keyvisual.iv02 {
      background-image: url("../../interview/img/iv02/kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual.iv02 {
          background-image: url("../../interview/img/iv02/kv_pc.jpg"); } }
    .iv .keyvisual.iv03 {
      background-image: url("../../interview/img/iv03/kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual.iv03 {
          background-image: url("../../interview/img/iv03/kv_pc.jpg"); } }
    .iv .keyvisual.iv04 {
      background-image: url("../../interview/img/iv04/kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual.iv04 {
          background-image: url("../../interview/img/iv04/kv_pc.jpg"); } }
    .iv .keyvisual.iv05 {
      background-image: url("../../interview/img/iv05/kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual.iv05 {
          background-image: url("../../interview/img/iv05/kv_pc.jpg"); } }
    .iv .keyvisual.iv06 {
      background-image: url("../../interview/img/iv06/kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual.iv06 {
          background-image: url("../../interview/img/iv06/kv_pc.jpg"); } }
  .iv .keyvisual-inner {
    position: relative;
    width: 100vw;
    aspect-ratio: 390 / 400;
    padding-top: calc(120 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .keyvisual-inner {
        width: 100%;
        padding-top: calc(360 / 1920 * 100vw);
        aspect-ratio: 1920 / 993; } }
    .iv .keyvisual-inner.iv02 {
      padding-top: calc(130 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner.iv02 {
          padding-top: calc(360 / 1920 * 100vw); } }
    .iv .keyvisual-inner.iv03 {
      padding-top: calc(130 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner.iv03 {
          padding-top: calc(380 / 1920 * 100vw); } }
    .iv .keyvisual-inner.iv04 {
      padding-top: calc(130 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner.iv04 {
          padding-top: calc(390 / 1920 * 100vw); } }
    .iv .keyvisual-inner.iv05 {
      padding-top: calc(140 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner.iv05 {
          padding-top: calc(420 / 1920 * 100vw); } }
    .iv .keyvisual-inner.iv06 {
      padding-top: calc(130 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner.iv06 {
          padding-top: calc(355 / 1920 * 100vw); } }
  .iv .keyvisual-inner-logo {
    width: calc(370 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .keyvisual-inner-logo {
        width: calc(960 / 1920 * 100vw); } }
  .iv .keyvisual-inner-lead {
    width: calc(370 / 390 * 100vw);
    margin: calc(13 / 390 * 100vw) auto 0;
    font-size: calc(14 / 390 * 100vw);
    font-weight: 600;
    line-height: 1.7;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      .iv .keyvisual-inner-lead {
        width: calc(858 / 1920 * 100vw);
        margin: calc(35 / 1920 * 100vw) auto 0;
        font-size: calc(35 / 1920 * 100vw);
        line-height: 1.65; } }
    .iv .keyvisual-inner-lead.iv02 {
      width: calc(370 / 390 * 100vw);
      margin: calc(20 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-lead.iv02 {
          margin: calc(35 / 1920 * 100vw) auto 0; } }
    .iv .keyvisual-inner-lead.iv03 {
      margin: calc(20 / 390 * 100vw) auto 0;
      filter: drop-shadow(0 0 calc(3 / 390 * 100vw) #FFF); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-lead.iv03 {
          margin: calc(70 / 1920 * 100vw) auto 0;
          filter: drop-shadow(0 0 calc(5 / 1920 * 100vw) #FFF) drop-shadow(0 0 calc(5 / 1920 * 100vw) rgba(255, 255, 255, 0.5)); } }
    .iv .keyvisual-inner-lead.iv04 {
      margin: calc(20 / 390 * 100vw) auto 0;
      filter: drop-shadow(0 0 calc(3 / 390 * 100vw) #FFF) drop-shadow(0 0 calc(3 / 390 * 100vw) #FFF); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-lead.iv04 {
          margin: calc(70 / 1920 * 100vw) auto 0;
          filter: drop-shadow(0 0 calc(5 / 1920 * 100vw) #FFF) drop-shadow(0 0 calc(5 / 1920 * 100vw) rgba(255, 255, 255, 0.5)); } }
    .iv .keyvisual-inner-lead.iv05 {
      color: #FFF;
      margin: calc(20 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-lead.iv05 {
          margin: calc(35 / 1920 * 100vw) auto 0;
          filter: drop-shadow(0 0 calc(5 / 1920 * 100vw) #000) drop-shadow(0 0 calc(5 / 1920 * 100vw) rgba(0, 0, 0, 0.5)); } }
    .iv .keyvisual-inner-lead.iv06 {
      color: #FFF;
      margin: calc(20 / 390 * 100vw) auto 0;
      filter: drop-shadow(0 0 calc(3 / 390 * 100vw) #000); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-lead.iv06 {
          margin: calc(35 / 1920 * 100vw) auto 0;
          filter: drop-shadow(0 0 calc(5 / 1920 * 100vw) #000); } }
  .iv .keyvisual-inner-prof {
    position: absolute;
    width: calc(150 / 390 * 100vw);
    font-size: calc(11 / 390 * 100vw);
    font-weight: 600;
    line-height: 1.3; }
    @media only screen and (min-width: 769px) {
      .iv .keyvisual-inner-prof {
        width: calc(280 / 1920 * 100vw);
        font-size: calc(17 / 1920 * 100vw);
        line-height: 1.65; } }
    .iv .keyvisual-inner-prof.iv01 {
      bottom: calc(77 / 390 * 100vw);
      left: calc(47 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-prof.iv01 {
          bottom: calc(128 / 1920 * 100vw);
          left: calc(1247 / 1920 * 100vw); } }
    .iv .keyvisual-inner-prof.iv02 {
      width: 12em;
      bottom: calc(84 / 390 * 100vw);
      left: calc(240 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-prof.iv02 {
          bottom: calc(226 / 1920 * 100vw);
          left: calc(1110 / 1920 * 100vw); } }
    .iv .keyvisual-inner-prof.iv03 {
      bottom: calc(84 / 390 * 100vw);
      left: calc(220 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-prof.iv03 {
          bottom: calc(130 / 1920 * 100vw);
          left: calc(1080 / 1920 * 100vw); } }
    .iv .keyvisual-inner-prof.iv04 {
      bottom: calc(90 / 390 * 100vw);
      left: calc(20 / 390 * 100vw);
      filter: drop-shadow(0 0 calc(3 / 390 * 100vw) #FFF); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-prof.iv04 {
          bottom: calc(130 / 1920 * 100vw);
          left: calc(1100 / 1920 * 100vw);
          filter: drop-shadow(0 0 calc(5 / 1920 * 100vw) #FFF); } }
    .iv .keyvisual-inner-prof.iv05 {
      color: #FFF;
      bottom: calc(77 / 390 * 100vw);
      left: calc(270 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-prof.iv05 {
          color: #000;
          bottom: calc(165 / 1920 * 100vw);
          left: calc(1315 / 1920 * 100vw); } }
    .iv .keyvisual-inner-prof.iv06 {
      bottom: calc(70 / 390 * 100vw);
      left: calc(220 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .keyvisual-inner-prof.iv06 {
          bottom: calc(175 / 1920 * 100vw);
          left: calc(1313 / 1920 * 100vw); } }
  .iv .white-space {
    position: relative;
    width: calc(340 / 390 * 100vw);
    height: calc(60 / 390 * 100vw);
    transform: translateY(calc(-60 / 390 * 100vw));
    margin: 0 auto;
    background-color: #fff; }
    @media only screen and (min-width: 769px) {
      .iv .white-space {
        transform: translateY(calc(-60 / 1080 * 100vw));
        height: calc(60 / 1080 * 100vw);
        width: calc(960 / 1080 * 100vw);
        padding: calc(85 / 1080 * 100vw) 0 0; } }
    @media only screen and (min-width: 1080px) {
      .iv .white-space {
        transform: translateY(-60px);
        height: 60px;
        width: 960px;
        padding: 85px 0 0; } }
  .iv .fllow {
    position: relative;
    transform: translateY(calc(-60 / 390 * 100vw));
    width: calc(340 / 390 * 100vw);
    background: #FFF;
    margin: 0 auto;
    padding: calc(37 / 390 * 100vw) 0 0; }
    @media only screen and (min-width: 769px) {
      .iv .fllow {
        transform: translateY(calc(-60 / 1080 * 100vw));
        width: calc(960 / 1080 * 100vw);
        padding: calc(85 / 1080 * 100vw) 0 0; } }
    @media only screen and (min-width: 1080px) {
      .iv .fllow {
        transform: translateY(-60px);
        width: 960px;
        padding: 85px 0 0; } }
    .iv .fllow .fllow--inner {
      width: calc(320 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .iv .fllow .fllow--inner {
          width: calc(865 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .iv .fllow .fllow--inner {
          width: 865px; } }
  .iv .interview_h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(33 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .interview_h2 {
        height: calc(33 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview_h2 {
        height: 33px; } }
    .iv .interview_h2 img {
      height: 100%;
      width: auto; }
  .iv .interview-subtitle {
    font-size: calc(20 / 390 * 100vw);
    line-height: 1.4;
    color: #df6a86;
    text-align: center;
    margin: calc(30 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .iv .interview-subtitle {
        font-size: calc(33 / 1080 * 100vw);
        line-height: 1.42;
        margin: calc(50 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1080px) {
      .iv .interview-subtitle {
        font-size: 3.3rem;
        margin: 50px auto 0; } }
  .iv .interview-text {
    margin: calc(25 / 390 * 100vw) auto 0;
    font-size: calc(13 / 390 * 100vw);
    line-height: 1.7;
    text-align: justify; }
    @media only screen and (min-width: 769px) {
      .iv .interview-text {
        margin: 0 0 0;
        font-size: calc(15 / 1080 * 100vw);
        line-height: 2.3; } }
    @media only screen and (min-width: 1080px) {
      .iv .interview-text {
        margin: 0 0 0;
        font-size: 1.5rem; } }
  .iv .interview-text + .interview-text {
    margin: calc(25 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .iv .interview-text + .interview-text {
        margin: calc(35 / 1080 * 100vw) 0 0; } }
    @media only screen and (min-width: 1080px) {
      .iv .interview-text + .interview-text {
        margin: 35px 0 0; } }
  .iv .interview01 {
    padding: calc(40 / 390 * 100vw) 0 calc(80 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .interview01 {
        padding: calc(30 / 1080 * 100vw) 0 calc(190 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview01 {
        padding: 30px 0 190px; } }
  .iv .type {
    position: relative;
    transform: translateY(calc(-80 / 390 * 100vw));
    padding: calc(0 / 390 * 100vw) 0 calc(0 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .type {
        transform: translateY(calc(-90 / 1080 * 100vw));
        padding: calc(0 / 1080 * 100vw) 0 calc(100 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .type {
        transform: translateY(-90px);
        padding: 0px 0 100px; } }
  .iv .interview01-inner {
    width: calc(350 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .interview01-inner {
        width: calc(960 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview01-inner {
        width: 960px; } }
    .iv .interview01-inner .two-block {
      margin: calc(40 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview01-inner .two-block {
          display: flex;
          justify-content: space-between;
          width: calc(960 / 1080 * 100vw);
          margin: calc(70 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview01-inner .two-block {
          width: 960px;
          margin: 70px auto 0; } }
      .iv .interview01-inner .two-block .text {
        width: calc(350 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .iv .interview01-inner .two-block .text {
            width: calc(640 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .iv .interview01-inner .two-block .text {
            width: 640px; } }
      .iv .interview01-inner .two-block .ph {
        width: calc(350 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .iv .interview01-inner .two-block .ph {
            position: relative;
            width: calc(260 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .iv .interview01-inner .two-block .ph {
            width: 260px; } }
        .iv .interview01-inner .two-block .ph img {
          width: 100%; }
          @media only screen and (min-width: 769px) {
            .iv .interview01-inner .two-block .ph img {
              position: absolute;
              width: calc(534 / 1080 * 100vw);
              top: 0;
              right: 0; } }
          @media only screen and (min-width: 1080px) {
            .iv .interview01-inner .two-block .ph img {
              width: 534px; } }
  .iv .interview02 {
    background-image: url("../../interview/img/bg_iv02_belt_sp.png"), linear-gradient(transparent, transparent 50%, #fcf0f3 50% 100%);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: calc(0 / 390 * 100vw) 0 calc(35 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .interview02 {
        background-image: url("../../interview/img/bg_iv02_belt_pc.png"), linear-gradient(transparent, transparent 50%, #fcf0f3 50% 100%);
        padding: calc(0 / 1080 * 100vw) 0 calc(57 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview02 {
        background-size: auto auto;
        background-repeat: repeat-x;
        padding: 0px 0 57px; } }
  .iv .interview02-inner {
    width: calc(350 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .interview02-inner {
        width: calc(960 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview02-inner {
        width: 960px; } }
    .iv .interview02-inner .ph {
      width: 100%;
      margin: calc(40 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview02-inner .ph {
          margin: calc(60 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview02-inner .ph {
          margin: 60px auto 0; } }
    .iv .interview02-inner .text {
      width: 100%;
      margin: calc(48 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview02-inner .text {
          margin: calc(44 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview02-inner .text {
          margin: 44px auto 0; } }
    .iv .interview02-inner .balloon_pink02 {
      margin: calc(90 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview02-inner .balloon_pink02 {
          margin: calc(140 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview02-inner .balloon_pink02 {
          margin: 140px auto 0; } }
  .iv .interview03 {
    background-color: #df6a86;
    padding: calc(60 / 390 * 100vw) 0 calc(60 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .interview03 {
        padding: calc(80 / 1080 * 100vw) 0 calc(90 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview03 {
        padding: 80px 0 90px; } }
  .iv .interview03-inner {
    width: calc(350 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .interview03-inner {
        width: calc(960 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview03-inner {
        width: 960px; } }
    .iv .interview03-inner .interview-subtitle_w {
      font-size: calc(20 / 390 * 100vw);
      line-height: 1.4;
      color: #FFF;
      text-align: left;
      margin: calc(0 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview03-inner .interview-subtitle_w {
          font-size: calc(33 / 1080 * 100vw);
          line-height: 1.42;
          margin: calc(0 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview03-inner .interview-subtitle_w {
          font-size: 3.3rem;
          margin: 0px auto 0; } }
    .iv .interview03-inner .text {
      width: 100%;
      margin: calc(30 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview03-inner .text {
          margin: calc(44 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview03-inner .text {
          margin: 44px auto 0; } }
      .iv .interview03-inner .text .interview-text {
        color: #FFF; }
  .iv .interview04 {
    padding: calc(60 / 390 * 100vw) 0 calc(60 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .interview04 {
        padding: calc(130 / 1080 * 100vw) 0 calc(90 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview04 {
        padding: 130px 0 90px; } }
  .iv .interview04-inner {
    width: calc(350 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .interview04-inner {
        width: calc(960 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .interview04-inner {
        width: 960px; } }
    .iv .interview04-inner .two-block {
      margin: calc(40 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .interview04-inner .two-block {
          display: flex;
          justify-content: space-between;
          width: calc(960 / 1080 * 100vw);
          margin: calc(70 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .interview04-inner .two-block {
          width: 960px;
          margin: 70px auto 0; } }
      .iv .interview04-inner .two-block .text {
        width: calc(350 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .iv .interview04-inner .two-block .text {
            width: calc(428 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .iv .interview04-inner .two-block .text {
            width: 428px; } }
      .iv .interview04-inner .two-block .ph {
        width: calc(350 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .iv .interview04-inner .two-block .ph {
            width: calc(460 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .iv .interview04-inner .two-block .ph {
            width: 460px; } }
  .iv .message {
    background-image: url("../../interview/img/bg_message_belt_sp.png"), linear-gradient(transparent, transparent 50%, #df6a86 50% 100%);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: calc(0 / 390 * 100vw) 0 calc(60 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .message {
        background-image: url("../../interview/img/bg_message_belt_pc.png"), linear-gradient(transparent, transparent 50%, #df6a86 50% 100%);
        padding: calc(0 / 1080 * 100vw) 0 calc(140/ 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .message {
        background-size: auto auto;
        background-repeat: repeat-x;
        padding: 0px 0 140px; } }
  .iv .message-inner {
    width: calc(350 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .message-inner {
        width: calc(960 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .message-inner {
        width: 960px; } }
    .iv .message-inner .ph {
      width: calc(240 / 390 * 100vw);
      margin: calc(36 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .message-inner .ph {
          width: calc(240 / 1080 * 100vw);
          margin: calc(30 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .message-inner .ph {
          width: 240px;
          margin: 30px auto 0; } }
    .iv .message-inner .text {
      width: 100%;
      margin: calc(45 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .iv .message-inner .text {
          width: calc(500 / 1080 * 100vw);
          margin: calc(45 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .iv .message-inner .text {
          width: 500px;
          margin: 45px auto 0; } }
      .iv .message-inner .text .interview-text {
        color: #FFF; }
  .iv .more-interviews {
    position: relative;
    background-color: #fcf0f3;
    padding: calc(70 / 390 * 100vw) 0 calc(45 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .iv .more-interviews {
        padding: calc(128 / 1080 * 100vw) 0 calc(90 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .more-interviews {
        padding: 128px 0 90px; } }
  .iv .more-interviews-inner {
    width: calc(240 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .more-interviews-inner {
        width: calc(560 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .more-interviews-inner {
        width: 560px; } }
  .iv .more-interviews-title {
    width: calc(207 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .iv .more-interviews-title {
        width: calc(298 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .iv .more-interviews-title {
        width: 298px; } }
  .iv .moreinterviews_list {
    widows: 100%;
    margin: calc(38 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .iv .moreinterviews_list {
        display: flex;
        justify-content: space-between;
        margin: calc(75 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1080px) {
      .iv .moreinterviews_list {
        margin: 75px auto 0; } }
    .iv .moreinterviews_list li {
      width: 100%; }
      @media only screen and (min-width: 769px) {
        .iv .moreinterviews_list li {
          width: calc(240 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .iv .moreinterviews_list li {
          width: 240px; } }
      .iv .moreinterviews_list li a .post {
        background-image: url("../../interview/img/arrow.svg");
        background-repeat: no-repeat;
        background-size: calc(30 / 390 * 100vw);
        background-position: center right calc(40 / 390 * 100vw);
        width: 100%;
        text-align: center;
        font-size: calc(18 / 390 * 100vw);
        margin: 1em auto 0;
        color: #000; }
        @media only screen and (min-width: 769px) {
          .iv .moreinterviews_list li a .post {
            font-size: calc(30 / 1080 * 100vw);
            background-size: calc(30 / 1080 * 100vw);
            background-position: center right calc(40 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .iv .moreinterviews_list li a .post {
            font-size: 1.8rem;
            background-size: 30px;
            background-position: center right 40px; } }
        .iv .moreinterviews_list li a .post:hover {
          color: #000;
          text-decoration: none; }
      .iv .moreinterviews_list li a:hover {
        opacity: 0.8;
        text-decoration: none; }
        .iv .moreinterviews_list li a:hover img {
          opacity: 1; }
    .iv .moreinterviews_list li + li {
      margin-top: calc(48 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .iv .moreinterviews_list li + li {
          margin-top: calc(0 / 1080 * 100vw); } }
  .iv .relation-links {
    margin: 0 auto 0;
    background: #FFF;
    padding: calc(53/390 * 100vw) 0 0; }
    @media only screen and (min-width: 769px) {
      .iv .relation-links {
        padding: calc(92 / 1080 * 100vw) 0 0; } }
    @media only screen and (min-width: 1080px) {
      .iv .relation-links {
        padding: 92px 0 0; } }
    .iv .relation-links ul {
      width: calc(350/390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .iv .relation-links ul {
          display: flex;
          justify-content: center;
          width: calc(350 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .iv .relation-links ul {
          width: 350px; } }
      .iv .relation-links ul li {
        margin-top: calc(23/390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .iv .relation-links ul li {
            margin-top: 0;
            width: calc(350 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .iv .relation-links ul li {
            width: 350px; } }
        .iv .relation-links ul li:first-child {
          margin-top: 0; }
        .iv .relation-links ul li a {
          display: block;
          border: 1px solid #df6a86;
          text-align: center;
          color: #000;
          font-size: calc(14/390 * 100vw);
          padding: 1em 0;
          background-image: url("../../job/img/arrow_blk.svg");
          background-size: calc(10/390 * 100vw) auto;
          background-position: right calc(16/390 * 100vw) center;
          background-repeat: no-repeat; }
          @media only screen and (min-width: 769px) {
            .iv .relation-links ul li a {
              font-size: calc(15 / 1080 * 100vw);
              background-size: calc(10 / 1080 * 100vw) auto;
              background-position: right calc(16 / 1080 * 100vw) center; } }
          @media only screen and (min-width: 1080px) {
            .iv .relation-links ul li a {
              font-size: 1.5rem;
              background-size: 10px auto;
              background-position: right 16px center; } }
          .iv .relation-links ul li a:hover {
            text-decoration: none;
            background-color: #fcf0f3; }