@charset "UTF-8";

/* =============================
Company & Recruit
============================= */

.company__inner {
  padding: 0 var(--contentPaddingSp);
}

.company__list {
  margin-top: 40px;
}

.company__item {
  padding: 20px 0;
  background-image: repeating-linear-gradient(
    90deg,
    var(--red),
    var(--red) 5px,
    transparent 5px,
    transparent 10px
  );
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

.company__title {
  font-weight: 700;
}

.company__text {
  margin-top: 10px;
}

.company__map {
  margin-top: 40px;
}

.company__map-text {
  text-align: center;
  font-size: 1.4rem;
}

.company__map iframe {
  width: 100%;
  text-align: center;
}

.recruit__inner {
  padding: 0 var(--contentPaddingSp) 80px;
}

.recruit__cta {
  margin-top: 40px;
}

.recruit__cta-btn {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.recruit__cta img {
  max-width: 280px;
}

/* company & recruit pc */
@media screen and (min-width: 769px) {
  .company__inner {
    padding: 0 var(--contentPaddingPc);
  }

  .company__list {
    margin-top: 80px;
    font-size: 2rem;
  }

  .company__item {
    display: flex;
    gap: 60px;
  }

  .company__title {
    width: 160px;
  }

  .company__text {
    margin-top: 0px;
  }

  .company__map {
    margin-top: 80px;
  }

  .company__map-text {
    font-size: 2rem;
  }

  .company__map iframe {
    height: 350px;
  }

  .recruit__inner {
    padding: 0 var(--contentPaddingPc) 120px;
  }

  .recruit__cta {
    margin-top: 80px;
    gap: 40px;
    text-align: center;
  }

  .recruit__cta-btn {
    display: flex;
    gap: 20px;
  }

  .recruit__cta img {
    max-width: 420px;
  }
}