@charset "utf-8";
.bg_circle_left::before {
  background: url(../img/common/bg_circle03.png) no-repeat;
  background-size: contain;
  z-index: initial;
  top: 50px;
}
.border_box {
  display: grid;
  grid-template-columns: 350px auto;
  grid-template-rows: auto 1fr;
  padding: 40px 55px 32px;
  column-gap: 30px;
  border: 5px solid #f9f4ea;
  margin-bottom: 40px;
  position: relative;
}
.border_box img {
  grid-column: 1;
  grid-row: 1 / -1;
}
.border_box .ttl {
  font-size: 30px;
  grid-column: 2;
  grid-row: 1;
  margin: -8px 0 12px;
}
.border_box p {
  grid-column: 2;
  grid-row: 2;
}
.staff_list {
  gap: 30px 0;
  position: relative;
}
.staff_list li {
  width: 48.3%;
  max-width: 540px;
  position: relative;
  z-index: 10;
}
.staff_list li .txt {
  padding: 20px 42px 46px;
  
}
.staff_list li h3 {
  font-size: 30px;
  color: var(--site-primary);
  margin-bottom: 14px;
}
@media only screen and (max-width: 1024px) {
  .border_box {
    padding: 4vw 4vw;
  }
  .border_box .ttl {
    font-size: 27px;
  }
  .staff_list li h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .staff_list li .txt {
    padding: 2vw 3vw 3vw;
  }
}
@media only screen and (max-width: 960px) {
  .border_box .ttl {
    font-size: 23px;
  }
}
@media only screen and (max-width: 568px) {
  .bg_circle_left::before {
    top: 37px;
  }
  .border_box {
    grid-template-columns: 47.8% auto;
    grid-template-rows: 1fr auto;
    column-gap: 4.4%;
    padding: 24px 26px 20px;
    border-width: 4px;
    margin-bottom: 30px;
  }
  .border_box img {
    grid-column: 1;
    grid-row: 1;
  }
  .border_box .ttl {
    font-size: 19px;
    line-height: 1.5;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    margin: 0;
  }
  .border_box p {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 12px;
  }
  .staff_list {
    flex-direction: column;
    gap: 20px 0;
  }
  .staff_list li {
    width: 100%;
  }
  .staff_list li .txt {
    padding: 13px 25px 24px;
  }
  .staff_list li h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

/*------230621追記------*/
.border_box .nds-link {
  grid-column: 1 / 2;
  grid-row: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: -1;
}
.nds-link{
  margin: 20px auto 0;
}
/*------------*/