select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}
.select-box {
    width: 100%;
}

.select-box select {
    width: 100%;
    padding: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .4em;
    border: 2px solid #333;
    background: #fff;
    background: url(../_img/ico_arw_04.svg) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
    background: url(../_img/ico_arw_04.svg) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
    background-size: 20px, 100%;
}
input {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: .4em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #333;
}
textarea {
    width: 100%;
     box-sizing: border-box;
    padding: .4em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #333;
}

/*********************/
/* RADIO BUTTON
/*********************/

.radiobutton label {
	padding: 0 0 0 20px;	/* ラベルの位置 */
	/*font-size: 14px; */
	line-height: 20px;		/* ボタンのサイズに合わせる */
	display: inline-block;
	cursor:	pointer;
	position: relative;
	background-color: #fff;

}
.radiobutton label:before {
	content: '';
	width: 20px;		/* ボタンの横幅 */
	height: 20px;		/* ボタンの縦幅 */
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	border-radius: 50%;
}
.radiobutton input[type="radio"] {
	display: none;
}
.radiobutton input[type="radio"]:checked + label:after {
	content: '';
	width: 20px;		/* マークの横幅 */
	height: 20px;		/* マークの縦幅 */
	position: absolute;
	left: 0px;
	background-color: #333;
	border-radius: 50%;
}

.error {
	font-size: 0.5em;
	font-weight: 600;
 color: #cc3300;
 
 }
.asterisk {
	font-weight: 600;
	color: #cc3300;
}