@charset "UTF-8";
.main_content {
  margin-bottom: 170px; }

.recruit_content {
  width: 100%;
  background-color: #f0f3fc;
  padding-top: 42px;
  padding-bottom: 305px; }
  @media screen and (max-width: 999px) {
    .recruit_content {
      padding-top: 25px;
      padding-bottom: 70px; } }

@media screen and (min-width: 1000px), print {
  .recruit_h2 {
    margin-bottom: 200px !important; } }

.recruit_head {
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 0 auto 170px; }
  @media screen and (max-width: 999px) {
    .recruit_head {
      margin-bottom: 40px; } }
  .recruit_head_sales {
    background: url(/recruit/sales/img/story_bg01.jpg) no-repeat center bottom/cover; }
  .recruit_head_service {
    background: url(/recruit/service/img/story_bg01.jpg) no-repeat center bottom/cover; }
  .recruit_head_mechanic {
    background: url(/recruit/mechanic/img/story_bg01.jpg) no-repeat center bottom/cover; }
  .recruit_head_clerk {
    background: url(/recruit/clerk/img/story_bg01.jpg) no-repeat center bottom/cover; }
  .recruit_head_img {
    width: 1600px;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    padding-bottom: 205px; }
    @media screen and (min-width: 1000px), print {
      .recruit_head_img {
        transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.4s;
        opacity: 1; }
        .recruit_head_img.init {
          transform: translateY(-40px);
          opacity: 0; } }
    @media screen and (max-width: 1650px) {
      .recruit_head_img {
        width: 100%; } }
    @media screen and (max-width: 999px) {
      .recruit_head_img {
        padding-bottom: 100px; } }
    @media screen and (max-width: 700px) {
      .recruit_head_img {
        padding-bottom: 70px; } }
    .recruit_head_img .img_wrapper {
      width: 1200px;
      height: auto;
      display: block;
      margin-top: -175px; }
      .recruit_head_img .img_wrapper img {
        width: 100%; }
      @media screen and (max-width: 1650px) {
        .recruit_head_img .img_wrapper {
          right: 25px;
          width: 1000px; } }
      @media screen and (max-width: 1250px) {
        .recruit_head_img .img_wrapper {
          width: 80%; } }
      @media screen and (max-width: 999px) {
        .recruit_head_img .img_wrapper {
          margin-top: -40px; } }
      @media screen and (max-width: 700px) {
        .recruit_head_img .img_wrapper {
          margin-top: -40px;
          height: 300px; }
          .recruit_head_img .img_wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* IE11以上 */
            font-family: 'object-fit: cover;'; } }
  .recruit_head .interview_headline_wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .recruit_head .interview_headline_container {
    margin: 165px auto 0;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1650px) {
      .recruit_head .interview_headline_container {
        margin: 80px auto 0; } }
    @media screen and (max-width: 1250px) {
      .recruit_head .interview_headline_container {
        margin: 40px auto 0; } }
    @media screen and (max-width: 700px) {
      .recruit_head .interview_headline_container {
        margin: 125px auto 0;
        padding-left: 10px;
        padding-right: 10px; } }
  .recruit_head .interview_headline_01 {
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 5;
    margin-bottom: 60px; }
    @media screen and (min-width: 1000px), print {
      .recruit_head .interview_headline_01 {
        transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.6;
        opacity: 1; }
        .recruit_head .interview_headline_01.init {
          transform: translateX(-40px);
          opacity: 0; } }
    @media screen and (max-width: 1250px) {
      .recruit_head .interview_headline_01 {
        font-size: 25px; } }
    @media screen and (max-width: 999px) {
      .recruit_head .interview_headline_01 {
        font-size: 12px;
        margin-bottom: 0; } }
    @media screen and (max-width: 700px) {
      .recruit_head .interview_headline_01 {
        transform: scale(0.8);
        transform-origin: left; } }
    .recruit_head .interview_headline_01::after {
      content: "";
      display: inline-block;
      width: 50%;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 51%;
      margin-left: 17px; }
      @media screen and (max-width: 1250px) {
        .recruit_head .interview_headline_01::after {
          margin-left: 8px; } }
      @media screen and (max-width: 999px) {
        .recruit_head .interview_headline_01::after {
          margin-left: 4px; } }
      @media screen and (max-width: 700px) {
        .recruit_head .interview_headline_01::after {
          margin-left: 2px;
          height: 1px; } }
  .recruit_head .interview_headline_02 {
    font-size: 60px;
    font-weight: 700;
    color: #272727;
    position: relative;
    z-index: 15; }
    @media screen and (min-width: 1000px), print {
      .recruit_head .interview_headline_02_01 {
        transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.2s;
        opacity: 1; }
        .recruit_head .interview_headline_02_01.init {
          transform: translateX(-40px);
          opacity: 0; } }
    @media screen and (min-width: 1000px), print {
      .recruit_head .interview_headline_02_02 {
        transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.4s;
        opacity: 1; }
        .recruit_head .interview_headline_02_02.init {
          transform: translateX(-40px);
          opacity: 0; } }
    @media screen and (max-width: 999px) {
      .recruit_head .interview_headline_02 {
        font-size: 30px; } }
    @media screen and (max-width: 700px) {
      .recruit_head .interview_headline_02 {
        font-size: 25px; } }
    .recruit_head .interview_headline_02 > div {
      margin: 13px 0; }
      @media screen and (max-width: 700px) {
        .recruit_head .interview_headline_02 > div {
          margin: 10px 0; } }
      .recruit_head .interview_headline_02 > div .block {
        display: inline-block;
        background-color: #fff; }
  .recruit_head .personal_info {
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
    position: absolute;
    bottom: 40px; }
    @media screen and (min-width: 1000px), print {
      .recruit_head .personal_info {
        transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1; }
        .recruit_head .personal_info.init {
          transform: translateY(40px);
          opacity: 0; } }
    @media screen and (max-width: 999px) {
      .recruit_head .personal_info {
        bottom: 15px; } }
    .recruit_head .personal_info_job {
      font-size: 16px;
      color: #a0b0e0;
      border-top: 1px solid #a0b0e0;
      border-bottom: 1px solid #a0b0e0;
      padding: 15px 12px;
      margin-right: 36px; }
      @media screen and (max-width: 999px) {
        .recruit_head .personal_info_job {
          font-size: 12px;
          padding: 8px 8px;
          margin-right: 15px; } }
      @media screen and (max-width: 700px) {
        .recruit_head .personal_info_job {
          padding: 6px 8px;
          margin-right: 5px; } }
    .recruit_head .personal_info_name {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-right: 60px; }
      @media screen and (max-width: 999px) {
        .recruit_head .personal_info_name {
          padding-right: 30px; } }
      @media screen and (max-width: 700px) {
        .recruit_head .personal_info_name {
          padding-right: 18px; } }
      .recruit_head .personal_info_name_en {
        font-size: 16px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        color: #a0b0e0; }
        @media screen and (max-width: 999px) {
          .recruit_head .personal_info_name_en {
            font-size: 10px; } }
      .recruit_head .personal_info_name_ja {
        font-size: 36px;
        font-weight: 700;
        color: #ffffff;
        position: relative; }
        @media screen and (max-width: 999px) {
          .recruit_head .personal_info_name_ja {
            font-size: 22px; } }
        @media screen and (max-width: 700px) {
          .recruit_head .personal_info_name_ja {
            font-size: 16px; } }
        .recruit_head .personal_info_name_ja::after {
          content: "";
          display: inline-block;
          height: 35px;
          width: 1px;
          transform: rotate(20deg);
          background-color: #a0b0e0;
          margin-left: 30px;
          position: absolute;
          top: 5px; }
          @media screen and (max-width: 999px) {
            .recruit_head .personal_info_name_ja::after {
              height: 24px;
              top: 2px;
              margin-left: 15px; } }
          @media screen and (max-width: 700px) {
            .recruit_head .personal_info_name_ja::after {
              height: 17px;
              margin-left: 8px; } }
    .recruit_head .personal_info_others {
      font-size: 20px;
      font-weight: 500;
      color: #fff; }
      @media screen and (max-width: 999px) {
        .recruit_head .personal_info_others {
          font-size: 14px; } }
      @media screen and (max-width: 700px) {
        .recruit_head .personal_info_others {
          font-size: 12px; } }

@media screen and (min-width: 1000px), print {
  /* common parts */
  .recruit_blue_headline {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start; }
    .recruit_blue_headline .block {
      font-size: 48px;
      display: inline-block;
      background-color: #252f79;
      color: #fff;
      font-weight: 700;
      writing-mode: vertical-rl;
      padding: 10px 8px;
      position: relative; }
      .recruit_blue_headline .block:not(:last-child) {
        margin-left: 20px; }
      .recruit_blue_headline .block::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 22px;
        background: url(/recruit/img/edge.png) no-repeat center center/100% 100%;
        position: absolute;
        bottom: -21px;
        right: 0; } }
    @media screen and (min-width: 1000px) and (min-width: 1000px), print {
      .recruit_blue_headline .block {
        transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1; }
        .recruit_blue_headline .block.init {
          transform: translateY(-20px);
          opacity: 0; } }
@media screen and (min-width: 1000px), print {
      .recruit_blue_headline .block:nth-of-type(2) {
        transition-delay: 0.4s; }
      .recruit_blue_headline .block:nth-of-type(3) {
        transition-delay: 0.6s; }

  .story_icon {
    display: block;
    width: 158px; }

  .interview_text {
    font-size: 16px;
    color: #27282d;
    line-height: 2.2; }

  .container_1600 {
    width: 1600px;
    margin: 0 auto; } }
  @media screen and (min-width: 1000px) and (max-width: 1650px) {
    .container_1600 {
      width: calc(100% - 50px);
      margin-right: 25px;
      margin-left: 25px; } }

@media screen and (min-width: 1000px), print {
  /* story1 */
  .recruit_story01 {
    width: 100%;
    position: relative;
    margin-bottom: 185px; }
    .recruit_story01 .recruit_story_01 {
      width: 500px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 50px; }
      .recruit_story01 .recruit_story_01_container {
        display: flex;
        flex-direction: column;
        align-items: flex-end; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story01 .recruit_story_01 {
        width: 46%; } }
@media screen and (min-width: 1000px), print {
      .recruit_story01 .recruit_story_01_story_icon {
        position: relative;
        margin-top: 284px; }
        .recruit_story01 .recruit_story_01_story_icon::after {
          content: "";
          display: block;
          width: 115px;
          height: 3px;
          background-color: #252f79;
          margin-top: 32px; }
    .recruit_story01 .recruit_story_02 {
      width: 100%;
      position: absolute;
      top: 0; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story01 .recruit_story_02 {
        top: 10%; } }
@media screen and (min-width: 1000px), print {
      .recruit_story01 .recruit_story_02_image {
        width: 800px;
        position: relative; } }
      @media screen and (min-width: 1000px) and (max-width: 1650px) {
        .recruit_story01 .recruit_story_02_image {
          width: 50%; } }
@media screen and (min-width: 1000px), print {
        .recruit_story01 .recruit_story_02_image::before {
          content: "";
          display: block;
          width: 640px;
          height: 500px;
          position: absolute;
          bottom: -60px;
          right: -60px;
          z-index: 5; } }
        @media screen and (min-width: 1000px) and (max-width: 1250px) {
          .recruit_story01 .recruit_story_02_image::before {
            width: 100%;
            height: 85%;
            bottom: -30px;
            right: -10px; } }
@media screen and (min-width: 1000px), print {
        .recruit_story01 .recruit_story_02_image.sales::before {
          background: url(/recruit/sales/img/story02_bg.jpg) no-repeat center center/cover; }
        .recruit_story01 .recruit_story_02_image.service::before {
          background: url(/recruit/service/img/story02_bg.jpg) no-repeat center center/cover; }
        .recruit_story01 .recruit_story_02_image.mechanic::before {
          background: url(/recruit/mechanic/img/story02_bg.jpg) no-repeat center center/cover; }
        .recruit_story01 .recruit_story_02_image.clerk::before {
          background: url(/recruit/clerk/img/story02_bg.jpg) no-repeat center center/cover; }
        .recruit_story01 .recruit_story_02_image img {
          display: block;
          width: 800px;
          position: relative;
          z-index: 10; } }
        @media screen and (min-width: 1000px) and (max-width: 1650px) {
          .recruit_story01 .recruit_story_02_image img {
            width: 100%;
            height: 620px;
            margin-left: -25px;
            object-fit: cover;
            /* IE11以上 */
            font-family: 'object-fit: cover;'; } }
@media screen and (min-width: 1000px), print {
    .recruit_story01 .recruit_story_03_container {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
    .recruit_story01 .recruit_story_03 .interview_text {
      width: 500px; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story01 .recruit_story_03 .interview_text {
        width: 46%; } }

@media screen and (min-width: 1000px), print {
  .recruit_story02 {
    position: relative;
    margin-bottom: 270px; }
    .recruit_story02 .recruit_story_01_container {
      position: relative; }
    .recruit_story02 .recruit_story_01_story_icon {
      position: absolute;
      left: 0;
      top: 47px;
      z-index: 50; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story02 .recruit_story_01_story_icon {
        left: 25px; } }
@media screen and (min-width: 1000px), print {
      .recruit_story02 .recruit_story_01_story_icon::after {
        content: "";
        display: block;
        width: 115px;
        height: 3px;
        background-color: #252f79;
        margin-top: 32px; }
    .recruit_story02 .recruit_story_01_caption {
      position: absolute;
      right: 0;
      top: -55px;
      z-index: 50; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story02 .recruit_story_01_caption {
        right: 25px; } }
@media screen and (min-width: 1000px), print {
    .recruit_story02 .recruit_story_02 {
      position: relative; }
      .recruit_story02 .recruit_story_02::before {
        content: "";
        display: block;
        width: calc(50% - 100px);
        height: 600px;
        position: absolute;
        right: 0;
        transform: translateY(80px); } }
      @media screen and (min-width: 1000px) and (max-width: 1650px) {
        .recruit_story02 .recruit_story_02::before {
          height: 100%; } }
@media screen and (min-width: 1000px), print {
      .recruit_story02 .recruit_story_02.sales::before {
        background: url(/recruit/sales/img/story03_bg.jpg) no-repeat left bottom -45px/cover; }
      .recruit_story02 .recruit_story_02.service::before {
        background: url(/recruit/service/img/story03_bg.jpg) no-repeat left bottom -45px/cover; }
      .recruit_story02 .recruit_story_02.mechanic::before {
        background: url(/recruit/mechanic/img/story03_bg.jpg) no-repeat left bottom -45px/cover; }
      .recruit_story02 .recruit_story_02.clerk::before {
        background: url(/recruit/clerk/img/story03_bg.jpg) no-repeat left bottom -45px/cover; }
      .recruit_story02 .recruit_story_02_image {
        width: 1600px;
        margin: 0 auto;
        position: relative;
        display: flex;
        justify-content: flex-end; } }
      @media screen and (min-width: 1000px) and (max-width: 1650px) {
        .recruit_story02 .recruit_story_02_image {
          width: 100%; } }
@media screen and (min-width: 1000px), print {
        .recruit_story02 .recruit_story_02_image img {
          display: block;
          width: 1300px; } }
        @media screen and (min-width: 1000px) and (max-width: 1650px) {
          .recruit_story02 .recruit_story_02_image img {
            width: 80%;
            height: 580px;
            object-fit: cover;
            object-position: 26% 100%;
            /* IE11以上 */
            font-family: 'object-fit: cover; object-position: 26% 100%;'; } }
@media screen and (min-width: 1000px), print {
    .recruit_story02 .recruit_story_03 {
      width: 520px;
      position: absolute;
      z-index: 50;
      top: 220px; }

  .recruit_story03 {
    width: 100%;
    position: relative;
    margin-bottom: 100px; }
    .recruit_story03 .recruit_story_01 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      height: 640px; }
      .recruit_story03 .recruit_story_01_container {
        min-height: 640px;
        margin-bottom: 50px; } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story03 .recruit_story_01_container {
          min-height: 600px; } }
@media screen and (min-width: 1000px), print {
      .recruit_story03 .recruit_story_01_story_icon {
        position: relative;
        align-self: flex-end;
        z-index: 50;
        margin-bottom: -31px; } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story03 .recruit_story_01_story_icon {
          margin-bottom: 10px; } }
@media screen and (min-width: 1000px), print {
        .recruit_story03 .recruit_story_01_story_icon::after {
          content: "";
          display: block;
          width: 115px;
          height: 3px;
          background-color: #252f79;
          margin-top: 32px;
          position: absolute;
          top: 22%;
          left: -130px; }
    .recruit_story03 .recruit_story_02 {
      width: 100%;
      position: absolute;
      top: 0; }
      .recruit_story03 .recruit_story_02_container {
        display: flex;
        justify-content: flex-end; }
      .recruit_story03 .recruit_story_02_image {
        /*width: 920px;*/
        width: 870px;
        position: relative; } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story03 .recruit_story_02_image {
          width: 75%; } }
@media screen and (min-width: 1000px), print {
        .recruit_story03 .recruit_story_02_image::before {
          content: "";
          display: block;
          width: 520px;
          height: 340px;
          position: absolute;
          top: -40px;
          left: -40px;
          z-index: 5; }
        .recruit_story03 .recruit_story_02_image.sales::before {
          background: url(/recruit/sales/img/story04_bg.jpg) no-repeat center center/cover; }
        .recruit_story03 .recruit_story_02_image.service::before {
          background: url(/recruit/service/img/story04_bg.jpg) no-repeat center center/cover; }
        .recruit_story03 .recruit_story_02_image.mechanic::before {
          background: url(/recruit/mechanic/img/story04_bg.jpg) no-repeat center center/cover; }
        .recruit_story03 .recruit_story_02_image.clerk::before {
          background: url(/recruit/clerk/img/story04_bg.jpg) no-repeat center center/cover; }
        .recruit_story03 .recruit_story_02_image img {
          display: block;
          width: 100%;
          position: relative;
          z-index: 10; } }
        @media screen and (min-width: 1000px) and (max-width: 1250px) {
          .recruit_story03 .recruit_story_02_image img {
            height: 600px;
            object-fit: cover;
            /* IE11以上 */
            font-family: 'object-fit: cover;'; } }
@media screen and (min-width: 1000px), print {
    .recruit_story03 .recruit_story_03_container {
      display: flex;
      justify-content: flex-end; }
    .recruit_story03 .recruit_story_03 .interview_text {
      width: 920px; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story03 .recruit_story_03 .interview_text {
        width: 75%;
        margin-top: -45px; } }

@media screen and (min-width: 1000px), print {
  .recruit_story04 {
    width: 100%;
    position: relative;
    padding-bottom: 180px; }
    .recruit_story04 .recruit_story_01 {
      width: 640px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 50px;
      z-index: 50; }
      .recruit_story04 .recruit_story_01_container {
        display: flex;
        flex-direction: column;
        align-items: flex-end; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story04 .recruit_story_01 {
        width: 55%; } }
@media screen and (min-width: 1000px), print {
      .recruit_story04 .recruit_story_01_story_icon {
        position: relative;
        margin-top: 170px; }
        .recruit_story04 .recruit_story_01_story_icon::after {
          content: "";
          display: block;
          width: 115px;
          height: 3px;
          background-color: #252f79;
          margin-top: 32px; }
      .recruit_story04 .recruit_story_01 .recruit_blue_headline {
        height: 692px; }
    .recruit_story04 .recruit_story_02 {
      width: 100%;
      position: absolute;
      top: 0; }
      .recruit_story04 .recruit_story_02.sales .recruit_story_02_image::before {
        background: url(/recruit/sales/img/story05_bg.jpg) no-repeat center center/cover; }
      .recruit_story04 .recruit_story_02.service .recruit_story_02_image::before {
        background: url(/recruit/service/img/story05_bg.jpg) no-repeat center center/cover; }
      .recruit_story04 .recruit_story_02.mechanic .recruit_story_02_image::before {
        background: url(/recruit/mechanic/img/story05_bg.jpg) no-repeat center center/cover; }
      .recruit_story04 .recruit_story_02.clerk .recruit_story_02_image::before {
        background: url(/recruit/clerk/img/story05_bg.jpg) no-repeat center center/cover; }
      .recruit_story04 .recruit_story_02_image {
        width: 600px;
        position: relative; } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story04 .recruit_story_02_image {
          width: 40%; } }
@media screen and (min-width: 1000px), print {
        .recruit_story04 .recruit_story_02_image::before {
          content: "";
          display: block;
          width: 400px;
          height: 400px;
          position: absolute;
          bottom: -50px;
          left: -50px;
          z-index: 5; }
        .recruit_story04 .recruit_story_02_image img {
          display: block;
          width: 100%;
          position: relative;
          z-index: 10; } }
        @media screen and (min-width: 1000px) and (max-width: 1250px) {
          .recruit_story04 .recruit_story_02_image img {
            width: 100%;
            height: 850px;
            object-fit: cover;
            object-position: 0 100%;
            /* IE11以上 */
            font-family: "object-fit: cover; object-position: 0 100%;"; } }
@media screen and (min-width: 1000px), print {
    .recruit_story04 .recruit_story_03 {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-end; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story04 .recruit_story_03 {
        width: 100%; } }
@media screen and (min-width: 1000px), print {
      .recruit_story04 .recruit_story_03_wrapper {
        width: 640px;
        display: flex;
        flex-direction: column;
        margin-top: -400px;
        /* &.service {
        	margin-top: -260px;
        } */ } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story04 .recruit_story_03_wrapper {
          width: 55%; } }
@media screen and (min-width: 1000px), print {
      .recruit_story04 .recruit_story_03 .interview_text {
        width: 410px;
        position: relative;
        z-index: 50; } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story04 .recruit_story_03 .interview_text {
          width: 63%; } }

@media screen and (min-width: 1000px), print {
  .recruit_story05 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 65px; }
    .recruit_story05 .recruit_story_01 {
      width: 100%;
      position: absolute;
      z-index: 10;
      display: flex;
      justify-content: space-between; } }
    @media screen and (min-width: 1000px) and (max-width: 1250px) {
      .recruit_story05 .recruit_story_01 {
        width: calc(100% - 25px); } }
@media screen and (min-width: 1000px), print {
      .recruit_story05 .recruit_story_01_container {
        position: relative; }
      .recruit_story05 .recruit_story_01_caption {
        margin-top: -40px; } }
      @media screen and (min-width: 1000px) and (max-width: 1250px) {
        .recruit_story05 .recruit_story_01_caption {
          margin-right: 25px; } }
@media screen and (min-width: 1000px), print {
      .recruit_story05 .recruit_story_01_story_icon {
        position: relative;
        padding-top: 55px; }
        .recruit_story05 .recruit_story_01_story_icon::after {
          content: "";
          display: block;
          width: 115px;
          height: 3px;
          background-color: #252f79;
          margin-top: 32px; }
    .recruit_story05 .recruit_story_02 {
      width: 100%;
      height: 820px;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: #f5f5f0;
      position: relative; }
      .recruit_story05 .recruit_story_02.sales::after {
        background: url(/recruit/sales/img/story06_bg.jpg) no-repeat bottom center/cover; }
      .recruit_story05 .recruit_story_02.service::after {
        background: url(/recruit/service/img/story06_bg.jpg) no-repeat bottom center/cover; }
      .recruit_story05 .recruit_story_02.mechanic::after {
        background: url(/recruit/mechanic/img/story06_bg.jpg) no-repeat bottom center/cover; }
      .recruit_story05 .recruit_story_02.clerk::after {
        background: url(/recruit/clerk/img/story06_bg.jpg) no-repeat bottom center/cover; }
      .recruit_story05 .recruit_story_02::after {
        content: "";
        display: block;
        width: 100%;
        height: 90px; }
      .recruit_story05 .recruit_story_02_container {
        display: flex;
        justify-content: flex-end; }
      .recruit_story05 .recruit_story_02_image {
        width: 620px;
        margin-right: 80px; }
        .recruit_story05 .recruit_story_02_image img {
          width: 100%; }
    .recruit_story05 .recruit_story_03 {
      width: 100%;
      position: absolute;
      top: 215px;
      z-index: 10; }
      .recruit_story05 .recruit_story_03 .interview_text {
        width: 500px;
        background-color: rgba(245, 245, 240, 0.424); } }
@media screen and (max-width: 999px) {
  .recruit_blue_headline {
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 20px; }
    .recruit_blue_headline .block {
      color: #252f79; }

  .interview_text {
    font-size: 14px; }

  .recruit_story {
    margin-bottom: 60px; }
    .recruit_story_01_story_icon {
      width: 30%;
      max-width: 160px;
      margin: 0 auto 40px;
      position: relative; }
      .recruit_story_01_story_icon::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #252f79;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px; }
      .recruit_story_01_story_icon img {
        width: 100%; }
    .recruit_story_02 {
      padding-right: 25px;
      padding-left: 25px;
      margin-bottom: 40px; }
      .recruit_story_02_image {
        width: 100%; }
        .recruit_story_02_image img {
          width: 100%; }
    .recruit_story_03 {
      line-height: 2; }

  /* 個別 */
  .recruit_story01 .recruit_story_02_image {
    position: relative;
    width: calc(100% - 20px);
    margin-bottom: 60px; }
    .recruit_story01 .recruit_story_02_image::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover;
      position: absolute;
      bottom: -20px;
      right: -20px;
      z-index: 1; }
    .recruit_story01 .recruit_story_02_image.sales::before {
      background: url(/recruit/sales/img/story02_bg.jpg); }
    .recruit_story01 .recruit_story_02_image.service::before {
      background: url(/recruit/service/img/story02_bg.jpg); }
    .recruit_story01 .recruit_story_02_image.mechanic::before {
      background: url(/recruit/mechanic/img/story02_bg.jpg); }
    .recruit_story01 .recruit_story_02_image.clerk::before {
      background: url(/recruit/clerk/img/story02_bg.jpg); }
    .recruit_story01 .recruit_story_02_image img {
      width: 100%;
      display: block;
      position: relative;
      z-index: 5; }

  .recruit_story02 .recruit_story_02_image {
    position: relative;
    width: calc(100% - 20px);
    height: 350px;
    margin-left: 20px;
    margin-bottom: 60px; }
    .recruit_story02 .recruit_story_02_image::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover;
      position: absolute;
      bottom: -20px;
      left: -20px;
      z-index: 1; }
    .recruit_story02 .recruit_story_02_image.sales::before {
      background: url(/recruit/sales/img/story03_bg.jpg); }
    .recruit_story02 .recruit_story_02_image.service::before {
      background: url(/recruit/service/img/story03_bg.jpg); }
    .recruit_story02 .recruit_story_02_image.mechanic::before {
      background: url(/recruit/mechanic/img/story03_bg.jpg); }
    .recruit_story02 .recruit_story_02_image.clerk::before {
      background: url(/recruit/clerk/img/story03_bg.jpg); }
    .recruit_story02 .recruit_story_02_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      position: relative;
      z-index: 5;
      /* IE11以上 */
      font-family: 'object-fit: cover;'; }

  .recruit_story03 .recruit_story_02_image {
    position: relative;
    width: calc(100% + 25px);
    margin-top: 40px;
    margin-left: -25px; }
    .recruit_story03 .recruit_story_02_image::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover;
      position: absolute;
      top: -20px;
      right: -20px;
      z-index: 1; }
    .recruit_story03 .recruit_story_02_image.sales::before {
      background: url(/recruit/sales/img/story04_bg.jpg); }
    .recruit_story03 .recruit_story_02_image.service::before {
      background: url(/recruit/service/img/story04_bg.jpg); }
    .recruit_story03 .recruit_story_02_image.mechanic::before {
      background: url(/recruit/mechanic/img/story04_bg.jpg); }
    .recruit_story03 .recruit_story_02_image.clerk::before {
      background: url(/recruit/clerk/img/story04_bg.jpg); }
    .recruit_story03 .recruit_story_02_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      position: relative;
      z-index: 5; }

  .recruit_story04 .recruit_story_02_image {
    position: relative;
    width: calc(100% + 25px);
    height: 500px;
    margin: 0 auto 60px; }
    .recruit_story04 .recruit_story_02_image.sales::before {
      background: url(/recruit/sales/img/story05_bg.jpg); }
    .recruit_story04 .recruit_story_02_image.service::before {
      background: url(/recruit/service/img/story05_bg.jpg); }
    .recruit_story04 .recruit_story_02_image.mechanic::before {
      background: url(/recruit/mechanic/img/story05_bg.jpg); }
    .recruit_story04 .recruit_story_02_image.clerk::before {
      background: url(/recruit/clerk/img/story05_bg.jpg); } }
  @media screen and (max-width: 999px) and (max-width: 530px) {
    .recruit_story04 .recruit_story_02_image {
      height: 350px; } }
@media screen and (max-width: 999px) {
    .recruit_story04 .recruit_story_02_image::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: cover;
      position: absolute;
      bottom: -20px;
      left: -20px;
      z-index: 1; }
    .recruit_story04 .recruit_story_02_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top left;
      display: block;
      position: relative;
      z-index: 5;
      /* IE11以上 */
      font-family: 'object-fit: cover; object-position: top left;'; }
    .recruit_story04 .recruit_story_02_image.sales img {
      object-position: 10% 10%;
      /* IE11以上 */
      font-family: 'object-fit: cover; object-position: 10% 10%;'; }
    .recruit_story04 .recruit_story_02_image.service img {
      object-position: 10% 10%;
      /* IE11以上 */
      font-family: 'object-fit: cover; object-position: 10% 10%;'; }
    .recruit_story04 .recruit_story_02_image.mechanic img {
      object-position: 30% 20%;
      /* IE11以上 */
      font-family: 'object-fit: cover; object-position: 30% 20%;'; }
    .recruit_story04 .recruit_story_02_image.clerk img {
      object-position: 30% 30%;
      /* IE11以上 */
      font-family: 'object-fit: cover; object-position: 30% 30%;'; }
  .recruit_story04 .recruit_story_03_wrapper {
    padding-left: 25px;
    padding-right: 25px; }

  .recruit_story05 .recruit_story_02_image {
    position: relative;
    width: calc(100% + 50px);
    background-color: #f5f5f0;
    z-index: 5;
    margin-left: -25px;
    /* &::before {
    	content: "";
    	display: block;
    	width: 100%;
    	height: 20px;
    	background: url(/recruit/sales/img/sales06_bg.jpg) no-repeat center bottom / cover;
    	position: absolute;
    	bottom: -20px;
    	left: 0;
    	z-index: 1;
    	background-size: 200%;
    } */ }
    .recruit_story05 .recruit_story_02_image img {
      width: 70%;
      height: 100%;
      object-fit: cover;
      display: block;
      position: relative;
      z-index: 6;
      margin: 0 auto;
      /* IE11以上 */
      font-family: 'object-fit: cover;'; } }
@media screen and (min-width: 1000px), print {
  .recruit_nav_area {
    margin-top: -170px; } }
@media screen and (max-width: 999px) {
  .recruit_nav_area {
    margin-top: 60px; } }
@media screen and (min-width: 1000px), print {
  .recruit_nav_ul {
    display: flex;
    justify-content: space-around; } }
.recruit_nav_ul li {
  width: 360px; }
  @media screen and (max-width: 1250px) {
    .recruit_nav_ul li {
      width: calc(33% + 20px);
      padding-right: 10px;
      padding-left: 10px; } }
  @media screen and (max-width: 999px) {
    .recruit_nav_ul li {
      width: 75%;
      margin: 0 auto 70px; } }
  @media screen and (max-width: 460px) {
    .recruit_nav_ul li {
      width: 100%; } }
.recruit_nav_wrapper {
  width: 100%;
  display: block;
  position: relative; }
  .recruit_nav_wrapper::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 20px);
    border-bottom: 1px solid #252f79;
    position: absolute;
    bottom: 0; }
    @media screen and (max-width: 999px) {
      .recruit_nav_wrapper::before {
        width: 80%;
        right: 0; } }
  @media screen and (max-width: 999px) {
    .recruit_nav_wrapper::after {
      content: "";
      display: block;
      width: 30px;
      height: 1px;
      background-color: #252f79;
      transform: rotate(45deg);
      position: absolute;
      bottom: 10px;
      right: -5px; } }
.recruit_nav_job_en {
  font-family: "Montserrat", sans-serif;
  color: #a0b0e0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  padding-left: 33px;
  margin-bottom: 20px; }
  .recruit_nav_job_en::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #a0b0e0; }
  @media screen and (max-width: 999px) {
    .recruit_nav_job_en {
      margin-bottom: 10px; } }
.recruit_nav_image {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
  overflow: hidden; }
  .recruit_nav_image img {
    width: 100%; }
    @media screen and (max-width: 999px) {
      .recruit_nav_image img {
        max-height: 350px;
        object-fit: cover;
        object-position: top;
        /* IE11以上 */
        font-family: 'object-fit: cover; object-position: top;'; } }
  .recruit_nav_image .recruit_nav_word {
    writing-mode: vertical-rl;
    font-weight: 700;
    font-size: 30px;
    color: #252f79;
    position: absolute;
    bottom: 0;
    right: 0; }
    .recruit_nav_image .recruit_nav_word span {
      background-color: #fff;
      display: block;
      margin: 10px 7px;
      padding: 7px; }
    @media screen and (max-width: 1250px) {
      .recruit_nav_image .recruit_nav_word {
        font-size: 21px; } }
    @media screen and (max-width: 460px) {
      .recruit_nav_image .recruit_nav_word {
        font-size: 17px; } }
.recruit_nav_name {
  color: #252f79;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 460px) {
    .recruit_nav_name {
      font-size: 27px; } }
.recruit_nav_job_ja {
  color: #78787f;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px; }
  @media screen and (max-width: 999px) {
    .recruit_nav_job_ja {
      padding-bottom: 35px; } }
  @media screen and (max-width: 460px) {
    .recruit_nav_job_ja {
      font-size: 12px; } }
.recruit_nav_wrapper:hover img {
  transform: scale(1.2);
  filter: brightness(110%);
  transition: 2.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.recruit_nav_wrapper:hover::before {
  background-color: rgba(109, 129, 196, 0.151);
  width: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  transition: 0.7s cubic-bezier(0.075, 0.82, 0.165, 1); }