@charset "utf-8";

.body_container {
    /* background: #292929; */
}

.container {
    width: 100%;
    /* background: #292929; */
    max-width: 128rem;
    margin: 0 auto;
}

/* FAQ */
.faq {
    width: 7.8rem;
    height: 5.5rem;
    font-family: normal normal normal 40px/55px Noto Serif;
    ;
    font-size: 4rem;
    color: #FFFFFF;
    margin-left: 5rem;
}

.enclosure_1 {
    width: 118rem;
    background: #FFFFFF;
    margin-left: 5rem;
    padding: 4.4rem 4rem 6.5rem 4rem;
}

.q_flex {
    display: flex;
    gap: 3rem;
    align-items: center;
}

.q {
    font-size: 4rem;
    font-family: normal normal normal 40px/43px Noto Serif JP;
    color: #000000;
}

.q_text {
    font-size: 2rem;
    font-family: normal normal normal 20px/43px Noto Serif JP;
    ;
    color: #000000;
}

.enclosure_line {
    width: 110rem;
    border: 0.1rem solid #707070;
    margin-top: 1.803rem;
    margin-bottom: 1.397rem;
}

.a_flex {
    display: flex;
    gap: 3.2rem;
}

.a {
    font-size: 4rem;
    font-family: normal normal normal 40px/43px Noto Serif JP;
    color: #D10000;
}

.a_text {
    font-size: 2rem;
    font-family: normal normal normal 20px/40px Noto Serif JP;
    color: #000000;
}

.enclosure_2 {
    width: 118rem;
    background: #FFFFFF;
    margin-left: 5rem;
    padding: 4.4rem 0rem 6.5rem 4rem;
}

.br_enclosure2_2{
    display: none;
}

.enclosure_3 {
    width: 118rem;
    background: #FFFFFF;
    margin-left: 5rem;
    padding: 4.4rem 0rem 6.5rem 4rem;
}

.enclosure_4 {
    width: 118rem;
    background: #FFFFFF;
    margin-left: 5rem;
    padding: 4.4rem 0rem 6.5rem 4rem;
}

/* contact */
.contact {
    width: 14.4rem;
    height: 5.5rem;
    font-size: 4rem;
    font-family: normal normal normal 40px/55px Noto Serif;
    color: #FFFFFF;
    margin-left: 5rem;
}

.contact_line {
    width: 117.65rem;
    font-size: 0.1rem;
    border: 0.1rem solid #FFFFFF;
    margin-left: 5.35rem;
}

.inquiry_detail_flex,
.name_flex,
.address_flex,
.address_confirmation_flex,
.phone_number_flex,
.inquiry_detail2_flex {
    display: flex;
    gap: calc(117.65rem - (31.8rem + 1.8rem*6) - 73rem);
}

.inquiry_detail,
.name,
.address,
.address_confirmation,
.phone_number,
.inquiry_detail2 {
    width: calc(31.8rem + 1.8rem*6);
    font-size: 1.8rem;
    font-family: normal normal normal 18px/24px Noto Serif JP;
    color: #FFFFFF;
    margin-left: 5.4rem;
}

.required {
    color: #D50000;
}

.select_wrap,
.name_text,
.address_text,
.address_confirmation_text,
.phone_number_text {
    width: 73rem;
    height: 4rem;
    background: #FFFFFF;
    border: 0.1rem solid #000000;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 1.8rem;
}

