* {
    box-sizing: border-box !important;
}

sup {
    font-size: 80%;
    vertical-align: super;
}

/*--------------------
    display設定
----------------------*/
.none {
    display: none;
}

.pc_none {
    display: none !important;
}

.sp_none {
    display: block !important;
}

.flex {
    display: flex;
}

.flex_center {
    display: flex;
    justify-content: center;
}

.itemCenter {
    align-items: center;
}

.flex_end {
    /*左下合わせ*/
    display: flex;
    justify-content: end;
}

.flex_bl {
    /*下合わせ*/
    display: flex;
    align-items: baseline;
}

.flex_between {
    /*両端ぴったり*/
    display: flex;
    justify-content: space-between;
}

.flex_around {
    /*左右等間隔*/
    display: flex;
    justify-content: space-around;
}

.itmCenter {
    align-items: center;
}

.itemEnd {
    align-items: flex-end;
}

.block {
    display: block !important;
}

.inline_block {
    display: inline-block;
}

.flow {
    display: flow-root;
}

.table {
    display: table !important;
}

.grid2_0 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid3_0 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.grid4_0 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

/*--------------------
    border設定
----------------------*/
.br1p {
    border-right: 1px solid #1B224C;
}

.bl1p {
    border-left: 1px solid #1B224C;
}

.bt1p {
    border-top: 1px solid #1B224C;
}

.bb1p {
    border-bottom: 1px solid #1B224C;
}

.bb2p {
    border-bottom: 2px solid #1B224C;
}

.br3p {
    border-right: 3px solid #1B224C;
}

.bl3p {
    border-left: 3px solid #1B224C;
}

.bt3p {
    border-top: 3px solid #1B224C;
}

.bb3p {
    border-bottom: 3px solid #1B224C;
}

.br5p {
    border-right: 5px solid #1B224C;
}

.bl5p {
    border-left: 5px solid #1B224C;
}

.bt5p {
    border-top: 5px solid #1B224C;
}

.bb5p {
    border-bottom: 5px solid #1B224C;
}

/*--------------------
    
----------------------*/


/* ---------------------------------
  margin auto   
--------------------------------- */
.mla {
    margin-left: auto !important;
}

.mra {
    margin-right: auto !important;
}

.ma {
    margin: auto;
}

/* ---------------------------------
  margin-top   
--------------------------------- */
.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

/* ---------------------------------
  margin-bottom   
--------------------------------- */
.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

/* ---------------------------------
  margin-right   
--------------------------------- */
.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr100 {
    margin-right: 100px !important;
}

/* ---------------------------------
  margin-left   
--------------------------------- */
.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.ml150 {
    margin-left: 150px !important;
}

.ml170 {
    margin-left: 170px !important;
}

