@charset "utf-8";
/*--------------------------------------------------
 * pc　768px以上
 *--------------------------------------------------*/

@media only screen and (min-width: 768px), print {
    header {
        margin-bottom: 50px;
    }
    .Welcome_head {
        color: white;
    }
    .Wecome_sub {
        color: black;
        margin-left: 20px;
    }
    .container_pc {
        margin: 0 auto;
        max-width: 1280px;
        width: 90%;
    }
    /*----------------------------------
    /*タブのところ
    /*---------------------------------*/
    .new_account_tab,.login_tab{
        background: #f5f5f5;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #tabs-swipe-demo{
        /*border: solid 1px #c7c7c7;*/
        background-color: #f5f5f5;
    }
    .btn_white{
        background-color: #f5f5f5;
    }
    /*----------------------------------
    /*ログイン画面
    /*---------------------------------*/
    .white_title{
        width: 100%;
        background: white;
        padding-top: 2vh;
        padding-bottom: 2vh;
        font-size: 1.5vw;
        padding-left: 20px;
    }
    img.description{
        width: 70%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .pass_lost{
        margin-left: 20px;
        color: #a7a7a7;
    }
}

/*--------------------------------------------------
 * スマホ・タブレット 767px以下
 *--------------------------------------------------*/

@media only screen and (max-width: 767px) {
    .Welcome_head {
        font-size: 2rem;
        color: black;
    }
    .Wecome_sub {
        font-size: 1rem;
        color: black;
        margin-left: 20px;
    }
    main.container {
        margin: 0 auto;
        width: 100%;
    }
    .container_sp {
        margin: 0 auto;
        max-width: 1280px;
        width: 90%;
    }
    .new_account_tab,.login_tab{
        background: #FFFFFF;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    /*----------------------------------
    /*タブのところ
    /*---------------------------------*/
    .tabs {
        margin-bottom: 20px;
        background-color: white;
        /*box-shadow: 10px 10px 15px -10px;*/
    }
    .tabs .col.s3 a {
        font-size: 17px;
        font-weight: bold;
        color: #334856;
    }
    .tabs .indicator {
        background-color: #616161;
    }
    /*----------------------------------
    /*ログイン画面
    /*---------------------------------*/
    .white_title{
        width: 100%;
        background: white;
        padding-top: 2vh;
        padding-bottom: 2vh;
        font-size: 2vh;
        padding-left: 20px;
    }
    img.description{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .pass_lost{
        margin-left: 50px;
        color: #a7a7a7;
        
    }
}

/*--------------------------------------------------
 * PCとスマホの共通
 *--------------------------------------------------*/


header .head_user {
    display: none;
}

header .apk_h1_title {
    display: none;
}

header .line_gray_mini {
    display: none;
}

.line_head {
    /*width: 100%;
    max-width: 3rem;
    height: 4px;
    background: rgb(0, 0, 0);*/
}

/*----------------------------------
/*タブのところ
/*---------------------------------*/

.login_tab .btn {
    border-radius: 20px;
    height: initial;
    line-height: 8vh;
}

ul:not(.browser-default)>li {
    border-bottom: solid 0px;
}

.new_account_tab li {
    position: relative;
}

.new_account_tab li.sp_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3cd";
    position: absolute;
    top: 50%;
    left: 21%;
    margin-top: -16px;
    font-size: 20px;
}

.login_tab li.sp_w_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3cd";
    position: absolute;
    top: 50%;
    left: 21%;
    margin-top: -16px;
    font-size: 20px;
    color: white;
}

.new_account_tab li.card_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: solid;
    content: "\f2c2";
    position: absolute;
    top: 50%;
    left: 20%;
    margin-top: -16px;
    font-size: 20px;
    color: white;
}

.login_tab li {
    position: relative;
}

.login_tab li.sp_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3cd";
    position: absolute;
    top: 50%;
    left: 21%;
    margin-top: -16px;
    font-size: 20px;
}

.login_tab li.card_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: solid;
    content: "\f2c2";
    position: absolute;
    top: 50%;
    left: 20%;
    margin-top: -16px;
    font-size: 20px;
    color: white;
}

.login_tab li.lock_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f09c";
    position: absolute;
    top: 50%;
    left: 20%;
    margin-top: -16px;
    font-size: 20px;
    color: white;
}