@charset "UTF-8";
/* タイトル系
---------------------------------------------------------------------------- */
/* Table Of Contents
---------------------------------------------------------------------------- 
General Elements
header
gNav
visual
topicPath
footer

---------------------------------------------------------------------------- */
/* 資料請求 メールアドレス認証
---------------------------------------------------------------------------- */
.m-title05 span {
    background: url(/common/images/common/bg_title_border02.gif) no-repeat left center;
    background-size: 5px 23px;
    display: inline-block;
    line-height: 23px;
    font-size: 150%;
    color: #212121;
    padding-left: 15px;
    padding-right: 15px;
}

.m-attendance-member .m-attendance-member-accordion {
    /* スムーズ物件エントリー  */
    background-color: #F6F8FF !important;
    border: 1px solid #D2D4DB !important;
    border-radius: 10px;
    padding: 14px 20px 14px 14px;
    margin: 8px auto;
}

.p-table-tr.p-table-tr02.m-table {
    /* PCで最後の2項目くらいの枠ずれ修正1120を1119に、影響出たら消す */
    width: 1119px;
}

.m-attendance-member .m-attendance-member-accordion dd {
    display: none;
    padding: 10px 0 0;
}

.m-attendance-member .m-attendance-member-accordion dt span {
    padding: 0;
    display: inline-block;
}

.js-accordion-btn02 p.title_18 {
    color: #002662;
    font-size: 18px !important;
    margin-bottom: 6px !important;
    width: 100%;
}

.js-accordion-btn02 span.small_15 {
    color: #002662;
    font-size: 15px !important;
}

.accordion_text_button {
    /* pとbutton */
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
}

dt.js-accordion-btn02 {
    display: flex;
    gap: 15px;
    align-items: center;
    text-align: left;
    width: 100%;
}

.accordion_text_button img {
    width: 30px;
    height: 31px;
}

.js-accordion-btn02 p.text_gray {
    color: #333;
    font-size: 16px !important;
    width: 100%;
}

.m-attendance-member .m-attendance-member-accordion dt {
    /* アコーディオンopen中身 */
    color: #002662;
    cursor: pointer;
    letter-spacing: -1px;
    background-size: 15px;
    justify-content: space-between;
}

.m-attendance-member .m-attendance-member-accordion dd .m-member-btn {
    width: 400px;
    margin: 40px auto 0;
}

.m-attendance-member .m-attendance-member-accordion dd .m-member-link a {
    background: none;
}

.m-table .m-table-tr .m-table-th {
    /* メールアドレス */
    width: 57%;
    padding: 10px 3%;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    justify-content: flex-start;
    color: #002662 !important;
    font-size: 14px;
}

.m-required {
    /* 必須ラベル */
    display: flex;
    background-color: #d30303;
    border-radius: 3px;
    height: 20px;
    line-height: 1.75;
    font-size: 13px;
    align-items: center;
    justify-content: center;
}

.m-table .m-table-tr .m-table-th .m-table-th-in.m-code-label {
    width: 110px;
    color: #002662;
}

.m-table .m-table-tr .m-table-td {
    /* 項目と左右余白 */
    width: 100%;
    padding: 5px 12px 5px;
    font-size: 116.7%;
    box-sizing: border-box;
    line-height: 3.2;
}

.m-table .m-table-tr .m-table-td input[type="text"].m-input03,
.m-table .m-table-tr .m-table-td input[type="text"],
.m-table .m-table-tr .m-table-td05 .m-textother input {
    /* メールアドレス入力フォーム */
    border-radius: 4px !important;
    border: 1px solid #D2D4DB !important;
}

.m-table .m-table-tr .m-table-td input[type="text"].length1 {
    text-align: center;
}

.m-btn01.mailaddress_verification {
    /* 認証コード送信ボタン */
    background-color: #fff;
    width: 100%;
    max-width: 170px;
    height: 43px;
    background-color: #F6F8FF;
    border: 1px solid #D2D4DB;
    border-radius: 10px;
    color: #333333;
}

