.l-side-form{
  height: calc(100vh - 130px);
  /* max-height: 600px; */
  overflow-y: scroll;
  padding-bottom: 120px;
}



tr.-flex.-column{
  margin-top: 15px;
}

tr.-flex.-column:first-child{
  margin-top: 0;
}

th.l-contact-title-box{
  background: #fff;
  color:#057092;
  border: none;
  padding: 0 0 8px 0 !important;
}

th.-vt{
  vertical-align: top;
}

.-mandatory {
  color: #E78C23;
  border: 1px solid #E78C23;
font-size: 12px;
    padding: 1px 7px 2px;
    border-radius: 5px;
    font-weight: 500;
    margin: 0px 0px 0 6px;
}

td.l-contact-input-box{
  border: none;
  padding: 0;
  position: relative;
}

.mw_wp_form .error{
  text-align: left;
  font-size: 12px !important;
}

.mw_wp_form .display-error.-agree span.error {
  margin-top: -36px;
  text-align: center;
  margin-bottom: 44px;
}

.mw_wp_form .display-error.-error-message .error{
  background: #ffeeee;
  padding: 0 15px;
}

.mw_wp_form .display-error.-error-message .error:first-child {
  padding-top:15px;
  margin-top: -25px;
  border-radius: 10px 10px 0 0;
}

.mw_wp_form .display-error.-error-message .error:last-child {
  padding-bottom:15px;
  margin-bottom: 35px;
  border-radius: 0 0 10px 10px;
}

.mw_wp_form .display-error.-error-message .error:first-child:before {
  content: "下記内容をご確認下さい。";
  display: block;
}

label{
  display: block;
}

span.wpcf7-list-item-label {
    font-size: 17px;
}

input[type=checkbox]{
  width: 16px;
  height: 16px;

}

input[type=text],textarea{
  width: 100%;
  outline: none;
  font-size: 18px;
  background: #F2F2F2;  
  border: none;
  padding: 10px 10px;
  border-radius: 10px;
  cursor: pointer;
  border: 2px solid #F2F2F2;
}

input[type=radio]/*,input[type=checkbox]*/ {
display: none; 
}

input[type="radio"] + span{
background: #F2F2F2;
color: #ACACAC;
margin: 0 10px 0 0;
padding: 14px 17px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

input[type="radio"]:checked + span{
background: #057092;
color: #fff;
}

/*
input[type="checkbox"] + span{
  background: #F2F2F2;
  padding: 10px 15px;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  color: #aaa;
  margin-bottom: 20px;
  font-weight: 900;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}*/

.-sp-coumn input[type="checkbox"] + span{
  width: unset;
  margin: 0 10px 0 0;
  padding: 9px 15px;
  font-weight: 500;
  border: unset;
}

.-sp-coumn input[type="checkbox"]:checked + span{
background: #057092;
color: #fff;
  border: unset;
}

/*input[type="checkbox"]:checked + span {
  color: #fff;
  background: #057092;

}*/

span.wpcf7-not-valid-tip{
  font-size: 11px !important;
}

div.wpcf7-validation-errors{
  display: none;
}

input[type="submit"]{
    appearance: none;
  -webkit-appearance: none;
  padding: 20px 0;
  background: #E78C23;
color: #fff;
width: 100%;
font-weight: 900;
-webkit-transition: all .2s ease;
transition: all .2s ease;
margin-bottom: 20px;
}

input[type="submit"]{
  border: unset;
  border-radius: 10px;
  cursor: pointer;
}


input[type="radio"] + span:hover,
/*input[type="checkbox"] + span:hover,*/
input[type="submit"]:hover{
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.mw_wp_form .vertical-item + .vertical-item{
  margin-top: 0 !important;
}


.l-submit,.l-agree{
  margin-top: 20px;
  text-align: center;
}

.l-agree{
margin-top: 25px;
text-align: left;
}

.l-agree h4{
  color: #057092;
}

#ua_box {
  width: 100%;
  height: 130px;
  overflow: auto;
  border: 3px #F2F2F2 solid;
  text-align: left;
  margin-bottom: 25px;
  margin-top: 10px;
  padding: 10px;
}
.l-agree p{
font-size: 12px;
}

.l-agree-entry{
  position: relative;
}

.mw_wp_form .l-agree-entry .error {
  top: 58px;
  left: 50%;
  margin-left: -34px;
}

.l-footer.l-contact{
  margin-bottom:0;
}


.mw_wp_form_confirm .confirm-hidden {
display: none;
margin-bottom: 40px;
}

.mw_wp_form_confirm .confirm-submit{
  margin-top: 50px;
}

.mw_wp_form_confirm .confirm-submit input.contact_back {
  background: no-repeat;
  color: #bbb;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 18px 0 0;
  border: unset;
}

table tr td:last-child{
  padding-top: 0;
}

.l-contents-box table tr td:last-child{
  padding: 9px 10px 9px 10px !important;
}


/* ==================================================
sp
================================================== */
@media screen and (max-width: 864px) { 
.-contact-side{
        display: unset;
        position: fixed;
        top: 0;
        left: 0;
}

aside.-contact-side h2{
  position: fixed;
  bottom: 5px;
  left: 10px;
  cursor: pointer;
  width: calc(100% - 20px);
  border-radius: 10px;
  z-index: 10;
  font-size: 0.9rem !important;
  text-align: center;
}

aside.-contact-side h2 br{
  display: none;
}

aside.-contact-side h2:after{
  display: none;
}

.l-side-form{
  height: 100vh;
  padding-bottom:0;
  position: fixed;
  bottom: -100vh;
  left: 0;
}

.footer-up-link{
  display: none;
}


.l-side-form.-on{
  bottom: 0;
  z-index: 10000;
}



}