@charset "UTF-8";
.senior {
  /*キービジュアル イメージ部分*/ }
  .senior .senior_kv {
    background-image: url("../../recruit/img/senior/bg_kv_sp.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover; }
    @media only screen and (min-width: 751px) {
      .senior .senior_kv {
        background-image: url("../../recruit/img/senior/bg_kv_pc.jpg");
        background-position: top left; } }
    .senior .senior_kv .senior_kv-inner {
      position: relative;
      width: 100%;
      margin: 0 auto;
      height: 34.3rem; }
      @media only screen and (min-width: 751px) {
        .senior .senior_kv .senior_kv-inner {
          width: 144rem;
          height: 39.6rem;
          margin: 8.2rem auto 0;
          max-height: 39.6rem; } }
      .senior .senior_kv .senior_kv-inner h1 {
        position: absolute;
        width: 34.5rem;
        bottom: 6.8rem;
        left: 4.3rem; }
        @media only screen and (min-width: 751px) {
          .senior .senior_kv .senior_kv-inner h1 {
            width: 47.1rem;
            bottom: 10rem;
            left: 7.2rem; } }
  .senior .contents {
    width: 100%;
    background-image: url("../../recruit/img/bg_sp.jpg");
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
    margin-top: 0;
    padding: 8.5rem 0 6rem;
    margin: 0 auto 2rem; }
    @media only screen and (min-width: 751px) {
      .senior .contents {
        background-image: url("../../recruit/img/bg_pc.jpg");
        padding: 10rem 0 17rem; } }
    .senior .contents .lead {
      text-align: center;
      font-size: 2.5rem;
      line-height: 2.1em;
      font-weight: bold;
      margin-bottom: 12.2rem; }
      @media only screen and (min-width: 751px) {
        .senior .contents .lead {
          font-size: 2.6rem;
          line-height: 2.1em;
          margin-bottom: 9.5rem; } }
      .senior .contents .lead p {
        font-weight: bold; }
        .senior .contents .lead p sub {
          font-size: 70%; }
  .senior .senior_individual {
    width: 69rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .senior .senior_individual {
        width: 120rem; } }
    .senior .senior_individual .senior-btn {
      background-image: url("../../recruit/img/senior/senior_open.svg"), url("../../recruit/img/senior/bg_senior_prof_sp.png");
      background-position: bottom 2.7rem right 2.4rem,bottom center;
      background-repeat: no-repeat, no-repeat;
      background-size: 3.1rem,100% auto;
      cursor: pointer; }
      @media only screen and (min-width: 751px) {
        .senior .senior_individual .senior-btn {
          background-image: url("../../recruit/img/senior/senior_open.svg"), url("../../recruit/img/senior/bg_senior_prof_pc.png");
          background-position: bottom 2.7rem right 3.5rem,bottom center; } }
      .senior .senior_individual .senior-btn.active {
        background-image: url("../../recruit/img/senior/senior_close.svg"), url("../../recruit/img/senior/bg_senior_prof_sp.png"); }
        @media only screen and (min-width: 751px) {
          .senior .senior_individual .senior-btn.active {
            background-image: url("../../recruit/img/senior/senior_close.svg"), url("../../recruit/img/senior/bg_senior_prof_pc.png"); } }
    .senior .senior_individual .senior-btn3l {
      background-image: url("../../recruit/img/senior/senior_open.svg"), url("../../recruit/img/senior/bg_senior_prof3l_sp.png");
      background-position: bottom 2.7rem right 2.4rem,bottom center;
      background-repeat: no-repeat, no-repeat;
      background-size: 3.1rem,100% auto;
      cursor: pointer; }
      @media only screen and (min-width: 751px) {
        .senior .senior_individual .senior-btn3l {
          background-image: url("../../recruit/img/senior/senior_open.svg"), url("../../recruit/img/senior/bg_senior_prof_pc.png");
          background-position: bottom 2.7rem right 3.5rem,bottom center; } }
      .senior .senior_individual .senior-btn3l.active {
        background-image: url("../../recruit/img/senior/senior_close.svg"), url("../../recruit/img/senior/bg_senior_prof3l_sp.png"); }
        @media only screen and (min-width: 751px) {
          .senior .senior_individual .senior-btn3l.active {
            background-image: url("../../recruit/img/senior/senior_close.svg"), url("../../recruit/img/senior/bg_senior_prof_pc.png"); } }
    .senior .senior_individual .senior-interview {
      background: #FFF;
      padding: 5rem 0 6rem;
      display: none; }
      .senior .senior_individual .senior-interview.active {
        display: block; }
      @media only screen and (min-width: 751px) {
        .senior .senior_individual .senior-interview {
          padding: 4.5rem 0 6rem; } }
      .senior .senior_individual .senior-interview .interbiew-cont {
        width: 60.6rem;
        margin: 0 auto; }
        @media only screen and (min-width: 751px) {
          .senior .senior_individual .senior-interview .interbiew-cont {
            width: 110.5rem; } }
        .senior .senior_individual .senior-interview .interbiew-cont .interview_md {
          border-left: 0.7rem solid #4f87bf;
          padding-left: 0.5em;
          color: #4f87bf;
          font-size: 2.6rem;
          font-weight: bold; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .interbiew-cont .interview_md {
              font-size: 2.5rem; } }
        .senior .senior_individual .senior-interview .interbiew-cont div + .interview_md {
          margin-top: 6rem; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .interbiew-cont div + .interview_md {
              margin-top: 4.5rem; } }
        .senior .senior_individual .senior-interview .interbiew-cont .interview_text {
          font-size: 2.4rem;
          line-height: 1.6em;
          margin-top: 1em; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .interbiew-cont .interview_text {
              font-size: 2rem; } }
        @media only screen and (min-width: 751px) {
          .senior .senior_individual .senior-interview .interbiew-cont .two_column {
            display: flex;
            justify-content: space-between; } }
        .senior .senior_individual .senior-interview .interbiew-cont .two_column .textarea {
          width: 60.6rem; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .interbiew-cont .two_column .textarea {
              width: 64.2rem; } }
        .senior .senior_individual .senior-interview .interbiew-cont .two_column .pharea {
          width: 56rem;
          margin: 4rem auto 0; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .interbiew-cont .two_column .pharea {
              width: 42rem;
              margin: 0; } }
      .senior .senior_individual .senior-interview .schedule_wrap {
        width: 63.4rem;
        margin: 6rem auto 0; }
        @media only screen and (min-width: 751px) {
          .senior .senior_individual .senior-interview .schedule_wrap {
            width: 110.6rem;
            margin: 6rem auto 0; } }
        .senior .senior_individual .senior-interview .schedule_wrap .schedule_ti {
          width: 39.2rem;
          margin: 0 auto 0 2.5rem; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .schedule_wrap .schedule_ti {
              width: 39.2rem;
              margin: 0 auto 0 3.1rem; } }
        .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont {
          background: #e4efef;
          width: 100%;
          border-radius: 1.1rem;
          padding: 4rem 3.7rem; }
          @media only screen and (min-width: 751px) {
            .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont {
              padding: 5rem 5rem;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              align-items: flex-start; } }
          .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list {
            width: 56rem;
            margin: 0;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            @media only screen and (min-width: 751px) {
              .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list {
                width: 48.5rem; } }
            .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .line {
              width: 1.5rem;
              background-image: url("../../recruit/img/senior/bg_schedule_line.svg");
              background-repeat: repeat-y;
              background-size: 100% auto;
              margin-right: 1.7rem; }
              @media only screen and (min-width: 751px) {
                .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .line {
                  margin-right: 1.5rem; } }
            .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .text {
              width: 52.5rem;
              padding-bottom: 2.5rem; }
              @media only screen and (min-width: 751px) {
                .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .text {
                  width: 45.5rem; } }
              .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .text h4 {
                color: #0071bb;
                font-size: 2.5rem;
                line-height: 1.5em;
                font-weight: bold; }
                @media only screen and (min-width: 751px) {
                  .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .text h4 {
                    font-size: 2.4rem; } }
              .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .text p {
                font-size: 2.2rem;
                line-height: 1.5em;
                margin-top: 0.4em; }
                @media only screen and (min-width: 751px) {
                  .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .text p {
                    font-size: 1.9rem; } }
            .senior .senior_individual .senior-interview .schedule_wrap .schedule_cont .schedule_list .last {
              padding-bottom: 0.5rem; }
  .senior .senior_individual + .senior_individual {
    margin-top: 9.2rem; }
    @media only screen and (min-width: 751px) {
      .senior .senior_individual + .senior_individual {
        margin-top: 7rem; } }