/* felogin CSS: extbase */

.frame-type-felogin_login {
	width: 50%;
	margin: 2em auto 5em auto;
	box-sizing: border-box;
}
.site-md .frame-type-felogin_login {
	width: 55%;
}
.site-sm .frame-type-felogin_login {
	width: 65%;
}

.frame-type-felogin_login fieldset {
	margin-top: 1em;
}

.frame-type-felogin_login fieldset div {
	padding: 0.5em 0;
}

.frame-type-felogin_login fieldset div input, .frame-type-felogin_login fieldset div label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	box-sizing: border-box;
}

.frame-type-felogin_login fieldset div input {
	width: 65%;
}

.site-sm .frame-type-felogin_login fieldset div input {
	width: 61%;
}

.frame-type-felogin_login fieldset div input[type=submit] {
	text-align: center;
	margin: 1em auto 0 auto;
	width: auto;
	padding: 0 2em;
}

.frame-type-felogin_login > h3 {
	margin-bottom: 1em;
}

@media all and (max-width: 767px) {
	.frame-type-felogin_login, .site-md .frame-type-felogin_login, .site-sm .frame-type-felogin_login {
		width: 80%;
	}
}

@media all and (max-width: 555px) {
	.frame-type-felogin_login, .site-md .frame-type-felogin_login, .site-sm .frame-type-felogin_login {
		width: 100%;
		margin: 0 0 5em 0;
		padding: 1.5em 0;
	}
	.frame-type-felogin_login fieldset div {
		flex-direction: column;
		align-items: flex-start;
	}
	.frame-type-felogin_login fieldset div label {
		padding-bottom: 0.2em;
	}
	.frame-type-felogin_login fieldset div input, .site-sm .frame-type-felogin_login fieldset div input {
		width: 100%;
	}
	.frame-type-felogin_login fieldset div input[type=submit] {
		margin-top: 1em;
		width: 100%;
	}
}



/* felogin CSS: pibase */

.tx-felogin-pi1 {
	width: 50%;
	margin: 2em auto 5em auto;
	box-sizing: border-box;
}
.site-md .tx-felogin-pi1 {
	width: 55%;
}
.site-sm .tx-felogin-pi1 {
	width: 65%;
}

.tx-felogin-pi1 fieldset {
	margin-top: 1em;
}

.tx-felogin-pi1 fieldset div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em 0;
}

.tx-felogin-pi1 fieldset div input, .tx-felogin-pi1 fieldset div label {
	margin: 0;
	box-sizing: border-box;
}

.tx-felogin-pi1 fieldset div input {
	width: 65%;
}

.site-sm .tx-felogin-pi1 fieldset div input {
	width: 61%;
}

.tx-felogin-pi1 fieldset div input[type=submit] {
	text-align: center;
	margin: 1em auto 0 auto;
	width: auto;
	padding: 0 2em;
}

.tx-felogin-pi1 > h3 {
	margin-bottom: 1em;
}

@media all and (max-width: 767px) {
	.tx-felogin-pi1, .site-md .tx-felogin-pi1, .site-sm .tx-felogin-pi1 {
		width: 80%;
	}
}

@media all and (max-width: 555px) {
	.tx-felogin-pi1, .site-md .tx-felogin-pi1, .site-sm .tx-felogin-pi1 {
		width: 100%;
		margin: 0 0 5em 0;
		padding: 1.5em 0;
	}
	.tx-felogin-pi1 fieldset div {
		flex-direction: column;
		align-items: flex-start;
	}
	.tx-felogin-pi1 fieldset div label {
		padding-bottom: 0.2em;
	}
	.tx-felogin-pi1 fieldset div input, .site-sm .tx-felogin-pi1 fieldset div input {
		width: 100%;
	}
	.tx-felogin-pi1 fieldset div input[type=submit] {
		margin-top: 1em;
		width: 100%;
	}
}