.group-introduction{
  position: relative;
  width: 100%;
  min-height: 475px;
  padding: 10rem 0;
}
.group-introduction-bg{
  width: 100vw;
  max-width:100vw;
  height:475px;
  opacity: 0.3;
}
.group-introduction .group-introduction-content{
  width:45%;
  margin-top:-21rem;
  margin-left:7rem;
  text-indent: 2em;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.4;
}
.group-introduction-list{
  position: relative;
  top:6rem;
  /* padding: 0 10%; */
  display: flex;
  flex-wrap: wrap;
  gap:10px 0px;


}
.group-introduction-list .group-introduction-list-item{
  display: flex;
  min-width: 25%;
  max-width: 25%;
}
.group-introduction-list-item .group-introduction-list-item-num{
  font-size: 4em;
  font-weight: 700;
  line-height: 1;
}
.group-introduction-list-item .group-introduction-list-item-r{
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.group-introduction-list-item-r p{
  margin: 0;
  text-wrap: nowrap;
}
.group-introduction-list-item-r p:nth-child(2){
  color:#f4a235
}

@media screen and (max-width: 1024px) {
  .group-introduction .group-introduction-content{
    width:80%;
    margin-left:7rem;
    margin:0 auto;
    margin-top:-24rem;
    text-indent: 2em;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4;
  }
  .group-introduction-list{
    position: relative;
    top:4rem;
    padding: 0 10%;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .group-introduction .group-introduction-content{
    width:80%;
    margin-left:7rem;
    margin:0 auto;
    margin-top:-28rem;
    text-indent: 2em;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4;
  }
  .group-introduction-list{
    position: relative;
    top:0rem;
    padding: 0 10%;
    display: flex;
    flex-wrap: wrap;
  }
}