@charset "UTF-8";
:root { --ff-ls-b: "LINESeedJPStd Bold"; --ff-ls-eb: "LINESeedJPStd ExtraBold"; --ff-ls-m: "LINESeedJPStd Regular"; --ff-ls-t: "LINESeedJPStd Thin"; --ff-m-b: "UD新ゴ B", sans-serif; --ff-m-db: "UD新ゴ DB", sans-serif; --ff-m-m: "UD新ゴ M", sans-serif;; }
.rank__body { padding: 56px 70px; }
@media (max-width: 1023px) { .rank__body { padding: 42px 10px; } }
.rank__h3-title { align-items: center; display: flex; font-family: var(--ff-m-db); font-size: 2.4rem; gap: 15px; justify-content: flex-start; }
@media (max-width: 1023px) { .rank__h3-title { justify-content: center; padding-inline: 14px; } }
.rank__txt { font-size: 1.4rem; letter-spacing: .03em; margin-top: 22px; text-align: left; }
@media (max-width: 1023px) { .rank__txt { padding-inline: 14px; } }

.rank__list-1 { padding-top: 80px; }
.rank__list-2 { padding-top: 48px; }
.rank__list { display: flex; gap: 50px; justify-content: center; position: relative; }
@media (max-width: 1023px) { .rank__list { gap: 10px; justify-content: flex-start; overflow-x: scroll; } }
.rank__item { background: #f7f7f7; border-radius: 7px; flex: 1; padding-bottom: 24px; padding-inline: 20px ; position: relative; text-align: center; }
@media (max-width: 1023px) { .rank__item { flex: none; width: 99%; } }
.rank__item:not(:last-of-type)::after { border-right: 3px solid #c9002c; border-top: 3px solid #c9002c; content: ""; display: inline-block; height: 6px; position: absolute; right: -28px; top: 50%; transform: translateY(-50%); transform: rotate(45deg); width: 6px; }
@media (max-width: 1023px) { .rank__item:not(:last-of-type)::after { right: -2px; } }
.rank__item-2 { padding-bottom: 16px; }
.rank__item--img { margin-top: -36px; max-width: 272px; width: 100%; }
.rank__item--img-2 { margin-top: -15px; }
.rank__item--txt { font-size: 1.4rem; letter-spacing: .03em; margin-top: 24px; text-align: left; }