/* サイト全体のフォント指定 */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.98vw;
}

body.app {
	font-family: 'Noto Sans JP', sans-serif;
}

/* ログインボタン */
.zeal-button {
    border: none;
	color : white;
	padding : 0 20px;
	height: 42px;
	background: var(--unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(--unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
}

/*パスワード再設定ボタン */
.resettingPassword-button {
	width:25%;
    border: none;
	color : white;
	padding : 0 20px;
	height: 45px;
	background: var(--unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(--unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
}

.zeal-textbox-label {
  position: absolute;
  top: 0;
  margin: 10px;
  padding: 0 10px;
}

/* ログイン時ボックスラベル文字小さめ */
.zeal-login-label {
  position: absolute;
  top: 0;
  font-size: 10px;
  margin: 10px;
  padding: 0 10px;
}

.password-textbox-label {
  position: absolute;
  top: 0;
  font-size: 12px;
  margin: 10px;
  padding: 0 10px;
}

.password-textbox-label {
  position: absolute;
  top: 0;
  font-size: 12px;
  margin: 10px;
  padding: 0 10px;
}

/* zeal-textbox-labelに対してこれを外せばTextBox内に表示される文字となる。*/
.active {
  top: -20px;
  font-size: 15px;
}

/* パスワード再設定ボタン */
.resettingPassword-button {
	width:20vw;
	font-size: 0.98vw;
    border: none;
	color : white;
	padding : 0 20px;
	height: 45vw;
	background: var(--unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(--unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
}

/* テキストボックス_ログイン */
.login-text {
	width:20vw;
	font-size: 0.98vw;
	height: 2.4vw;
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

/* ログインボタン */
.zeal-login-button {
	width:20vw;
	font-size: 0.98vw;
    border: none;
	color : white;
	padding : 0 20px;
	height: 2.2vw;
	background: var(--unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(--unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 4px;
}

/* zeal-google-img画像をホバーした */
img.zeal-google-img:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.7;
 
	/* リンクをホバーしたときのカーソルにする。*/
	cursor: pointer;
}
 
/* zeal-google-img画像をクリックした瞬間 */
img.zeal-google-img:active{
 
	/* 要素を若干下に下げることで、押した感じを出す。*/
 
	/* 今いる位置から相対的に3px下に配置する。*/
	position: relative;
	top: 3px;
 
}


/* リンク */
.login-link {
	color: black;
	text-decoration:underline;
	font-weight:bold;
}

/* パスワード再設定ボタン */
.student-registrationPassword-button {
    border: none;
	color : white;
	padding : 0 20px;
	font-size: 50px;
	height: 6%;
	width: 63%;
	background: var(--unnamed-color-4aa271) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px var(--unnamed-color-00000080);
	background: #4AA271 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000080;
	border-radius: 145px;
	margin-top:15%;
}

.scho-logo {
	width: 44px;
	height: 44px;
}

.login-link-student {
	display:none;
}


.error-message {
    color: red;
	position: relative;
	margin-top: 150px;
	text-align: center;
}

.form-confirmation h2 {
	text-align: center;
	border-bottom: 2px solid #000;
	font-weight: 600;
	width: 30vw;
	margin: 0 auto 10px;
	padding-bottom: 10px;
}

.form-confirmation p {
	text-align: center;
}