@charset "UTF-8";

form#mailformpro {
padding: 50px 55px;
margin-top: 40px !important;
text-align: left;
background: rgba(0, 90, 170, 0.04);
}

table.mailformpro {
width: 100%;
}

#mailformpro .mf_C {
  display: flex;
  align-items: center;
  gap: 20px;            /* 左右の間隔 */
}


/* 3) 左ラベル */
#mailformpro .mf_CL01 {
  flex: 0 0 28%;        /* 28%固定・縮まない */
  min-width: 120px;
  padding: 17px;
  font-weight: bold;
  color: #000;
}

/* 4) 右入力エリア */
#mailformpro .mf_CR01 {
  flex: 1;              /* 残り幅をすべて使用 */
  padding: 17px 0;
}


#mailformpro  textarea {
width: 100% !important;
height: 120px!important;
border: none;
border-radius: 5px;
background: #FFF;
font-size: 16px;
}


#mailformpro  select {
font-size: 16px;
height: 40px !important;
}

#mailformpro  input[type="text"],
#mailformpro  input[type="email"],
#mailformpro  input[type="date"],
#mailformpro  input[type="tel"] {
height: 3em;
padding: 2px 2%;
border: none;
border-radius: 5px;
background: #FFF;
font-size: 16px;
}

#mailformpro  input[type="submit"],
#mailformpro  input[type="reset"] {
height: 4em;
font-size: 16px;
}


#mailformpro input[size='20'] {
width: 200px;
}

#mailformpro input[size='40'] {
width: 300px;
}



/* max-width: 1000px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1000px){
form#mailformpro {
padding: 30px 35px;
}

}
/* max-width: 1000px @end */

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */

@media only screen and (max-width: 767px){

form#mailformpro {
width: 100%;
padding: 20px;
}

#mailformpro .mf_C {
    flex-direction: column;   /* ← 縦並び */
    align-items: stretch;
	gap: 6px;
}

#mailformpro .mf_CL01 {
  padding: 0
}

#mailformpro .mf_CR01 {
  padding: 0 0 30px 0;
}


#mailformpro  input#name_1,
#mailformpro  input#name_2{
	width : 38%;
	max-width : 90%;
	-webkit-appearance : none;
}

#mailformpro  input[type="submit"],
#mailformpro  input[type="reset"] {
height: 50px;
padding: 2px 2%;
-webkit-appearance: none;

}

#mailformpro  input[type="text"],
#mailformpro  input[type="email"],
#mailformpro  input[type="date"],
#mailformpro  input[type="tel"] {
height: 4em;
font-size: 16px;
}

}
/* max-width: 767px @end */