/* page brand */
.brands-top{margin-bottom:4.5rem}
.brands-top__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6}
.brands-top__item{min-width:0;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.brands-top__link{display:flex;align-items:center;justify-content:center;height:9.75rem;padding:1.5rem;text-decoration:none;background:#fff}
.brands-top__img{display:block;max-width:9.5rem;max-height:4.5rem;width:auto;height:auto;object-fit:contain}
.brands-top__name{display:block;color:#111;font-size:1rem;font-weight:600;text-align:center}
.brands-alpha-title{margin:0 0 2.75rem;font-size:2.25rem;line-height:1.15;font-weight:700;color:#111}
.brands-alpha{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:7rem;row-gap:4.75rem}
.brands-alpha__group{position:relative;min-height:5rem;padding-top:1.05rem}
.brands-alpha__letter-bg{position:absolute;top:-.85rem;left:.05rem;z-index:0;font-size:5.6rem;font-weight:800;line-height:1;color:#e9e9eb;pointer-events:none;user-select:none}
.brands-alpha__letter{position:relative;z-index:1;display:block;margin-bottom:.65rem;font-size:.75rem;font-weight:700;line-height:1;color:#111;text-transform:uppercase}
.brands-alpha__items{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:.28rem}
.brands-alpha__link{display:inline-block;color:#343840;font-size:.95rem;line-height:1.35;text-decoration:none}
.brands-alpha__link:hover{color:#000;text-decoration:underline}
@media (max-width:1199px){.brands-top__list{grid-template-columns:repeat(4,minmax(0,1fr))}.brands-alpha{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4rem}}
@media (max-width:767px){
  .brands-top{margin-bottom:3rem}
  .brands-top__list{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .brands-top__item{flex:0 0 44vw;scroll-snap-align:start}
  .brands-top__link{height:7.75rem;padding:1.25rem}
  .brands-top__img{max-width:7.5rem;max-height:3.75rem}
  .brands-alpha-title{margin-bottom:2rem;font-size:1.9rem}
  .brands-alpha{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:3rem}
}
@media (max-width:480px){.brands-top__item{flex-basis:58vw}.brands-alpha{grid-template-columns:1fr}}
@media (max-width:480px){.brands-alpha{grid-template-columns:1fr}}