@charset "Shift_JIS";

/*==========================================
  Safety_measures Index page style（Shift_JISシフトジス）
=============================================*/
/*------------------------------
  Page Specific Parts
--------------------------------*/
/* list */
.list01 {
  display: grid;
  gap: 24px 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: auto;
}
.list01__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  place-items: start center;
  row-gap: 20px;
}
.list01__text {
  font-size: var(--heading-lv4);
  font-weight: 700;
  order: 2;
  text-align: center;
}
.list01__image {
  order: 1;
  width: 180px;
}
/* detail */
.detail01__title {
  font-size: 1.6rem;
  font-weight: 700;
}
.detail01__description {
  margin-top: 10px;
}
@media all and (min-width: 768px), print {
  /* list */
  .list01 {
    gap: 0 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 56px auto 0;
    max-width: var(--content-main-width);
    width: 100%;
  }
  /* detail */
  .detail01__title {
    font-size: 2rem;
  }
  .detail01__description {
    margin-top: 20px;
  }
  .detail01__description-content {
    margin-inline: auto;
    max-width: 940px;
    width: 100%;
  }
}

/*------------------------------
  Override
--------------------------------*/
.c-step__image--safety_measures {
  background-color: var(--color-white);
  border-radius: 50%;
}