/* Default Options */
/* Media Query */
/* Transform Font Size */
/* --------------------------------- */
.p-group-intro {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
}
.p-group-intro .model {
  width: 100%;
  padding-block: clamp(60px, 8vw, 120px);
  padding-inline: clamp(20px, 5vw, 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  position: relative;
  box-sizing: border-box;
}
.p-group-intro .model .title {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: clamp(0.625rem, 0.5227272727rem + 0.2840909091vw, 0.75rem);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.p-group-intro .copy {
  font-size: clamp(1.5rem, -0.5454545455rem + 5.6818181818vw, 4rem);
  font-weight: 600;
  line-height: 1.4;
}
.p-group-intro .copy .image {
  width: min(80%, 660px);
}
.p-group-intro p {
  font-size: clamp(1rem, 0.7954545455rem + 0.5681818182vw, 1.25rem);
  font-weight: 500;
}
.p-group-list {
  margin-block-start: var(--space-md);
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
}
.p-group-list .list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
}
.p-group-list .list .item {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xxs);
}
.p-group-list .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 .list .logo a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--hover-animation-speed);
}
.p-group-list .list .logo a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.p-group-list .list .logo img {
  height: 24%;
}
.p-group-list .list .logo.const img, .p-group-list .list .logo.energy img {
  height: 16%;
}
.p-group-list .list .logo.dd img {
  height: 36%;
}
.p-group-list .list .logo.anshin {
  justify-content: center;
  align-items: center;
}
.p-group-list .list .logo.anshin img {
  height: 12%;
}
.p-group-list .list .inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xxs);
}
.p-group-list .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 .list .inner.service .title {
  grid-area: 1/1/2/2;
}
.p-group-list .list .inner.service p {
  grid-area: 2/1/3/2;
}
.p-group-list .list .inner.service .image {
  grid-area: 1/2/3/3;
}
.p-group-list .list .inner .title {
  font-size: clamp(1.25rem, 1.0454545455rem + 0.5681818182vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2;
}
.p-group-list .list .inner p {
  font-size: clamp(0.875rem, 0.7727272727rem + 0.2840909091vw, 1rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-group-list .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--space-sm);
  }
}
@media screen and (min-width: 992px) {
  .p-group-intro {
    display: grid;
    grid-template-columns: var(--grid-column-guide);
    column-gap: var(--space-xxs);
  }
  .p-group-intro .model {
    grid-area: 3/1/4/13;
  }
  .p-group-intro .copy {
    grid-area: 1/1/2/13;
  }
  .p-group-intro p {
    grid-area: 2/5/3/13;
  }
}
@media screen and (min-width: 1280px) {
  .p-group-list {
    display: grid;
    grid-template-columns: var(--grid-column-guide);
    column-gap: var(--grid-gap);
  }
  .p-group-list__title {
    grid-column: 1/4;
  }
  .p-group-list .list {
    grid-column: 5/13;
  }
  .p-group-list .list .logo {
    aspect-ratio: 16/10;
  }
}

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