@charset "UTF-8";
/* CSS Document */
button, [type="button"], [type="reset"], [type="submit"]{cursor:pointer;}
button, input, optgroup, select, textarea{font:inherit;box-sizing: border-box;}
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;}

.backred{
background:none;
color:#8D858C;
}
.backblack{
background:#474246;
color:#fff;
}

/*---from------------------------------------*/
body.form .form-box{
  line-height: 1.7 !important;
  width: 90%;
  padding: 4em 1em;
  margin: 3em auto 10em;
  border: 1px solid #8d858c;
  box-sizing: border-box;
  max-width: 60em;
}
.recruit-box{
  display: none;
}

body.form .form-box p{line-height:1.7!important;}
body.form .form-box h2{text-align:center;width:100%;line-height:1.7!important;color: #474246;}
body.form .form-wrapper{
padding: 0;
/*border-bottom: solid 1px #ccc;*/
font-size: 4.2vw;
box-sizing: border-box;
}

body.form .form-heading {
font-size: 3.7vw;
/*padding: 40px 0 0;*/
padding: 11.4vw 0 0;
letter-spacing: 0.5px;
}

body.form .required{
font-size:70%;
font-weight:normal;
padding: 0 0;
/*margin-left:.3em;*/
line-height: 0;
}
body.form .required::before{
content:"［";
}
body.form .required::after{
content:"］";
}
body.form .form-body{
/*padding:1.5em;*/
}

body.form .form-notice{padding-top:1em;font-size:80%;}
body.form .form-notice li{padding-left:1em;position:relative;}
body.form .form-notice li:after{position:absolute; top: 0; left: 0;content: '※'; color:#d12f23;}
body.form select::-ms-expand {display: none;}
body.form select{border:1px solid #ccc;padding:.75em;-webkit-appearance: none; -moz-appearance: none; appearance: none;width:100%;position: relative;z-index: 10;background: none;}
body.form .select{position:relative;}
body.form .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;}

body.form input,body.form textarea{
/*font-size: 16px;*/
font-size: 4.57vw;
border:none;
border-bottom:1px solid #474246;
padding:.75em 0.25em;
width:100%;
position: relative;
z-index: 10;
background: none;
border-radius:0;
}

body.form .cal{position:relative;margin-bottom:1em;}
body.form .cal:after{position:absolute; top: 50%; right: 5%; transform: translate(-0%,-50%); font-family: fontAwesome; content: '\f073';z-index:4;color:#333;display: block;}
body.form .submitArea {text-align: center;font-size:4.5vw;margin:2em auto 1em;width:90%;}
body.form input[type="submit"] {
display: block;
font-size: 3.7vw;
font-weight: 400;
padding:1em 1.4em;
color:#fff;
border:none;
}
body.form input[type="radio"]{width:auto;}
body.form .submitArea input{margin-bottom:1em;background: #444;}
body.form .submitArea .primary-btn{background: #fff;color: #444; border:1px solid;font-weight:normal;}
body.form .formerror-box{padding:0 1.75em 2em;}
body.form .formerror-box h2{text-align:center;margin: 0 0 .75em;}
body.form .formerror-box p{text-align:center;}
body.form .error-list {padding-top:2em;}
body.form .error-list li{text-align: center;}
body.form .form-operate{padding:0 5%;}
body.form .form-operate input[type="submit"] {color: #474246;border:1px solid;}
body.form .form-operate a{color: #474246;border:1px solid;padding:1em 1.4em;margin:2em auto 0;display:block;text-align:center;}
body.form .lead{
font-size: 3.5vw;
text-align:center;
padding-bottom:1.5em;
}
body.form .form-check{text-align:center;}
body.form .form-check .form-heading{justify-content: center;}

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

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


/*追加======================*/
.form-box .menuTitle{
/*margin-bottom: 54px;*/
margin-bottom: 15.4vw;
}
.form-box .menuTitleJp{
border-bottom-color: #474246;
/*margin-top: 24px;*/
margin-top: 6.85vw;
/*padding-bottom: 20px;*/
padding-bottom: 5.7vw;
}

.formCopy{
font-size: 13px;
font-size: 3.7vw;
text-align: center;
letter-spacing: 0.5px;
margin-bottom: 6.28vw;
}

body.form textarea{
height: calc(1.7em * 5 + 1.5em);
}
::placeholder{
color: #C8C5C8;
font-size: 3.42vw;
font-weight: 100;
}

.radioBox{
display: flex;
justify-content: space-between;
/*margin-top: 8px;*/
margin-top: 2.2vw;
}
.radioBox input{
display: none;
}
.radioBox label{
display: block;
font-size: 3.42vw;
font-weight: 100;
line-height: 1;
letter-spacing: 0.5em;
text-indent: 0.5em;
text-align: center;
width: 48%;
/*padding: 14px 0 18px;*/
padding: 4vw 0 5.14vw;
background-color: #C8C5C8;
color: #fff;
cursor: pointer;
}

input[type="radio"]:checked + label {
background-color: #474246;
}
body.form input:placeholder-shown,body.form textarea:placeholder-shown{
border-bottom-color: #C8C5C8;
}
body.form input:focus,body.form textarea:focus{
outline: none;
border-bottom-color: #474246;
}
body.form input:-webkit-autofill{
-webkit-box-shadow: 0 0 0 5em #fff inset !important;
}



@media screen and (min-width: 769px) {
    
  /*---from------------------------------------*/
  body.form .form-box{
    padding: 4em 4em;
  }

  body.form .form-wrapper{font-size: 3vw;}
  body.form .required{
  /*padding:.4em .5em;*/
  /*margin-left:.75em;*/
  }
  body.form .form-heading{
  /*padding:1.5em;*/
  padding: 11.5vw 0 0;
  font-size: 2.5vw;
  }	
  body.form .form-body{
  /*padding:1.5em;*/
  }
  body.form select{padding:1.25em;}

  body.form input,body.form textarea{
  /*padding:1.25em;*/
  padding:1.75em 0.25em;
  font-size: 2.5vw;
  }
  body.form textarea{
  padding:0.5em 0.25em;
  }

  body.form .cal{margin-bottom:1em;}
  body.form .submitArea {font-size:3vw;}
  body.form input[type="submit"] {padding:1em 1.4em;}
  body.form .formerror-box{padding:0 1.75em 2em;}
  body.form .error-list {padding:3em 10% 2em;font-size:2.2vw;}
  body.form .form-operate{padding:0 10%;}
  body.form .form-operate input[type="submit"] {font-size:2.2vw;}
  body.form .lead{
  font-size: 3vw;
  padding-bottom:1.5em;
  }
  body.form .complete-box{padding:.2em 4em 0;}
  body.form .complete-box h2{margin: 0 0 .75em;}
  body.form .complete-box p{margin-bottom:3em;}
    
  body.form .corp-form .tel-box{padding:1em 2.5em 3em;margin:0 auto 4em;}
  body.form .corp-form .tel-box p.tel{font-size:5vw;margin-bottom:.6em;}
  body.form .corp-form .tel-box p.tel span{font-size:50%;}
  body.form .corp-form .tel-box p.time{font-size:2.5vw;letter-spacing:1px;}	

  /*追加======================*/
  .form-box .menuTitle{
  font-size: 4vw;
  margin-bottom: 11.5vw;
  }
  .form-box .menuTitleJp{
  font-size: 0.6em;
  margin-top: 3.2vw;
  padding-bottom: 3.6vw;
  }
  .formCopy{
  /*font-size: 20px;*/
  font-size: 2.5vw;
  margin-bottom: 0;
  }
  body.form textarea{
  height: calc(1.7em * 5 + 1em);
  }
  ::placeholder{
  font-size: 2vw;
  }

  .radioBox{
  display: flex;
  justify-content: space-between;
  /*margin-top: 8px;*/
  margin-top: 2.2vw;
  }
  .radioBox label{
  font-size: 2vw;
  padding: 3.2vw 0 3.8vw;
  }

}/*MQ 768 end*/

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

  /*追加======================*/
  .form-box .menuTitle{
  font-size: 32px;
  line-height: 1.0;
  margin-bottom: 80px;
  }
  .form-box .menuTitleJp{
  font-size: 0.6em;
  margin-top: 30px;
  padding-bottom: 20px;
  }
  .formCopy{
  /*font-size: 20px;*/
  font-size: 18px;
  margin-bottom: 40px;
  }
  body.form textarea{
  height: calc(1.7em * 5 + 1em);
  }
  ::placeholder{
  font-size: 16px;
  }
  .radioBox{
  margin-top: 12px;
  }
  .radioBox label{
  font-size: 16px;
  padding: 0;
  line-height: 70px;
  }

}/*MQ 897 end*/

@media screen and (min-width: 1366px) {
  body.form .corp-form .tel-box{padding:0 1em 3em;margin:0 0 7%;}
  body.form .corp-form .tel-box p.tel{font-size:1.6vw;margin-bottom:.5em;}
  body.form .corp-form .tel-box p.tel span{font-size:50%;display:inline;padding-left:1em;}
  body.form .corp-form .tel-box p.time{font-size:.9vw;letter-spacing:1px;}
  body.form .corp-form .tel-box p.time span{display:inline;padding-left:.5em;}	
}