/* ---------------------------------
  padding-top   
--------------------------------- */
.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt81 {
    padding-top: 81px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pt120 {
    padding-top: 120px !important;
}

/* ---------------------------------
  padding-bottom   
--------------------------------- */
.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

/* ---------------------------------
  padding-right   
--------------------------------- */
.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pr90 {
    padding-right: 90px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.pr120 {
    padding-right: 120px !important;
}


/* ---------------------------------
  padding-left   
--------------------------------- */
.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pl90 {
    padding-left: 90px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.pl120 {
    padding-left: 120px !important;
}

/* ---------------------------------
  margin-top per
--------------------------------- */
.mt10p {
    margin-top: 10% !important;
}

.mt20p {
    margin-top: 20% !important;
}

.mt30p {
    margin-top: 30% !important;
}

.mt40p {
    margin-top: 40% !important;
}

.mt50p {
    margin-top: 50% !important;
}

.mt60p {
    margin-top: 60% !important;
}

.mt70p {
    margin-top: 70% !important;
}

.mt80p {
    margin-top: 80% !important;
}

.mt90p {
    margin-top: 90% !important;
}

.mt100p {
    margin-top: 100% !important;
}

.mb10p {
    margin-bottom: 10% !important;
}

.mb20p {
    margin-bottom: 20% !important;
}

.mb30p {
    margin-bottom: 30% !important;
}

.mb40p {
    margin-bottom: 40% !important;
}

.mb50p {
    margin-bottom: 50% !important;
}

.mb60p {
    margin-bottom: 60% !important;
}

.mb70p {
    margin-bottom: 70% !important;
}

.mb80p {
    margin-bottom: 80% !important;
}

.mb90p {
    margin-bottom: 90% !important;
}

.mb100p {
    margin-bottom: 100% !important;
}

.mr10p {
    margin-right: 10% !important;
}

.mr20p {
    margin-right: 20% !important;
}

.mr30p {
    margin-right: 30% !important;
}

.mr40p {
    margin-right: 40% !important;
}

.mr50p {
    margin-right: 50% !important;
}

.mr60p {
    margin-right: 60% !important;
}

.mr70p {
    margin-right: 70% !important;
}

.mr80p {
    margin-right: 80% !important;
}

.mr90p {
    margin-right: 90% !important;
}

.mr100p {
    margin-right: 100% !important;
}

.ml10p {
    margin-left: 10% !important;
}

.ml20p {
    margin-left: 20% !important;
}

.ml30p {
    margin-left: 30% !important;
}

.ml40p {
    margin-left: 40% !important;
}

.ml50p {
    margin-left: 50% !important;
}

.ml60p {
    margin-left: 60% !important;
}

.ml70p {
    margin-left: 70% !important;
}

.ml80p {
    margin-left: 80% !important;
}

.ml90p {
    margin-left: 90% !important;
}

.ml100p {
    margin-left: 100% !important;
}

.pt10p {
    padding-top: 10% !important;
}

.pt20p {
    padding-top: 20% !important;
}

.pt30p {
    padding-top: 30% !important;
}

.pt40p {
    padding-top: 40% !important;
}

.pt50p {
    padding-top: 50% !important;
}

.pt60p {
    padding-top: 60% !important;
}

.pt70p {
    padding-top: 70% !important;
}

.pt80p {
    padding-top: 80% !important;
}

.pt90p {
    padding-top: 90% !important;
}

.pt100p {
    padding-top: 100% !important;
}

.pb10p {
    padding-bottom: 10% !important;
}

.pb20p {
    padding-bottom: 20% !important;
}

.pb30p {
    padding-bottom: 30% !important;
}

.pb40p {
    padding-bottom: 40% !important;
}

.pb50p {
    padding-bottom: 50% !important;
}

.pb60p {
    padding-bottom: 60% !important;
}

.pb70p {
    padding-bottom: 70% !important;
}

.pb80p {
    padding-bottom: 80% !important;
}

.pb90p {
    padding-bottom: 90% !important;
}

.pb100p {
    padding-bottom: 100% !important;
}

.pr10p {
    padding-right: 10% !important;
}

.pr20p {
    padding-right: 20% !important;
}

.pr30p {
    padding-right: 30% !important;
}

.pr40p {
    padding-right: 40% !important;
}

.pr50p {
    padding-right: 50% !important;
}

.pr60p {
    padding-right: 60% !important;
}

.pr70p {
    padding-right: 70% !important;
}

.pr80p {
    padding-right: 80% !important;
}

.pr90p {
    padding-right: 90% !important;
}

.pr100p {
    padding-right: 100% !important;
}

.pl10p {
    padding-left: 10% !important;
}

.pl20p {
    padding-left: 20% !important;
}

.pl30p {
    padding-left: 30% !important;
}

.pl40p {
    padding-left: 40% !important;
}

.pl50p {
    padding-left: 50% !important;
}

.pl60p {
    padding-left: 60% !important;
}

.pl70p {
    padding-left: 70% !important;
}

.pl80p {
    padding-left: 80% !important;
}

.pl90p {
    padding-left: 90% !important;
}

.pl100p {
    padding-left: 100% !important;
}

.w1p {
    width: 1% !important;
}

.w2p {
    width: 2% !important;
}

.w3p {
    width: 3% !important;
}

.w4p {
    width: 4% !important;
}

.w5p {
    width: 5% !important;
}

.w6p {
    width: 6% !important;
}

.w7p {
    width: 7% !important;
}

.w8p {
    width: 8% !important;
}

.w9p {
    width: 9% !important;
}

.w10p {
    width: 10% !important;
}

.w15p {
    width: 15% !important;
}

.w20p {
    width: 20% !important;
}

.w25p {
    width: 25% !important;
}

.w30p {
    width: 30% !important;
}

.w40p {
    width: 40% !important;
}

.w50p {
    width: 50% !important;
}

.w60p {
    width: 60% !important;
}

.w70p {
    width: 70% !important;
}

.w80p {
    width: 80% !important;
}

.w90p {
    width: 90% !important;
}

.w100p {
    width: 100% !important;
}

.w290 {
    width: 290px !important;
}

.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w160 {
    width: 160px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w190 {
    width: 190px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w450 {
    width: 450px;
}

.w500 {
    width: 500px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}

.w700 {
    width: 700px;
}

.w750 {
    width: 750px;
}

.w800 {
    width: 800px;
}

.w850 {
    width: 850px;
}

.w860 {
    width: 860px !important;
}

.w900 {
    width: 900px !important;

}


.va_btm {
    vertical-align: bottom;
}

@media screen and (max-width: 900px) {

    .w290,
    .w860,
    .w900 {
        width: 350px !important;
    }

}

/*
@media screen and (min-width: 825px) {
    .f_ll {
        font-size: 30px !important;
    }

    .f_lm {
        font-size: 24px !important;
    }

    .f_ls {
        font-size: 22px !important;
    }

    .f_l {
        font-size: 19px !important;
    }

    .f_m {
        font-size: 16px !important;
    }

    .f_sl {
        font-size: 15px !important;
    }

    .f_sm {
        font-size: 14px !important;
    }

    .f_s {
        font-size: 12px !important;
    }

    .f_ss {
        font-size: 10px !important;
    }
}*/

@media screen and (max-width: 1180px) {
    .f_ll {
        font-size: 23px !important;
    }

    .f_lm {
        font-size: 21px !important;
    }

    .f_ls {
        font-size: 20px !important;
    }

    .f_l {
        font-size: 18px !important;
    }

    .f_m {
        font-size: 16px !important;
    }

    .f_sl {
        font-size: 15px !important;
    }

    .f_sm {
        font-size: 14px !important;
    }

    .f_s {
        font-size: 12px !important;
    }

    .f_ss {
        font-size: 10px !important;
    }

    /* ---------------------------------
      margin-top   
    --------------------------------- */
    .sp_mt0 {
        margin-top: 0 !important;
    }

    .sp_mt5 {
        margin-top: 5px !important;
    }

    .sp_mt10 {
        margin-top: 10px !important;
    }

    .sp_mt15 {
        margin-top: 15px !important;
    }

    .sp_mt20 {
        margin-top: 20px !important;
    }

    .sp_mt25 {
        margin-top: 25px !important;
    }

    .sp_mt30 {
        margin-top: 30px !important;
    }

    .sp_mt35 {
        margin-top: 35px !important;
    }

    .sp_mt40 {
        margin-top: 40px !important;
    }

    .sp_mt45 {
        margin-top: 45px !important;
    }

    .sp_mt50 {
        margin-top: 50px !important;
    }

    .sp_mt60 {
        margin-top: 60px !important;
    }

    .sp_mt70 {
        margin-top: 70px !important;
    }

    .sp_mt80 {
        margin-top: 80px !important;
    }

    .sp_mt90 {
        margin-top: 90px !important;
    }

    .sp_mt100 {
        margin-top: 100px !important;
    }

    /* ---------------------------------
      margin-bottom   
    --------------------------------- */
    .sp_mb0 {
        margin-bottom: 0 !important;
    }

    .sp_mb5 {
        margin-bottom: 5px !important;
    }

    .sp_mb10 {
        margin-bottom: 10px !important;
    }

    .sp_mb15 {
        margin-bottom: 15px !important;
    }

    .sp_mb20 {
        margin-bottom: 20px !important;
    }

    .sp_mb25 {
        margin-bottom: 25px !important;
    }

    .sp_mb30 {
        margin-bottom: 30px !important;
    }

    .sp_mb35 {
        margin-bottom: 35px !important;
    }

    .sp_mb40 {
        margin-bottom: 40px !important;
    }

    .sp_mb45 {
        margin-bottom: 45px !important;
    }

    .sp_mb50 {
        margin-bottom: 50px !important;
    }

    .sp_mb60 {
        margin-bottom: 60px !important;
    }

    .sp_mb70 {
        margin-bottom: 70px !important;
    }

    .sp_mb80 {
        margin-bottom: 80px !important;
    }

    .sp_mb90 {
        margin-bottom: 90px !important;
    }

    .sp_mb100 {
        margin-bottom: 100px !important;
    }

    /* ---------------------------------
      margin-right   
    --------------------------------- */
    .sp_mr0 {
        margin-right: 0 !important;
    }

    .sp_mr5 {
        margin-right: 5px !important;
    }

    .sp_mr10 {
        margin-right: 10px !important;
    }

    .sp_mr15 {
        margin-right: 15px !important;
    }

    .sp_mr20 {
        margin-right: 20px !important;
    }

    .sp_mr25 {
        margin-right: 25px !important;
    }

    .sp_mr30 {
        margin-right: 30px !important;
    }

    .sp_mr35 {
        margin-right: 35px !important;
    }

    .sp_mr40 {
        margin-right: 40px !important;
    }

    .sp_mr45 {
        margin-right: 45px !important;
    }

    .sp_mr50 {
        margin-right: 50px !important;
    }

    .sp_mr60 {
        margin-right: 60px !important;
    }

    .sp_mr70 {
        margin-right: 70px !important;
    }

    .sp_mr80 {
        margin-right: 80px !important;
    }

    .sp_mr90 {
        margin-right: 90px !important;
    }

    .sp_mr100 {
        margin-right: 100px !important;
    }

    /* ---------------------------------
      margin-left   
    --------------------------------- */
    .sp_ml0 {
        margin-left: 0 !important;
    }

    .sp_ml5 {
        margin-left: 5px !important;
    }

    .sp_ml10 {
        margin-left: 10px !important;
    }

    .sp_ml15 {
        margin-left: 15px !important;
    }

    .sp_ml20 {
        margin-left: 20px !important;
    }

    .sp_ml25 {
        margin-left: 25px !important;
    }

    .sp_ml30 {
        margin-left: 30px !important;
    }

    .sp_ml35 {
        margin-left: 35px !important;
    }

    .sp_ml40 {
        margin-left: 40px !important;
    }

    .sp_ml45 {
        margin-left: 45px !important;
    }

    .sp_ml50 {
        margin-left: 50px !important;
    }

    .sp_ml60 {
        margin-left: 60px !important;
    }

    .sp_ml70 {
        margin-left: 70px !important;
    }

    .sp_ml80 {
        margin-left: 80px !important;
    }

    .sp_ml90 {
        margin-left: 90px !important;
    }

    .sp_ml100 {
        margin-left: 100px !important;
    }

    /* ---------------------------------
      padding-top   
    --------------------------------- */
    .sp_pt0 {
        padding-top: 0 !important;
    }

    .sp_pt5 {
        padding-top: 5px !important;
    }

    .sp_pt10 {
        padding-top: 10px !important;
    }

    .sp_pt15 {
        padding-top: 15px !important;
    }

    .sp_pt20 {
        padding-top: 20px !important;
    }

    .sp_pt25 {
        padding-top: 25px !important;
    }

    .sp_pt30 {
        padding-top: 30px !important;
    }

    .sp_pt35 {
        padding-top: 35px !important;
    }

    .sp_pt40 {
        padding-top: 40px !important;
    }

    .sp_pt45 {
        padding-top: 45px !important;
    }

    .sp_pt50 {
        padding-top: 50px !important;
    }

    .sp_pt60 {
        padding-top: 60px !important;
    }

    .sp_pt70 {
        padding-top: 70px !important;
    }

    .sp_pt80 {
        padding-top: 80px !important;
    }

    .sp_pt90 {
        padding-top: 90px !important;
    }

    .sp_pt100 {
        padding-top: 100px !important;
    }

    /* ---------------------------------
      padding-bottom   
    --------------------------------- */
    .sp_pb0 {
        padding-bottom: 0 !important;
    }

    .sp_pb5 {
        padding-bottom: 5px !important;
    }

    .sp_pb10 {
        padding-bottom: 10px !important;
    }

    .sp_pb15 {
        padding-bottom: 15px !important;
    }

    .sp_pb20 {
        padding-bottom: 20px !important;
    }

    .sp_pb25 {
        padding-bottom: 25px !important;
    }

    .sp_pb30 {
        padding-bottom: 30px !important;
    }

    .sp_pb35 {
        padding-bottom: 35px !important;
    }

    .sp_pb40 {
        padding-bottom: 40px !important;
    }

    .sp_pb45 {
        padding-bottom: 45px !important;
    }

    .sp_pb50 {
        padding-bottom: 50px !important;
    }

    .sp_pb60 {
        padding-bottom: 60px !important;
    }

    .sp_pb70 {
        padding-bottom: 70px !important;
    }

    .sp_pb80 {
        padding-bottom: 80px !important;
    }

    .sp_pb90 {
        padding-bottom: 90px !important;
    }

    .sp_pb100 {
        padding-bottom: 100px !important;
    }

    /* ---------------------------------
      padding-right   
    --------------------------------- */
    .sp_pr0 {
        padding-right: 0 !important;
    }

    .sp_pr5 {
        padding-right: 5px !important;
    }

    .sp_pr10 {
        padding-right: 10px !important;
    }

    .sp_pr15 {
        padding-right: 15px !important;
    }

    .sp_pr20 {
        padding-right: 20px !important;
    }

    .sp_pr25 {
        padding-right: 25px !important;
    }

    .sp_pr30 {
        padding-right: 30px !important;
    }

    .sp_pr35 {
        padding-right: 35px !important;
    }

    .sp_pr40 {
        padding-right: 40px !important;
    }

    .sp_pr45 {
        padding-right: 45px !important;
    }

    .sp_pr50 {
        padding-right: 50px !important;
    }

    .sp_pr60 {
        padding-right: 60px !important;
    }

    .sp_pr70 {
        padding-right: 70px !important;
    }

    .sp_pr80 {
        padding-right: 80px !important;
    }

    .sp_pr90 {
        padding-right: 90px !important;
    }

    .sp_pr100 {
        padding-right: 100px !important;
    }

    /* ---------------------------------
      padding-left   
    --------------------------------- */
    .sp_pl0 {
        padding-left: 0 !important;
    }

    .sp_pl5 {
        padding-left: 5px !important;
    }

    .sp_pl10 {
        padding-left: 10px !important;
    }

    .sp_pl15 {
        padding-left: 15px !important;
    }

    .sp_pl20 {
        padding-left: 20px !important;
    }

    .sp_pl25 {
        padding-left: 25px !important;
    }

    .sp_pl30 {
        padding-left: 30px !important;
    }

    .sp_pl35 {
        padding-left: 35px !important;
    }

    .sp_pl40 {
        padding-left: 40px !important;
    }

    .sp_pl45 {
        padding-left: 45px !important;
    }

    .sp_pl50 {
        padding-left: 50px !important;
    }

    .sp_pl60 {
        padding-left: 60px !important;
    }

    .sp_pl70 {
        padding-left: 70px !important;
    }

    .sp_pl80 {
        padding-left: 80px !important;
    }

    .sp_pl90 {
        padding-left: 90px !important;
    }

    .sp_pl100 {
        padding-left: 100px !important;
    }

    /* ---------------------------------
      margin-top per
    --------------------------------- */
    .sp_mt10p {
        margin-top: 10% !important;
    }

    .sp_mt20p {
        margin-top: 20% !important;
    }

    .sp_mt30p {
        margin-top: 30% !important;
    }

    .sp_mt40p {
        margin-top: 40% !important;
    }

    .sp_mt50p {
        margin-top: 50% !important;
    }

    .sp_mt60p {
        margin-top: 60% !important;
    }

    .sp_mt70p {
        margin-top: 70% !important;
    }

    .sp_mt80p {
        margin-top: 80% !important;
    }

    .sp_mt90p {
        margin-top: 90% !important;
    }

    .sp_mt100p {
        margin-top: 100% !important;
    }

    .sp_mb10p {
        margin-bottom: 10% !important;
    }

    .sp_mb20p {
        margin-bottom: 20% !important;
    }

    .sp_mb30p {
        margin-bottom: 30% !important;
    }

    .sp_mb40p {
        margin-bottom: 40% !important;
    }

    .sp_mb50p {
        margin-bottom: 50% !important;
    }

    .sp_mb60p {
        margin-bottom: 60% !important;
    }

    .sp_mb70p {
        margin-bottom: 70% !important;
    }

    .sp_mb80p {
        margin-bottom: 80% !important;
    }

    .sp_mb90p {
        margin-bottom: 90% !important;
    }

    .sp_mb100p {
        margin-bottom: 100% !important;
    }

    .sp_mr3p {
        margin-right: 3% !important;
    }

    .sp_mr6p {
        margin-right: 6% !important;
    }

    .sp_mr10p {
        margin-right: 10% !important;
    }

    .sp_mr20p {
        margin-right: 20% !important;
    }

    .sp_mr30p {
        margin-right: 30% !important;
    }

    .sp_mr40p {
        margin-right: 40% !important;
    }

    .sp_mr50p {
        margin-right: 50% !important;
    }

    .sp_mr60p {
        margin-right: 60% !important;
    }

    .sp_mr70p {
        margin-right: 70% !important;
    }

    .sp_mr80p {
        margin-right: 80% !important;
    }

    .sp_mr90p {
        margin-right: 90% !important;
    }

    .sp_mr100p {
        margin-right: 100% !important;
    }

    .sp_ml3p {
        margin-left: 3% !important;
    }

    .sp_ml6p {
        margin-left: 6% !important;
    }

    .sp_ml10p {
        margin-left: 10% !important;
    }

    .sp_ml20p {
        margin-left: 20% !important;
    }

    .sp_ml30p {
        margin-left: 30% !important;
    }

    .sp_ml40p {
        margin-left: 40% !important;
    }

    .sp_ml50p {
        margin-left: 50% !important;
    }

    .sp_ml60p {
        margin-left: 60% !important;
    }

    .sp_ml70p {
        margin-left: 70% !important;
    }

    .sp_ml80p {
        margin-left: 80% !important;
    }

    .sp_ml90p {
        margin-left: 90% !important;
    }

    .sp_ml100p {
        margin-left: 100% !important;
    }

    .sp_pt10p {
        padding-top: 10% !important;
    }

    .sp_pt20p {
        padding-top: 20% !important;
    }

    .sp_pt30p {
        padding-top: 30% !important;
    }

    .sp_pt40p {
        padding-top: 40% !important;
    }

    .sp_pt50p {
        padding-top: 50% !important;
    }

    .sp_pt60p {
        padding-top: 60% !important;
    }

    .sp_pt70p {
        padding-top: 70% !important;
    }

    .sp_pt80p {
        padding-top: 80% !important;
    }

    .sp_pt90p {
        padding-top: 90% !important;
    }

    .sp_pt100p {
        padding-top: 100% !important;
    }

    .sp_pb10p {
        padding-bottom: 10% !important;
    }

    .sp_pb20p {
        padding-bottom: 20% !important;
    }

    .sp_pb30p {
        padding-bottom: 30% !important;
    }

    .sp_pb40p {
        padding-bottom: 40% !important;
    }

    .sp_pb50p {
        padding-bottom: 50% !important;
    }

    .sp_pb60p {
        padding-bottom: 60% !important;
    }

    .sp_pb70p {
        padding-bottom: 70% !important;
    }

    .sp_pb80p {
        padding-bottom: 80% !important;
    }

    .sp_pb90p {
        padding-bottom: 90% !important;
    }

    .sp_pb100p {
        padding-bottom: 100% !important;
    }

    .sp_pr10p {
        padding-right: 10% !important;
    }

    .sp_pr20p {
        padding-right: 20% !important;
    }

    .sp_pr30p {
        padding-right: 30% !important;
    }

    .sp_pr40p {
        padding-right: 40% !important;
    }

    .sp_pr50p {
        padding-right: 50% !important;
    }

    .sp_pr60p {
        padding-right: 60% !important;
    }

    .sp_pr70p {
        padding-right: 70% !important;
    }

    .sp_pr80p {
        padding-right: 80% !important;
    }

    .sp_pr90p {
        padding-right: 90% !important;
    }

    .sp_pr100p {
        padding-right: 100% !important;
    }

    .sp_pl10p {
        padding-left: 10% !important;
    }

    .sp_pl20p {
        padding-left: 20% !important;
    }

    .sp_pl30p {
        padding-left: 30% !important;
    }

    .sp_pl40p {
        padding-left: 40% !important;
    }

    .sp_pl50p {
        padding-left: 50% !important;
    }

    .sp_pl60p {
        padding-left: 60% !important;
    }

    .sp_pl70p {
        padding-left: 70% !important;
    }

    .sp_pl80p {
        padding-left: 80% !important;
    }

    .sp_pl90p {
        padding-left: 90% !important;
    }

    .sp_pl100p {
        padding-left: 100% !important;
    }

    .sp_w1p {
        width: 1% !important;
    }

    .sp_w2p {
        width: 2% !important;
    }

    .sp_w3p {
        width: 3% !important;
    }

    .sp_w4p {
        width: 4% !important;
    }

    .sp_w5p {
        width: 5% !important;
    }

    .sp_w6p {
        width: 6% !important;
    }

    .sp_w7p {
        width: 7% !important;
    }

    .sp_w8p {
        width: 8% !important;
    }

    .sp_w9p {
        width: 9% !important;
    }

    .sp_w10p {
        width: 10% !important;
    }

    .sp_w15p {
        width: 15% !important;
    }

    .sp_w20p {
        width: 20% !important;
    }

    .sp_w25p {
        width: 25% !important;
    }

    .sp_w30p {
        width: 30% !important;
    }

    .sp_w40p {
        width: 40% !important;
    }

    .sp_w50p {
        width: 50% !important;
    }

    .sp_w60p {
        width: 60% !important;
    }

    .sp_w70p {
        width: 70% !important;
    }

    .sp_w80p {
        width: 80% !important;
        min-width: 80% !important
    }

    .sp_w90p {
        width: 90% !important;
    }

    .sp_w100p {
        width: 100% !important;
    }

    .sp_w250 {
        width: 250px !important;
    }
}

@media print {

    html,
    body {
        height: auto !important;
    }

    .print_none {
        display: none !important;
    }

    @page {
        margin: 0mm 5mm;
        size: A4 portrait !important;
    }
}