@charset "utf-8";

*:focus {
  outline: none;
}

#error_note{
  color:#c85c51;
  border: solid 4px #c85c51;
  border-radius:10px;
  padding:20px;
  line-height:1.4;
  text-align:left;
}
.err-msg{
  color:#e45454;
  font-size:14px;font-size:1.4rem;
  margin-top: 4px;
}

.required{
  font-size:12px;font-size:1.2rem;
  color:#e45454;
  margin-left: 4px;
}

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

#mailForm input,
#mailForm select,
#mailForm option,
#mailForm textarea{
  font-size:16px;font-size:1.6rem;
  padding:10px 10px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  border:solid 1px #acacac;
  color:#282828;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  background-color: #fff;
}

#submittBtn{
  margin-top: 20px;
  text-align:center;
}
#submittBtn input{
  font-family:"NotoSerifJP-2";
  cursor:pointer;
  width:160px;
  padding:8px;
  margin:8px;
  border:none;
  background-color:#505050;
  border:solid 1px #505050;
  color:#FFF;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
#submittBtn input:hover{
  background-color:#e6e6e6;
  color: #282828;
  transition: all 0.3s ease 0s;
}


#formInput{
  margin-top: 20px;
}
#formInput dl{
  border-bottom:solid 1px #f0f0f0;
  padding: 10px 10px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#formInput .parent_dt{
  width:220px;
  padding: 0 10px;
}
#formInput .parent_dd{
  flex: 1;
  margin-left: 20px;
}

#formInput .child_dt{
  width:220px;
  padding: 0 10px;
}
#formInput .child_dd{
  flex: 1;
  margin-left: 20px;
}


.box_radio ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  padding: 10px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  border:solid 1px #acacac;
}
.box_radio li{
  margin-right: 20px;
}

.box_check ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  padding: 10px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  border:solid 1px #acacac;
}
.box_check li{
  margin-right: 20px;
}

#formInput .description{
  font-size:14px;font-size:1.4rem;
  margin-top: 4px;
}

.fileUploadBtn{
  display: inline-block;
  text-align: center;
  padding: 6px 14px;
  background: #e9e9ed;
  border:solid 1px #8f8f9d;
  border-radius:5px;
  cursor: pointer;
}
.upload {
  position: absolute;
  opacity: 0;
  width: 10px;
}

.up_msg{
  margin-top: 10px;
  font-size:14px;font-size:1.4rem;
}
.up_error_msg{
  margin-top: 10px;
  color: #D40003;
  font-size:14px;font-size:1.4rem;

}


#confirm{
  margin:30px auto 0 auto;
  width:100%;
}
#confirm dl{
  margin-top:20px;
}
#confirm dd{
  border:solid 1px #ccc;
  padding:10px;
}
#confirm dt{
  margin-bottom: 6px;
}
.child{
  padding: 10px;
}
#confirm dd dl:nth-child(1){
  margin-top:0px;
}


#complete dt{
  font-size:20px;font-size:2.0rem;
  margin-bottom: 10px;
}
#complete p{
  margin: 10px;
}
#complete_caution{
  background-color: #f0f0f0;
  padding: 20px;
}
#complete_caution strong{
  color: #D40003;
}
.senderror dt{
  color: #D40003;
}



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

#mailForm input,
#mailForm select,
#mailForm option,
#mailForm textarea{
  font-size:14px;font-size:1.4rem;
  padding:6px 6px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  border:solid 1px #acacac;
  color:#282828;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  background-color: #fff;
}

#submittBtn{
  margin-top: 20px;
  text-align:center;
}
#submittBtn input{
  font-family:"NotoSerifJP-2";
  cursor:pointer;
  width:120px;
  padding:8px;
  margin:5px;
  border:none;
  background-color:#505050;
  border:solid 1px #505050;
  color:#FFF;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
#submittBtn input:hover{
  background-color:#e6e6e6;
  color: #282828;
  transition: all 0.3s ease 0s;
}

#formInput dl{
  border-bottom:solid 1px #f0f0f0;
  padding: 10px 0px;
}
#formInput dt{
  margin-bottom: 6px;
}
#formInput .description{
  font-size:12px;font-size:1.2rem;
  margin-top: 6px;
}
#formInput textarea{
  width:100%;
}
.box_txt input{
  width:100%;
}
#formInput .msg{
  font-size:12px;font-size:1.2rem;
}

#formInput dd dl{
  margin: 0 10px;
}
#formInput li{
  margin: 5px 0;
}

.fileUploadBtn{
  display: inline-block;
  text-align: center;
  padding: 6px 14px;
  background: #e9e9ed;
  border:solid 1px #8f8f9d;
  border-radius:5px;
  cursor: pointer;
}
.upload {
  position: absolute;
  opacity: 0;
  width: 10px;
  border:solid 1px #000000;
}
.up_msg{
  margin-top: 6px;
}
.up_error_msg{
  margin-top: 6px;
  color: #D40003;
}


#confirm{
  margin:0px auto 0 auto;
  width:100%;
}
#confirm dl{
  margin-top:20px;
}
#confirm dd{
  border:solid 1px #DFDFDF;
  padding:10px;
}
#confirm dt{
  font-size:16px;font-size:1.6rem;
  margin-bottom: 6px;
}
.child{
  padding: 10px;
}
#confirm dd dl:nth-child(1){
  margin-top:0px;
}


#complete dt{
  font-size:18px;font-size:1.8rem;
  margin-bottom: 10px;
  text-align: center;
}
#complete p{
  margin: 10px;
}
#complete_caution{
  background-color: #f0f0f0;
  padding: 10px;
  margin-top: 20px;
}
#complete_caution strong{
  color: #D40003;
}
.senderror dt{
  color: #D40003;
}



}