.modalSelectPcOn li,
.modalSelectPcOn li.pos_1em {
    vertical-align: bottom;
}
/* -------------------------------------
    必須マーク
---------------------------------------- */
.required_mark{
    margin-bottom: 5px;
}
.study .customer_area .required_cell {
    padding: 10px 0px 10px;
}
h4.sub_title .required_mark {
    margin-left: 0;
}
.col01 .social_login_btn_list li {
    width: 265px;
    margin: 15px auto;
    display: block;
}

/* -------------------------------------
    お申込者情報入力
---------------------------------------- */

.any_cell .any_mark {
    display: inline-block;
    background: #468aeb;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
    min-width: 56px;
    border: none;
    position: relative;
    right: 0;
}

/* -------------------------------------
    STEP2
---------------------------------------- */
.amazonpay_btn_area_customer2 {
    padding-top: 20px;
}
.amazonpay_btn_area_customer2 .amazonpay_txt {
    margin: 0 auto 20px;
    width: 260px;
}
.customer_area .base_table th,
.customer_area .base_table td {
    background: none;
    border-right: none;
    border-bottom: none;
    padding: 0;
}
.customer_area .base_table th {
    font-size: 2.0rem;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 15px;
    width: 100%;
}
.customer_area .base_table td {
    padding-left: 5px;
}
.customer_area .base_table td input[type=text],
.customer_area .base_table td input[type=password],
.customer_area .js-designSelectText {
    border: solid 2px #cbcbcb;
}
.customer_area .base_table input[type=text].half,
.customer_area .base_table input[type=password].half {
    width: 286px;
}

.customer_area .base_table input[type=text].long_table,
.customer_area .base_table input[type=password].long_table {
    width: 400px;
}

