@charset "utf-8";
/* CSS Document */
/*フォームパーツのみのcss*/
/*form_area*/
.form_area {
	margin: auto;
	padding: 1em;
	max-width: 500px;
}
/*ログイン画面*/
.form_login > * {
	margin-bottom: 1em;
}
.form_login > * {
	margin-bottom: 1em;
}
.form_login .id_box, .form_login .pass_box {
	font-weight: bold;
}
.hiss {
	color: #c40500;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=mail], input[type=password], input[type=date], input[type=time] {
	padding: 4px;
	border-radius: 0;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: solid 1px #cccccc;
	/* width: 100%;*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.6rem;
	background: var(--base-color0);
	color: var(--base-color4);
}
/*textarea*/
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0;
	border: solid 1px #cccccc;
	padding: 4px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.6rem;
	height: 10em;
	/*resize:none; エリアの拡大禁止*/
	max-width: 100%;
	resize: vertical;
	max-height: 300px;
}
/*サイズ*/
.size_20 {
	width: 20%;
}
.size_30 {
	width: 30%;
}
.size_40 {
	width: 40%;
}
.size_50 {
	width: 50%;
}
.size_60 {
	width: 60%;
}
.size_70 {
	width: 70%;
}
.size_80 {
	width: 80%;
}
.size_80 {
	width: 80%;
}
.size_90 {
	width: 90%;
}
.size_100 {
	width: 100%;
}
.size_50_sp100 {
	width: 50%;
}
.size_60_sp100 {
	width: 60%;
}
.size_70_sp100 {
	width: 70%;
}
.size_80_sp100 {
	width: 80%;
}
.size_90_sp100 {
	width: 90%;
}
@media screen and (max-width: 960px) {
	.size_50_sp100 {
		width: 100%;
	}
	.size_60_sp100 {
		width: 100%;
	}
	.size_70_sp100 {
		width: 100%;
	}
	.size_80_sp100 {
		width: 100%;
	}
	.size_90_sp100 {
		width: 100%;
	}
}
/*ボタン*/
.fom_btn_area {
	display: flex;
	justify-content: center;
}
.fom_btn_area > * + * {
	margin-left: 5%;
}