@charset "UTF-8";

.c-inner {
  width: 100%;
  padding: 2.5% 5% 5% 5%;
}

.comments-outer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.comments-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.comments-thumb {
  width: 28%;
}

.comments-thumb p {
  padding: 0 0 0.3em;
  font-size: 15px;
  font-weight: 500;
}

.comments-thumb img {
  border: #000 solid 1px;
}

.comments-text {
  width: 67%;
  font-size: 13px;
  transform: translateY(0.2em);
}

@media screen and (min-width: 1px) and (max-width: 743px) {
  .comments-outer {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  .comments-thumb p {
    font-size: 3.2vw;
  }

  .comments-text {
    width: 67%;
    font-size: 2.933vw;
  }
}

@media screen and (min-width: 744px) and (max-width: 1024px) {
  .comments-outer {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .comments-thumb p {
    font-size: 1.5vw;
  }

  .comments-text {
    font-size: 1.371vw;
  }
}

@media screen and (min-width: 1025px) {
  .comments-outer {
    grid-template-columns: repeat(2, 1fr);
  }
}