.p-top-ranking:not(:has(.acf-ranking)),
.p-service-ranking:not(:has(.acf-ranking)) {
  display: none;
}

.acf-ranking {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 5.1724137931% auto 5.1724137931% auto;
  grid-template-columns: repeat(3, auto);
  gap: 40px 5.1724137931%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
@media (max-width: 767px) {
  .acf-ranking {
    -ms-grid-columns: (auto)[1];
    grid-template-columns: repeat(1, auto);
  }
}
.acf-ranking .wp-block-buttons .wp-block-button {
  width: 100%;
}

.acf-ranking-item {
  position: relative;
  padding: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25.6vw 4.2666666667vw 1fr;
  grid-template-columns: 25.6vw 1fr;
  gap: 0 4.2666666667vw;
}
@media (min-width: 768px) {
  .acf-ranking-item {
    display: block;
    padding: 24px;
    max-width: 344px;
  }
}
.acf-ranking-item::before {
  position: absolute;
  content: "";
  top: -20px;
  left: 8px;
  z-index: 2;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  .acf-ranking-item::before {
    top: -32px;
    width: 64px;
    height: 64px;
  }
}
.acf-ranking-item:nth-child(1) {
  background: linear-gradient(195deg, #DFBB54 0%, #FFF8E5 30%, #FFF8E5 70%, #DFBB54 100%);
}
.acf-ranking-item:nth-child(1)::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23caa742%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.892%2029.364V41h-2.125l-5.062-7.324h-.086V41h-2.46V29.364h2.16l5.022%207.318h.102v-7.318zm6.57%2011.806q-1.323%200-2.29-.562a3.85%203.85%200%200%201-1.482-1.58q-.523-1.017-.523-2.358%200-1.352.523-2.363a3.8%203.8%200%200%201%201.483-1.58q.966-.567%202.29-.568%201.323%200%202.284.568.966.563%201.488%201.58.523%201.011.523%202.363%200%201.341-.523%202.358a3.84%203.84%200%200%201-1.488%201.58q-.96.563-2.285.563m.012-1.875q.602%200%201.006-.34.402-.347.607-.944.21-.596.21-1.358%200-.76-.21-1.358-.204-.596-.607-.943-.405-.346-1.006-.346-.608%200-1.023.346-.409.347-.62.944-.204.596-.204%201.357%200%20.762.205%201.358.21.597.62.944.413.34%201.022.34m7.913%201.853q-.562%200-.966-.398a1.33%201.33%200%200%201-.398-.966q0-.557.398-.954.403-.398.966-.398.544%200%20.954.398t.41.954q0%20.376-.194.688-.188.306-.494.494-.307.182-.676.182M48.89%2022.09V41h-3.998V25.886h-.11L40.451%2028.6v-3.545l4.68-2.964z%22%2F%3E%3C%2Fsvg%3E");
}
.acf-ranking-item:nth-child(2) {
  background: linear-gradient(195deg, #929292 0%, #ECECEC 30%, #ECECEC 70%, #929292 100%);
}
.acf-ranking-item:nth-child(2)::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23666%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.064%2029.364V41h-2.125l-5.062-7.324h-.086V41h-2.46V29.364h2.16l5.022%207.318h.102v-7.318zm6.57%2011.806q-1.324%200-2.29-.562a3.85%203.85%200%200%201-1.482-1.58q-.523-1.017-.523-2.358%200-1.352.523-2.363a3.8%203.8%200%200%201%201.483-1.58q.965-.567%202.29-.568%201.323%200%202.284.568.965.563%201.488%201.58.523%201.011.523%202.363%200%201.341-.523%202.358a3.84%203.84%200%200%201-1.488%201.58q-.96.563-2.285.563m.012-1.875q.602%200%201.005-.34.404-.347.608-.944.21-.596.21-1.358%200-.76-.21-1.358-.204-.596-.608-.943-.403-.346-1.005-.346-.609%200-1.023.346-.41.347-.62.944-.204.596-.204%201.357%200%20.762.205%201.358.21.597.619.944.414.34%201.023.34m7.913%201.853q-.563%200-.966-.398a1.33%201.33%200%200%201-.398-.966q0-.557.398-.954.402-.398.965-.398.546%200%20.955.398.41.398.41.954%200%20.376-.194.688a1.5%201.5%200%200%201-.494.494q-.307.182-.676.182M38.836%2041v-2.88l6.73-6.233a26%2026%200%200%200%201.441-1.496q.591-.665.896-1.301.305-.647.305-1.395%200-.83-.379-1.43a2.5%202.5%200%200%200-1.034-.933%203.24%203.24%200%200%200-1.487-.333q-.867%200-1.514.351-.645.352-.997%201.006-.35.657-.35%201.56H38.65q0-1.854.84-3.221t2.355-2.115q1.515-.748%203.49-.748%202.031%200%203.536.72%201.515.711%202.355%201.976t.84%202.9q0%201.07-.425%202.114-.415%201.043-1.486%202.317-1.07%201.266-3.02%203.038l-2.76%202.705v.13h7.94V41z%22%2F%3E%3C%2Fsvg%3E");
}
.acf-ranking-item:nth-child(3) {
  background: linear-gradient(195deg, #CA9A57 0%, #FEF2E0 30%, #FEF2E0 70%, #CA9A57 100%);
}
.acf-ranking-item:nth-child(3)::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23b98c4d%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.183%2029.364V41h-2.125l-5.062-7.324h-.086V41h-2.46V29.364h2.16l5.022%207.318h.102v-7.318zm6.57%2011.806q-1.323%200-2.29-.562a3.85%203.85%200%200%201-1.482-1.58q-.523-1.017-.523-2.358%200-1.352.523-2.363a3.8%203.8%200%200%201%201.483-1.58q.966-.567%202.29-.568%201.323%200%202.284.568.965.563%201.488%201.58.523%201.011.523%202.363%200%201.341-.523%202.358a3.84%203.84%200%200%201-1.488%201.58q-.96.563-2.285.563m.012-1.875q.602%200%201.005-.34.404-.347.608-.944.21-.596.21-1.358%200-.76-.21-1.358-.204-.596-.608-.943-.403-.346-1.005-.346-.607%200-1.023.346-.409.347-.62.944-.204.596-.204%201.357%200%20.762.205%201.358.21.597.62.944.414.34%201.022.34m7.913%201.853q-.562%200-.966-.398a1.33%201.33%200%200%201-.398-.966q0-.557.398-.954.403-.398.966-.398.544%200%20.954.398t.41.954q0%20.376-.194.688-.188.306-.494.494-.307.182-.676.182m10.267.11q-2.07%200-3.684-.71-1.607-.721-2.54-1.976-.923-1.265-.95-2.918h4.025q.037.693.453%201.219.424.517%201.126.803t1.579.286q.915%200%201.616-.323a2.65%202.65%200%200%200%201.098-.895%202.26%202.26%200%200%200%20.397-1.32q0-.758-.424-1.34-.415-.59-1.2-.923-.777-.332-1.847-.332H43.83v-2.936h1.764q.904%200%201.597-.314.702-.315%201.09-.868.387-.563.387-1.311%200-.711-.341-1.247a2.26%202.26%200%200%200-.942-.849q-.6-.305-1.404-.305-.812%200-1.486.296a2.6%202.6%200%200%200-1.08.821q-.407.536-.434%201.256h-3.832q.029-1.635.933-2.88.904-1.247%202.437-1.949%201.542-.71%203.481-.71%201.958%200%203.425.71%201.47.711%202.28%201.92.823%201.202.813%202.697.01%201.588-.987%202.65-.99%201.061-2.576%201.348v.147q2.086.268%203.176%201.45%201.098%201.173%201.09%202.936.008%201.615-.933%202.871-.932%201.257-2.576%201.976t-3.767.72%22%2F%3E%3C%2Fsvg%3E");
}
.acf-ranking-item__thumbnail {
  display: block;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-bottom: 16px;
}
.acf-ranking-item__thumbnail img {
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  object-position: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (any-hover: hover) {
  .acf-ranking-item__thumbnail:is(a):hover img {
    scale: 1.05;
  }
}
.acf-ranking-item__title {
  font-size: 1.1428571429em;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .acf-ranking-item__title {
    font-size: 1.25em;
    margin-bottom: 8px;
  }
}
.acf-ranking-item__text {
  line-height: 2;
  letter-spacing: 0.025em;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .acf-ranking-item__text {
    margin-bottom: 16px;
  }
}
.acf-ranking-item__content .wp-block-buttons {
  margin-bottom: 24px;
}
.acf-ranking-item > .wp-block-buttons {
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .acf-ranking-item > .wp-block-buttons .wp-block-button__link {
    height: 48px;
  }
}

.acf-block-preview a {
  pointer-events: none;
}