.required_mark{
    margin-bottom: 5px;
    line-height: 1.6;
}
.country_area .required_mark,
.country_area .any_mark {
    margin: 0 5px 5px 0;
    line-height: 1.6;
}

.select_text .required_mark{
    vertical-align: top;
    margin: 0 5px 5px 0;
    line-height: 1.6;
}

/* -------------------------------------
    必須マーク
---------------------------------------- */
.js-tabTargetLogin .required_mark {
    margin-right: 5px;
    line-height: 1.6;
}

.col01 .social_login_btn_list li {
    margin: 0 8% 15px 0;
}
.col01 .social_login_btn_list li:nth-of-type(4) {
    margin-right: 0;
}
.social_login_btn_list {
    padding: 0;
    display: block;
    margin: 0 auto;
}
.social_login_btn .-icon_box {
    width: 100%;
}


/* -------------------------------------
    STEP2
---------------------------------------- */

.amazonpay_btn_area_customer2 .amazonpay_txt {
    float: none;
}
.amazonpay_btn_area_customer2 .amazonpay_btn {
    width: 80%;
}
.amazonpay_btn_area_customer2, 
.amazonpay_text_area_customer2 {
    padding: 0;
}

.customer_area .js-balloonTipWrap {
    display: block;
}
.customer_area .js-balloonTip {
    color: #ffffff;
}
.customer_area .modal_btn.color01 {
    background-color: #357ebd;
    padding: 0 15px 0 10px;
}
.customer_area i.before_info {
    font-size: 1.4rem;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    line-height: 1;
    position: absolute;
    top: 4px;
}
.customer_area .modal_btn.color01 i.before_info {
    background-color: #ffc000;
    color: #444;
    margin-left: 5px;
    left: auto;
    top: 12px;
    right: 6px;
    margin-right: 5px;
    padding: 2px 5px;
    margin-bottom: 2px;
    border-radius: 10px;
    font-size: 1.2rem;
}
.customer_area .modal_btn.color01 i.before_info_new {
    color: #ffc000;
    margin-left: 10px;
}
.customer_area .base_table {
    margin-top: 0;
    border: none;
}
.customer_area .base_table th,
.customer_area .base_table td {
    background: none;
    border-right: none;
    border-bottom: none;
    padding: 0;
    border: none;
}
.study .customer_area .required_cell {
    padding: 0;
}
.study .customer_area .required_cell,
.customer_area .base_table th {
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 15px;
}
.customer_area .base_table td input[type=text],
.customer_area .base_table td input[type=password],
.base_table input[type=tel].sp_half,
.customer_area .js-designSelectText {
    border: solid 2px #cbcbcb;
    font-size: 1.6rem;
    margin-bottom: 10px;
    width: 67%;
}
.customer_area .base_table input[type=tel].sp_half {
    width: 64%;
    padding: 10px;
}
.customer_area .base_table input[type=text].half,
.customer_area .base_table input[type=password].half {
    width: 80%;
}
.customer_area .base_table input[type=text], 
.customer_area .base_table input[type=password] {
    margin-right: 0;
    padding: 10px;
}
/* WSYS-11551 【VMDB・フロント】性別で回答しない項目を追加 20241024 M.Shimizu */
.customer_area .design_radio input + span {
    border: solid 2px #cbcbcb;
    padding: 10px 20px;
    background: #ffffff;
    border-radius: 4px;
    width: auto;
    text-align: center;
    font-size: 1.6rem;
}
.customer_area .base_table td input[type=text], .customer_area .base_table td input[type=password], .base_table input[type=tel].sp_half, .customer_area .js-designSelectText
.customer_area .base_table td input[type=text],
.customer_area .base_table td input[type=password],
.base_table input[type=tel].sp_half,
.customer_area .js-designSelectText {
    margin-bottom: 0px;
}
.customer_area .base_table td input[type=text] {
    margin-bottom: 5px;
}
.customer_area .base_table td input[type=text]:last-of-type {
    margin-bottom: 0px;
    width: 64%;
}
.customer_area .base_table td.name_input_area p {
    padding-top: 5px;
}
label {
    margin: 0;
}
.design_radio input:checked + span {
    border: solid 2px #001c47;
    font-weight: bold;
}
.design_radio input + span:before, 
.design_radio input + span:after {
    display: none;
}
.base_table td .js-designSelectText {
    height: auto;
    line-height: 100%;
    padding: 10px;
    padding-right: 55px;
    width: 100%;
}
.base_table td .js-designSelectText:after {
    content: "▼";
    top: 0%;
    color: #bfbfbf;
    padding: 10px;
}
.base_table a {
    color: #333333;
}
.base_table a i {
    color: #cf0000;
}
table th.required_cell, 
table td.required_cell, 
table th.any_cell, 
table td.any_cell {
    padding: 10px 0 5px;
    background: none;
}
.base_table td {
    background: none;
}
.base_table caption {
    margin: 10px 0 0px;
}
span.input_note {
    display: block;
    padding-top: 3px;
}
#rental_suitcase_form table th.required_cell {
    padding: 10px;
}
#rental_suitcase_form input#receive_post_no {
    width: 65%;
}
#rental_suitcase_form .inline.overlap_btn {
    line-height: 2;
}
input#form_login_email,
input#form_login_password,
input#login_password,
input#login_email {
    width: 100%;
}
.sp_member_login_refurbishment .bg_member_login {
    background-color: #ffffff;
}
/* -------------------------------------
    タブ
---------------------------------------- */
.tab_list {
    background: #ffffff;
    color: #082b68;
    padding: 0;
}
.tab_list li {
    background: #ffffff;
    color: #082b68;
    text-align: left;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 30px;
}
.rakuten .tab_list li {
    color: #bf0000;
}
.tab_list li.active {
    display: none;
}
.btn-bg_green {
    background: #00b900;
    position: relative;
    padding: 10px;
    width: 90%;
    color: #ffffff;
    text-align: center;
    margin: 15px auto 0;
}
.padding_10 {
    padding-left: 10px;
}
.tab_ttl {
    color: #082b68;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 25px 10px 0;
}
.beginner_left,
.beginner_right {
    width: 6px;
    height: 15px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.5);
    vertical-align: -1px;
}
.beginner_left {
    background: yellow;
    transform: skewY(45deg);
    border-radius: 3px 0 0 1px;
    border-right: none;
    margin-left: 7px;
}
.beginner_right {
    background: green;
    transform: skewY(-45deg);
    border-radius: 0 3px 1px 0;
    border-left: none;
}
.rakuten .tab_ttl {
    color: #bf0000;
}

