@charset "utf-8";

/* -----------------------------------------------
* sec-record
*-------------------------------------------------- */
.p-sec-record {
  padding: 8rem 0;
}
.p-sec-record .l-container {
  max-width: 112rem;
}
.p-sec-record__ctt__list {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  align-items: center;
  max-width: 108rem;
  width: 100%;
  margin: auto;
  margin-top: 5.5rem;
}
.p-sec-record__ctt__list__item {
  max-width: 28rem;
  margin-inline: auto;
  flex: 1;
}
.p-sec-record__ctt__list__item__name p{
  font-size: 2.7rem;
  text-align: center;
}
.p-sec-record__ctt__list__item__cicrle {
  margin-top: 3.5rem;

  img {
    aspect-ratio: 1;
  }
}
.p-sec-record__ctt__txt {
  margin-top: 4rem;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .p-sec-record {
    padding: 3.5rem 0 1.5rem;
  }
  .p-sec-record .l-container {
    width: 90%;
  }
  .p-sec-record__ctt__list {
    flex-direction: column;
    margin-top: 2.5rem;
    justify-content: center;
  }
  .p-sec-record__ctt__list__item {
    max-width: 23rem;
    /* FireFox対応 */
    width: 100%;
  }
  .p-sec-record__ctt__list__item__name p {
    font-size: 1.6rem;
  }
  .p-sec-record__ctt__list__item__cicrle {
    margin-top: 1.5rem;
  }
  .p-sec-record__ctt__txt {
    font-size: 1.2rem;
    margin-top: 2.2rem;
  }
}

@media(max-width: 376px){
  .p-sec-record .l-container {
    max-width: 100%;
    width: 31rem;
  }
}