.recommend-ranking{background-color:#effafa;margin:0 auto;width:100%;overflow:hidden}.recommend-ranking-header{padding:3.78% 0;background-color:#00aea2;text-align:center}.recommend-ranking-content{padding:9.3% 0 19.2% 4.36%;width:100%;margin:0 auto;box-sizing:border-box}.recommend-ranking-attention{font-weight:700;font-size:93.3%;line-height:1.4;letter-spacing:0;margin-bottom:1.75%;background:url(/tsushin-highschool/assets/images/ranking/icon_check_orange.svg) 7.91% center/contain no-repeat;background-size:1.2em 1.2em;background-color:#fff;padding:.6% 2.91% 0 8.73%;display:inline-block;border-radius:3px;color:#00aea2}.recommend-ranking-title{font-weight:700;font-size:127%;line-height:1.3;letter-spacing:0;color:#fff}.recommend-ranking-title span{font-weight:700;color:#ffec82}.recommend-ranking-list{display:flex;align-items:stretch}.recommend-ranking-item{width:100%;background-color:#fff;display:flex;height:100%;flex-direction:column;justify-content:space-between}.recommend-ranking-item-box{background-color:#fff;padding:3.49% 2.91% 4.65%}.recommend-ranking-item-image{width:100%}.recommend-ranking-item-image img{width:100%;height:auto;display:block;aspect-ratio:150/100}.recommend-ranking-item-rank{width:calc(100%*39/142);margin-bottom:5.28%;text-align:center;border-radius:3px;background-color:#d2f4f2}.recommend-ranking-item-rank-num{position:relative;display:inline-block;font-size:93.3%;font-weight:700;line-height:1.4;letter-spacing:.08em;color:#00aea2}.recommend-ranking-item:nth-child(-n+3) .recommend-ranking-item-rank-num{padding-left:22%;padding-right:19.5%;color:#fff}.recommend-ranking-item:nth-child(-n+3) .recommend-ranking-item-rank-num::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);color:#fff;background:url(/tsushin-highschool/assets/images/ranking/ranking_decoration_l.svg) no-repeat center center/contain;width:24.3%;height:86.7%}.recommend-ranking-item:nth-child(-n+3) .recommend-ranking-item-rank-num::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);color:#fff;background:url(/tsushin-highschool/assets/images/ranking/ranking_decoration_r.svg) no-repeat center center/contain;width:24.3%;height:86.7%}.recommend-ranking-item:nth-child(1) .recommend-ranking-item-rank{background-color:#ffd24d}.recommend-ranking-item:nth-child(2) .recommend-ranking-item-rank{background-color:#a4a4a4}.recommend-ranking-item:nth-child(3) .recommend-ranking-item-rank{background-color:#d96d00}.recommend-ranking-item-name{font-weight:700;font-size:100%;line-height:1.4;letter-spacing:0;text-decoration:underline}.recommend-ranking-item-below{margin-top:auto}.recommend-ranking-item-description{font-size:80%;line-height:1.4;letter-spacing:0;padding:0 2.91%}.recommend-ranking .swiper-horizontal>.swiper-pagination-bullets,.recommend-ranking .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:8.5%;top:auto;left:50%;transform:translateX(-50%)}.recommend-ranking .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.recommend-ranking .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#ccc;margin:0 1.28%;width:10px;height:10px}.recommend-ranking .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#00aea2}.recommend-ranking .action-list-button{width:100%}.recommend-ranking .action-list-button:hover{opacity:.7}.recommend-ranking .action-list-button-label{padding:9.94% 0;border-radius:0;box-shadow:none;line-height:1.4;background:#ffa142;display:block}.recommend-ranking .action-list-button-label span{font-size:93.3%;font-weight:700;letter-spacing:0;text-align:center;background:0 0;padding:0}.recommend-ranking .action-list-button-checkbox:checked+.action-list-button-label{box-shadow:none;color:#fff;background-color:#ffd096}.recommend-ranking .action-list-button-checkbox:checked+.action-list-button-label span{background:0 0;padding:0}@media screen and (min-width:751px){.recommend-ranking{width:900px}.recommend-ranking-header{padding:1.67% 0;display:flex;align-items:center;justify-content:center}.recommend-ranking-attention{font-size:14px;margin-bottom:0;margin-right:8px;background:url(/tsushin-highschool/assets/images/ranking/icon_check_orange.svg) 10px center/contain no-repeat;background-size:16px 16px;background-color:#fff;padding:4px 10px 2px 30px}.recommend-ranking-title{font-size:20px}.recommend-ranking-title span{color:#ffec82}.recommend-ranking-content{padding:40px 30px;width:100%}.recommend-ranking-list{justify-content:center;gap:7.5px}.recommend-ranking-item{width:calc((100% - 90px)/ 5)}.recommend-ranking-item-box{padding:12px 9px}.recommend-ranking-item-rank{width:39px;margin-bottom:8px}.recommend-ranking-item-rank-num{font-size:14px;padding-top:2px}.recommend-ranking-item:nth-child(-n+3) .recommend-ranking-item-rank-num{padding-left:10px;padding-right:9px;color:#fff}.recommend-ranking-item:nth-child(-n+3) .recommend-ranking-item-rank-num::before{width:7px;height:17px}.recommend-ranking-item:nth-child(-n+3) .recommend-ranking-item-rank-num::after{width:7px;height:17px}.recommend-ranking-item-name{font-size:15px}.recommend-ranking-item-below{margin-top:auto}.recommend-ranking-item-description{font-size:12px;padding:0 9px}.recommend-ranking .action-list-button .action-list-button-label{padding:16px 0;font-size:14px}.recommend-ranking .action-list-button .action-list-button-label span{font-size:14px;padding:0;background:0 0}.recommend-ranking .action-list-button .action-list-button-checkbox:checked+.action-list-button-label{padding:16px 0}.recommend-ranking .swiper-pagination{display:none}}