.customer_area .base_table input[type=text], 
.customer_area .base_table input[type=password] {
    margin-right: 14px;
    padding: 25px;
}
.customer_area .design_radio input + span {
    border: solid 2px #cbcbcb;
    width: 170px;
    text-align: center;
    padding: 25px;
    background: #ffffff;
    border-radius: 4px;
}
.customer_area .design_radio input:checked + span {
    border: solid 4px #001c47;
    font-weight: bold;
}
.customer_area .design_radio input + span:before, 
.customer_area .design_radio input + span:after {
	display: none;
}
.customer_area .base_table td .js-designSelectText {
    height: auto;
    line-height: 100%;
    padding: 25px;
    padding-right: 55px;
    font-size: 1.6rem;
}
.customer_area .js-designSelect select {
    height: 71px;
}
.customer_area .base_table td .js-designSelectText:after {
    content: "▼";
    top: 40%;
    color: #bfbfbf;
}
.customer_area input, .customer_area select, .customer_area textarea,
.js-designSelect option {
    font-size: 1.6rem;
}
.customer_area .js-balloonTipWrap {
    display: block;
    margin-top: 10px;
}
.customer_area .js-balloonTip {
    color: #ffffff;
}
.customer_area .js-balloonTipBox {
    left: 20%;
}
.customer_area .modal_btn.color01 {
    background-color: #357ebd;
    padding: 0 15px 0 10px;
}
.customer_area i.before_info {
    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 {
    margin-right: 5px;
    padding: 2px;
    border-radius: 10px;
    font-size: 1.2rem;
    background-color: #ffc000;
    color: #444;
    margin-left: 5px;
    left: auto;
    top: 12px;
    right: 6px;
}
.customer_area .modal_btn.color01 i.before_info_new {
    color: #ffc000;
    margin-left: 10px;
}
.base_table a {
    color: #333333;
}
.base_table a i {
    color: #cf0000;
    padding-right: 5px;
}
.input_note {
    font-size: 1.4rem;
}
.inner_error {
    font-size: 1.6rem;
}
.base_table caption {
    margin: 30px 0 20px;
    padding: 8px 20px;
}
.name_input_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
/* -------------------------------------
    タブ
---------------------------------------- */
.tab_list {
    background: #ffffff;
    color: #333333;
    padding: 0;
    display: flex;
}
.tab_list li:before {
    display: none;
}
.tab_list li {
    background: #ffffff;
    color: #082b68;
    height: 70px;
    border-bottom: 1px solid #cbcbcb;
    width: 980px;
    text-align: left;
    cursor: auto;
}
.rakuten .tab_list li {
    color: #bf0000;
}
.tab_list li.active {
    display: none;
}
.btn-bg_green {
    background: #00b900;
    position: absolute;
    right: 0;
    padding: 15px;
    width: 223px;
    color: #ffffff;
    margin-top: -40px;
    text-align: center;
    cursor: pointer;
}
.tab_ttl {
    color: #082b68;
    font-size: 2.2rem;
    font-weight: bold;
    padding-top: 25px;
}
.beginner_left,
.beginner_right {
    width: 8px;
    height: 20px;
    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: 10px;
}
.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 {
    background: #f9f9f9;
    border: 1px solid #cbcbcb;
    /*padding: 27px 23px;*/
    width: 30%;
    text-align: center;
    float: right;
}
.rakuten .sns_amazon_area {
    background: none;
    border: none;
    padding: 0;
}
.sns_amazon_txt {
    margin: 10px 0 -15px 0;
    padding-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid #cbcbcb;
}
.input_info_rakuten {
    margin-top: 25px;
    border: none;
}
.input_info {
    width: 69%;
    margin-top: 25px;
    border: 1px solid #cbcbcb;
}
.input_info_area {
    width: 100%;
}
.icon_title {
    font-size: 2rem;
    margin: 0;
    padding: 10px 25px;
    border-bottom: 1px solid #cbcbcb;
    color: #000;
}
.icon_title_rakuten {
    font-size: 2rem;
    margin: 0;
    padding: 10px 25px;
    border: none;
    color: #000;
}
.base_table {
    padding: 0 25px 25px;
}
.base_table.member_login_refurbishment_table {
    width:auto;
}
.social_login_area .social_login_btn {
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    position: relative;
    padding: 14px 0 13px 55px;
    font-weight: bold;
    font-size: 1.4rem;
    height: 50px;
    font-feature-settings: "palt";
}
/* WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */
.social_login_txt {
    border-bottom: 1px solid #cbcbcb;
    text-align: left;
    font-size: .9em;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: -30px;
}
.social_login_btn .-icon_box {
    width: 46px;
}
.line_login_btn .-icon_box,
.facebook_login_btn .-icon_box,
.twitter_login_btn .-icon_box,
.apple_login_btn .-icon_box {
    border-right: none;
}
/* WSYS-10648 【サイト】yahooログインのデザイン修正 N.Kita*/
.yahoo_login_btn .-icon_box {
    background-size: 43px;
}
.member_login_refurbishment_table .base_table input[type=text], 
.member_login_refurbishment_table .base_table input[type=password] {
    width: 740px;
    margin-right: 5px;
}
.facebook_login_btn {
    background: #1877f2;
}
.apple_login_btn {
    background: black;
}
/* WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */
/* .select_member_sex {
    background-color: #ffffff!important;
} */
.apple_login_btn .-icon_box {
    background: url(/common/images/common/icon_ap.svg?date=20221117) no-repeat center left;
}
/* START WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */
/* -------------------------------------
    step2 タブ切り替えデザイン（new）
---------------------------------------- */
/* -------------------------------------
    タブ外デザイン
---------------------------------------- */
.step_two_tab_area {
    margin: 10px 0 0 0;
}
.step_two_tab_area .step_two_tab_list {
    width: 69%;
    justify-content: space-between;
}
/* sns連携が存在しないときの配置 */
/* MEMO::no_sns_area_widthだけだと上のwidthの方が優先されるのでフルで記載 */
.step_two_tab_area .step_two_tab_list.no_sns_area_width {
    width: 100%;
    margin: 0 auto;
}
.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: 50%;
    border-bottom: none;
    height: auto;
    padding: 0;
    position: relative;
}
.step_two_tab_area .step_two_tab_list li.active {
    display: initial;
}
.tab_button_gray {
    background: #7f7f7f;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    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 .step_two_sns_area {
    margin-top: -46px;
}
.input_customer_info {
    border: 3px solid #0db0f0;
    margin-top: 0;
}
/* sns連携が存在しないときの配置 */
/* MEMO::no_sns_area_widthだけだと上のwidthの方が優先されるのでフルで記載 */
.input_customer_info.no_sns_area_width {
    width: 100%;
    margin: 0 auto;
}
/* E N D WSYS-12298 【フロント】STEP2_ログイン・会員登録UI変更_タブ化 20250731 M.Amano */