.ranking-slider{overflow:hidden;}
.ranking-slider .item-list{
flex-wrap: nowrap;
}
.ranking-slider .swiper-button-next, .ranking-slider .swiper-button-prev {color: #333;}

.ranking-slider .item-list li{margin-bottom:0;}

.brand_map_pc{display:block;}
.brand_map_sp{
display:none;}
@media screen and (max-width: 768px) {
.brand_map_pc{display:none;}
.brand_map_sp{
display: flex;
flex-wrap: wrap;}

.brand_map_sp .box{
	margin-right:30px;
	margin-bottom: 20px;
	width: calc((100% - 60px)/3);
}
.brand_map_sp .box:nth-child(3n){margin-right: 0;}
.brand_map_sp .box p{
    margin-bottom: 20px;
    padding: 5px 10px;
    background: var(--main-color);
    color: #fff;}
.brand-list{margin-left:10px;}
.brand-list li{
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
}
.brand-list li a{text-decoration:none;}
.brand-list li::after {
	position:absolute;
	content: "";
	top:50%;
	left: -2px;
	margin-top: -3px;
	width:6px;
	height: 6px;
	border-top: solid 2px var(--main-color);
	border-right: solid 2px var(--main-color);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
}

@media screen and (max-width:599px){
.brand_map_sp .box{
	width: calc((100% - 30px)/2);
}
.brand_map_sp .box:nth-child(3n){margin-right:30px;}
.brand_map_sp .box:nth-child(even){margin-right:0;}
}