html,body {font-variant-ligatures:none;}
body {width:98%; padding-left:2vw ;-webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

.card {
	max-width: 500px;
	padding: 25px 25px;
	background-color: #F7F7F7;
	margin: 0 auto 25px;
	margin-top: 40px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.systemname {
	padding: 10px 10px;
}

.systemname div {
	width: 100%;
	text-align: center;
}

.login-logoarea {
	margin-bottom: 7px;
}


@media screen and (max-width: 450px) {
	/* 450px以下（大きいスマホ用） */
	html {font-size:70%}
  }

  @media screen and (max-width: 375px) {
	/* 375px以下（スマホ用） */
	html {font-size:55%}
  }

  @media screen and (max-width: 280px) {
	/* 280px以下（小さいスマホ用） */
	/* html {font-size:35%;} */
  }