@charset "UTF-8";

/* ===== リード ===== */

.technologyLead {
  padding-bottom: 80rem;
  border-top: 1px solid var(--color-line-dark);
}

.technologyLeadHeading {
  margin-top: 28rem;
  font-size: 48rem;
  font-weight: 400;
  line-height: 1.4;
}

.technologyLeadText {
  margin-top: 36rem;
  font-size: 17rem;
  line-height: 2.2;
  color: var(--color-text-sub-dark);
}

@media (max-width: 767px) {
  .technologyLead {
    padding-bottom: 48rem;
  }

  .technologyLeadHeading {
    margin-top: 16rem;
    font-size: 30rem;
  }

  .technologyLeadText {
    margin-top: 24rem;
    font-size: 15rem;
    line-height: 2;
  }

  .technologyLeadText br {
    display: none;
  }
}

/* ===== 技術・実績（写真＋説明のカード3列） ===== */

.technologyList {
  padding-top: 0;
}

.techGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80rem 40rem;
  padding-top: 80rem;
  border-top: 1px solid var(--color-line-dark);
}

.techCardLink {
  display: block;
}

.techCardThumb {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--gradient-metal);
  border-radius: 16rem;
}

.techCardImg,
.techCardImg img {
  width: 100%;
  height: 100%;
}

.techCardImg img {
  object-fit: cover;
  transition: transform .6s ease-out;
}

.techCardLabel {
  display: block;
  margin-top: 20rem;
  font-size: 12rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .1em;
  color: var(--color-accent-light);
}

.techCardTitle {
  display: -webkit-box;
  margin-top: 8rem;
  overflow: hidden;
  font-size: 20rem;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-white);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
  .techGrid {
    grid-template-columns: 1fr;
    gap: 56rem;
    padding-top: 48rem;
  }

  .techCardTitle {
    font-size: 18rem;
  }
}

/* ===== 実績 ===== */

.technologyRecord {
  padding-top: 0;
}

.technologyRecord .statsNum {
  white-space: nowrap;
}