@charset "utf-8";

#block-form .form_lead{font-size:2.4rem;text-align:center;line-height:1.5;}
#block-form .form_lead a{text-decoration:underline;}
#block-form .form_note p{font-size:1.4rem;line-height:1.7;}
#block-form .form_note p::before{content:"※";color:#FF3838;}

.common-table-form{width:100%;}
.common-table-form tr{border-top:1px solid #000;}
.common-table-form tr:last-child{border-bottom:1px solid #000;}
.common-table-form th,.common-table-form td{padding:30px 0;vertical-align:top;}
.common-table-form th{font-weight:500;}
.common-table-form th span{display:inline-block;/*margin:16px 0;*/}
.common-table-form th.required span::after{content:"※";margin-left:10px;color:#FF3838;}
.common-table-form td{padding-left:40px;}

.common-name{display:flex;align-items:center;flex-wrap:wrap;gap:0 1em;}
.common-name > label{width:3em;font-size:1.4rem;}
.common-name .mfp_err{width:100%;}

.common-address{display:flex;flex-direction:column;gap:10px;}
.common-address > label{font-size:1.4rem;}

.common-input{width:100%;padding:15px 20px !important;font-size:1.4rem !important;border:none !important;background-color:#F3F3F3 !important;}
.common-input-small{width:50%;}
.common-input-auto{width:auto;}
.common-input::placeholder{color:rgba(0,0,0,0.25);}
.common-textarea{width:100% !important;height:auto !important;padding:15px 20px !important;font-size:1.4rem !important;border:none;background-color:#F3F3F3;}

.common-reset{position:relative;display:inline-block;min-width:250px;cursor:pointer;}
.common-reset::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
.common-reset button{width:100%;padding:13.75px 25px !important;font-size:1.6rem;font-weight:400;border:none;text-align:left;background-color:#fff;border:1px solid #000;transition:.2s ease;}
.common-reset:hover::after{background-image:url(/img/arrow02.svg);}
.common-reset:hover button{background:#000;color:#fff;}

.common-submit{position:relative;display:inline-block;min-width:250px;cursor:pointer;}
.common-submit::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow02.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
.common-submit button{width:100%;padding:13.75px 25px !important;color:#fff;font-size:1.6rem;font-weight:400;border:none;text-align:left;background-color:#000;border:1px solid #000;transition:.2s ease;}
.common-submit:hover::after{background-image:url(/img/arrow01.svg);}
.common-submit:hover button{background:#fff;color:#000;}

/* select */
.select{border:none;font-size:1.4rem;background-color:#F3F3F3;}

/* radio */
.radio input[type="radio"]{display:none;}
.radio input[type="radio"] + span{/*margin:8px 0;*/transition:.2s;display:block;position:relative;padding:5px 60px 5px 40px;cursor:pointer;line-height:1.4;font-size:1.4rem;}
.radio input[type="radio"]:checked + span::after{transform:scale(1);}
.radio span::before, .radio span::after{position:absolute;content:'';border-radius:50%;transition:all .3s ease;transition-property:transform, border-color;}
.radio span::before{left:0;top:0;width:30px;height:30px;border:1px solid #000;background:#fff;}
.radio span::after{top:6px;left:6px;width:18px;height:18px;transform:scale(0);background:#000;}
.radio *,.radio *::before,.radio *::after{box-sizing:border-box;}
.radio.radio-inline{display:inline-block !important;}
.radio.radio-inline input[type="radio"] + span{/*margin:15px 0;*/}
.radio .common-label01{margin-left:5px;vertical-align:1px;padding-left:10px;padding-right:10px;font-size:80%;}

/* checkbox */
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + span{/*margin:8px 0;*/transition:.2s;display:block;position:relative;padding:5px 60px 5px 40px;cursor:pointer;line-height:1.4;}
.checkbox input[type="checkbox"]:checked + span::after{transform:scale(1) rotate(-45deg);}
.checkbox span::before, .checkbox span::after{position:absolute;content:'';border-radius:2px;transition:all .15s ease;transition-property:transform, border-color;}
.checkbox span::before{left:0;top:1px;width:30px;height:30px;border:1px solid #000;background:#fff;}
.checkbox span::after{top:7px;left:7px;width:16px;height:12px;transform:scale(0) rotate(-45deg);border-left:3px solid #000;border-bottom:3px solid #000;}

.checkbox *,.checkbox *::before,.checkbox *::after{box-sizing:border-box;}
.checkbox.checkbox-inline{display:inline-block !important;}
.checkbox.checkbox-inline input[type="checkbox"] + span{/*margin:15px 0;*/}


/* mailformpro上書き */
form#mailformpro label{border-radius:0;margin:0;display:inline-block;}
form#mailformpro label.mfp_checked{padding:0;border:none;background-color:transparent;}
form#mailformpro label.mfp_not_checked{padding:0;border:none;}

div.mfp_err{padding:0;background:none;}


@media screen and (max-width:767px){
  #block-form .form_lead{font-size:1.8rem;}

  .common-table-form tr,.common-table-form th,.common-table-form td{display:block;}
  .common-table-form th{padding:20px 0 0;}
  .common-table-form th span{margin:0;}
  .common-table-form td{padding:20px 0;}

  .common-name{gap:10px 1em;}

  .common-input{font-size:16px !important;}

  .common-submit{margin-top:10px;}
  
  .radio input[type="radio"] + span{padding:1px 30px;font-size:16px;}
  .radio.radio-inline input[type="radio"] + span{margin:0;}
  .radio span::before{width:24px;height:24px;}
  .radio span::after{top:5px;left:5px;width:14px;height:14px;}

  .checkbox input[type="checkbox"] + span{padding:1px 30px;font-size:16px;}
  .checkbox span::before{width:24px;height:24px;}
  .checkbox span::after{top:5px;left:5px;width:14px;height:10px;}
}