@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　job

**********************************************************************************************/
.job_flow {
  margin: 0 0 160px; }
  @media (max-width: 767px) {
    .job_flow {
      margin: 0 0 21.3vw; } }

.job_flow_tit {
  max-width: 600px;
  margin: 0 auto 3px;
  background: #000;
  color: #fff;
  padding: 15px;
  font-size: 2rem;
  text-align: center; }
  @media (max-width: 767px) {
    .job_flow_tit {
      padding: 2vw;
      max-width: 100%; } }

.jobList {
  width: calc(100% + 100px); }
  @media (max-width: 767px) {
    .jobList {
      width: 100%; } }
  .jobList li {
    display: flex;
    justify-content: space-between;
    position: relative; }
    @media (max-width: 767px) {
      .jobList li {
        display: block; } }
    .jobList li:nth-child(odd) {
      left: -100px; }
      @media (max-width: 767px) {
        .jobList li:nth-child(odd) {
          left: auto; }
          .jobList li:nth-child(odd) .jobList_img {
            left: -5vw; } }
      @media (min-width: 768px) {
        .jobList li:nth-child(odd)::after {
          left: calc(50% + 50px) !important; } }
    .jobList li:nth-child(even) {
      flex-direction: row-reverse; }
      @media (max-width: 767px) {
        .jobList li:nth-child(even) .jobList_img {
          left: 5vw; } }
    .jobList li:not(:last-child) {
      margin: 0 0 250px; }
      @media (max-width: 767px) {
        .jobList li:not(:last-child) {
          margin: 0 0 37.3vw; } }
      .jobList li:not(:last-child)::after {
        content: "";
        display: block;
        width: 65px;
        height: 96px;
        background: url("../img/about/arrow.svg") no-repeat;
        background-size: contain;
        position: absolute;
        left: calc(50% - 50px);
        transform: translateX(-50%);
        top: calc(100% + 80px); }
        @media (max-width: 767px) {
          .jobList li:not(:last-child)::after {
            left: 50%;
            width: 9vw;
            height: 13.3vw;
            top: calc(100% + 10.6vw); } }

.jobList_img {
  width: 62.7%;
  flex-shrink: 0; }
  @media (max-width: 767px) {
    .jobList_img {
      width: 100%;
      position: relative;
      margin: 0 0 7vw; } }

.jobList_txtArea {
  width: 34%; }
  @media (max-width: 767px) {
    .jobList_txtArea {
      width: 100%; } }

.jobList_titArea {
  display: flex;
  align-items: baseline;
  line-height: 1;
  margin: 0 0 10px; }
  @media (max-width: 767px) {
    .jobList_titArea {
      margin: 0 0 2.6vw; } }

.jobList_num {
  font-family: 'Rajdhani', sans-serif;
  font-size: 10rem;
  margin: 0 20px 0 0; }
  @media (max-width: 767px) {
    .jobList_num {
      font-size: 7.2rem;
      margin: 0 2.6vw 0 0; } }

.jobList_tit {
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1; }
  @media (max-width: 767px) {
    .jobList_tit {
      font-size: 2.8rem; } }

.jobList_copy {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.6;
  margin: 0 0 10px; }
  @media (max-width: 767px) {
    .jobList_copy {
      margin: 0 0 3.6vw; } }

.jobList_txt {
  line-height: 2;
  text-align: justify; }