.contact #contact-form{
    padding-top: 170px;
 }

.contact .inner{
    width: 900px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 166px;
}
.contact h2{
    font-size: 28px;
    font-weight: 400;
    line-height: 1.75;
    padding-bottom: 70px;
    letter-spacing: 6px;
    }
.contact h3{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    position: relative;
    margin: 60px 0px 0px;
    letter-spacing: 3px;
}

.contact h4{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.75;
    margin: 0px 0px 25px;
    letter-spacing: 3px;
}
.contact p.text{
    max-width: 580px;
    text-align: justify;
    margin: 75px auto;
    line-height: 2;
    font-size: 15px;
    letter-spacing: 1px;
}

.contact  .column{
    display: flex;
    border-top: 1px solid #707070;
    align-items: center;
    gap: 60px;
    padding: 20px 0;
    max-width: 580px;
    margin: 0 auto;
}
.contact  .column p{
    margin: 0;
}
.contact  .column dt p{
   width:180px;
}
.contact span.required{
    color: #FF0000;
    font-size: 10px;
    padding-right: 0.5rem;
}
.contact.last-child{
    border-bottom: 1px solid #707070;
}
.contact .column dt{
    width: 180px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;

}
.contact .column dd{
    margin: 0;
    text-align: left;
}

.contact .vertical-scroll{
    overflow: scroll;
    margin: 30px auto 20px;
    padding: 25px;
    height: 250px;
    border: 1px solid #ccc;
    max-width: 580px;
}
.contact .vertical-scroll p{
    margin: 0;
    line-height: 1.5;
    text-align: left;
}
.contact p.m0{
margin:0;
}
.contact .vertical-scroll p.mb15{
margin-bottom:15px;
}
.contact input[type="text"]{
    max-width: 340px;
}
.contact input[type="tel"]{
    max-width: 340px;
}
.contact input[type="email"]{
    max-width: 340px;
}
.contact button, input[type="button"], input[type="reset"], input[type="submit"] {
    color:#fff!important;
    line-height: 1!important;
    padding: 1rem!important;
    letter-spacing: 1px!important;
    width: 300px!important;
    margin: 20px 0!important;
    background-color: #9D8E88!important;
}
.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    background: #ccc !important;
    color: rgba(0, 0, 0, 0.6)!important;
}
.contact input.small{
    width: 40px;
    margin-right: 10px;
}
.wpcf7-spinner {
    display: none!important;
}
input.wpcf7-previous{
    background-color:darkgray!important;
}
/*hero*/

.contact #contact-form .inner{
padding-bottom:0px;
border-bottom: 1px dotted #707070;
}


.contact #contact-point .inner{
    padding-bottom:0px;
    border-bottom: 1px dotted #707070;
    }

span.english{
    font-size: 13px;
    letter-spacing: 1px;
    color: #8FBC8F;
    display: block;
}
    
    @media (max-width: 768px) {
        .contact .inner {
                width: 90%;
        padding:40px 10px;
            }
        .contact p.text {
                margin: 60px auto!important;
            }
            .contact h2{
                font-size: 22px;
                }
            .contact  .column{
                flex-direction: column;
                gap: 10px;
                padding: 30px 0;
            }
            .contact  .column-tel{
                flex-direction: row;
            }
            .contact  .column-sex{
                flex-direction: row;
            }
            .contact  .column-tel dd{
                width: 100px;
            }
            .contact .column dt {
                width: 100%;
             }
             .contact #contact-form {
                padding-top: 30px;
            }
        }


