/* index.html ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body{background: #e0f0f9;}
#loginGrp{text-align: center;}
#loginArt{/*枠*/
  background: #fff;
  display: inline-block;
  padding: 50px;
  border-radius: 10px;
  margin-top: 7%;
  margin-bottom: 3%;
  text-align: center;
  line-height: 2;
}
.pageTitle{/*2021 JOINTEX セミナーオンライン*/
  color: #0058ac;
  text-align: center;
  font-size: 2rem;
}
.subTitle{/*ログインぺ―ジ*/
  color: #0058ac;
  display: inline-block;
  text-align: center;
  margin: 10px auto 20px;
  position: relative;
}
.subTitle::after{
  content:"";
   display:block;
   width:60px;
   height: 2px;
   background: #9bb5cf;
   position:absolute;
   bottom:0px;
   left: 50%;
   transform: translate(-50%);
   -webkit-transform: translate(-50%);
   -ms-transform: translate(-50%);
}


.logBtnGrp{text-align: left;}

.formName{color: #8e8e8e;}

.btnForm input{
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: 1px solid #8e8e8e;
  margin-bottom: 20px;
}
.loginBtn{
  display: block;
  width: 80%;
  margin: 20px auto 40px ;
  background: #0058ac;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.3s ease 0s;
}
.loginBtn:hover{
  background: #d4d4d4;
  color: #0058ac;
  cursor: pointer;
}