#contact{
    margin-top: 77px;
    padding: 100px 0 160px;
}
#contact .small{
    font-size: .9rem;
}

#contact .cntInner{
    max-width: 693px;
    margin: 0 auto;
    padding: 0 20px;
}
#contact .cntLabel{
    margin: 30px 0 15px;
}
#contact .cntLabel.required::after{
    content: "*";
    color: #FEE710;
}
#contact input,
#contact textarea{
    display: inline-block;
    width: 100%;
    padding: 20px 25px;
    background: #000;
    border: 1px solid #707070;
    outline: none;
    color: #FFFFFF;
    font-size: 1.6rem;
}
#contact input::placeholder,
#contact input::-ms-input-placeholder,
#contact input:-ms-input-placeholder{
    color: #ffffff40;
    font-size: 1.6rem;
}
#contact input[type="radio"]{
    width: 26px;
    margin: 0;
    visibility: hidden;
}
#contact .radio{
    position: relative;
    display: flex;
    cursor: pointer;
}
#contact .radio *{
    cursor: pointer;
}
#contact .radio label{
    padding-right: 50px;
}
#contact .radio label::before,
#contact .radio label::after{
    content: "";
    position: absolute;
}
#contact .radio label::before{
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #000;
    border: 1px solid #707070;
    border-radius: 50%;
}
#contact .radio label::after{
    top: 1px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #707070;
    border-radius: 50%;
    opacity: 0;
    transition: all .2s;
}
#contact .radio:hover label::after{
    opacity: .2;
}
#contact .radio input:checked + label::after{
    opacity: 1;
}
#contact textarea{
    min-height: 185px;
}

#f-type .cntInputs{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
    padding: 20px 0 10px;
}
#f-mail2 .cntLabel{
    padding-left: 18px;
}

#contact .cntBtn{
    display: block;
    width: 100%;
    max-width: 342px;
    margin: 20px auto 0;
    padding: 20px;
    background: #838383;
    border: 1px solid #838383;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .3s;
}
#contact .cntBtn:hover{
    background: #00000000;
}
#contact .contact-result{
    text-align: center;
    margin-top: 40px;
    padding: 20px;
    background: #000;
    font-size: 1.4rem;
    color: #FEE710;
    display: none;
}
#contact .privacy {
    letter-spacing: 0.01em;
}
#contact .privacy a{
    border-bottom: 1px solid #fff; 
}
/*TAB*/
@media screen and (max-width:899px){
    #contact{
        margin-top: 0;
    }
    #contact .radio label{
        /* padding-right: 30px; */
    }
}
/*SP*/
@media screen and (max-width:480px){
    #contact{
        padding-top: 0;
    }
    #f-type .cntInputs{
        flex-direction: column;
    }

    #contact .cntBtn{
        min-width: 100%;
    }
}