.rankings-box { padding: 50px 0 80px; border-bottom: 1px solid #D0D0D0; }
.rankings-box .rankings-box-top { margin-bottom: 30px; }
.rankings-box .rankings-box-top .rankings-box-top-in { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .rankings-box .rankings-box-top .rankings-box-top-in { display: block; } }
.rankings-box .rankings-box-top .rankings-box-top-in .rankings-heading { flex: 1; font-size: 2.8rem; font-weight: 500; }
@media screen and (max-width: 750px) { .rankings-box .rankings-box-top .rankings-box-top-in .rankings-heading { margin-bottom: 20px; font-size: 2.4rem; } }
.rankings-box .rankings-link { width: 100%; max-width: 262px; }
@media screen and (max-width: 750px) { .rankings-box .rankings-link { width: 86.9565217391%; max-width: 100%; margin: 40px auto 0; } }
.rankings-box .rankings-link a { display: block; text-decoration: none; padding: 15px; background: #fff url("../img/common/arrow_r02.svg") no-repeat right 15px center; background-size: 8px auto; border: 1px solid #FF3232; font-size: 1.5rem; color: #1F1F1F; font-weight: 500; text-align: center; border-radius: 2em; }
.rankings-box .rankings-slide { position: relative; overflow: hidden; }
.rankings-box .rankings-slide .slide-btn { z-index: 99; position: absolute; top: 0; width: 46px; margin-top: 120px; }
@media screen and (max-width: 750px) { .rankings-box .rankings-slide .slide-btn { top: 50%; margin-top: -60px; } }
.rankings-box .rankings-slide .slide-btn._prev { left: 0; }
.rankings-box .rankings-slide .slide-btn._next { right: 0; }
.rankings-box .rankings-slide .slide-btn.swiper-button-disabled { display: none; }
.rankings-box .rankings-slide .rankings-slide-con { width: 100%; max-width: 1180px; margin: 0 auto; padding: 20px; }
.rankings-box .rankings-slide a { position: relative; display: block; text-decoration: none; margin-top: 10px; font-size: 1.6rem; color: #000; }
.rankings-box .rankings-slide .rankings-ico { position: absolute; top: 0; left: 0; margin-top: -20px; margin-left: -10px; line-height: 1; }
.rankings-box .rankings-slide .rankings-ico .ico { width: 5.8rem; }
.rankings-box .rankings-slide .rankings-ico span { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 2.4rem; font-weight: 500; }
.rankings-box .rankings-slide p { margin-top: 10px; font-size: 1.6rem; }

/*# sourceMappingURL=rankings.css.map */