/* 認証コード送信後 画面 */
input#send_verification_code.m-btn01.send_verification_code.m-bottom10,
input#change_email.m-btn01.change_email {
    /* 再送信ボタンとアドレス変更ボタン */
    margin-bottom: 10px;
    background-color: #F6F8FF;
    border: 1px solid #D2D4DB;
    border-radius: 10px;
    color: #333333;
    width: 100%;
    max-width: 170px;
    height: 43px;
    cursor: pointer;
}

/* 認証コードを送信しました（左にチェックマーク画像 右にテキスト */
.m-verification-status-area {
    display: flex;
    align-items: center;
    padding: 0 4px;
    margin-top: 13px;
    margin-bottom: 26px;
}

.m-verification-status-area img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.m-verification-status-area p {
    font-size: 16px;
    color: #3FB63C;
    line-height: 1;
}

.p-table-td.m-table-td .p-table-th.m-table-th {
    /* 認証コード */
    width: 100%;
    padding: 10px 0;
    padding-left: 8px !important;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    justify-content: flex-start;
    height: 42.5px;
    color: #002662 !important;
    font-size: 14px;
    margin-top: 10px;
}

.p-table-td.m-table-td .m-table-th-in {
    /* 認証コードの文字 */
    height: auto;
    line-height: 1.3;
    color: #333333;
}

.m-table .m-table-tr .m-table-td .m-select01 {
    border-radius: 4px;
}

.p-table-td.m-table-td .m-bottom10 {
    line-height: 21px;
    margin-top: 0px;
}

/* コード６文字右に送信ボタン */
.input-container.m-bottom10 {
    /* コード１文字ずつ入力フォーム */
    gap: 0px;
}

input.length1 {
    /* コード１文字ずつ入力フォーム */
    margin-right: 4px;
    border: 1px solid #D2D4DB;
    width: 50px;
    height: 60px;
    border-radius: 5px;
}

input.default_length1 {
    margin-right: 4px;
    border: 1px solid #D2D4DB;
    width: 50px;
    height: 60px;
    border-radius: 5px;
}

input#check_verification.m-btn01.check_verification {
    /* コード入力後送信ボタン */
    margin-bottom: 10px;
    background-color: #F6F8FF;
    border: 1px solid #D2D4DB;
    border-radius: 10px;
    color: #333333;
    width: 100%;
    max-width: 90px;
    height: 43px;
    cursor: pointer;
}

.m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:first-child,
.m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:last-child {
    margin-bottom: 10px;
    border-radius: 10px;
    width: 100%;
    max-width: 90px;
    height: 43px;
    cursor: pointer;
}

/* 他ボタン */
.m-table .m-table-tr .m-table-td .m-btn01 {
    padding: 0;
    margin-bottom: 10px;
    background-color: #F6F8FF;
    border: 1px solid #D2D4DB;
    border-radius: 10px;
    color: #333333;
    width: 100%;
    max-width: 135px;
    height: 43px;
    cursor: pointer;
}

.btn-flex-address {
    align-items: center;
    justify-content: flex-start;
    gap: 0 20px;
    margin: 10px 0;
}

/* チェックボックス */
.m-cbxdb label span {
    background-image: url(/common/images/common/img_checkbox.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 16px;
    line-height: 16px;
    display: block;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 2px;
    left: 0;
}

/* その他 */
.m-table .m-table-tr .m-table-td05 #enquete_other {
    /* 入力フォーム */
    width: 85%;
}

.m-table .m-table-tr .m-table-td05 .m-textother {
    /* その他も含めた背景 */
    clear: both;
    width: 80%;
}

.m-table .m-table-tr .m-table-td02 {
    width: 101%;
    box-sizing: border-box;
}

/* 住所を調べるの左アイコン */
.m-table .m-table-tr .m-table-td .m-link01 {
    color: #002662;
    font-size: 108.3%;
    background: url(/common/images/common/ico_pc_sidebar_arrow.png) no-repeat left center;
    padding-left: 20px;
    margin-left: 20px;
}

