:root {
  --color-corporate: #003f98;
  --color-sales: #4bb4cf;
  --color-operation: #4a82e2;
}

.lead {
  padding-top: 91px;
}
@media screen and (max-width: 640px) {
  .lead {
    padding-top: 42px;
  }
}
.lead__para {
  margin-top: 71px;
}
@media screen and (max-width: 640px) {
  .lead__para {
    margin-top: 32px;
    font-size: 1.4rem;
  }
}
.lead__img {
  margin-top: 87px;
  display: grid;
  grid-template: 1fr/1fr;
}
@media screen and (max-width: 640px) {
  .lead__img {
    margin-top: 32px;
  }
}
.lead__img > * {
  grid-area: 1/1/-1/-1;
}
.lead__bg picture,
.lead__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.lead__figure {
  padding-block: 59px 58px;
  display: grid;
  place-items: center;
  width: 467px;
  max-width: 70%;
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  .lead__figure {
    padding-block: 32px;
    width: 100%;
    max-width: 90%;
  }
}
.lead__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.anchor.--job {
  .anchor__item-link {
    font-weight: 700;
    border-width: 5px;

    &.--corporate {
      color: var(--color-corporate);
      border-color: var(--color-corporate);
      &:hover {
        background-color: var(--color-corporate);
        color: #fff;
      }
    }

    &.--sales {
      color: var(--color-sales);
      border-color: var(--color-sales);
      &:hover {
        background-color: var(--color-sales);
        color: #fff;
      }
    }

    &.--operation {
      color: var(--color-operation);
      border-color: var(--color-operation);
      &:hover {
        background-color: var(--color-operation);
        color: #fff;
      }
    }
  }
}

.department + .department {
  margin-top: 204px;
}
@media screen and (max-width: 1359px) {
  .department + .department {
    margin-top: 164px;
  }
}
@media screen and (max-width: 640px) {
  .department + .department {
    margin-top: 94px;
  }
}
.department.--operation {
  margin-bottom: 117px;
}
@media screen and (max-width: 640px) {
  .department.--operation {
    margin-bottom: 72px;
  }
}
.department__para {
  margin-top: 66px;
}
@media screen and (max-width: 640px) {
  .department__para {
    margin-top: 32px;
    font-size: 1.4rem;
  }
}
.department__list {
  display: grid;
  margin-top: 74px;
  gap: 49px;
}
@media screen and (max-width: 640px) {
  .department__list {
    margin-top: 32px;
    gap: 24px;
  }
}
.department__item {
  width: calc(50% - 15px);
  padding: 30px 30px 50px;
  background: #f1f1f1;
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .department__item {
    width: 100%;
    padding: 32px 24px 30px;
  }
}
.department__item-txt {
  display: block;
}
@media screen and (max-width: 1359px) {
  .department__item-txt {
    width: 100%;
  }
}
.department__item-ttl {
  font-size: 3rem;
  line-height: 1.4666666667;
}
@media screen and (max-width: 640px) {
  .department__item-ttl {
    font-size: 1.8rem;
  }
}
.department__item-row {
  display: block;
  margin-top: 25px;
}
@media screen and (max-width: 1359px) {
  .department__item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 640px) {
  .department__item-row {
    gap: 8px;
  }
}
.department__item-group {
  font-size: 1.8rem;
  line-height: 1.45;
}
@media screen and (max-width: 640px) {
  .department__item-group {
    font-size: 1.5rem;
  }
}
.department__item-group + .department__item-group {
  margin-top: 11px;
}
@media screen and (max-width: 640px) {
  .department__item-para {
    font-size: 1.4rem;
  }
}
.department__item-group + .department__item-para {
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  .department__item-group + .department__item-para {
    margin-top: 12px;
  }
}
.department__item-balloon {
  padding-left: 22px;
  position: relative;
}
@media screen and (max-width: 1359px) {
  .department__item-balloon {
    padding-left: 0;
    padding-top: 22px;
  }
}
@media screen and (max-width: 640px) {
  .department__item-balloon {
    padding-top: 16px;
  }
}
.department__item-balloon::before {
  content: "";
  display: block;
  width: 32.83px;
  aspect-ratio: 32.83/22;
  background: #6fb9cf;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  top: 50%;
  left: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1359px) {
  .department__item-balloon::before {
    top: 1px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 640px) {
  .department__item-balloon::before {
    width: 23.43px;
  }
}
.department__item-balloon-txt {
  padding: 14px 24px 12px 24.7px;
  background: #6fb9cf;
}
.department__item-balloon-ttl {
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
@media screen and (max-width: 640px) {
  .department__item-balloon-ttl {
    font-size: 1.6rem;
  }
}
.department__item-balloon-para {
  margin-top: 4px;
}
@media screen and (max-width: 640px) {
  .department__item-balloon-para {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}
.department__item-links {
  display: block;
}

.department__item-interview {
  display: flex;
  margin-top: 68px;
  align-items: center;
  gap: 22px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.department__item-interview:where(:-moz-any-link, :enabled, summary):hover {
  opacity: 0.6;
}
.department__item-interview:where(:any-link, :enabled, summary):hover {
  opacity: 0.6;
}
@media screen and (max-width: 1359px) {
  .department__item-interview {
    margin-top: 42px;
    width: 100%;
    border-right: none;
  }
}
@media screen and (max-width: 640px) {
  .department__item-interview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.department__item-interview:nth-of-type(2) {
  border-right: none;
  padding-left: 25px;
}
.department__item-interview-photo {
  width: 142px;
  aspect-ratio: 1/1;
}
.department__item-interview-photo picture,
.department__item-interview-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}