@charset "UTF-8";



/* -------------------------------------------------------------------
    ログイン
------------------------------------------------------------------- */

.container_login {	
	margin: 5vh auto 0 auto; 
	border-radius: 0.66rem; 
	width: 40rem; 
	max-width: 97vw;
	height: 23rem; 
	text-align: left;
}

.img_logo {
	width: 100%;
	height: 7rem;
	background-image: url("../image/logo_foodsfile.png?v=20201223");
	background-size:12%;
	background-position : center;
	background-repeat : no-repeat;
}

.login h1 {	 
	padding: 0.5rem 0 0 0; 
	font-weight: 300;
	color: #303581;
	font-size: 2.4rem; 
	text-align:center; 
}
.login h2 {	 
	padding: 0.5rem 0 1.4rem 0; 
	font-weight: 400;
	color: #9092ad;
	font-size: 1.4rem; 
	text-align:center; 
}

.login_form {	padding: 0.7rem 4rem; }
.login_input { margin-bottom: 2.5rem; }
.login_form .input_area { 
  padding-left: 0.67rem; 
  width: 100%; 
  height: 3.8rem;
  font-size: 2rem;
  border:solid 1px #ccc; 
  border-radius: 0.4rem; 
	color:#303030;
	-webkit-appearance: none;		/*-- iOSの影を消す --*/
}
.login_form .input_area::placeholder{ 
	font-weight: 300;
	color: #8d8d8d; 
}

.btn_login {
  width: 100%;
	height: 3.8rem;
	font-size: 1.7rem;
}


/* ４．パソコン
-----------------------------------------------------------------------*/
@media all and (min-width: 1250px) {

	.container_login {	
		margin: 10vh auto 0 auto; 
	}

	.login h1 {	 
		font-weight: 300;
		font-size: 2.2rem; 
	}

	.login_form {	padding: 0.7rem 6.7rem; }
	.login_input { margin-bottom: 1.5rem; }

	.login_form .input_area { 
		height: 2.9rem;
		font-size: 1.4rem;
	}

	.btn_login {
		height: 3rem;
		font-size: 1.5rem;
	}
}