/* デフォルト認証コードエリア */
.default_code_area .p-table-th.m-table-th span.m-table-th-in.m-code-label {
    color: #2121216c;
}

.default_code_area .m-required {
    display: flex;
    background-color: #d3030369;
    border-radius: 3px;
    height: 20px;
    line-height: 1.75;
    font-size: 13px;
    align-items: center;
    justify-content: center;
}

.default_code_area .p-table-th.m-table-th {
    color: #2121216c;
}

.default_code_area p.m-bottom10 {
    cursor: auto;
    color: #2121216c;
}

.default_code_area input#check_verification.m-btn01.check_verification {
    cursor: auto;
    background-color: #f6f8ff8a;
    color: #2121216c;
}

.default_code_area .m-btn01.check_verification {
    cursor: auto;
    max-width: 90px !important;
    background-color: #f6f8ff8a !important;
    color: #2121216c !important;
}

/*初期表示グレーアウト ---------------------------- */
.is-gray .p-attendance span,
.is-gray .p-attendance .m-table-th-in,
.is-gray .p-table .p-table-th .m-table-th-in,
.is-gray .p-attendance p.title_18,
.is-gray .p-attendance p.text_gray,
.is-gray .m-textother {
    color: #2121216c;
}

.is-gray .m-attendance-member .m-attendance-member-accordion dt {
    /* BRANZ CLUB会員アコーディオン非活性 */
    pointer-events: none;
}

.is-gray .m-btn01.mailaddress_verification {
    /* 認証コード送信ボタン */
    background-color: #f6f8ff8a !important;
    color: #2121216c !important;
}

.is-gray span.m-required {
    background-color: #d3030369;
    color: #fff;
}

.is-gray .p-table-td.m-table-td .m-input04,
.is-gray .p-table-td.m-table-td .m-input10,
.is-gray .p-table-td.m-table-td .m-input06,
.is-gray .p-table-td.m-table-td .m-input01,
.is-gray input[type="radio"]+label {
    background: #ffcdd2;
    color: #2121216c;
}

.is-gray .p-table-td.m-table-td input[required] {
    background: #ffcdd2;
}

.is-gray .m-table .m-table-tr .m-table-td input[type="text"].m-input03,
.is-gray .m-table .m-table-tr .m-table-td input[type="text"],
.is-gray .m-table .m-table-tr .m-table-td05 .m-textother input {
    border-radius: 4px !important;
    border: 1px solid #D2D4DB !important;
}

.is-gray .m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:first-child,
.is-gray .m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:last-child {
    margin-bottom: 10px;
    background-color: #F6F8FF !important;
    border: 1px solid #D2D4DB !important;
    border-radius: 10px;
    color: #333333;
    width: 100%;
    max-width: 90px;
    height: 43px;
    cursor: pointer;
    color: #2121216c;
}

.is-gray .m-table .m-table-tr .m-table-td .m-link01 {
    color: #2121216c;
}

.is-gray .m-table .m-table-tr .m-table-td .m-select01 {
    color: #2121216c;
}

.is-gray p span.m-table-th-in {
    color: #2121216c !important;
}

.is-gray .p-table-tr .m-table-tr .p-table-td .m-table-td {
    color: #2121216c !important;
}

.is-gray span.p-attendance {
    color: #2121216c;
}

.is-gray input[type="text"] {
    border: 1px solid #2121216c !important;
    background-color: #f9f9f9;
    pointer-events: none;
}

.is-gray .p-table-td.m-table-td,
.is-gray .p-table-tr02,
.is-gray .m-cbxdb label,
.is-gray .m-table-td04-text,
.is-gray .m-table-bottom-text,
.is-gray .m-table-bottom-text a,
.is-gray .m-table-td04-text a,
.is-gray .p-table-td.m-table-td p,
.is-gray .p-table-td.m-table-td::placeholder,
.is-gray .m-table-bottom-text04,
.is-gray .m-table-bottom-ssl a {
    color: #2121216c !important;
    pointer-events: none;
    /* リンクをクリックできないようにする */
    text-decoration-color: #2121216c !important;
    /* リンクの下線もグレーに */
}

