/* 769px ~ 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
    ::-webkit-scrollbar {
        display: none;
    }

    .header .h_nav {
        gap: 40px;
    }

    .contact{
        height: 110vh;
    }

    .contact .container {
        flex-direction: column;
    }

    .title_text {
        text-align: none;
    }

    .sub_intro {
        display: none;
    }

    .faq_section {
        padding: 0 80px;
    }
}

/* 768px */
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        display: none;
    }


    /* contact */
    .contact {
        flex-direction: column;
        height: auto;
        padding: 150px 80px;
    }

    .contact .container {
        flex-direction: column;
        gap: 40px;
    }



    .sub_intro {
        display: none;
    }

    .input_text {
        width: 100%;
    }

    /* FAQ */
    .faq_section {
        margin: 80px 0;
        padding: 0 80px;
    }

    .faq_section h3 {}

    #accordion_wrap .que,
    #accordion_wrap .anw {
        font-size: 16px;
    }

}

/* 480px */
@media (max-width: 480px) {

    /* contact */
    .contact {
        flex-direction: column;
        height: auto;
        padding: 150px 50px;
        margin-top: 0px;
    }

    .contact .container {
        flex-direction: column;
        gap: 40px;
    }

    .title_text h1 {
  font-size: calc(350vw/var(--basicSize));

        text-align: center;
    }

    .sub_intro {
        display: none;
    }

    .input_text {
        width: 100%;
    }

    /* FAQ */
    .faq_section {
        margin: 80px 0;
        padding: 0 50px;
    }

    .faq_section h3 {
        font-size: 2rem;
        text-align: center;
    }

    #accordion_wrap .que,
    #accordion_wrap .anw {
        font-size: 16px;
        padding: 20px;
    }

}

/* 380px */
@media (max-width: 380px) {

    /* contact */
    .contact {
        flex-direction: column;
        height: auto;
        padding: 150px 30px;
    }

    .contact .container {
        flex-direction: column;
        gap: 40px;
    }

    .title_text h1 {

    }

    .sub_intro {
        display: none;
    }

    .input_text {
        width: 100%;
    }

    /* FAQ */
    .faq_section {
        margin: 80px 0;
        padding: 0 30px;
    }

    .faq_section h3 {
        font-size: 2rem;
    }

    #accordion_wrap .que,
    #accordion_wrap .anw {
        font-size: 16px;
        padding: 20px;
    }

}