@media screen and (min-width:769px){.p-index-ranking{padding:60px 0 70px}}@media screen and (max-width:768px){.p-index-ranking{padding:40px 0}}.p-index-ranking__button{margin-top:30px}.p-index-ranking__button svg path{stroke:#e81903}.p-index-ranking__head{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.p-index-ranking__head-wrap{display:grid;gap:30px 20px;margin-bottom:35px}@media screen and (min-width:769px){.p-index-ranking__head-wrap{grid-template-columns:1fr 67%}}.p-index-ranking__heading{color:rgb(var(--color-subtext))}@media screen and (min-width:769px){.p-index-ranking__heading{display:flex;flex-direction:column}}.p-index-ranking__heading-sub{font-size:24px;font-weight:700}.p-index-ranking__icon{margin-bottom:10px}.p-index-ranking__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}a:hover .p-index-ranking__image{transform:scale(1.05)}.p-index-ranking__image-wrap{width:100%;aspect-ratio:1/1;overflow:hidden}.p-index-ranking__info{display:flex;flex-direction:column;justify-content:space-between;font-weight:700}.p-index-ranking__info h4{word-break:auto-phrase}@media screen and (min-width:769px){.p-index-ranking__info{gap:20px;padding:10px 0 20px;font-size:20px}.p-index-ranking__info h4{font-size:20px}}@media screen and (max-width:768px){.p-index-ranking__info{gap:10px;font-size:16px;text-align:center}.p-index-ranking__info h4{font-size:16px}}@media screen and (min-width:769px){.p-index-ranking__info--wide{font-size:24px}.p-index-ranking__info--wide h4{font-size:26px}}.p-index-ranking__item{background-color:#fff;box-shadow:0 4px 4px #00000040}@media screen and (max-width:768px){.p-index-ranking__item--first{max-width:80%;margin:0 auto}}.p-index-ranking__link{display:grid;gap:10px 30px;transition:opacity .3s ease}.p-index-ranking__link:hover{opacity:.7}@media screen and (min-width:769px){.p-index-ranking__link{grid-template-columns:repeat(2,1fr);padding:30px}}@media screen and (max-width:768px){.p-index-ranking__link{padding:10px}}.p-index-ranking__list{display:grid;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:769px){.p-index-ranking__list{gap:40px}}@media screen and (max-width:768px){.p-index-ranking__list{gap:20px 10px}}.p-index-ranking__number{display:flex;gap:0 12px;align-items:center}@media screen and (max-width:768px){.p-index-ranking__number{flex-direction:column}}.p-index-ranking__number--1{color:#9c772e}.p-index-ranking__number--2{color:#686868}.p-index-ranking__number--3{color:#7c622d}.p-index-ranking__wrap{background-color:rgb(var(--color-secondary-background))}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sf-index-ranking.css.map */