.select_text,
.name_text,
.address_text,
.address_confirmation_text,
.phone_number_text {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.inquiry_detail2_text {
    width: 73rem;
    height: 25rem;
    border: 0.1rem solid #000000;
    background: #FFFFFF;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 1.8rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.7rem;
    resize: none;
}

.select_text {
    cursor: pointer;
}

.verification_screen_flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.arrow {
    font-size: 1.8rem;
    font-family: normal normal normal 18px/24px Noto Serif;
    color: #FFFFFF;
    margin-left: 58rem;
}

.verification_screen {
    font-size: 1.8rem;
    font-family: normal normal normal 18px/26px Noto Serif JP;
    color: #FFFFFF;
    cursor: pointer;
}

/* *******セレクトボックス矢印********* */

.select_wrap {
    position: relative;
    display: inline-block;
}

.select_text {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3rem;
    width: 73rem;
    height: 4rem;
    font-size: 1.8rem;
}

.inquiry_detail_select {
    width: 73rem;
    height: 4rem;
    font-size: 1.8rem;
}

.select_wrap::after {
    content: "▼";
    color: #000000;
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.8rem;
    pointer-events: none;
}


/* パディング調整 */
.container {
    padding: 6rem 0 10rem;
}

/* マージントップ */
.verification_screen_flex {
    margin-top: 3.5rem;
}

.contact_line {
    margin-top: 1.5rem;
}

.inquiry_detail2_text,
.phone_number_text,
.address_confirmation_text,
.address_text,
.name_text,
.select_wrap {
    margin-top: 1.5rem;
}

.inquiry_detail2,
.phone_number,
.address_confirmation,
.address,
.name,
.inquiry_detail {
    margin-top: 2rem;
}

.contact_line_top {
    margin-top: 4.5rem;
}

.contact {
    margin-top: 10rem;
}

.enclosure_4,
.enclosure_3,
.enclosure_2 {
    margin-top: 3rem;
}

.enclosure_1 {
    margin-top: 4.5rem;
}

/* 確認画面CSS */
.container_confirm {
    width: 100%;
    background: #1a1a1a;
    max-width: 128rem;
    margin: 0 auto;
}

.contact_confirm {
    width: 14.4rem;
    height: 5.5rem;
    font-size: 4rem;
    font-family: normal normal normal 40px/55px Noto Serif;
    color: #FFFFFF;
    margin-left: 5rem;
}

.contact_line_confirm {
    width: 118rem;
    font-size: 0.1rem;
    border: 0.1rem solid #FFFFFF;
    margin-left: 5rem;
}

.inquiry_detail_flex,
.name_flex,
.address_flex,
.address_confirmation_flex,
.phone_number_flex,
.inquiry_detail2_flex {
    display: flex;
    gap: calc(117.65rem - (31.8rem + 1.8rem*6) - 73rem + 0.35rem);
}

.inquiry_detai2,
.name2,
.address2,
.address_confirmation2,
.phone_number2,
.inquiry_detail2_2 {
    width: calc(31.8rem + 1.8rem*6);
    font-size: 1.8rem;
    font-family: normal normal normal 18px/24px Noto Serif JP;
    color: #FFFFFF;
    margin-left: 5rem;
}

.required {
    color: #D50000;
}

.select_wrap2,
.name_text2,
.address_text2,
.address_confirmation_text2,
.phone_number_text2 {
    width: 73rem;
    height: 4rem;
    background: #DEFFFB;
    border: 0.1rem solid #000000;
    border-radius: 0.5rem;
}

.inquiry_detail2_text2 {
    width: 73rem;
    height: 25rem;
    border: 0.1rem solid #000000;
    background: #DEFFFB;
    border-radius: 0.5rem;
    resize: none;
}

.button_flex {
    display: flex;
    gap: 10rem;
    align-items: center;
}

.input_screen_flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.arrow_1 {
    font-size: 1.8rem;
    font-family: normal normal normal 18px/24px Noto Serif;
    color: #FFFFFF;
    margin-left: 48.1rem;
}

.input_screen_back {
    font-size: 1.8rem;
    font-family: normal normal normal 18px/26px Noto Serif JP;
    color: #FFFFFF;
    cursor: pointer;
}

.send_flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.arrow_2 {
    font-size: 1.8rem;
    font-family: normal normal normal 18px/24px Noto Serif;
    color: #FFFFFF;
}

.send {
    font-size: 1.8rem;
    font-family: normal normal normal 18px/26px Noto Serif JP;
    color: #FFFFFF;
    cursor: pointer;
}

/* 確認画面・パディング調整 */
.container_confirm {
    padding: 6rem 0 10rem;
}

/*確認画面・マージントップ  */
.button_flex {
    margin-top: 3.5rem;
}

.select_wrap2,
.name_text2,
.address_text2,
.address_confirmation_text2,
.phone_number_text2 {
    margin-top: 1.5rem;
}

.inquiry_detai2,
.name2,
.address2,
.address_confirmation2,
.phone_number2,
.inquiry_detail2_2 {
    margin-top: 2.2rem;
}

.inquiry_detail2_text2 {
    margin-top: 1.5rem;
}

.contact_line_top2 {
    margin-top: 4.5rem;
}

/*******テキスト*********/
/* .select_wrap2,
.name_text2,
.address_text2,
.address_confirmation_text2,
.phone_number_text2,
.inquiry_detail2_text2 {
    font-size: 1.8rem;
    font-family: Noto Serif JP;
    color: #000000;
} */

.select_wrap2,
.name_text2,
.address_text2,
.address_confirmation_text2,
.phone_number_text2 {
    padding-top: 0.7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.7rem;
    font-size: 1.8rem;
    font-family: Noto Serif JP;
    color: #000000;
}

.inquiry_detail2_text2 {
    padding-top: 0.7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.8rem;
    font-family: Noto Serif JP;
    color: #000000;
    overflow-wrap: break-word;
}


/*送信完了画面css */

.container_thanks {
    width: 100%;
    max-width: 128rem;
    margin: 0 auto;
    background: #1a1a1a;
}


.contact_thanks {
    font-size: 4rem;
    font-family: Noto Serif;
    color: #FFFFFF;
    margin-left: 5rem;
}

.contact_thanks_line,
.contact_thanks_line2 {
    width: 117.65rem;
    font-size: 0.1rem;
    border: 0.1rem solid#FFFFFF;
    margin-left: 5.35rem;
}

.contact_thanks_text {
    font-size: 1.8rem;
    font-family: Noto Serif JP;
    color: #FFFFFF;
    margin-left: 5.4rem;
}

.top_flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.arrow_top {
    font-size: 1.8rem;
    font-family: Noto Serif;
    color: #FFFFFF;
    margin-left: 59.9rem;
}

.top {
    font-size: 1.8rem;
    font-family: Noto Serif JP;
    color: #FFFFFF;
    cursor: pointer;
}

/* 送信完了画面・パディング調整 */
.container_thanks {
    padding: 6rem 0 10rem;
}

/*送信完了画面・マージントップ */
.top_flex {
    margin-top: 3.5rem;
}

.contact_thanks_line2 {
    margin-top: 4.5rem;
}

.contact_thanks_text {
    margin-top: 2rem;
}

.contact_thanks_line {
    margin-top: 4.5rem;
}




@media screen and (max-width:699.98px) {
    .container {
        width: 37.5rem;
        background: #1a1a1a;
    }

    /* FAQ */
    .faq {
        width: 5.8rem;
        font-family: normal normal normal 40px/55px Noto Serif;
        font-size: 4rem;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .enclosure_1 {
        width: 35.5rem;
        /* height: 31.2rem; */
        background: #FFFFFF;
        margin-left: 1rem;
        padding: 2rem 1.2rem 4rem 1.1rem;
    }

    .q_flex {
        display: flex;
        gap: 1.5rem;
        align-items: center;
    }

    .q {
        font-size: 3rem;
        color: #000000;
    }

    .q_text {
        font-size: 1.6rem;
        font-family: normal normal normal 20px/43px Noto Serif JP;
        color: #000000;
        width: 29.8rem;
    }

    .enclosure_line {
        width: 33.5rem;
        border: 0.1rem solid #707070;
        margin-top: 1.003rem;
        margin-bottom: 0.997rem;
    }

    .a_flex {
        display: flex;
        gap: 1.5rem;
    }

    .a {
        font-size: 3rem;
        font-family: normal normal normal 40px/43px Noto Serif JP;
        color: #D10000;
    }

    .a_text {
        font-size: 1.6rem;
        color: #000000;
    }

    .a_text_1 {
        /* width: calc(17*1.8rem); */
    }

    .enclosure_2 {
        width: 35.5rem;
        height: 70.2rem;
        background: #FFFFFF;
        margin-left: 1rem;
        padding: 2rem 1.2rem 4rem 1.1rem;
    }

    .br_enclosure_2 {
        display: none;
    }

    .br_enclosure2_2 {
        display: inline;
    }

    .br_enclosure2_bottom {
        display: none;
    }

    .enclosure_3 {
        width: 35.5rem;
        height: 37.2rem;
        background: #FFFFFF;
        margin-left: 1rem;
        padding: 2rem 1.2rem 4rem 1.1rem;
    }

    .br_enclosure_3{
        display: none;
    }

    .enclosure_4 {
        width: 35.5rem;
        height: 61.2rem;
        background: #FFFFFF;
        margin-left: 1rem;
        padding: 2rem 1.2rem 4rem 1.1rem;
    }

    .br_enclosure4_bottom{
        display: none;
    }

    /* contact */
    .contact {
        width: 10.8rem;
        height: 4.1rem;
        font-size: 3rem;
        font-family: normal normal normal 40px/55px Noto Serif;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .contact_line {
        width: 35.3rem;
        font-size: 0.1rem;
        border: 0.1rem solid #FFFFFF;
        margin-left: 1rem;
    }

    .inquiry_detail_flex,
    .name_flex,
    .address_flex,
    .address_confirmation_flex,
    .phone_number_flex,
    .inquiry_detail2_flex {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .inquiry_detail,
    .name,
    .address,
    .address_confirmation,
    .phone_number,
    .inquiry_detail2 {
        width: 20.1rem;
        font-size: 1.8rem;
        font-family: normal normal normal 18px/24px Noto Serif JP;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .required {
        color: #D50000;
    }

    .select_wrap,
    .name_text,
    .address_text,
    .address_confirmation_text,
    .phone_number_text {
        width: 35.5rem;
        height: 4rem;
        background: #FFFFFF;
        border: 0.1rem solid #000000;
        border-radius: 0.5rem;
        margin-left: 1rem;
    }

    .select_text,
    .name_text,
    .address_text,
    .address_confirmation_text,
    .phone_number_text {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .inquiry_detail2_text {
        width: 35.5rem;
        height: 40rem;
        border: 0.1rem solid #000000;
        background: #FFFFFF;
        border-radius: 0.5rem;
        margin-left: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.7rem;
        resize: none;
    }

    .verification_screen_flex {
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .arrow {
        font-size: 1.8rem;
        font-family: normal normal normal 18px/24px Noto Serif;
        color: #FFFFFF;
        margin-left: 13.8rem;
    }

    .verification_screen {
        font-size: 1.8rem;
        font-family: normal normal normal 18px/26px Noto Serif JP;
        color: #FFFFFF;
    }

    /* *******セレクトボックス矢印********* */
    .select_wrap {
        position: relative;
        display: inline-block;
    }

    .select_wrap::after {
        content: "▼";
        color: #000000;
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 1.8rem;
    }

    .select_text {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 3rem;
        width: 35.5rem;
        height: 4rem;
        font-size: 1.8rem;
    }

    .inquiry_detail_select {
        width: 35.5rem;
        height: 4rem;
        font-size: 1.8rem;
        border-radius: 0.5rem;
    }

    /* パディング調整 */
    .container {
        padding: 3rem 0 10rem;
    }

    /* マージントップ */
    .verification_screen_flex {
        margin-top: 2rem;
    }

    .inquiry_detail2_text,
    .phone_number_text,
    .address_confirmation_text,
    .address_text,
    .name_text,
    .select_wrap {
        margin-top: 0rem;
    }

    .inquiry_detail2,
    .phone_number,
    .address_confirmation,
    .address,
    .name,
    .inquiry_detail {
        margin-top: 1.5rem;
    }

    .contact_line_top {
        margin-top: 1rem;
    }

    .contact {
        margin-top: 4rem;
    }

    .enclosure_4,
    .enclosure_3,
    .enclosure_2 {
        margin-top: 3rem;
    }

    .enclosure_1 {
        margin-top: 1rem;
    }

    /*確認画面sp版  */
    .container_confirm {
        width: 37.5rem;
        background: #1a1a1a;
    }

    .contact_confirm {
        width: 10.8rem;
        height: 4rem;
        font-size: 3rem;
        font-family: normal normal normal 40px/55px Noto Serif;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .contact_line_confirm {
        width: 35.5rem;
        font-size: 0.1rem;
        border: 0.1rem solid #FFFFFF;
        margin-left: 1rem;
    }

    .inquiry_detail_flex,
    .name_flex,
    .address_flex,
    .address_confirmation_flex,
    .phone_number_flex,
    .inquiry_detail2_flex {
        display: flex;
        gap: 1.5rem;
        flex-direction: column;
    }

    .inquiry_detai2,
    .name2,
    .address2,
    .address_confirmation2,
    .phone_number2,
    .inquiry_detail2_2 {
        width: 20.1rem;
        font-size: 1.8rem;
        font-family: normal normal normal 18px/24px Noto Serif JP;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .required {
        color: #D50000;
    }

    .select_wrap2,
    .name_text2,
    .address_text2,
    .address_confirmation_text2,
    .phone_number_text2 {
        width: 35.5rem;
        height: 4rem;
        background: #DEFFFB;
        border: 0.1rem solid #000000;
        border-radius: 0.5rem;
        cursor: pointer;
        margin-left: 1rem;
    }

    .inquiry_detail2_text2 {
        width: 35.5rem;
        height: 40rem;
        border: 0.1rem solid #000000;
        background: #DEFFFB;
        border-radius: 0.5rem;
        cursor: pointer;
        margin-left: 1rem;
        resize: none;
    }

    .button_flex {
        display: flex;
        gap: 13.7rem;
        align-items: center;
    }

    .input_screen_flex {
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .arrow_1 {
        font-size: 1.8rem;
        font-family: normal normal normal 18px/24px Noto Serif;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .input_screen_back {
        font-size: 1.8rem;
        font-family: normal normal normal 18px/26px Noto Serif JP;
        color: #FFFFFF;
    }

    .send_flex {
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .arrow_2 {
        font-size: 1.8rem;
        font-family: normal normal normal 18px/24px Noto Serif;
        color: #FFFFFF;
    }

    .send {
        font-size: 1.8rem;
        font-family: normal normal normal 18px/26px Noto Serif JP;
        color: #FFFFFF;
    }

    /* 確認画面・パディング調整 */
    .container_confirm {
        padding: 3rem 0 10rem;
    }

    /*確認画面・マージントップ  */
    .button_flex {
        margin-top: 2rem;
    }

    .select_wrap2,
    .name_text2,
    .address_text2,
    .address_confirmation_text2,
    .phone_number_text2 {
        margin-top: 0rem;
    }

    .inquiry_detai2,
    .name2,
    .address2,
    .address_confirmation2,
    .phone_number2,
    .inquiry_detail2_2 {
        margin-top: 1.5rem;
    }

    .inquiry_detail2_text2 {
        margin-top: 1.5rem;
    }

    .contact_line_top2 {
        margin-top: 1.5rem;
    }

    /********テキスト*******/
    .select_text2,
    .name_text2,
    .address_text2,
    .address_confirmation_text2,
    .phone_number_text2,
    .inquiry_detail2_text2 {
        font-size: 1.8rem;
        font-family: Noto Serif JP;
        color: #000000;
    }

    .select_wrap2,
    .name_text2,
    .address_text2,
    .address_confirmation_text2,
    .phone_number_text2 {
        padding-top: 0.7rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 0.7rem;
        padding-right: 1rem;
    }

    .inquiry_detail2_text2 {
        padding-top: 0.7rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*送信完了画面sp版 */
    .container_thanks {
        width: 37.5rem;
        background: #1a1a1a;
    }

    .contact_thanks {
        font-size: 3rem;
        font-family: Noto Serif;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .contact_thanks_line,
    .contact_thanks_line2 {
        width: 35.5rem;
        font-size: 0.1rem;
        border: 0.1rem solid#FFFFFF;
        margin-left: 1rem;
    }

    .contact_thanks_text {
        font-size: 1.8rem;
        font-family: Noto Serif JP;
        color: #FFFFFF;
        margin-left: 1rem;
    }

    .top_flex {
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .arrow_top {
        font-size: 1.8rem;
        font-family: Noto Serif;
        color: #FFFFFF;
        margin-left: 14.6rem;
    }

    .top {
        font-size: 1.8rem;
        font-family: Noto Serif JP;
        color: #FFFFFF;
    }

    /* 送信完了画面・パディング調整 */
    .container_thanks {
        padding: 3rem 0 10rem;
    }

    /*送信完了画面・マージントップ */
    .top_flex {
        margin-top: 1.5rem;
    }

    .contact_thanks_line2 {
        margin-top: 1.5rem;
    }

    .contact_thanks_text {
        margin-top: 1.5rem;
    }

    .contact_thanks_line {
        margin-top: 1rem;
    }
}






















































/* */