/* =========================
TennisWell Contact
========================= */

.tw-contact-page{
    background:#f8f6f1;
    color:#222;
    font-family:"Noto Sans JP",sans-serif;
}

.tw-contact-page *{
    box-sizing:border-box;
}


/* =========================
HERO
========================= */

.tw-contact-hero{
    padding:100px 20px 70px;
    text-align:center;
    background:#0f2341;
    color:#fff;
}

.tw-contact-hero-inner{
    max-width:900px;
    margin:0 auto;
}

.tw-contact-label{
    color:#c7a24d;
    letter-spacing:.15em;
    font-size:14px;
    margin-bottom:12px;
}

.tw-contact-hero h1{
    font-size:clamp(32px,5vw,54px);
    margin:0 0 20px;
    font-family:"Cormorant Garamond",serif;
}

.tw-contact-lead{
    font-size:15px;
    line-height:2;
    max-width:700px;
    margin:0 auto;
}


/* =========================
FORM
========================= */

.tw-contact-form-section{
    padding:80px 20px;
}

.tw-contact-container{
    max-width:800px;
    margin:0 auto;
    background:#fff;
    padding:50px;
    border:1px solid #e5e5e5;
}

.tw-contact-form{
    width:100%;
}


/* =========================
CONTACT FORM 7
========================= */

.tw-contact-form .wpcf7{
    width:100%;
}

.tw-contact-form .wpcf7 form{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.tw-contact-form .wpcf7 p{
    margin:0;
}

.tw-contact-form .wpcf7 label{
    display:flex;
    flex-direction:column;
    gap:8px;
    font-weight:700;
}

.tw-contact-form .wpcf7 input,
.tw-contact-form .wpcf7 textarea{
    width:100%;
    padding:14px;
    border:1px solid #d8d8d8;
    background:#fff;
    font-size:15px;
    font-family:inherit;
}

.tw-contact-form .wpcf7 input:focus,
.tw-contact-form .wpcf7 textarea:focus{
    outline:none;
    border-color:#c7a24d;
}

.tw-contact-form .wpcf7 textarea{
    resize:vertical;
}


/* =========================
SUBMIT BUTTON
========================= */

.tw-contact-form .wpcf7 input[type="submit"],
.tw-contact-form .wpcf7-submit,
.tw-contact-form .tw-contact-btn{
    width:100% !important;
    max-width:none !important;
    display:block !important;
    box-sizing:border-box;

    border:none !important;
    background:#0f2341 !important;
    color:#fff !important;

    padding:18px;
    font-size:16px;
    font-weight:700;
    letter-spacing:.08em;

    cursor:pointer;
    transition:.3s;
    font-family:inherit;
    text-align:center;
}

.tw-contact-form .wpcf7 input[type="submit"]:hover,
.tw-contact-form .wpcf7-submit:hover,
.tw-contact-form .tw-contact-btn:hover{
    opacity:.85;
}


/* =========================
CF7 MESSAGE
========================= */

.tw-contact-form .wpcf7-response-output{
    margin:20px 0 0;
    padding:14px;
    border-color:#c7a24d;
}


/* =========================
SP
========================= */

@media(max-width:768px){

    .tw-contact-hero{
        padding:80px 20px 60px;
    }

    .tw-contact-container{
        padding:30px 20px;
    }

}