@charset "utf-8";

#error_note{
  color:#C30;
  border: solid 4px #D40003;
  padding:10px;
  line-height:1.4;
  text-align:left;
  margin-bottom: 20px;
}
#mailForm input,
#mailForm select,
#mailForm option,
#mailForm textarea{
  padding:6px 6px;
  border:solid 1px #ACACAC;
  font-size:16px;font-size:1.6rem;
  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;
}
*:focus {
  outline: none;
}
#submittBtn{
  margin:40px auto 0 auto;
  text-align:center;
}
#submittBtn input{
  cursor:pointer;
  width:120px;
  margin-right:10px;
  border:none;
  background-color:#e6e6e6;
  border:solid 1px #999999;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
#submittBtn input:hover{
  background-color:#787878;
  color: #fff;
}
.required{
  font-size:12px;
  color:#D40003;
  margin-left: 4px;
}

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

#formInput{
  border-top:dashed 1px #999;
}
#formInput dl{
  border-bottom:dashed 1px #999;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}

.box_radio ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
}
.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;
}

#confirm{
  margin:30px auto 0 auto;
  width:100%;
}
#confirm dl{
  margin-top:20px;
}
#confirm dd{
  border:solid 1px #ccc;
  padding:10px;
  margin: 0 20px;
}
#confirm dt{
  font-size:18px;font-size:1.8rem;
  margin-bottom: 6px;
}
.child{
  padding: 10px;
}

#confirm dd dl:nth-child(1){
  margin-top:0px;
}

#complete dt{
  font-size:18px;font-size:1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 40px;
}
#complete p{
  margin: 10px;
}
#complete_caution{
  background-color: #f0f0f0;
  padding: 20px;
}
#complete_caution strong{
  font-weight: bold;
  color: #D40003;
}

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

#formInput{
  border-top:dashed 1px #999;
}
#formInput dl{
  border-bottom:dashed 1px #999;
  padding: 10px 0px;
  font-size:16px;font-size:1.6rem;
}
#formInput .description{
  font-size:14px;font-size:1.4rem;
  margin-top: 4px;
}
#formInput dd dl{
  margin: 10px;
}
#formInput dd dl dt{
  font-size:14px;font-size:1.4rem;
}
#formInput .description{
  font-size:14px;font-size:1.4rem;
  margin-top: 10px;
}
.box_txt input{
  width:100%;
  margin-top: 6px;
}
.box_select select{
  margin-top: 6px;
}

#formInput textarea{
  width:100%;
  margin-top: 6px;
}
#formInput ul{
  margin-top: 5px;
}
#formInput li{
  margin: 5px 0;
}

.box_radio ul{
  width: 100%;
}
.box_radio li{
  display: inline-block;
  padding-right: 20px;
}



#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;
  font-weight: bold;
  margin-bottom: 10px;
}
#complete p{
  margin: 10px;
}
#complete_caution{
  background-color: #f0f0f0;
  padding: 10px;
}
#complete_caution strong{
  font-weight: bold;
  color: #D40003;
}

}