/*--------------------------------------
導入文
--------------------------------------*/
#works_intro .text {
  font-family: var(--ff-maru);
  font-size: clamp( 1.6rem, calc( 1.4rem + 0.5555555555555556vw ), 2.1rem );
  max-width: 80rem;
  margin: 0 auto;
  transform: rotate(0.05deg);
}

/*--------------------------------------
各仕事内容
--------------------------------------*/
.works_type .block_title {
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/*--------------------------------------
ものづくり系
--------------------------------------*/
#works_craft {
  background: var(--bg-pale-blue);
}
/*--------------------------------------
施設外
--------------------------------------*/
#works_outside {
  background: var(--bg-pale-blue);
}
/*--------------------------------------
1日の流れ
--------------------------------------*/
#works_schedule {
  background: var(--bg-blue);
}
#works_schedule .section_title::after {
  background: var(--bg-blue);
}
#works_schedule .text {
  font-family: var(--ff-maru);
  font-size: var(--fs-bl-title);
  line-height: 1.5;
  text-align: center;
  margin-bottom: 7rem;
}
#works_schedule .time_schedule {
  max-width: 60rem;
  margin: 0 auto;
  padding: 8%;
  background: #FFF;
  border: 0.1rem solid var(--light-gray);
  border-radius: 1rem;
  @media (min-width:768px) {
    padding: 4%;
  }

  .item {
    display: flex;
    gap: 1em;
    margin-bottom: 3rem;
    padding-bottom: 1em;
    border-bottom: 0.1rem solid var(--gray);

    & dt {
      display: flex;
      color: #FFF;
      font-family: var(--ff-maru);
      justify-content: center;
      align-items: center;
      width: 5.5em;
      height: 5.5em;
      flex-shrink: 0;
      background: var(--key-color);
      border-radius: 50%;
    }
    & dd {
      font-family: var(--ff-maru);
      font-size: var(--fs-bl-title);
      align-self: center;
      line-height: 1.5;
    }
  }
}