@charset "utf-8";


@media print,screen and (min-width : 501px) {

#application1{
  margin-top: 40px;
}

#mailForm{
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  margin: 20px auto;
}
#formInput{
  margin: 20px auto;
}

#formInput .parent_dt{
  width:160px;
  font-family:"MPLUS1p-4";
}
#formInput .parent_dd{
  flex: 1;
  margin-left: 20px;
  font-family:"MPLUS1p-2";
}

#job .parent_dt{
  width:100px;
  font-family:"MPLUS1p-4";
}
#formInput .child_dt{
  width:150px;
  font-family:"MPLUS1p-4";
}
#formInput .child_dd{
  flex: 1;
  margin-left: 20px;
}

#formInput input{
  width: 100%;
}
#formInput textarea{
  width: 100%;
}

#uploadfile1 .upload,
#uploadfile2 .upload{
  width: 200px;
  border:solid 10px #000000;
  position: absolute;
  opacity: 0;
  width: 10px;
}


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

#mailForm{
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  margin: 20px 0;
}
#formInput{
  margin-top: 10px;
}
#formInput dt{
  font-family:"MPLUS1p-4";
}

.box_txt input{
  width:100%;
}
#formInput textarea{
  width:100%;
}
#formInput li{
  margin-top: 10px;
}



}
