@charset "UTF-8";

input[type="text"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
	width: 100%;
	background: #f5f5f5;
	border: solid 1px #c8c8c8;
	padding: 10px;
}
textarea {
	height: 130px;
}
select {
	height: calc(1.6em + 20px);
	background: #f5f5f5;
	border: solid 1px #c8c8c8;
	padding: 0 10px;
}
.form .sizeS { width: 20%!important; }
.form .sizeM { width: 50%!important; }
.form .sizeL { width: 70%!important; }


input[type="submit"],
input[type="button"] {
	width: 100%;
	color: #FFF;
	background: #a2864a;
	padding: 10px 0;
}

input[type="radio"] {
	display: none;
}
input[type="radio"] + span {
	padding-left: 25px;
	position: relative;
}
input[type="radio"] + span::after {
	content: " ";
	width: 20px;
	height: 20px;
	background: url(../images/common/bg_radio.png) no-repeat left top;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
}
input[type="radio"]:checked + span::after {
	background-image: url(../images/common/bg_radio_checked.png);
}


input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + span {
	padding-left: 25px;
	position: relative;
}
input[type="checkbox"] + span::after {
	content: " ";
	width: 20px;
	height: 20px;
	background: url(../images/common/bg_checkbox.png) no-repeat left top;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
}
input[type="checkbox"]:checked + span::after {
	background-image: url(../images/common/bg_checkbox_checked.png);
}

.btn input {
	margin-bottom: 10px;
}
.memo {
	margin-top: 10px;
}
.privacy {
	margin: 50px 0;
}