/* contact_common */
input,select,textarea{background-color:#f7f7f7;width: 100%;padding: 1rem 1.5rem;}
input[type="radio"],input[type="checkbox"]{width:auto;display: none;}
input[type="radio"],
input[type="checkbox"]{width: auto;}
::placeholder{color:#bababa;}
button[type="submit"]{font-size:2.4rem;color:#fff;}

.contact{}
.contact .mv_wrap{}
.mf_wrap{}

/* width */
form#mailformpro dl dt,.left{width: 27%;}
form#mailformpro dl dd,.right{width: 65%;}
.col2{width:100%;}
.col2 input,.col2 select{width: calc((100% - 3.2rem)/2);}
form#mailformpro dl dt{font-size: 1.8rem;font-weight: bold;}
.ttl{font-size: 1.8rem;font-weight: bold;}
.mfp_wrap{margin: 3rem 0;}
.must{height: 2.8rem;}

/* radio button */
.contact_genre_select li{margin:1rem 0}
.contact_genre_select li label{position: relative;padding-left: 5rem;}
.contact_genre_select li label::before,
.contact_genre_select li label::after{
  content:"";
  position: absolute;
  border-radius:50%;
  transform:translateY(-50%);
  top:50%;
}
.contact_genre_select li label::before{
  border:1px solid #707070;
  width:3rem;
  height:3rem;
  left:0;
}
.contact_genre_select li label::after{
  background-color: #3d3e40;
  opacity: 0;
  width: 1.6rem;
  height: 1.6rem;
  left: 7px
}
input[type="radio"]:checked + label::after{opacity: 1;}
.checkbox-parts {
    padding-left: 4.5rem;
    position: relative;
    margin-right: 20px;
    white-space: break-spaces;
}
/* checkbox */
.checkbox-parts:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 3rem;
  border: 1px solid #e9e9e9;
}
.p_check .checkbox-parts:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 8px;
  width: 14px;
  height: 24px;
  transform: rotate(40deg);

  opacity: 0;
}
#marines .p_check .checkbox-parts:after{
    border-bottom: 4px solid #47ACC9;
  border-right: 4px solid #47ACC9;
}
#arrows .p_check .checkbox-parts:after{
    border-bottom: 4px solid #aec86c;
    border-right: 4px solid #aec86c;
}
input[type="checkbox"]:checked + label .checkbox-parts:after{
  opacity: 1;
}
/* thanks */
.mfp_thanks .btn a{
    padding: 1.6rem;
    font-size: 2.4rem;
    border-radius: 30rem;
    box-shadow: 0 3px 6px #00000016;
}