@charset "utf-8";

.contact_contents {
    padding: 3rem 0;

    & h1 {
        margin-bottom: 5rem;
        font-size: 2rem;
    }
}

/* お問い合わせフォーム */
/* 共通パーツ */
#mw_wp_form_mw-wp-form-73,
#mw_wp_form_mw-wp-form-81 {
    width: 800px;
    margin: 0 auto;

    & form>div {
        display: flex;
        margin-bottom: 1em;

        >div {
            min-width: 220px;
            justify-content: flex-end;

            @media screen and (max-width: 768px) {
                justify-content: flex-start;
            }
        }

        >p {
            /* width: 75%; */
            text-align-last: left;
        }

        .pp_txt {
            display: inline-block;
            text-align: left;
        }

        &:not(:last-of-type) {
            @media screen and (max-width: 768px) {
                display: block;
                text-align: center;
            }
        }

    }
}

/* 特定の要素のための調整 */
label {
    cursor: pointer;
}

.item {
    margin-right: .7rem;
}

.message {
    display: flex;
    align-items: flex-start;
}

.message textarea {
    margin-left: 1em;
    padding: .5em;
    width: 100%;
    resize: none;
}

.item_list {
    margin-bottom: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

input[name="company"],
input[name="company-ph"],
input[name="name"],
input[name="name-ph"],
input[name="division-name"],
input[name="post"],
input[name="industry"],
input[name="postal-number"],
input[name="address"],
input[name="mail"],
input[name="tel"] {
    margin-left: 1em;
    padding: 0 .5em;
    line-height: 2;
    width: calc(100% - 2em);
    /* スペースを考慮して100%未満 */
}

select {
    margin-left: 1em;
    padding: .3em;
    width: calc(100% - 1em);
    /* スペースを考慮して100%未満 */
}

.indispensability {
    margin: .5em 1em 0 0;
    padding: 0 .5em;
    font-size: 12px;
    color: white;
    background-color: #DD4C4C;
}

.arbitrarily {
    margin: .2em 1em 0 0;
    padding: 0 .5em;
    font-size: 12px;
    border: solid 1px #333333;
    background-color: white;
}

.mwform-tel-field {
    display: flex;
    align-items: center;
    gap: 2px;
}

#mw_wp_form_mw-wp-form-73 form,
#mw_wp_form_mw-wp-form-81 form {

    & #discovery_trigger {
        margin-bottom: 1em;
    }

    & #other {
        margin-bottom: 8em;
    }
}

/* btn共通 */
.mw_wp_form [type=submit] {
    margin-top: 1em;
    padding: .8em 3.5em;
    font-size: min(1.2vw, 1.2em);
    color: white;
    font-weight: 700;
    background-color: #052158;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
    border: none;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.mw_wp_form [type=submit]:hover {
    color: #333333;
    background-color: white;
}

/* 確認画面 */
.confirm_txt {
    margin-top: 5rem;
}

/* 確認画面終了 */

/* backbtn */
input[name="submitBack"] {
    margin-right: 5em;
}

/* sendbtn */
input[name="mwform_bsubmit-15"] {
    margin-left: 5em;
}

/* 完了画面 */
.send_complete {
    margin-top: 13rem;
    font-size: min(1.4vw, 1.6em);
    margin-bottom: .5em;
}

.send_message {
    margin-bottom: 13rem;
    line-height: 2;
}

/* 完了画面終了 */

/* エラーメッセージ */
.mw_wp_form .error {
    margin: .5em 0 0 1em;
    font-size: 60%;
    color: #DD4C4C;
}

/* rwd改行用 */
.sp_br {
    display: none;
}

/* 個人情報の取り扱いについて */
.privacypolicy {
    margin: 3rem auto 12rem;
    justify-content: center;
    /* align-items: center; */

    display: flex;
    align-items: flex-start;
    text-align: left
}

/* 画面幅768px以下時のスタイル */
@media screen and (max-width: 768px) {

    /* 全体を中央寄せ */
    #mw_wp_form_mw-wp-form-73,
    #mw_wp_form_mw-wp-form-81 {
        width: 90%;
        text-align: center;
    }

    .company,
    .company-ph,
    .name,
    .name-ph,
    .division-name,
    .post,
    .industry,
    .postal-number,
    .address,
    .mail,
    .tel,
    .message {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .item_list {
        flex-direction: row;
        align-items: center;
        margin: 0 auto 1em;
    }

    input[name="company"],
    input[name="company-ph"],
    input[name="name"],
    input[name="name-ph"],
    input[name="division-name"],
    input[name="post"],
    input[name="industry"],
    input[name="postal-number"],
    input[name="address"],
    input[name="mail"],
    input[name="tel"],
    select {
        margin-left: 0;
        width: 100%;
    }

    .message textarea {
        width: 100%;
        margin-left: 0;
    }

    /* ダウンロードページ専用 */

    #open-area {
        flex-direction: column;
    }

    .dl_txt {
        margin-left: -24px;
    }
}