@charset "UTF-8";
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
  トップページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

/*
  トップページ - キーヴィジュアル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.IndexDiv{
  text-align: center;
  width: 780px;
  height: 300px;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  background-color: #fff;
}
.IndexDiv > form{
  margin: auto;
}
.IndexDl{
  width: 440px;
  margin: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.IndexDl > dt{
  width: 70px;
  height: 42px;
  font-size: 16px;
  text-align: left;
  margin: 0 20px 30px 0;
  display: grid;
  place-items: center start;
}
.IndexDl > dd{
box-sizing:border-box;
  width: 340px;
  margin: 0 0 30px auto;
}
input[type="email"],
input[type="password"],
textarea{
  width: 100%;
  height: 42px;
}
.buttonSubmit{
  height: 40px;
  width: 170px;
  margin: 0 auto 20px -70px;
  background-color: #0c9b0d;
}
.buttonSubmit >span{
  color: #fff;
}
.buttonSubmit:hover{
  background-color: #aed7ae;
}

/*---------------------------------------------*/
.NoPassText{
  display: inline-block;
  margin: 0 auto auto 30px;
}
.LoginPage{
  display: inline-block;
  margin: 0 auto auto -110px;
}