.wrap100 {
  width: 100%;
}
.wrap90 {
  width: 90%;
}
@media screen and (min-width: 1125px) {
  .wrap90 {
    width: max(90%, 1125px);
  }
}
.wrap80 {
  width: 90%;
}
@media screen and (min-width: 1137px) {
  .wrap80 {
    width: max(80%, 1024px);
  }
}
.wrap70 {
  width: 90%;
}
@media screen and (min-width: 1086px) {
  .wrap70 {
    width: max(70%, 952px);
  }
}
.wrap60 {
  width: 90%;
}
@media screen and (min-width: 768px) {
  .wrap60 {
    width: max(60%, 768px);
  }
}
.wrap50 {
  width: 90%;
}
@media screen and (min-width: 640px) {
  .wrap50 {
    width: max(50%, 640px);
  }
}
.inner.center_wrap {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .inner.center_wrap {
    justify-content: start;
  }
}
.clom2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .clom2 {
    justify-content: space-between;
    width: 100%;
    gap: 60px;
  }
}
.clom2 > .inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .clom2 > .inner {
    width: calc((100% - 60px) / 2);
  }
}