

@import url(./common/_variable.css);

/* about */
/* ============================================ */



.block__copy {
  padding:8vw 0 0;
  @media (width < 480px) {
    padding: 40px 0 0;
  }
}

.catch_copy_about {
  word-break: keep-all;
  font-size: clamp(3rem, 1.94vw + 2.272rem, 6rem);
  line-height: 1.4em;
  font-weight: 900;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", serif;
}

.box_lead_copy {
  padding: 30px 0 0;
}

.lead_copy_about {
  padding: 20px 0 0;
  font-size: clamp(1.6rem, 0.52vw + 1.406rem, 2.4rem);
  line-height: 1.9em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.pr {
  padding-right: 12px;
}

.block__about--item {
  border-bottom: var(--gray_02) dotted 1px;
  display: grid;
  grid-template-columns: 20% 1fr;
  padding: 2.67cqw 0;
  @media (width < 480px) {
    padding: 20px 0;
  }
}

.column__about {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 3.57cqw;
  padding: 3.57cqw 0 0;
  @media (width < 480px) {
    grid-template-columns: repeat(1,1fr);
  }
}

.column__about--item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 0px;
  background-color: var(--gray_01);
  padding: 2.94cqw;
  text-align: center;
  @media (width < 480px) {
    padding: 30px;
  }
}

.num_strength {
  font-size: clamp(4rem, 0.65vw + 3.757rem, 5rem);
  line-height: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  padding: 16px 0 0;
}

.hd_strength {
  font-size: clamp(1.8rem, 0.39vw + 1.654rem, 2.4rem);
  font-weight: 700;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.4em;
  padding: 10px 0 0;
  align-content: center;
}

.icon_strength {
  background-color: var(--main_c);
  width: 70%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  margin: 16px auto 0;
}

.txt_strength {
  text-align: justify;
  line-height: 2.0em;
  padding: 16px 0 0;
  font-weight: 600;
}

.logo_name {
  padding: 5.6cqw 0 0;
  max-width: 800px;
  margin: auto;
}

.box_name {
  text-align: center;
}

.hd_name {
  font-size: clamp(2.2rem, 1.17vw + 1.763rem, 4rem);
  font-weight: 700;
  line-height: 1.8em;
  padding: 5cqw 0 0;
}