.form-basic{
    display:flex;
    flex-direction:column;
	gap:var(--spacing-4);
	font:var(--body-l-regular);
	letter-spacing:var(--letter-spacing-l);
	align-items:center
}
.form-basic header{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4)
}
.form-basic ol,
.form-basic ul{
	margin:var(--spacing-4) 0 var(--spacing-5);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	list-style:disc
}
.form-basic p{
	margin:0;
	padding:0
}
.form-basic form{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4)
}
.form-basic form .user-agreement{
	font:var(--body-xs-regular);
	letter-spacing:var(--letter-spacing-xs);
	color:var(--text-body-02)
}

.form-basic.size-m form{
	max-width:480px;
	margin:0 auto
}

.form-basic.size-s form{
	max-width:360px
}

.form-basic.white input[type=text],
.form-basic.white input[type=tel],
.form-basic.white input[type=email],
.form-basic.white input[type=number]{
	border: 2px solid var(--border-light);
	background: var(--surface-white)
}

@media(max-width:479px){
	.form-basic{
		font:var(--body-m-regular);
		letter-spacing:var(--letter-spacing-m)
	}
}