/*--------------------------------------
ポイント
--------------------------------------*/
#office_point {
  counter-reset: count 0;
  background: url(/assets/img/common/bg_gradation_sp.jpg) no-repeat center top / cover;
  @media (min-width:768px) {
    background-image: url(/assets/img/common/bg_gradation_pc.jpg);
  }
}
#office_point .inner::after {
  display: block;
  content:"";
  width: min(75%,51.4rem);
  aspect-ratio: 514 / 400 ;
  margin: 5rem auto 0;
  background: url(/assets/img/office/point_illust.png) no-repeat center / contain;
}
#office_point .text {
  font-family: var(--ff-maru);
  font-size: clamp( 1.6rem, calc( 1.4rem + 0.5555555555555556vw ), 2.1rem );
  max-width: 80rem;
  margin: 0 auto 1em;
  transform: rotate(0.05deg);
  + .text {
    margin-bottom: 8rem;
    @media (min-width:768px) {
      margin-bottom: 10rem;
    }
  }
}
#office_point .block_title {
  display: flex;
  counter-increment: count 1;
  align-items: baseline;
  &::before {
    display: flex;
    content: counter(count);
    font-size: 80%;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid;
    border-radius: 50%;
  }
}
#office_point .point_list li {
  font-weight: 700;
  &::before {
    content:"・";
  }
}
#office_point .content_block:last-of-type {
  margin-top: 7rem;
  .text {
    width: fit-content;
  }
}