form.changeName, form.changeName fieldset,
form.changeName ul, form.changeName li,form.changeName p {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-style: normal;
	box-sizing: border-box;
}
form.changeName input, form.changeName select {
	vertical-align: middle;
	font-size: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
form.changeName label, form.changeName select,
form.changeName .process input { cursor: pointer; }
form.changeName .process input[type="radio"] { margin:0; }

form.changeName {
	width: max-content;
	max-width: 100%;
	margin: 0.5em auto;
}

form.changeName legend { display: none; }
form.changeName p.dream-noCookie {
	margin-bottom: 0.5em;
	font-size: small;
}
form.changeName ul {
	list-style:none;
	margin:0;
}

/* 入力・選択フォームレイアウト */
form.changeName ul:not([class]) {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row; /* row:横並び | column:縦並び */
	justify-content: center; /* flex-start:左寄せ | center:真ん中 | flex-end:右寄せ */
	align-items: center;
	gap: 5px; /* 要素間のスペ―ス*/
}

/* 項目ラベル */
form.changeName ul:not([class]) label {
	display: none;
	min-width: 8em;
	text-align: right;
}

/* 入力・選択フォーム */
form.changeName ul:not([class]) input,
form.changeName ul:not([class]) select {
	min-width: 5em;
}

/* 項目ラベルとフォームのレイアウト */
form.changeName ul:not([class])>li {
	display: flex;
	flex-direction: row; /* row:[項目][フォーム] | column:[項目]の下に[フォーム] | column-reverse:[フォーム]の下に[項目] */
	justify-content: center;
	align-items: center; /* center:rowにした場合のおすすめ | start/end: column時の位置揃え */
	gap: 0 5px;
}

/* 登録削除実行のレイアウト */
form.changeName .process {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row; /* row:横並び column:縦並び */
	justify-content: center; /* flex-start:左寄せ center:真ん中 flex-end:右寄せ */
	align-items: center;
	gap: 5px 10px;
	margin-top: 0.5em;
}
form.changeName .process>li:first-child { order: 1; } /* 登録を後（右側or下側）に */

/* 登録実行ボタン */
form.changeName .process input[type="submit"] { }