/* メールフォーム用 */

/*
.form_requir {
  background-color:#ff3333;
  color:#ffffff;
  font-size:9px;
  line-height:100%;
  text-align:center;
  padding:0 4px;
  margin-left:10px;
}
*/

.form_fld {

}

.form-errors {
  color:#ff0000;
  padding-top:8px;
}

.form-paarea{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding:15px;
}

.form-pa1{
  position:relative;
  width:130px;
  line-height:1;
}

.form-pa1 .updatable-img[src="usr_img/reload.png"]{
  position:absolute;
  top:-5px;
  left:-5px;
  width:16px;
  height:16px;
  border-radius:8px;
  background:#fff;
}

.form-pa2{
  width:calc(100% - 130px - 20px);
  line-height:1;
}

.form-pa2 input{
  margin-top:4px;
}

@media screen and (max-width:644px){
  
  .form-paarea{
    display:block;
    padding:15px 0;
  }
  
  .form-pa1{
    margin:0 auto 15px;
  }
  
  .form-pa2{
    width:auto;
  }
  
  .form-pa2 input{
    padding:5px;
    height:auto;
    font-size:16px;
    margin-top:10px;
  }
        
}

/* エラー */

.error {
  margin: 100px 0 0 0;
  padding: 0;
  width: 500px;
  text-align: right;
}

.error-box {
  margin: 0;
  padding: 15px;
  font-size: 14px;
  text-align: left;
  border: solid 1px #888888;
  background-color: #ffffff;
}