@charset "utf-8";
*{
    text-align: left;
    box-sizing: border-box;
}
.hd {
    background: #fff;
    padding: 0 20px 25px;
    min-height: 600px;
    margin: 30px auto;
}

.hd-title {
    width: 100%;
    background-color: #f2f2f2;
    margin: 20px auto;
}

.hd-title p {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 8px 25px;
    background-color: #2A3C54;
}

@media (max-width: 768px) {
    .hd {
        padding: 0 10px;
    }

    .hd-title {
        margin: 15px 0;
    }
}
#mailCW{position:relative;}
#mailCW label{margin-top:10px;}
.mail-content #content{
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    outline: 0;
    float: left;
    margin-top:20px;
}
.mail-content>p{position:absolute;top:-10px;color:red;}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }
@media (max-width:1200px){
    .mail-content #content{width:95%;}
}