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

  body.app {
      font-family: 'Noto Sans JP', sans-serif;
      background: #fff 0% 0% no-repeat padding-box;
      font-size:40px;
  }
.zeal-logo{ /* ロゴアイコンサイズ */
	height:  120px;
}

.login-link-zeal{ /* ロゴアイコンサイズ */
	display:none;
}


  /* ヘッダー */
  .zeal-header {
      width: 1920px;
      height: 95px;
      background: var(--unnamed-color-008e74) 0% 0% no-repeat padding-box;
      background: #c0a5a6 0% 0% no-repeat padding-box;
  }


	/* サイト用ナビゲーター共通 */
	.navbar-zeal {
		background: #c0a5a6 0% 0% no-repeat padding-box;
		height:139.52px;
	}
  .navbar-brand{
      padding-top:0;
      padding-bottom:0;
  }


  .tabbar{
      padding:10 0 0 0;
  }

  .link_title{
      font-size:50px;
      font-weight:bolder;
      margin-bottom: 2%;
      margin-top: 10%;
  }
  .link_url{
      font-size:40px;
      color:black ;
      text-decoration: underline;
  }
  ::placeholder {
    color: gray;
  }
  @media screen and (orientation: portrait) {
     /* 縦向きの場合のスタイル */

	/* サイト用タブバーアイコンfigure */
	figure {
		float: left;
		width:100%;
		margin: 0 0 0 0;
	}
	.navbar {
		padding: 0 16;
	}
	/* ナビバーの文字サイズ */
	.navbar-zeal-font {
		font-size: 22px;
	}
	.navbar-brand {
		padding-top: 14;
	}
	.navbar-menu {
		width:90px;
		margin-top:-13px;
	}

	/* ナビバーのロゴ */
	.navbar-logo {
		width: 90;
	}
	
  }

  /* パスワード再設定ボタン */
  .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%;
  }
  /* ログインボタン */
  .zeal-button {
      border: none;
      color : white;
      padding : 0 20px;
      height: 51px;
      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-login-button {
      border: none;
      color : white;
      padding : 0 20px;
      height: 12vw;
      width:50vw;
      font-size: 4.98vw;
      margin-bottom: 4vh;
      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: 8px;
      border-radius:60px;
  }

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

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

  /* テキストボックスラベル大きめ */
  .zeal-login-label {
    position: absolute;
    text-align:center;
    font-size: 40px;
    top: 10%;
    margin: 0px 10px;
    padding: 10px;
    color:gray;
  }

  .tabbar-active {
      background: #00C09B 0% 0% no-repeat padding-box;
  }

  /*
  text入力
  */
  .zeal-input-text {
      height: 47px;
      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;
  }

  .text_hutoji{
      font-weight: bold;
  }

  /*
  パスワード再設定入力
  */
  .student-registrationPassword-text {
      width:60%;
      height: 120px;
      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;
      font-size: 35px;
      padding:30px;
  }

  .login-text {
      width:50vw;
      height: 10vw;
      padding:2vw;
      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-textbox-label {
    position: absolute;
    top: 0;
    font-size: 20px;
    font-size: 10px;
    margin: 10px;
    padding: 0 10px;
  }

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





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

  /* タイトル */
  h1 {
      font-size: 60px;
      font-weight: bold;
  }
  .table-region {
      padding: 4em 2em;
      margin: 5em 1em;
      background-color: white;
      border-radius: 30px;
  }

  .scho-logo {
      margin-top:-10%;
      width: 130px;
  }

  .login-link-zeal {
	display:none;
  }
  
.error-message {
    color: red;
	position: relative;
	margin-top: 350px;
	text-align: center;
}

.form-confirmation h2 {
	text-align: center;
	border-bottom: 2px solid #000;
	font-size: 50px;
	font-weight: 600;
	width: calc(100% - 100px);
	margin: 0 auto 10px;
	padding-bottom: 10px;
}

.form-confirmation p {
	text-align: center;
	margin-bottom: 60px;
}