@charset "utf-8";

@media screen and (max-width:640px) {
    .btn{
        padding: 1.6vw 8.0vw;
    }
    .btn_box .btn{
        width: 66.4vw;
        height: 12.8vw;
        font-size: 4.3vw;
    }

}


@media screen and (max-width:640px) {
    * + .note-lists{
        margin-top: 4.3vw;
    }
    .note-lists li{
        font-size: 3.2vw;
    }
}
.forPcBlock{
    display: block;
}
.choices_contents_title_pc{
    display: block;
    margin: 0 auto;
}
.forSpBlock{
    display: none;
}
.choices_contents_title_sp{
    display: none;
    margin: 0 auto;
}
@media screen and (max-width:640px) {

    #smbcLine {
        position: relative;
        z-index: 12;
      }
      
    .forPcBlock{
        display: none;
    }
    .choices_contents_title_pc{
        display: none;
        margin: 0 auto;
    }
    .forSpBlock{
        display: block;
    }
    .choices_contents_title_sp{
        display: block;
        margin: 0 auto;
    }
}


@media screen and (max-width:640px) {
    .gnavi_vpass .btn{
        width: 27.733vw;
        height: 8.533vw;
        font-size: 3.2vw;
        padding: 0;
    }

    .gnavi_title{
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin-top: 10px;
    }

    .pcvisible{
        display: none;
    }
}


