.cf-area {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 2em 0;border-bottom: 1px dashed #ccc;transition: all .3s;}
.cf-area:last-child {border-bottom: none;}
.cf-area dt {width: 200px;padding-right: 30px;text-align: right;line-height:1.5em;}
.cf-area dd {flex: 1;}
.cf-area input, .cf-area textarea {width: 100%;padding: 0.8em;border: none;background-color: #f1f1f1;font-size: 16px;resize: vertical;transition: all .3s;}
.cf-area input:focus,.cf-area textarea:focus {outline: none;background: #dde2e9;}
.cf-required {background: #b91e23;color: #fff;font-size: 0.8em;padding: 2px 5px;border-radius: 2px}
.cf-not-required {background: #c3c3c3;color: #fff;font-size: 0.8em;padding: 2px 5px;border-radius: 2px}

.cf-send input {
display: block;
background: linear-gradient(135deg, #6b7a8e 0%, #3b4a5e 100%);
width: 300px;
height: 60px;
margin: 30px auto 0;
border: none;
border-radius: 10px;
color: #fff;
box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .2);
font-size: 1.3em;
font-weight: bold;
transition: all .3s;
}

.cf-send {text-align:center;}
.cf-send input:hover {filter: brightness(1.25);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
background-color: #fce3e3;border: none;text-align: center;}

@media screen and (max-width:768px){
.cf-area {display: block;}
.cf-area dt {width: 100%;margin-bottom: 5px;padding-right: 0;text-align: left;line-height:1.5em;}
}