/* チェックボックス本体を薄くする */
.is-gray input[type="checkbox"] {
    opacity: 0 !important;
    pointer-events: none;
}

.is-gray input[type="text"] {
    color: #2121216c !important;
    border-color: #2121216c !important;
    pointer-events: none !important;
}

/* 3. 画像や画像ボタンを薄くする */
.is-gray img,
.is-gray input[type="image"] {
    opacity: 0.3 !important;
    filter: grayscale(100%) !important;
    pointer-events: none !important;
}

.is-gray img,
.is-gray input[type="image"],
.is-gray .btn-flex-address img {
    opacity: 0.3 !important;
    /* 30%の薄さにする */
    filter: grayscale(100%) !important;
    /* 白黒にする（より無効感が出ます） */
    pointer-events: none !important;
}

.is-gray .m-table .m-table-tr .m-table-accordion .m-table-tr .m-table-th02 {
    opacity: 0.3 !important;
    /* 30%の薄さにする */
    filter: grayscale(100%) !important;
    /* 白黒にする（より無効感が出ます） */
    pointer-events: none !important;
}

.is-gray .m-cbxdb span {
    opacity: 0.3 !important;
    /* 30%の薄さにする */
    filter: grayscale(100%) !important;
    /* 白黒にする（より無効感が出ます） */
    pointer-events: none !important;
}

/* 3. チェックボックス本体 */
.is-gray input[type="checkbox"] {
    opacity: 0 !important;
}

/* グレーアウトEND */