/* -------------------------------------
    SNS
---------------------------------------- */
.sns_amazon_area {
    padding: 10px 10px 0;
    border: 1px solid #bcbcbc;
}
.rakuten .sns_amazon_area {
    background: none;
    border: none;
    padding: 0;
}
.sns_amazon_txt {
    font-size: 1.6rem;
    font-weight: bold;
}
.social_login_txt {
    font-size: 1.2rem;
}
.social_login_area .social_login_btn {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: 6px;
    height: 40px;
    font-feature-settings: "palt";
}
/* WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */
.social_login_txt {
    padding-top: 10px;
}
.social_login_btn .-icon_box {
    width: 40px;
    height: 40px;
}
.line_login_btn .-icon_box,
.facebook_login_btn .-icon_box,
.twitter_login_btn .-icon_box,
.apple_login_btn .-icon_box {
    border-right: none;
}
.member_login_refurbishment_table .base_table input[type=text], 
.member_login_refurbishment_table .base_table input[type=password] {
    width: 80%;
    margin-right: 5px;
}

/* WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */
/* .select_member_sex {
    background-color: #ffffff!important;
} */
.input_info {
    padding: 0 10px 20px;
}
.icon_title {
    border-bottom: none;
    font-size: 1.6rem;
    color: #000;
}
.base_table.member_login_refurbishment_table {
    background: #ffffff;
}
.inline.overlap_btn {
    margin: 0px 0;
    padding: 5px;
    font-size: 1.2rem;
    vertical-align: top;
    width: 34%;
}
.input_note {
    font-size: 1.1rem;
}
.yahoo_login_btn .-icon_box {
    border-radius: 6px 0 0 6px;
}

/* START WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */
/* -------------------------------------
    step2 タブ切り替えデザイン（new）
---------------------------------------- */
/* -------------------------------------
    タブ外デザイン
---------------------------------------- */
.step_two_tab_area .step_two_tab_list {
    display: flex;
    justify-content: space-between;
}
.step_two_tab_area .step_two_tab_list::before,
.step_two_tab_area .step_two_tab_list::after {
    content: none;
}
.step_two_tab_area .step_two_tab_list li {
    width: 58%;
    border-bottom: none;
    height: auto;
    padding: 0;
    border-radius: initial;
    position: relative;
}
.step_two_tab_area .step_two_tab_list li.active {
    display: initial;
}
.tab_button_gray {
    background: #7f7f7f;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 1.2rem;
    border-radius: 15px 15px 0 0;
}
.step_two_tab_area .step_two_tab_list li.active .tab_button_gray {
    background: #0db0f0;
}
/* -------------------------------------
    タブ内デザイン
---------------------------------------- */
.step_two_tab_area .step_two_tab_block {
    padding: 10px 10px;
    border: 3px solid #0db0f0;
}
/* E N D WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */