.about {
  width: 100%;
  margin: 0 0 2rem;
}

.about-outer {
  font-size: 20px;
  font-weight: 500;
}

.price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 .3em;
}

.about-cat {
  margin: 0 .5em 0 0;
  padding: 0 .6em;
  font-size: 14px;
  color: var(--color-1);
  border: var(--color-1)solid 1px;
}

.price span {
  font-size: 12px;
  padding: .4em 0 0;
}

.about-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 .3em;
}

.about-cat {
  margin: 0 .5em 0 0;
  padding: 0 .6em;
  font-size: 14px;
  color: var(--color-1);
  border: var(--color-1)solid 1px;
}

.about-inner span {
  margin: 0 .6em;
  font-size: 14px;
  font-weight: 400;
  border-bottom: #000 solid 1px;
}

.about-outer p {
  font-size: 16px;
  font-weight: 500;
}

@media screen and (min-width: 1px) and (max-width: 743px) {
  .about {
    margin: 0 0 1.5rem;
  }

  .about-outer {
    font-size: 4.6vw;
  }

  .price span {
    font-size: 3vw;
    padding: .3em 0 0;
  }

  .about-inner {
   align-items: flex-start;
    margin: 0 0 .8em;
  }

  .about-common {
    margin: 0 1em 0 0;
  }

  .about-cat {
    width: 29%;
    margin: 0 1em 0 0;
    padding: 0;
    text-align: center;
    font-size: 3.8vw;
  }

  .about-cont {
    line-height: 1.4;
    transform: translateY(-0.4em);
  }

  .about-inner span {
    margin: 0 .6em 0 0;
    font-size: 3vw;
  }

  .about-outer p {
    font-size: 3.8vw;
  }
}

@media screen and (min-width: 744px) and (max-width: 1024px) {}