.hc-select {
	position: relative;
	width: 260px;
}

@media screen and (max-width: 767px) {
	.hc-select {
		width: 100%;
	}
}

.hc-select::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 6px;
	top: 50%;
	right: 16px;
	background: url(/common/rwd/images/rn/icon_more.svg) no-repeat center / 100% auto;
	transform: translateY(-50%);
}

.hc-select select {
	width: 100%;
	height: 48px;
	color: var(--text-color);
	font-size: 16px;
	font-family: 'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic',メイリオ,Meiryo,sans-seri;
	padding: 13px 16px !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 6px;
	background: #FFF;
	box-sizing: border-box;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}

@media screen and (max-width: 767px) {
	.hc-select select {
		height: 40px;
		font-size: 14px;
		padding: 10px 16px !important;
	}
}

.hc-select select:focus-visible {
	border: 2px solid var(--border-color) !important;
	outline: none;
}

.hc-select.is-error select {
	border: 1px solid var(--main-color) !important;
	background: #FEF2F2;
}