@media (min-width: 669px) {
  .indexPage {
    padding: 0 0 150px; } }

.interview__navs {
  padding: 30px 20px; }
  .interview__navs a {
    color: #1a1a1a; }
    @media (min-width: 669px) {
      .interview__navs a:hover {
        background-color: #e5e5e5; } }
  .interview__navs .img {
    width: 110px;
    height: 110px; }
    .interview__navs .img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .interview__navs .txt {
    width: calc(100% - 110px);
    padding: 20px;
    line-height: 1.5; }
    .interview__navs .txt b {
      font-weight: 500;
      font-size: 138.5%; }
  .interview__navs li {
    margin-bottom: 15px; }
    .interview__navs li:last-child {
      margin-bottom: 0; }
  @media (min-width: 669px) {
    .interview__navs {
      padding: 50px 40px;
      max-width: 1100px;
      margin: 0 auto;
      box-sizing: border-box; }
      .interview__navs li {
        width: 31.818181%;
        margin-bottom: 0; } }
  @media (min-width: 1199px) {
    .interview__navs {
      padding: 50px 0; } }
.interview.interview001 li.interview001 {
  display: none; }
.interview.interview002 li.interview002 {
  display: none; }
.interview.interview003 li.interview003 {
  display: none; }
.interview.interview004 li.interview004 {
  display: none; }
.interview__main .img {
  text-align: center;
  overflow: hidden; }
  @media (min-width: 669px) {
    .interview__main .img {
      aspect-ratio: 1.509 / 1;
      width: 50%; }
      .interview__main .img img {
        width: 100%;
        height: 100%;
        object-fit: cover; } }
.interview__main .txt {
  background: url("../images/recruit/top/employment_bg.png") no-repeat center center;
  color: #fff;
  padding: 30px 20px; }
  @media (min-width: 669px) {
    .interview__main .txt {
      width: 50%;
      padding: 6%; } }
  .interview__main .txt p:first-child {
    font-weight: 500;
    font-size: 20px;
    font-size: clamp(18px, 5vw, 20px);
    margin: 0 0 50px; }
    @media (min-width: 669px) {
      .interview__main .txt p:first-child {
        font-size: 30px;
        font-size: clamp(22px, 4vw, 30px); } }
  .interview__main .txt p:last-child {
    margin: 0; }
    .interview__main .txt p:last-child b {
      font-weight: 500;
      font-size: 20px;
      font-size: clamp(18px, 5vw, 20px);
      line-height: 1.3;
      display: inline-block;
      margin-bottom: 15px; }
      .interview__main .txt p:last-child b small {
        font-size: 77%;
        margin-bottom: 7px;
        display: block; }
        @media (min-width: 669px) {
          .interview__main .txt p:last-child b small {
            font-size: 60%; } }
      @media (min-width: 669px) {
        .interview__main .txt p:last-child b {
          font-weight: normal;
          font-size: 30px;
          font-size: clamp(22px, 4vw, 30px); } }
    .interview__main .txt p:last-child > small {
      font-size: 93%; }
      @media (min-width: 669px) {
        .interview__main .txt p:last-child > small {
          font-size: 100%; } }
.interview__voiceItems {
  padding: 40px 20px; }
  @media (min-width: 669px) {
    .interview__voiceItems {
      padding: 120px 0; } }
  .interview__voiceItems > section {
    margin-bottom: 30px; }
    @media (min-width: 669px) {
      .interview__voiceItems > section {
        margin-bottom: 100px; }
        .interview__voiceItems > section:nth-child(even) {
          flex-direction: row-reverse; } }
    .interview__voiceItems > section:last-child {
      margin-bottom: 0; }
    .interview__voiceItems > section .img {
      text-align: center;
      margin-top: 20px; }
      @media (min-width: 669px) {
        .interview__voiceItems > section .img {
          margin-top: 0;
          width: 40.625%; } }
      .interview__voiceItems > section .img img {
        width: 100%; }
    .interview__voiceItems > section .txt h2 {
      position: relative;
      margin: 0 0 10px;
      padding-left: 20px;
      line-height: 1.5;
      font-weight: 500;
      font-size: 18px;
      font-size: clamp(16px, 4vw, 18px); }
      .interview__voiceItems > section .txt h2::before {
        content: '';
        width: 15px;
        height: 1px;
        background-color: #808080;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px; }
      @media (min-width: 669px) {
        .interview__voiceItems > section .txt h2 {
          margin-bottom: 40px;
          font-size: 25px;
          font-size: clamp(20px, 3vw, 25px);
          padding-left: 40px;
          margin-top: 20px; }
          .interview__voiceItems > section .txt h2::before {
            width: 30px; } }
    .interview__voiceItems > section .txt p {
      margin: 0; }
    @media (min-width: 669px) {
      .interview__voiceItems > section .txt {
        width: calc(100% - 40.625%);
        box-sizing: border-box;
        padding: 0 50px 0 70px; } }
    @media (min-width: 1199px) {
      .interview__voiceItems > section .txt {
        padding: 0 80px 0 150px; } }
    @media (min-width: 669px) {
      .interview__voiceItems > section:nth-child(even) .txt {
        padding: 0 70px 0 50px; } }
    @media (min-width: 1199px) {
      .interview__voiceItems > section:nth-child(even) .txt {
        padding: 0 150px 0 80px; } }
.interview__pastime {
  background-color: #9fcad3;
  padding: 40px 20px;
  position: relative;
  overflow: hidden; }
  .interview__pastime::before {
    content: 'PASTIME';
    font-family: impact, 'Anton', sans-serif;
    color: #b7d7de;
    position: absolute;
    top: -7px;
    left: 0;
    line-height: 1;
    font-size: 70px;
    z-index: 0; }
    @media (min-width: 669px) {
      .interview__pastime::before {
        font-size: 150px;
        top: -15px; } }
  .interview__pastime > div {
    background-color: #fff;
    padding: 30px 20px;
    position: relative;
    z-index: 1; }
    @media (min-width: 669px) {
      .interview__pastime > div {
        max-width: 1300px;
        margin: 0 auto;
        padding: 30px; } }
  .interview__pastime h2 {
    font-weight: 500;
    margin: 0 0 10px;
    font-size: 123.1%; }
    @media (min-width: 669px) {
      .interview__pastime h2 {
        font-size: 26px;
        font-size: clamp(21px, 3vw, 26px);
        margin-top: 1em; } }
  .interview__pastime p {
    margin: 0; }
  .interview__pastime .img {
    margin-top: 20px;
    text-align: center; }
    @media (min-width: 669px) {
      .interview__pastime .img {
        margin-top: 0;
        width: 40.3225806%; } }
  @media (min-width: 669px) {
    .interview__pastime .txt {
      width: calc(100% - 40.3225806% - 30px);
      padding-left: 20px;
      box-sizing: border-box; } }
  @media (min-width: 669px) {
    .interview__pastime {
      padding: 70px 40px; } }
.interview__schedule {
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
  color: #fff; }
  @media (min-width: 669px) {
    .interview__schedule {
      padding: 120px 40px; } }
  .no-webp .interview001 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/001/schedule_bg.jpg") no-repeat center center;
    background-size: cover; }
  .webp .interview001 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/001/schedule_bg.webp") no-repeat center center;
    background-size: cover; }
  .no-webp .interview002 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/002/schedule_bg.jpg") no-repeat center center;
    background-size: cover; }
  .webp .interview002 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/002/schedule_bg.webp") no-repeat center center;
    background-size: cover; }
  .no-webp .interview003 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/003/schedule_bg.jpg") no-repeat center center;
    background-size: cover; }
  .webp .interview003 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/003/schedule_bg.webp") no-repeat center center;
    background-size: cover; }
  .no-webp .interview004 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/004/schedule_bg.jpg") no-repeat center center;
    background-size: cover; }
  .webp .interview004 .interview__schedule {
    background: #1a1a1a url("../images/recruit/interview/004/schedule_bg.webp") no-repeat center center;
    background-size: cover; }
  .interview__schedule::before {
    content: 'SCHEDULE';
    font-family: impact, 'Anton', sans-serif;
    color: #4d4d4d;
    position: absolute;
    top: -7px;
    left: 0;
    line-height: 1;
    font-size: 70px;
    z-index: 0; }
    @media (min-width: 669px) {
      .interview__schedule::before {
        font-size: 150px;
        top: -15px; } }
  .interview__schedule h2 {
    text-align: center;
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 15px;
    line-height: 1.5;
    font-weight: 500;
    font-size: 20px;
    font-size: clamp(18px, 5vw, 20px);
    z-index: 1; }
    .interview__schedule h2::after {
      content: '';
      width: 100px;
      height: 1px;
      background-color: #fff;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -50px; }
    @media (min-width: 669px) {
      .interview__schedule h2 {
        margin-bottom: 100px;
        font-size: 30px;
        font-size: clamp(21px, 4vw, 30px);
        padding-bottom: 30px; } }
  @media (min-width: 669px) {
    .interview__schedule .flex-box-pc {
      max-width: 1000px;
      margin: 0 auto; } }
  .interview__schedule dl {
    margin: 0;
    position: relative; }
    @media (min-width: 669px) {
      .interview__schedule dl {
        width: calc((100% - 50px) / 2); } }
    .interview__schedule dl dt, .interview__schedule dl dd {
      padding: 0 0 30px;
      line-height: 1.5; }
      @media (min-width: 669px) {
        .interview__schedule dl dt, .interview__schedule dl dd {
          font-size: 108%; } }
    .interview__schedule dl dt {
      text-align: right;
      position: relative;
      width: 20%;
      padding-right: 30px; }
      @media (min-width: 669px) {
        .interview__schedule dl dt {
          width: 30%;
          padding-right: 40px; } }
      .interview__schedule dl dt::before {
        content: '';
        width: 5px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: 0; }
    .interview__schedule dl dd {
      margin: 0;
      width: calc(100% - 20% - 30px);
      padding-left: 30px;
      box-sizing: border-box;
      position: relative; }
      @media (min-width: 669px) {
        .interview__schedule dl dd {
          width: calc(100% - 30% - 40px);
          padding-left: 30px; } }
      .interview__schedule dl dd::before {
        content: '';
        width: 20px;
        height: 20px;
        background-color: #333;
        border: 2px solid #fff;
        box-sizing: border-box;
        position: absolute;
        left: -13px;
        top: 1px;
        border-radius: 100px; }
    .interview__schedule dl:first-child dt:first-child::before {
      height: calc(100% - 3px);
      top: 3px; }
    .interview__schedule dl:last-child dt:last-of-type, .interview__schedule dl:last-child dd:last-of-type {
      padding-bottom: 0; }
    @media (min-width: 669px) {
      .interview__schedule dl:last-child dt:first-of-type, .interview__schedule dl:last-child dd:first-of-type {
        padding-top: 15px; } }
    @media (min-width: 669px) {
      .interview__schedule dl:last-child dd:first-of-type::before {
        top: 16px; } }
    .interview__schedule dl:last-child dt:last-of-type::before {
      height: calc(100% - 3px);
      top: -3px; }
.interview__message {
  padding: 40px 20px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 669px) {
    .interview__message {
      padding: 120px 0; } }
  .interview__message::before {
    content: 'INTERVIEW';
    font-family: impact, 'Anton', sans-serif;
    color: #e2eff2;
    position: absolute;
    top: -7px;
    left: 0;
    line-height: 1;
    font-size: 70px;
    z-index: 0; }
    @media (min-width: 669px) {
      .interview__message::before {
        font-size: 150px;
        top: -15px; } }
  .interview__message h2 {
    text-align: center;
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 15px;
    line-height: 1.5;
    font-weight: 500;
    font-size: 20px;
    font-size: clamp(18px, 5vw, 20px);
    z-index: 1; }
    .interview__message h2::after {
      content: '';
      width: 100px;
      height: 1px;
      background-color: #808080;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -50px; }
    @media (min-width: 669px) {
      .interview__message h2 {
        margin-bottom: 100px;
        font-size: 30px;
        font-size: clamp(21px, 4vw, 30px);
        padding-bottom: 30px; } }
  .interview__message > .flex-box-pc {
    position: relative;
    z-index: 1; }
    .interview__message > .flex-box-pc .img {
      text-align: center;
      margin-top: 20px; }
      @media (min-width: 669px) {
        .interview__message > .flex-box-pc .img {
          margin-top: 0;
          width: 40.625%; } }
      .interview__message > .flex-box-pc .img img {
        width: 100%; }
    .interview__message > .flex-box-pc .txt p {
      margin: 0; }
    @media (min-width: 669px) {
      .interview__message > .flex-box-pc .txt {
        width: calc(100% - 40.625%);
        box-sizing: border-box;
        padding: 0 50px 0 70px; } }
    @media (min-width: 1199px) {
      .interview__message > .flex-box-pc .txt {
        padding: 0 80px 0 150px; } }
    @media (min-width: 669px) {
      .interview__message > .flex-box-pc.fdrr .txt {
        padding: 0 70px 0 50px; } }
    @media (min-width: 1199px) {
      .interview__message > .flex-box-pc.fdrr .txt {
        padding: 0 150px 0 80px; } }