/* form */
.form-group {
  width: 850px;
  margin: 10px auto;
}
/* Tab */
.tab-list{
  margin: 50px auto 30px;
}
.tab-list li{
  display: inline;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: bold;
  color: #444;
  background: #FFF;
  margin: 5px;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  border:solid 1px #222222;
  border-radius: 4px;
  cursor: pointer;
}
.tab-list li.active{
  background: hsla(256,42%,39%);
  color:  #EEE;
  border: solid 1px hsla(256,42%,20%);
}
.form{
  width: 90%;
  margin: 30px auto;
  padding: 2px 5% 40px;
  border-radius: 3px;
  background: #EEEEEE;
}
.form-row{
  width:100%;
  margin-top: 30px;
  text-align: left;
}
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="email"] {
  font-size: 18px;
  line-height: 1.8;
  border-radius: 3px;
  border:solid 1px #D0D0D0;
  box-shadow:0 1px 1px 0 hsla(0,0%,8%,0.5) inset;
}
.form-row select{
  width:20%;
  line-height: 1.8;
  font-size: 18px;
  background: #FFFFFF;
  border-radius: 3px;
  border:solid 1px #D0D0D0;
  box-shadow:0 1px 1px 0 hsla(0,0%,8%,0.5) inset;
}
.must:after{
  content: '必須';
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  background: #EE2222;
  padding: 0.1rem 0.3rem;
  border-radius: 3px;
  margin:0 1rem 0.2rem 0.4rem;
}
.form-row input[type="radio"] {
}
.form-row .input-single input{
  width: 99%;
}
.form-row .input-double input{
  width: 48%;
  padding-right: 1%;
}
.form-row label{
  font-size: 20px;
}
.form-row .label {
  margin: 10px 0 5px;
  font-size: 21px;
  text-align: left;
}
.mfp_err{
  display: none;
  font-size:16px;
  margin-top: 7px;
  margin-bottom: 14px;
  color: #EE2222;
}
.mfp_err.show{
  display: block;
}
.button-area{
  margin-top: 50px;
}

/*index.php-----*/

.form-aria{
  max-width: 600px;
  width: 80%;
  margin:25px auto;
  padding: 25px 10px;
  border: solid 1px #222;
  border-radius: 4px;
}
.input-group {
  font-size: 1.4rem;
  width: 80%;
  text-align: right;
  margin-top:5px;
  margin-bottom: 10px;
}
.input-group input{
  margin-left:10px;
  height: 1.5rem;
  width: 12rem;
  border-radius: 4px;
}
.button_space{
  margin-top:22px;
}
.pwd-lost{
  margin-top:25px;
}
#reissueLink{
  color: #3822D8;
}


/*共通------------------------------------------------*/
/* Button */
.button {
  padding: 0.8rem 1.5rem 0.8rem 1.5rem;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px hsla(0, 0%, 3%, 0.7);
  cursor: pointer;
}
.button:hover {
  box-shadow: 0px 0.5px 0.5px 0px hsla(0, 0%, 3%, 0.7);
}
.submit-button {
  margin-top: 5px;
  color: hsl(211,51%,100%);
  font-size: 1.4rem;
  font-weight: bold;
  text-shadow: 0 -1px 1px hsla(211,51%,25%, 0.9);
  background: hsl(211,51%,45%);
  border:solid 1px hsl(211,51%,30%);
}
.submit-button:hover {
  background: hsl(211,55%,58%);
}

/*メディアクエリ　タブレット・スマホ*/
@media screen and (max-width:920px) {

  .form-group {
    width: 100%;
  }
  .tab-list li{
    display: block;
  }
} /*メディアクエリ終わり*/