/* Default Options */
/* Media Query */
/* Transform Font Size */
/* --------------------------------- */
.p-group-list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-md);
}
.p-group-list .item {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xxs);
}
.p-group-list .logo {
  aspect-ratio: 3/2;
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  overflow: hidden;
}
.p-group-list .logo a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--hover-animation-speed);
}
.p-group-list .logo a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.p-group-list .logo img {
  height: 24%;
}
.p-group-list .logo.const img, .p-group-list .logo.energy img {
  height: 16%;
}
.p-group-list .logo.dd img {
  height: 36%;
}
.p-group-list .logo.anshin {
  justify-content: center;
  align-items: center;
}
.p-group-list .logo.anshin img {
  height: 12%;
}
.p-group-list .inner {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.p-group-list .inner.service {
  display: grid;
  grid-template-columns: 1fr clamp(80px, 10vw, 120px);
  grid-template-rows: auto 1fr;
  column-gap: var(--space-xs);
}
.p-group-list .inner.service .title {
  grid-area: 1/1/2/2;
}
.p-group-list .inner.service p {
  grid-area: 2/1/3/2;
}
.p-group-list .inner.service .image {
  grid-area: 1/2/3/3;
}
.p-group-list .inner .title {
  font-size: clamp(1.25rem, 1.0454545455rem + 0.5681818182vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2;
}
.p-group-list .inner p {
  font-size: clamp(0.875rem, 0.7727272727rem + 0.2840909091vw, 1rem);
  line-height: 1.6;
}
.p-group-list .inner .list {
  padding: 0;
  border-block-start: 1px solid rgba(0, 0, 0, 0.15);
  list-style: none;
  font-size: clamp(0.875rem, 0.7727272727rem + 0.2840909091vw, 1rem);
  line-height: 1.4;
}
.p-group-list .inner .list li {
  padding-block: 20px;
  border-block-end: 1px solid rgba(0, 0, 0, 0.15);
}
.p-group-list .inner .list .st {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-group-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--space-sm);
    row-gap: var(--space-sm);
  }
  .p-group-list .inner .list li {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    column-gap: var(--grid-gap);
  }
  .p-group-list .inner .list .st {
    grid-column: 1/3;
  }
  .p-group-list .inner .list .text {
    grid-column: 3/9;
  }
}
@media screen and (min-width: 1280px) {
  .p-group-list {
    grid-column: 5/13;
  }
  .p-group-list .logo {
    aspect-ratio: 16/10;
  }
}

/* --------------------------------- */