@charset "UTF-8";
/*===========================================
General Info / Visa
===========================================*/

/*-------------------------------------------
visa
-------------------------------------------*/
.visa ol,
.visa ul{
    margin:0;
    padding-left:1.2em;
}
.flow__chart__title{
    color:#000;
    font-size:1.5rem;
    line-height:1;
    margin-bottom:.5em;
    position:sticky; left:0;
}
.visa__section table{
    margin:10px 0;
}
    .visa__section table > tbody > tr > th,
    .visa__section table > tbody > tr > td{
        line-height:1.5;
        padding:10px;
    }
    .visa__section table > tbody > tr > td{
        border-left:1px solid #ccc !important;
    }
    .visa__section table > tbody > tr > th{
        font-size:1.125rem;
        white-space:nowrap;
    }
    .flow__chart tr:first-child > td{
        font-size:1.125rem;
    }
@media screen and (max-width:768px){
    .flow__chart__wrap{
        margin-right:-45px;
        padding-right:45px;
        overflow-x:auto;
    }
        .flow__chart__wrap::before,
        .flow__chart__wrap::after {
            display:block;
            content:"* you can left or right swipe program.";
            color:Chocolate;
            font-size:.75rem;
            line-height:1;
            padding:5px 0;
            position:sticky; left:0;
        }
        .flow__chart{
            width:900px;
        }
            .flow__chart > tbody > tr > th{
                position:sticky; left:0;
                z-index:10;
                background-color:#f4f4f4;
                box-shadow:inset 1px 0 0 #ccc, inset -1px 0 0 #ccc;
                border-left:none; border-right:none;
            }
}
@media screen and (max-width:576px){
    .flow__chart__title{
        margin-bottom:0;
    }
    .flow__chart__wrap{
        margin-right:-15px;
        padding-right:15px;
    }
        .flow__chart{
            margin-top:0 !important;
            margin-bottom:0 !important;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .flow__chart{
        width:640px;
    }
        .flow__chart > tbody > tr > th{
            line-height:1 !important;
            white-space:normal !important;
            width:30px;
        }
}

