@charset "utf-8";
/* 
メールフォーム共通
 */

/* body指定 */
body {
font-size: 16px;
font-weight: 400;
line-height: 1.8;
box-sizing: border-box;
background: none;
overflow: hidden;
}

/* wrap */
#mf_wrapper{
width:100%;
margin:0;
padding: 0 10px 50px;
}

#mailformpro div{
margin-top: 5px;
}

h4,th {
font-weight: 400;
}
input,select,textarea{
font-size: 0.875em;
width:100%;
border-radius: 0;
padding:5px;
background: #eee;
transition:1s;
border: 0;
border-bottom: 1px dotted #333;

}

::placeholder {
color: #666;
}

textarea{
min-height: 300px;
width: 100% !important;
height: auto !important;
resize: none;
}

input[type=checkbox]{
width: 30px;
height: 30px;
border: solid 1px #333;
vertical-align: middle;
margin-right: 5px;
}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{
background: #ddd;
outline: 0;
}



button{
width: 100%;
border: solid 1px #333;
padding: 20px;
}

button:hover,button:focus{
color: #fff;
background:#666;
transition:1s;
}

.but_send button{
margin-top: 30px;
text-align: center;
}

#send_check{
	text-align: center;
}


/* thanksページ */
#mf_wrapper_thanks {
width: 100%;
padding: 20px;
margin: auto;
}

#thanks_back{
margin-top: 30px;
}
#thanks_back a{
width: 100%;
display: block;
padding: 20px;
background: #333;
color: #fff;
border-radius: 8px;
text-align: center;
}

@media screen and (min-width: 800px){
#mf_wrapper_thanks{
text-align: center;
}
#thanks_back a:hover {
opacity: 0.5;
  }
}