/* SP レスポンシブ対応
---------------------------------------------------------------------------- */
@media all and (max-width: 641px) {
    .l-pageBody {
        /* 横スクロール制御 */
        overflow-x: hidden;
    }

    /* 資料請求 メールアドレス認証 */
    .m-attendance-member .m-attendance-member-accordion {
        /* スムーズ物件エントリー  */
        background-color: #F6F8FF !important;
        border: 1px solid #D2D4DB !important;
        border-radius: 10px;
        width: 90%;
        padding: 6px 12px;
        margin: 8px auto;
    }

    .js-accordion-btn02 p.title_18 {
        color: #002662;
        font-size: 18px !important;
        margin-bottom: 6px !important;
        width: 100%;
    }

    .js-accordion-btn02 span.small_15 {
        color: #002662 !important;
        font-size: 15px !important;
    }

    .accordion_text_button {
        display: flex;
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }

    dt.js-accordion-btn02 {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    dt.js-accordion-btn02 img {
        width: 30px;
        height: 31px;
    }

    .js-accordion-btn02 p.text_gray {
        color: #333;
        font-size: 16px !important;
        width: 100%;
    }

    .m-attendance-member .m-attendance-member-accordion dt {
        /* アコーディオンopen中身 */
        /* padding: 15px 0 0; */
        color: #002662;
        cursor: pointer;
        letter-spacing: -1px;
        background-size: 15px;
    }

    .m-attendance-member .m-attendance-member-accordion dd .m-member-btn {
        margin-top: 0px;
        width: 100%;
    }

    .m-attendance-member .m-attendance-member-accordion dd .m-member-link a {
        background: none;
    }

    .p-content-inner.mail_area .middle-area .m-table .m-table-tr .m-table-th {
        background-color: #e9ecf5;
    }

    .p-content-inner.mail_area .m-table .m-table-tr .m-table-th,
    .p-content-inner.mail_area .p-table-th .m-table-th {
        /* メールアドレス */
        width: 100% !important;
        background-color: #fff;
    }

    .m-table .m-table-tr .m-table-th {
        width: 100%;
        padding: 10px 3%;
        align-items: center;
        box-sizing: border-box;
        -webkit-box-pack: justify;
        justify-content: flex-start;
        color: #002662 !important;
        font-size: 14px;
    }

    .p-content-inner.mail_area .m-table .m-table-tr .m-table-th .m-table-th-in {
        width: 50%;
    }

    .p-content-inner.mail_area .middle-area .m-table .m-table-tr .m-table-th .m-table-th-in{
        width: 83%;
    }

    .m-required {
        /* 必須ラベル */
        display: flex;
        background-color: #d30303;
        border-radius: 3px;
        height: 20px;
        line-height: 1.75;
        font-size: 13px;
        align-items: center;
        justify-content: center;
    }

    .m-table .m-table-tr .m-table-td {
        /* 項目と左右余白 */
        width: 100%;
        padding: 2px 12px 5px;
        font-size: 116.7%;
        box-sizing: border-box;
        line-height: 3.2;
    }

    .m-table .m-table-tr .m-table-td input[type="text"].m-input03 {
        /* メールアドレス入力フォーム */
        width: 100%;
        border-radius: 10px;
        border: 1px solid #D2D4DB;
    }

    .m-btn01.mailaddress_verification {
        /* 認証コード送信ボタン */
        background-color: #fff;
        width: 100%;
        max-width: 170px;
        height: 43px;
        background-color: #F6F8FF;
        border: 1px solid #D2D4DB;
        border-radius: 10px;
        color: #333333;
    }

    /*その他グレーアウト */
    .is-gray .p-attendance span,
    .is-gray .p-table-td.m-table-td .m-table-th-in,
    .is-gray .p-table .p-table-th .m-table-th-in,
    .is-gray .p-attendance p.title_18,
    .is-gray .p-attendance p.text_gray {
        color: #2121216c;
    }

    .is-gray .m-attendance-member .m-attendance-member-accordion dt {
        /* BRANZ CLUB会員アコーディオン非活性 */
        pointer-events: none;
    }

    .is-gray .m-btn01.mailaddress_verification {
        /* 認証コード送信ボタン */
        background-color: #f6f8ff8a !important;
        color: #2121216c !important;
    }

    .is-gray span.m-required {
        background-color: #d3030369;
        color: #fff;
    }

    .is-gray .p-table-td.m-table-td .m-input04,
    .is-gray .p-table-td.m-table-td .m-input10,
    .is-gray .p-table-td.m-table-td .m-input06,
    .is-gray .p-table-td.m-table-td .m-input01,
    .is-gray input[type="radio"]+label {
        background: #ffcdd2;
        color: #2121216c;
    }

    .is-gray .m-table .m-table-tr .m-table-td input[type="text"].m-input03,
    .is-gray .m-table .m-table-tr .m-table-td input[type="text"],
    .is-gray .m-table .m-table-tr .m-table-td05 .m-textother input {
        border-radius: 4px !important;
        border: 1px solid #D2D4DB !important;
    }

    .is-gray .m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:first-child,
    .is-gray .m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:last-child {
        margin-bottom: 10px;
        background-color: #F6F8FF !important;
        border: 1px solid #D2D4DB !important;
        border-radius: 10px;
        color: #333333;
        width: 100%;
        max-width: 90px;
        height: 43px;
        cursor: pointer;
        color: #2121216c;
    }

    .is-gray .m-table .m-table-tr .m-table-td .m-link01 {
        color: #2121216c;
    }

    .is-gray .m-table .m-table-tr .m-table-td .m-select01 {
    color: #2121216c;
    }

    .is-gray p span.m-table-th-in {
        color: #2121216c !important;
    }

    .is-gray .p-table-tr .m-table-tr .p-table-td .m-table-td {
        color: #2121216c !important;
    }

    .is-gray span.p-attendance {
        color: #2121216c;
    }

    .is-gray input[type="text"] {
        border: 1px solid #2121216c !important;
        background-color: #f9f9f9;
        pointer-events: none;
    }

    .is-gray .p-table-td.m-table-td,
    .is-gray .p-table-tr02,
    .is-gray .m-cbxdb label,
    .is-gray .m-table-td04-text,
    .is-gray .m-table-bottom-text,
    .is-gray .m-table-bottom-text a,
    .is-gray .m-table-td04-text a,
    .is-gray .p-table-td.m-table-td p,
    .is-gray .p-table-td.m-table-td::placeholder {
        color: #2121216c !important;
        pointer-events: none;
        /* リンクをクリックできないようにする */
        text-decoration-color: #2121216c !important;
        /* リンクの下線もグレーに */
    }

    /* チェックボックス本体を薄くする */
    .is-gray input[type="checkbox"] {
        opacity: 0 !important;
        pointer-events: none;
    }

    .is-gray input[type="text"] {
        color: #2121216c !important;
        border-color: #2121216c !important;
        pointer-events: none !important;
    }

    /* 3. 画像や画像ボタンを薄くする */
    .is-gray img,
    .is-gray input[type="image"] {
        opacity: 0.3 !important;
        filter: grayscale(100%) !important;
        pointer-events: none !important;
    }

    .is-gray img,
    .is-gray input[type="image"] {
        opacity: 0.3 !important;
        /* 30%の薄さにする */
        filter: grayscale(100%) !important;
        /* 白黒にする（より無効感が出ます） */
        pointer-events: none !important;
    }

    /* 住所を調べるの左アイコン */
    .is-gray .m-table .m-table-tr.m-table-td .m-link01 {
        color: #002662;
        font-size: 108.3%;
        background: url(/common/images/common/ico_pc_sidebar_arrow.png) no-repeat left center;
        padding-left: 20px;
        margin-left: 20px;
        opacity: 0.3 !important;
        /* 30%の薄さにする */
        filter: grayscale(100%) !important;
        /* 白黒にする（より無効感が出ます） */
        pointer-events: none !important;
    }


    .is-gray .m-table .m-table-tr .m-table-accordion .m-table-tr .m-table-th02 {
        background: url(/common/images/common/btn_form_open.png) no-repeat 95% center;
        opacity: 0.3 !important;
        /* 30%の薄さにする */
        filter: grayscale(100%) !important;
        /* 白黒にする（より無効感が出ます） */
        pointer-events: none !important;
    }

    .is-gray .m-cbxdb span {
        opacity: 0.3 !important;
        /* 30%の薄さにする */
        filter: grayscale(100%) !important;
        /* 白黒にする（より無効感が出ます） */
        pointer-events: none !important;
    }

    /* 3. チェックボックス本体 */
    .is-gray input[type="checkbox"] {
        opacity: 0 !important;
    }

    /* グレーアウトEND */


    /* 認証コード送信後 画面 */
    input#send_verification_code.m-btn01.send_verification_code.m-bottom10,
    input#change_email.m-btn01.change_email {
        margin-bottom: 10px;
        background-color: #F6F8FF;
        border: 1px solid #D2D4DB;
        border-radius: 10px;
        color: #333333;
        width: 100%;
        max-width: 170px;
        height: 43px;
        cursor: pointer;
    }

    /* 認証コードを送信しました（左にチェックマーク画像 右にテキスト */
    .m-verification-status-area {
        display: flex;
        align-items: center;
        padding: 0 4px;
        margin-top: 13px;
        margin-bottom: 26px;
    }

    .m-verification-status-area img {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }

    .m-verification-status-area p {
        font-size: 16px;
        color: #3FB63C;
        line-height: 1;
    }

    .p-table-td.m-table-td .p-table-th.m-table-th {
        /* 認証コード */
        width: 100%;
        padding: 10px 0 !important;
        align-items: center;
        box-sizing: border-box;
        -webkit-box-pack: justify;
        justify-content: flex-start;
        height: 42.5px;
        color: #002662 !important;
        font-size: 14px;
    }

    .p-table-td.m-table-td .m-table-th-in {
        /* 認証コードの文字 */
        height: auto;
        line-height: 1.3;
        color: #333333;
    }

    .m-table .m-table-tr .m-table-td .m-select01 {
        border-radius: 4px;
    }

    .p-table-td.m-table-td .m-bottom10 {
        line-height: 25px;
    }

    /* コード６文字お右に送信ボタン */
    .input-container.m-bottom10 {
        /* コード１文字ずつ入力フォーム */
        gap: 0px;
    }

    input.length1 {
        /* コード１文字ずつ入力フォーム */
        margin-right: 4px;
        border: 1px solid #D2D4DB;
        width: 50px;
        height: 60px;
        border-radius: 5px;
    }

    input.default_length1 {
        margin-right: 4px;
        border: 1px solid #D2D4DB;
        width: 50px;
        height: 60px;
        border-radius: 5px;
    }

    input#check_verification.m-btn01.check_verification {
        /* コード入力後送信ボタン */
        margin-bottom: 10px;
        background-color: #F6F8FF;
        border: 1px solid #D2D4DB;
        border-radius: 10px;
        color: #333333;
        width: 100%;
        max-width: 90px;
        height: 43px;
        cursor: pointer;
    }

    /* 他ボタン */
    .m-table .m-table-tr .m-table-td {
        line-height: 1.75;
        margin: 0 auto 20px;
    }

    .p-table-tr.m-table-tr span.p-text01 {
        margin: 0 auto 20px;
        display: block;
    }

    .m-table .m-table-tr .m-table-td .m-buttonlist {
        /* ボタン横並び */
        overflow: hidden;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        justify-content: center;
        width: 50%;
    }

    .m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:first-child,
    .m-table .m-table-tr .m-table-td .m-buttonlist .m-btn01:last-child {
        margin-bottom: 0;
    }

    /* 住所入力・海外の方 */
    .btn-flex-address {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0 20px;
        margin-top: 10px;
    }

    .m-table .m-table-tr .m-table-td .m-buttonlist {
        overflow: hidden;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        max-width: 200px;
        margin-top: 10px;
    }

    .m-table .m-table-tr .m-table-accordion .m-table-tr .m-table-th02 {
        background: url(/common/images/common/btn_form_open.png) no-repeat 95% center;
        padding-right: 12%;
        padding-top: 15px;
        padding-bottom: 20px;
        background-size: 20px;
        margin-bottom: 0;
    }

    .m-table .m-table-tr .m-table-accordion .m-table-tr .m-table-th02.active {
        background: url(/common/images/common/btn_form_close.png) no-repeat 95% center;
        background-size: 20px;
    }

    /* その他入力フォーム */
    .m-table .m-table-tr .m-table-td05 .m-textother {
        clear: both;
        width: 100%;
    }
}

@media all and (max-width: 465px) {
    input.length1 {
        /* コード１文字ずつ入力フォーム */
        margin-right: 4px;
        border: 1px solid #D2D4DB;
        width: 40px;
        height: 50px;
        border-radius: 5px;
    }

    input.default_length1 {
        margin-right: 4px;
        border: 1px solid #D2D4DB;
        width: 40px;
        height: 50px;
        border-radius: 5px;
    }

}

@media all and (max-width: 420px) {
    input.length1 {
        /* コード１文字ずつ入力フォーム */
        margin-right: 4px;
        border: 1px solid #D2D4DB;
        width: 40px;
        height: 50px;
        border-radius: 5px;
    }

    input.default_length1 {
        margin-right: 4px;
        border: 1px solid #D2D4DB;
        width: 40px;
        height: 50px;
        border-radius: 5px;
    }

    input#check_verification.m-btn01.check_verification {
        margin-bottom: 10px;
        background-color: #F6F8FF;
        border: 1px solid #D2D4DB;
        border-radius: 10px;
        color: #333333;
        width: 100%;
        max-width: 70px;
        height: 43px;
        cursor: pointer;
    }
}