@charset "UTF-8";
/* ========================= /
/  mixin
/* =========================*/
/* ========================= /
/  カラー
/* =========================*/
body {
  color: #fff;
}

.data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.data-list__item {
  flex: 0 0 calc((100% - 60px) / 3);
  padding-inline: 20px;
  padding-top: 25px;
  background: #66A1D6;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .data-list__item {
    flex: 0 0 100%;
  }
}
.data-list__ttl {
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.data__sub-ttl {
  margin-top: 126px;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .data__sub-ttl {
    margin-top: 60px;
    font-size: 1.8rem;
  }
}
.data-faq-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px 40px;
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .data-faq-list {
    margin-top: 40px;
    gap: 40px;
  }
}
.data-faq-list__item {
  position: relative;
  flex: 0 0 calc((100% - 80px) / 3);
  padding-inline: 12px;
  padding-block: 17.5px;
  font-size: 2.4rem;
  background: #66A1D6;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .data-faq-list__item {
    flex: 0 0 76%;
    margin-left: auto;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .data-faq-list__item:nth-child(odd) {
    margin-left: inherit;
    margin-right: auto;
  }
}
.data-faq-list__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 26px 15px 0 15px;
  border-color: #66A1D6 transparent transparent;
  translate: -50% 100%;
}
@media screen and (max-width: 768px) {
  .data-faq-list__item::after {
    border-width: 16px 10px 0 10px;
  }
}/*# sourceMappingURL=data.css.map */