/* -- PC login -- */
@media ( min-width : 768px ) {
	
	.container {
		margin-top: 10%;
		width: 30%;
	}
	.card {
		border: none;
	}
	.card-body {
		background: #FFF !important;
		border: 1px solid #c0c0c0;
		border-radius: 12px;
		box-shadow: 0 5px 8px rgba(0,0,0,.15);
	}
	.input-group-prepend span{
		width: 8em;
		font-size: 13px;
	}
	::placeholder {
		color: #c0c0c0 !important;
	}
	
	.logo {
		width: 150px;
		margin: 0 auto 30px;
	}
	.logo img {
		width: 100%;
		display: block;
	}
	h3 {
		width: 100%;
		text-align: center;
	}
	
}


/* -- SP login -- */
@media ( max-width : 767px ) {
	
	.container {
		margin-top: 10%;
		width: 96% !important;
	}
	.card {
		border: none;
	}
	.card-body {
		background: #FFF !important;
		border: 1px solid #c0c0c0;
		border-radius: 12px;
		box-shadow: 0 5px 8px rgba(0,0,0,.15);
	}
	.input-group-prepend span{
		width: 8em;
		font-size: 13px;
	}
	::placeholder {
		color: #c0c0c0 !important;
	}
	
	.logo {
		width: 150px;
		margin: 0 auto 30px;
	}
	.logo img {
		width: 100%;
		display: block;
	}
	h3 {
		width: 100%;
		text-align: center;
	}
	
}