h2{
  color:#408DC3;
  text-align: center;
}

.content{
  font-weight: bold;
  margin-bottom:0.8em;
  margin-top:1em;
}

.content,
.note{
  color:#666666;
}
.text-color{
  font-size:1.05rem;
  display:block;
  line-height:1.5rem;
  text-decoration:underline;
}

@media screen and (min-width:741px){

.content,
.note,
.caution{
  padding:0 5%;
}

}

.content p,
.note P,
.caution p{
  display: inline;
}

.caution{
  color:#ff0000;
  margin-top:2.5em;
  margin-bottom:4.5em;
}

.caution span{
  text-decoration:underline;
}

@media screen and (min-width:741px){

  .form-wrap{
    padding:0 5%;
  }

  .label-wrap.col-md-3,
  .input-wrap.col-md-3{
    padding:0;
  }

}

.label-wrap{
  text-align: right;
}

@media screen and (max-width:990px){

  .label-wrap{
    text-align:left;
  }
  .label-InputID{
    float: left;
    margin-right: 10px;
  }
  .link-userID{
    padding-top: 2px;
  }
  .label-InputPassword{
    float: left;
    margin-right: 10px;
  }
  .link-userID{
    padding-top: 2px;
  }
}

.label-wrap,
.input-wrap{
  margin-top:1%;
}

.input-wrap{
  text-align:left;
}

.input-wrap input{
  width:100%;
}

.btn-question{
  width:20px;
  margin-left:1.5%;
  margin-right:1.5%;
}

.message{
  color:red;
  margin-top:.6em;
  margin-bottom:.6em;
  text-align:center;
}

.submit {
  margin-top:0;
}

.submit img{
  width:108px;
}

button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}