@charset "UTF-8";

button, [type="button"], [type="reset"], [type="submit"]{cursor:pointer;}
button, input, optgroup, select, textarea{font:inherit;}
button, select, textarea{color:inherit;border-style:none;background-color:transparent;}
button, html [type="button"], [type="reset"], [type="submit"]{border:none;border-radius:0;-webkit-appearance:button;}
button, select{text-transform:none;}
select::-ms-expand{display:none;}
select::-ms-value{color:currentColor;}
optgroup{font-weight:bold;}
button{overflow:visible;}
textarea{overflow:auto;resize:vertical;}
.blue{color:#0B536E;}
.red{color:#d12f23;}
.backblue{background:#000;color:#fff;}
.backred{background:#333;color:#fff;}

/* h5{padding-top: 2rem;margin-bottom:2em;} */
/*background:#f3f3f3;*/ 
/*border:solid 1px #CCC;*/

/*---from------------------------------------*/
.form-wrapper{padding:2em 0;/* border-bottom:solid 1px#ccc; */font-size:3.75vw;width:100%;box-sizing: border-box;padding-bottom:4em;}
.form-heading{padding:1em 0;    font-weight: 500;border-left:none;border-right:none;display:flex;justify-content:flex-start;align-items:center;line-height:1;}
.required{font-size:80%;font-weight:normal;padding:.4em.5em;margin-left:.75em;border-radius:2px;background:none;color:#d12f23;}
.form-body{padding:0 0 1.5em;}
.form-notice{padding-top:1em;font-size:80%;}
.form-notice li{padding-left:1em;position:relative;}
.form-notice li:after{position:absolute;top:0;left:0;content:'※';color:#d12f23;}
select::-ms-expand{display:none;}
select{border:1px solid#ccc;padding:.75em;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;position:relative;z-index:8;background:none;}
.select{position:relative;}
.select:after {
  position: absolute;
  top: 50%;
  right: 5.75%;
  transform: translate(-0%, -50%);
  font-family: fontAwesome;
  content: '\f107';
  z-index: 4;
  color: #333;
  display: block;
  z-index: 10;
}
input, textarea , select{
  border: 1px solid#ccc;
  padding: 1.2em 1em;
  width: 100%;
  position: relative;
  z-index: 8;
  background: none;
  box-sizing: border-box;
  background-color: #fbfbfb;
}
.cal{position:relative;margin-bottom:1em;}
.cal:after{position:absolute;top:50%;right:5%;transform:translate(-0%,-50%);font-family:fontAwesome;content:'\f073';z-index:4;color:#333;display:block;}
.submitArea{text-align:center;font-size:4.5vw;margin:2em auto 1em;width:90%;}

input[type="submit"]{display:block;    font-weight: 200;padding:1em 1.4em;background:#000;color:#fff;border: solid 1px #ccc;}
input[type="submit"]:hover{background: #ccc;color: #fff;}
.formerror-box{padding:0 1.75em 4em;}
.formerror-box h2{text-align:center;margin:0 0.75em;}
.formerror-box p{text-align:center;margin-bottom:2em;}
.error-list{padding-top:2em;}
.error-list li{text-align:center;}
.form-operate{padding:05%;}
.form-operate input[type="submit"]{color:#0B536E;border:1px solid}
.form-operate li{text-align:center;color:#000;border:1px solid;padding:1em;}
.form-operatea{color:#0B536E;border:1px solid;padding:1em 1.4em;margin:2em auto 0;display:block;text-align:center;}
.primary-btn{border:1px solid #000;background:#fff!important;color:#000!important;margin-top:2em;}
.lead{font-size:3.5vw;text-align:center;padding-bottom:1.5em;}
.form-check{text-align:center;}
.form-check .form-heading{justify-content:center;}

.complete-box{padding:.2em 1.75em 5em;}
.complete-box h2{text-align:center;margin:0 0.75em;}
.complete-box p{margin-bottom:2em;}
.complete-box h3{font-size:110%;font-weight:bold;text-align:center;margin-bottom:1em;}

.corp-formh2{text-align:center;}
.corp-form.tel-box{padding:0 1.75em 2em;text-align:center;width:90%;margin:0 auto;border:1px solid#ccc;}
.corp-form.tel-boxp .tel{font-size:6vw;font-weight:bold;letter-spacing:2px;margin-bottom:.4em;}
.corp-form.tel-boxp .tel span{font-size:60%;display:block;font-weight:normal;letter-spacing:1px;}
.corp-form.tel-boxp .time{font-weight:bold;font-size:3.5vw;}
.corp-form.tel-boxp .time span{display:block;font-weight:normal;}


@media (min-width: 769px) {
  /*---from------------------------------------*/
  .form-wrapper{font-size: 3vw;}
  .required{padding:.4em .5em;margin-left:.75em;border-radius:2px;}
  .form-heading{padding:1.5em;}	
  .form-body{padding:1.5em;}
  select{padding:1.25em;}
  input,textarea{padding:1.25em;}
  .cal{margin-bottom:1em;}
  .submitArea {font-size:3vw;}
  input[type="submit"] {padding:1em 1.4em;}
  .formerror-box{padding:0 1.75em 6em;}
  .error-list {padding:3em 10% 2em;font-size:2.2vw;}
  .form-operate{padding:0 10%;}
  .form-operate input[type="submit"] {font-size:2.2vw;}
  .lead{font-size: 3vw;padding-bottom:1.5em;}
  .complete-box{padding:.2em 4em 7em;}
  .complete-box h2{margin: 0 0 .75em;}
  .complete-box p{margin-bottom:3em;}
    
  .tel-box{padding:1em 2.5em 3em;margin:0 auto 4em;}
  .tel-box p.tel{font-size:5vw;margin-bottom:.6em;}
  .tel-box p.tel span{font-size:50%;}
  .tel-box p.time{font-size:2.5vw;letter-spacing:1px;}
  /*---from------------------------------------*/
  .form-wrapper{font-size: 1.2em;border:none;}
  .required{padding:.4em .5em;margin-left:.75em;border-radius:2px;}
  .form-heading{padding:1em 0 0;background:none;border:none;}	
  .form-body{padding:1em 0 2em;}
  select{padding:1em;}
  .select:after{right: 5.25%;}	
  input,textarea{padding:1.25em;}
  .cal{margin-bottom:1em;}
  .submitArea {font-size:1.2vw;width:70%;margin: 2em auto 2em;}
  input[type="submit"] {padding:1.4em 1.4em;}
  .formerror-box{padding:0 0 8em;}
  .formerror-box h2{margin:0 0 .75em;}
  .error-list {padding:3em 10% 2em;font-size:1.1vw;}
  .error-list li{text-align:center;}
  .error-list li:after{content: none;}	
  .form-operate{padding:0 20%;}
  .form-operate input[type="submit"] {font-size:1.2vw;}
  .form-operate a{margin: 3em auto 0;}	
  .lead{font-size: 1vw;}
  .form-check{margin-bottom:4em;}

  .complete-box{padding:.2em 0 8em;}
    
  .tel-box{padding:1em 1em 3em;margin:0 0 5%;width:100%;}
  .tel-box p.tel{font-size:2.2vw;margin-bottom:.1em;}
  .tel-box p.tel span{font-size:50%;display:inline;padding-left:1em;}
  .tel-box p.time{font-size:1.2vw;letter-spacing:1px;}	
}

/* @media screen and (min-width: 1100px) {
  .form-wrapper{
  width: 80%!important;
  margin: auto!important;	
}
} */
/* @media screen and (min-width: 1280px) {
.form-wrapper{font-size: 1vw;border:none;width:1000px;margin:0 auto;}	
.tel-box{padding:0 1em 3em;margin:0 0 7%;}
.tel-box p.tel{font-size:1.6vw;margin-bottom:.5em;}
.tel-box p.tel span{font-size:50%;display:inline;padding-left:1em;}
.tel-box p.time{font-size:.9vw;letter-spacing:1px;}
.tel-box p.time span{display:inline;padding-left:.5em;}
.complete-box{padding:.2em 0 8em;width:1000px;margin:0 auto;}	

} */