.wrapper {
	flex: 1 0 auto;
	margin-bottom: auto;
	background-color: var(--color-interface);
}
.wrapper #container {
	width: 50%;
	max-width: 420px;
	padding: 2rem;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	background-color: #fff;
}

.input-group-text {
	width: 2.5rem;
	text-align: center;
	background-color: #0099d0;
}

p.mainicon img {
    width: 250px;  /* ������200px�� */
}

@media screen and (max-width: 480px) {
	
	p.mainicon img {
	    width: 200px;  /* ������200px�� */
	}
	
}
@media screen and (max-width:1000px) {
	.wrapper #container {
		width: 90%;
	}
	.form-control {
		font-size: 2.0rem;
	}
	.input-group-text {
		font-size: 2.0rem;
		width: 4.0rem;
	}
	.alert {
		font-size: 1.5rem;
	}
}