/*--------------------------------------
イントロ
--------------------------------------*/
#about_intro {
  counter-reset: count 0;
}
#about_intro .intro_title {
  font-family: var(--ff-maru);
  font-size: var(--fs-intro-title);
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.5;
  margin-bottom: 5rem;
}
#about_intro .text {
  max-width: 85rem;
  margin: 0 auto;
  + .text {
    margin-top: 2em;
  }
}
/*--------------------------------------
私たちの思い
--------------------------------------*/
#about_message {
  background: var(--bg-pale-blue);
}
#about_message .section_title::after {
  background: var(--bg-pale-blue);
}
#about_message .content_block::after {
  display: block;
  content:"";
  width: min(100%,100rem);
  aspect-ratio: 1000 / 563 ;
  margin: 5rem auto 0;
  background: url(/assets/img/about/message_illust.png) no-repeat center / contain;
}
#about_message .text {
  max-width: 85rem;
  margin: 0 auto;
  + .text {
    margin-top: 2em;
  }
}
/*--------------------------------------
事業所概要
--------------------------------------*/
#about_outline .outline_list {
  max-width: 85rem;
  margin: 0 auto;
  .item {
    display: flex;
    & dt {
      font-weight: 700;
      text-align: center;
      width: 25%;
      padding: 1em;
    }
    & dd {
      width: 75%;
      padding: 1em;
    }
    &:nth-child(odd) {
      & dt {
        background: #A6DAF8;
      }
      & dd {
        background: #F1F7F8;
      }
    }
    &:nth-child(even) {
      & dt {
        background: #DDF3FF;
      }
      & dd {
        background: #FFF;
      }
    }
  }
}
/*--------------------------------------
事業所をご利用いただける方
--------------------------------------*/
#about_user {
  background: var(--bg-blue);
}
#about_user .section_title::after {
  background: var(--bg-blue);
}
#about_user .user_list {
  max-width: 85rem;
  margin: 0 auto;

  & li {
    display: flex;
    font-family: var(--ff-maru);
    font-size: var(--fs-bl-title);
    line-height: 1.5;
    padding: 3%;
    background: #FFF;
    border: 0.1rem solid var(--light-gray);
    border-radius: 1rem;

    &::before {
      display: block;
      content:"";
      width: 1em;
      height: 1em;
      flex-shrink: 0;
      margin: 0.2em 0.5em 0 0;
      background: url(/assets/img/common/icon_check.svg) no-repeat center / contain;
    }
    + li {
      margin-top: 3rem;
    }
  }
}
#about_user .content_block.necessities {
  margin-top: 7rem;
  padding: 5rem 3rem;
  background: #FFF;
  border-radius: 3rem;

  .block_title {
    text-align: center;
    margin-bottom: 3rem;
  }
  .text {
    width: fit-content;
    margin: 5rem auto 3rem;
  }
  .grid_column {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 35rem));
    gap: 3rem;

    .item {
      font-family: var(--ff-maru);
      font-size: clamp( 1.6rem, calc( 1.4rem + 0.5555555555555556vw ), 2.1rem );
      text-align: center;
      transform: rotate(0.05deg);
      & small {
        display: block;
        font-family: 'Noto Sans JP', Meiryo, "メイリオ", YuGothic, sans-serif;
        font-size: var(--fs-normal);
        line-height: 1.2;
      }
    }
  }
}
@media (min-width:768px) {
  #about_user .content_block.link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    .btn_wrap {
      width: 48%;
    }
  }
}