@media screen and (max-width:640px) {
    .gnavi{
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .gnavi .gnavi_right_item{
        /* display: none; */
    }
    .gnavi .gnavi_item.gnavi_search{
        display: none;
    }
    .gnavi .gnavi_item.gnavi_support{
        display: none;
    }
    .gnavi .gnavi_item.gnavi_vpass{
        margin-left: 0;
        margin-right: 3.2vw;
    }
    .gnavi .gloval_nav_btn{
        cursor: pointer;
        height: 6.933vw;
        display: flex;
        align-items: center;
    }
    .gnavi .gloval_nav_btn .btn_Menu{
        position: relative;
        text-align: center;
        top: -1.867vw;
    }
    .gnavi .gloval_nav_btn .btn_Menu .itemMenu{
        position: relative;
        top: 0px;
        left: 0;
        float: right;
        width: 7.467vw;
        height: 2px;
        background: #0A8664;
    }
    .gnavi .gloval_nav_btn .btn_Menu .itemMenu::before,.gnavi .gloval_nav_btn .btn_Menu .itemMenu::after{
        content: '';
        position: absolute;
        float: right;
        width: 7.467vw;
        height: 2px;
        background: #0A8664;
    }
    .gnavi .gloval_nav_btn .btn_Menu .itemMenu::before{
        top: 1.867vw;
        left: 0;
    }
    .gnavi .gloval_nav_btn .btn_Menu .itemMenu::after{
        top: 3.733vw;
        left: 0;
    }
    
    .gnavi .serch_navi{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: #ffffff;
        position: fixed;
        overflow-y: scroll;
        flex-direction: column;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
    }
    .gnavi #search{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 5.333vw;
        padding: 3.2vw 0;
        position: relative;
    }
    .gnavi #search li:first-child{
        text-align: left;
        position: relative;
        width: 100%;
    }
    .gnavi #search li{
        background: none;
        padding: 0;
        margin: 0;
        height: auto;
    }
    .gnavi #search input[type=text]{
        height: 10.667vw;
        width: 100%;
        border: solid 1px #DDDDDD;
        -webkit-appearance: none;
        border-radius: 5px;
        padding: 2.933vw 11.733vw 2.933vw 3.2vw;
        background: #F5F5F5;
        font-size: 3.733vw;
    }

    .gnavi #search button{
        position: absolute;
        top: 0;
        bottom: 0;
        right: 8.533vw;
        color: #cecece;
        border: none;
        font-size: 20px;
        padding: 0;
        background: transparent;
    }

    .gnavi #search input[type=text]:focus{
        border:solid 2px #e59700;
        padding-left: 10.5px;
    }

    .gnavi_search input[type="text"]:hover{
        border: 1px solid #e59700 !important;
    }

    .gnavi #search button:after{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto auto;
        width: 5.333vw;
        height: 5.333vw;
        background: url(/top_assets/img/icon_search.png) no-repeat center/cover;
    }
    .gnavi #search li .sub_close{
        display: inline-block;
        width: 8.533vw;
        height: 8.533vw;
        cursor: pointer;
        vertical-align: bottom;
        margin-left: 2.933vw;
    }
    .gnavi #search li .sub_close::before, .gnavi #search li .sub_close::after{
        display: block;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0;
        width: 6.933vw;
        height: 2px;
        background: #0A8664;
    }
    .gnavi #search li .sub_close::before{
        transform: rotate(-45deg);
    }
    .gnavi #search li .sub_close::after{
        transform: rotate(45deg);
    }

    .gnavi .serch_navi form{
        display: block;
    }
    .gnavi .gnavi-sp_navi{
        flex-direction: column;
        padding: 8px 5.33vw 6.4vw;
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05) inset;
    }
    .gnavi .gnavi-sp_navi .gnavi_item_name{
        display: none;
    }
    .gnavi .gnavi-sp_navi .gnavi_kamei .gnavi_item_name{
        display: flex;
        margin-left: 0;
        position: relative;
    }
    .gnavi .gnavi-sp_navi .gnavi_kamei .gnavi_item_name a{
        display: block;
        width: 100%;
        padding: 4.8vw 0 4.8vw 11.733vw;
        margin: 0;
        font-size: 4.267vw;
        color: #333333;
        border-bottom: 1px solid #F5F5F5;
        position: relative;
    }
    .gnavi_link-item_wrap .gnavi_link-title::before{
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        top: 4.6vw;
        width: 20px;
        height: 20px;
    }
    .gnavi .gnavi-sp_navi .gnavi_kamei .gnavi_item_name a::before{
        content: "";
        background: url(/top_assets/img/icon_store.png) no-repeat center/cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 0;
        width: 8.533vw;
        height: 8.533vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_kamei .gnavi_item_name a:after{
        content: "";
        background: url(/top_assets/img/ico_arrow_02.png) no-repeat center/cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0px;
        width: 4.267vw;
        height: 4.267vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member{
        margin-top: 6.4vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name{
        display: flex;
        margin-left: 0;
        position: relative;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name::before{
        content: "";
        background: url(/top_assets/img/icon_member_sp.png) no-repeat center/cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 3.2vw;
        width: 12.8vw;
        height: 12.8vw;
        z-index: 11;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name a{
        display: block;
        width: 100%;
        padding: 3.2vw 3.2vw 3.2vw 19.2vw;
        background: #0A8664;
        margin: 0;
        font-size: 4.267vw;
        color: #fff;
        border-bottom: 1px solid #F5F5F5;
        position: relative;
        border-radius: 2px;
        z-index: 10;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name a span{
        font-size: 3.2vw;
        display: block;
        font-weight: normal;
        margin-top: 1.6vw;
        line-height: 1.3;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name a:before{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        display: block;
        z-index: -1;
        transition: .5s;
        background: #246852;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name a:hover:before{
        width: 100%;
    }
    .gnavi .gnavi-sp_navi .gnavi_vpass_member .gnavi_item_name a:after{
        content: "";
        background: url(/top_assets/img/ico_arrow_02_white.png) no-repeat center/cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 4.267vw;
        width: 4.267vw;
        height: 4.267vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_bottom-menu{
        position: static;
        overflow: visible;
        max-height: none;
        margin-top: 0;
        box-shadow: none;
    }
    .gnavi .gnavi-sp_navi .gnavi_item.gnavi_support{
        display: block;
        margin-left: 0;
    }
    .gnavi .gnavi-sp_navi .gnavi_item.gnavi_support .gnavi_item_name{
        display: flex;
        height: auto;
        width: 100%;
        border: none;
        position: relative;
        padding: 0;
        border-bottom: 1px solid #DDDDDD;
    }
    .gnavi .gnavi-sp_navi .gnavi_item.gnavi_support .gnavi_item_name::before{
        width: 8.533vw;
        height: 8.533vw;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background: url(/top_assets/img/icon_suport.png) no-repeat center/cover;
    }
    .gnavi .gnavi-sp_navi .gnavi_item.gnavi_support .gnavi_item_name a{
        padding: 4.8vw 0 4.8vw 11.733vw;
        margin: 0;
        font-size: 4.267vw;
        color: #333333;
        border-bottom: 1px solid #DDDDDD;
        width: 100%;
        position: relative;
        border: none;
        justify-content: flex-start;
        transition: .5s;
    }
    .gnavi .gnavi-sp_navi .gnavi_item.gnavi_support .gnavi_item_name a::before{
        content: "";
        width: 4.267vw;
        height: 4.267vw;
        background: url(/top_assets/img/ico_arrow_02.png) no-repeat center/cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0px;
        left: auto;
    }
    .gnavi .gnavi-sp_navi .gnavi_item.gnavi_support .gnavi_item_name a:hover{
        background: none;
        color: #0A8664;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner{
        padding: 0;
        flex-direction: column;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap{
        width: 100%;
    }

    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-title{
        width: 100%;
        padding: 4.8vw 0 4.8vw 11.733vw;
        margin: 0;
        color: #333333;
        font-size: 4.267vw;
        border-bottom: 1px solid #DDDDDD;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-title::before{
        width: 8.533vw;
        height: 7.433vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-items li a{
        padding: 4.8vw 0 4.8vw 11.733vw;
        margin: 0;
        font-size: 4.267vw;
        color: #333333;
        border-bottom: 1px solid #DDDDDD;
        transition: .5s;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-items li a:hover{
        color: #0A8664;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-items a:before{
        width: 4.267vw;
        height: 4.267vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-items li + li{
        margin-top: 0;
    }




    /**/
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-title_menu{
        width: 100%;
        padding: 4.8vw 0 4.8vw 11.733vw;
        margin: 0;
        font-size: 4.267vw;
        border-bottom: 1px solid #DDDDDD;
        font-weight: bold;
        color: #000;
        position: relative;
    }
    .gnavi_bottom-menu_inner .gnavi_link-title_menu::before {
        background: url(/top_assets/img/icon_individual.png) no-repeat center/cover;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 8.533vw;
        height: 8.533vw;
    }

    .gnavi_item .individual ,
    .gnavi_item .designated ,
    .gnavi_item .gift {
        height: 0;
        overflow: hidden;
    }
    .gnavi_link-items {
        width: auto;
        background-color: #EDF8F5;
        margin: 0;
    }


    /*開閉時*/
    .gnavi_item .toggle:checked + .Label + .individual ,
    .gnavi_item .toggle:checked + .Label + .individual + .designated ,
    .gnavi_item .toggle:checked + .Label + .individual + .designated + .gift {
        height: auto;
        transition: all 0;
        margin: 0 -5.33vw 0 -5.33vw;
        width: auto;
        background-color: #EDF8F5;
    }
    .gnavi_link-items a:before {
        right: 20px;
    }
    .gnavi_bottom-menu_inner .toggle:checked + .Label > .gnavi_link-title_menu > .toggle_btn::before {
        display:none;
    }

    .gnavi_bottom-menu_inner span.toggle_btn {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background: #EDF8F5;
        display: block;
        width: 28px;
        height: 28px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 50%;
    }
    .gnavi_bottom-menu_inner span.toggle_btn:before,
    .gnavi_bottom-menu_inner span.toggle_btn:after {
        display: block;
        content: '';
        background-color: #0A8664;
        position: absolute;
        width: 12px;
        height: 2px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .gnavi_bottom-menu_inner span.toggle_btn:before {
        width: 2px;
        height: 12px;
    }
    .gnavi_bottom-menu_inner span.toggle_btn:after {
        bottom: auto;
    }
    .gnavi_item .corporation .gnavi_link-items ,
    .gnavi_item .store .gnavi_link-items {
        height: 0;
        overflow: hidden;
    }

    .gnavi_item .lock .gnavi_link-items ,
    .gnavi_item .store .gnavi_link-items {
        height: 0;
        overflow: hidden;
    }

    /*開閉時*/
    .gnavi_item .toggle:checked + .Label + .gnavi_link-items {
        height: auto;
        transition: all 0;
        margin: 0 -5.33vw 0 -5.33vw;
    }
    .gnavi_item .toggle:checked + .Label + .gnavi_link-items a:before {
        right: 20px;
    }
    .gnavi_item .toggle:checked + .Label > .gnavi_link-title > .toggle_btn::before {
        display:none;
    }

    .gnavi_item .gnavi_link-items li a{
        position: relative;
    }
    .gnavi_item .gnavi_link-items li a::after{
        position: absolute;
        content: '';
        display: block;
        left: 5%;
        bottom: 0;
        border-bottom: 1px solid #fff;
        width: 90%;
    }
    .gnavi .gnavi-sp_navi .gnavi_item .gnavi_bottom-menu_inner .gnavi_link-item_wrap .gnavi_link-items li a{
        border-bottom: none;
    }

    .gnavi .gnavi-sp_navi .gnavi_item_name.card_loan {
        display: block;
    }
    .gnavi .gnavi-sp_navi .gnavi_item_name.card_loan {
        display: block;
        position: relative;
        padding-left: 11.733vw;
        font-size: 4.267vw;
        padding:4.8vw 0 4.8vw 11.733vw;
        border-bottom: 1px solid #DDDDDD;
    }
    .gnavi .gnavi-sp_navi .gnavi_item_name.card_loan::before {
        background: url(/top_assets/img/icon_loan.png) no-repeat center/cover;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 8.533vw;
        height: 8.533vw;
    }
    .gnavi .gnavi-sp_navi .gnavi_item_name.card_loan a::before{
        content: "";
        background: url(/top_assets/img/ico_arrow_02.png) no-repeat center/cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0;
        width: 4.267vw;
        height: 4.267vw;
    }

}

@media screen and (max-width:640px) {
    .fix_header.act{
        display: block;
        position: fixed;
        top: 0;
        z-index: 999;
    }
}

@media screen and (max-width:640px) {
    footer{
        min-width: auto;
        width: 100%;
        margin-bottom: 22.4vw;
    }
    .footer_inner{
        width: 100%;
        padding: 12.8vw 12.0vw 15.2vw;
    }
    .footer_link-list .link-list_contents{
        flex-direction: column;
    }
    .footer_link-list .footer_content-right{
        margin-top: 10.133vw;
    }
    .footer_link-list .footer_content-right .footer_content_wrap{
        width: 100%;
        flex-direction: column;
    }
    .footer_link-list .footer_content-right .footer_items.left{
        width: 100%;
    }
    .footer_link-list .footer_content-right .footer_items.right{
        width: 100%;
        margin-top: 4.533vw;
    }
    .footer_link-list .footer_content-right .footer_items li+li{
        margin-top: 4.533vw;
    }
    .footer_link-list .footer_content-right .footer_items li a{
        font-size: 3.2vw;
    }
    .footer_link-list .footer_content-left{
        width: 100%;
    }
    .footer_link-list .footer_content-left .footer_items{
        margin-top: 10.13vw;
        flex-direction: row;
        flex-wrap: wrap;
        white-space: nowrap;
    }
    .footer_link-list .footer_content-left .footer_items li+li{
        margin-top: 0;
    }
    .footer_link-list .footer_content-left .footer_items li:nth-child(2){
        margin-left: 24.866vw;
        margin-right: 12.333vw;
    }
    .footer_link-list .footer_content-left .footer_items li:nth-child(4){
        margin-left: 24.667vw;
    }
    .footer_link-list .footer_content-left .footer_items li:nth-child(5){
        margin-right: 20vw;
    }
    .footer_link-list .footer_content-left .footer_items li:nth-child(7){
        margin-left: 24.667vw;
    }
    .footer_link-list .footer_content-left .footer_items li:nth-child(n+3){
        margin-top: 6.667vw;
    }
    .footer_link-list .footer_content-left .footer_items li a{
        font-size: 3.73vw;
    }
    .footer_link-list .footer_content-left .logo_top img{
        width: 35.2vw;
    }
    .footer_link-list .footer_items li{
        flex-direction: row;
    }
    .footer_group_link-contents .footer_inner{
        width: 100%;
        margin: 0;
        padding: 12.0vw 5.333vw 9.333vw;
    }
    .footer_group_link{
        flex-direction: column;
    }
    .footer_group_link ul{
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 8.0vw;
    }
    .footer_group_link ul li{
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-left: 0;
    }
    .footer_group_link ul li:nth-child(2n){
        margin-left: 3.2vw;
    }
    .footer_group_link ul li:nth-child(n+3){
        margin-top: 5.333vw;
    }
    .footer_group_link img{
        height: auto !important;
    }
    .footer_group_link .logo_01 img{
        width: 50.133vw;
    }
    .footer_group_link .logo_02 img{
        width: 27.2vw;
    }
    .footer_group_link .logo_03 img{
        width: 29.6vw;
    }
    .footer_group_link .logo_04 img{
        width: 50.667vw;
    }
    .footer_group_link .logo_05 img{
        width: 30.667vw;
    }
    .footer_group_link .logo_06 img{
        width: 46.667vw;
    }
    .footer_group_link .logo_07 img{
        width: 30.667vw;
    }
    .footer_group_link .logo_08 img{
        width: 48.733vw;
    }
    .footer_group_link .logo_09 img{
        width: 50.933vw;
    }
    .footer_inner ul.text-link li{
        padding-right: 0;
    }
    .footer_inner ul.text-link li + li{
        margin-left: 1.6vw;
    }
    .footer_inner ul.text-link li a{
        font-size: 3.2vw;
        padding-right: calc(1.6vw + 1em);
    }
    .footer_content-sns{
        float :none;
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 3.2vw;
        flex-direction: column;
        text-align: center;
    }

    .footer_content-sns img{
        width: 9.6vw;
    }
    .footer_copy{
        padding: 4.8vw;
    }
    .footer_copy #copyArea{
        font-size: 2.667vw;
    }
    .footer_fixed_navi{
        display: block;
        height: 22.4vw;
        width: 100%;
        position: fixed;
        bottom: 0;
        background: #fff;
    }
    .footer_fixed_navi .footer_fixed_navi-items{
        display: flex;
        width: 100%;
        height: 100%;
    }
    .footer_fixed_navi .footer_fixed_navi-items .footer_fixed_navi-item{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25%;
        font-size: 2.667vw;
        color: #999999;
        position: relative;
    }
    .footer_fixed_navi .footer_fixed_navi-items .footer_fixed_navi-item::before{
        content: "";
        position: absolute;
        width: 6.4vw;
        height: 6.4vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 1.6vw;
    }
    .footer_fixed_navi .footer_fixed_navi-items .footer_fixed_navi-item.join::before{
        background: url(/top_assets/img/icon_footer_fixed_join.png) no-repeat center/cover;
    }
    .footer_fixed_navi .footer_fixed_navi-items .footer_fixed_navi-item.reason::before{
        background: url(/top_assets/img/icon_footer_fixed_reason.png) no-repeat center/cover;
    }
    .footer_fixed_navi .footer_fixed_navi-items .footer_fixed_navi-item.campaign::before{
        background: url(/top_assets/img/icon_footer_fixed_campaign.png) no-repeat center/cover;
    }
    .footer_fixed_navi .footer_fixed_navi-items .footer_fixed_navi-item.support::before{
        background: url(/top_assets/img/icon_footer_fixed_support.png) no-repeat center/cover;
    }
    .privacymark{
        margin-top: 0vw;
    padding-bottom: 7vw;
        position: relative;
        text-align: right;
    }
    .privacymark a{
        position: absolute;
        top: -6vw;
        left: 0vw;
        display: block;
    }
    .privacymark img{
        width: 8.0vw;
    }
}


@media screen and (max-width:640px) {
    .pageTop{
        right: 0;
    }
}


@media screen and (max-width: 640px) {
    _:lang(x)+_:-webkit-full-screen-document, .vplogin_closeBtn {
        margin-bottom: 180px;
    }
}