@charset "utf-8";

/* ---------------------------------------------------------------------------------
mailformpro */

#mailformpro{ width:700px; margin:  0 auto 80px auto;}
#mailformpro dl,
#mailformpro dt,
#mailformpro dd {
  box-sizing: border-box;
}
#mailformpro dl {

}
#mailformpro dt{padding: 0 0 0 0; margin-bottom:10px;}
#mailformpro dd{padding: 0 10px 0 40px; margin-bottom:10px;}
#mailformpro dt{
  width: 25%;
  float: left;
  font-size:90%;
}
#mailformpro dd {
  margin-left: 25%;
  padding-bottom: 10px;
}
#mailformpro dd:after {
  content: '';
  display: block;
  clear: both;
}

#mailformpro dt >.inner{ border:1px solid #999;padding:15px 0 ; text-align:center;}
#mailformpro dd >.inner{ border:none;padding:15px 0 ; text-align:left;}

#mailformpro dd textarea{ width:100%;background:#fff; color:#333;border:1px solid #999;padding:5px;}
#mailformpro dd input{ width:100%; background:#fff; color:#333; border:1px solid #999;padding:5px;}
#mailformpro dd .radio{ margin-right:50px;}
#mailformpro dd .radio input{width:auto;}

#mailformpro dd p.formchecktext{font-size:80%; margin-top:1em; margin-bottom:0 !important; color:#aaa;}



@media(max-width:750px){

#mailformpro dd textarea{ width:100%;background:#fff; color:#333;padding:5px; font-size:24px;}
#mailformpro dd input{ width:100%; background:#fff; color:#333; padding:5px; font-size:24px;}

}



/* ---------------------------------------------------------------------------------
contact */



#contactform{ width:600px; margin:0 auto;margin-bottom:100px;}

@media(max-width:750px){


}




dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;  font-size:95%; }
dl.formtable > dt {  width: 32%;  float: left; background:url(../images/arrow.png) no-repeat left 7px;padding-left:10px; font-weight:bold;}
dl.formtable > dd {  margin-left:32%;  padding-bottom: 10px;margin-bottom:2em; line-height:1.8em;}
dl.formtable > dd:after {  content: '';  display: block;  clear: both;}





.Tbox{ width:100%;}
.Tarea{width:100%; height:80px;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#322b3b; color:#fff; padding:1em 5em; font-size: 120%;; font-weight: normal;}

dl.formtable dt > span{ color:#ff6666; padding:3px; font-size:90%; line-height:1.5em; font-weight:bold;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}

.hidden_genba,.hidden_siryo{padding-left:5%;}
.checkText{ font-size:90%; color:#2D388A; font-weight:bold;}

.formCheck{ text-align:center;margin-bottom:2em; color:#ff6666; }


.typeSelect{ width:700px; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; line-height:1.2em; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}



@media(max-width:750px){




#contactform{ width:80%; margin:0 auto 100px auto; background:#eee;}
#contactform h3{ font-size:110%;}
#contactform form{padding:1em;}


#contactform2{ width:80%; margin:0 auto; background:#eee;}
#contactform2 h3{ font-size:110%;}
#contactform2 form{padding:1em;}


dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;   }
dl.formtable > dt {  width: 100%;  float: none; background:none;padding-left:0;font-size:120%;}
dl.formtable > dd {  margin-left:10%;  padding-bottom: 0;margin-bottom:2em; line-height:1.8em;font-size:110%;}

dl.formtable > dd:after {  content: '';  display: block;  clear: both;}




.Tbox{ width:100%;}
.Tarea{width:100%;}
.submitBtn{ display:inline-block; border:2px solid #30adb7; background:#30adb7; color:#fff; padding:1em; font-size: 120%;  font-weight: bold; width:100%; text-align: center;}

dl.formtable dt > span{ color:#ee9797; display:inline-block; padding:0 0 0 0.5em; font-size:90%; line-height:1.5em;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}
	
	
	
	
.typeSelect{ width:80%; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}



} /* Responsive End */



#mailformpro dd input#fileupBtn{padding:2em; margin: 1em auto; font-size: 110%;}


@media(max-width:750px){

input[type="file"] {
  margin: 0;
  padding: 2px;
}

input[type="file"],
input[type="file"]::-webkit-file-upload-button {
  font: inherit;
  margin: 0;
}

input[type="file"]::-webkit-file-upload-button {
  padding: .1em .5em;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #e7e7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(white));
  box-shadow: inset 10px 0 12px -12px rgba(0, 0, 0, 0.4), inset -10px 0 12px -12px rgba(0, 0, 0, 0.4);
  line-height: normal;
}

input[type="file"]::-webkit-file-upload-button:focus {
  outline-offset: -2px;
}    
    
#mailformpro dd input#fileupBtn{padding:1em; margin: 2em auto; font-size: 22px}
#mailformpro dd input#fileupBtn:after{font-size: 22px}

#daysList{ font-size: 21px;}
#daysList{ border-width:1px;}
}