@media screen and (min-width: 768px), print {
	.u-list-filter {
		max-width : 960px;
		margin : 0 auto;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		gap : 0 24px;
	}
}

@media screen and (min-width: 768px), print {
	.u-list-filter .filter-item {
		width : calc((100% - 24px * 2) / 3);
	}
}

.u-list-filter .filter-item .item-ttl {
	font-family : SuzukiPROHeadline;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	margin-bottom : 10px;
}
@media screen and (min-width: 768px), print {
	.u-list-filter .filter-item .item-ttl {
		font-size : 23px;
		font-size : 2.3rem;
		margin-bottom : 10px;
	}
}

.u-list-filter .filter-item:nth-child(n+2) {
	margin-top : 20px;
}
@media screen and (min-width: 768px), print {
	.u-list-filter .filter-item:nth-child(n+2) {
		margin-top : 0;
	}
}

.u-box-select {
	position : relative;
	width : 100%;
}
.u-box-select:before {
	position : absolute;
	content : '';
	top : 0;
	right : 0;
	width : 44px;
	height : 44px;
	background-color : #003145;
	pointer-events : none;
}
@media screen and (min-width: 768px), print {
	.u-box-select:before {
		width : 42px;
		height : 42px;
	}
}
.u-box-select:after {
	position : absolute;
	content : '';
	top : 0;
	bottom : 0;
	right : 15px;
	margin : auto;
	background : url(../../svg/i_arrow.svg) center no-repeat;
	width : 14px;
	height : 8px;
	background-size : 100% auto;
	pointer-events : none;
}
@media screen and (min-width: 768px), print {
	.u-box-select:after {
		right : 14px;
	}
}
.u-box-select .select-inner {
	width : 100%;
	color : #003145;
	font-weight : bold;
	border : solid 1px #003145;
	min-height : 44px;
	padding : 8px 59px 8px 15px;
	background-color : #fff;
	        appearance : none;
	-webkit-appearance : none;
	   -moz-appearance : none;
}
@media screen and (min-width: 768px), print {
	.u-box-select .select-inner {
		padding : 5px 57px 5px 15px;
		min-height : 42px;
	}
}
.u-box-select .select-inner::-ms-expand {
	display : none;
	/* hide the default arrow in ie10 and ie11 */
}