@import url(./global/_variable.css);

/* service-support */
/* ============================================ */

/* service-support-list */
/* ============================================ */
.service-support-list {
  padding-block: clamp(3.75rem, 2.6295rem + 2.9279vw, 5.625rem); /* 90~60(1920~896) */
  background-color: #FFF;
  border-radius: 50px 50px 0 0;
  position: relative;
  @media (width <= 896px) {
    border-radius: 30px 30px 0 0;
    padding-block: 30px;
  }
}
.service-support-list__inner {
  max-width: 1340px;
  margin-inline: auto;
  padding-inline: 20px;
}
.service-support-list__ttl {
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: clamp(1.625rem, -0.1408rem + 3.1532vw, 2.5rem); /* 40~26(1340~896) */
  font-weight: 500;
  line-height: 1.6;
  color: var(--font_c);
  text-align: center;
  word-break: keep-all;
}
.service-support-list__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 32px;
  margin-top: 45px;
  @media (width <= 1025px) {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin-inline: auto;
    margin-top: 28px;
  }
}
.service-support-list__item {
  display: grid;
  grid-row: span 3;
  grid-template-rows: auto auto auto; /* subgrid非対応ブラウザ向けフォールバック */
  grid-template-rows: subgrid;
  align-items: start;
  gap: 16px;
  padding: 20px;
  background: var(--bg01_c);
  border-radius: 14px;
  overflow: hidden;
  @media (width <= 896px) {
    padding: 16px;
  }
}
.service-support-list__item-ttl {
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: clamp(1.25rem, 0.62vw + 1.104rem, 1.625rem); /* 26~20(1340~375) */
  font-weight: 700;
  color: var(--main_c);
  word-break: keep-all;
  line-height: 1.6em;
}
.service-support-list__item-txt {
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: clamp(0.875rem, 0.6227rem + 0.4505vw, 1rem); /* 16~14(1340~896) */
  font-weight: 500;
  line-height: 1.9;
  color: var(--font_c);
  text-align: justify;
  margin-top: -8px;
}
.service-support-list__note {
  margin-top: 8px;
  font-family: var(--font_normal);
  font-size: 13px;
  line-height: 1.6;
  color: var(--font_c);
  opacity: .7;
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}