@charset "UTF-8";

/* list */
.ls_n {list-style: none !important; padding-left: 0 !important;}

/* text */
.ti_1em {display: block; text-indent: -1em; padding-left: 1em;}
.ls_01 {letter-spacing: 0.1em;}
@media (min-width: 640px) {
  .pc_ls_01 {letter-spacing: 0.1em;}
  .pc_ls_02 {letter-spacing: 0.2em;}
}
/* border */
.br_n {border-right: none !important;}
.bb_n {border-bottom: none !important;}
.bt_n {border-top: none !important;}
.bl_n {border-left: none !important;}
img.bb_img {border-bottom: solid 1px #ccc;}

/* background */
.bgc_wht {background-color: #fff;}
.bgc_blk {background-color: #000;}
.bgc_gry_01 {background-color: #f5f5f5;}
.bgc_gry_02 {background-color: #333;}
.bgc_yel_01 {background-color: #ffe57f;}

.bs_cnt {background-size: contain !important;}
.bs_cov {background-size: cover !important;}

@media only screen and (max-width: 639px) {
  .sp_bs_cnt {background-size: contain !important;}
  .sp_bs_cov {background-size: cover !important;}
}

/* font */
.ff_din {font-family: dinFs;}
.ff_g {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', YuGothic, '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;}
.ff_yugo {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.ffs_p {font-feature-settings: "palt";}
.fw_n  {font-weight: normal !important;}
.fw_b  {font-weight: bold !important;}
.c_i {color: inherit !important;}

.fs_i {font-size: inherit !important;}
.fs_xxs {font-size: 62.5% !important;}
.fs_xs {font-size: 75% !important;}
.fs_s {font-size: 87.5% !important;}
.fs_l {font-size: 112.5% !important;}
.fs_xl {font-size: 137.5% !important;}
.fs_xxl {font-size: 162.5% !important;}

.lh_i {line-height: inherit !important;}
.lh_n {line-height: normal !important;}
.lh_1 {line-height: 1 !important;}

@media (min-width: 640px) {
  .pc_fs_xxs {font-size: 62.5% !important;}
  .pc_fs_xs {font-size: 75% !important;}
  .pc_fs_s {font-size: 87.5% !important;}
  .pc_fs_l {font-size: 112.5% !important;}
  .pc_fs_xl {font-size: 137.5% !important;}
  .pc_fs_xxl {font-size: 162.5% !important;}
}

@media only screen and (max-width: 639px) {
  .sp_fs_xxs {font-size: 62.5% !important;}
  .sp_fs_xs {font-size: 75% !important;}
  .sp_fs_s {font-size: 87.5% !important;}
  .sp_fs_l {font-size: 112.5% !important;}
  .sp_fs_xl {font-size: 137.5% !important;}
  .sp_fs_xxl {font-size: 162.5% !important;}
}

.fs_0 {font-size: 0 !important;}
.fs_10 {font-size: 1rem !important;}
.fs_11 {font-size: 1.1rem !important;}
.fs_12 {font-size: 1.2rem !important;}
.fs_13 {font-size: 1.3rem !important;}
.fs_14 {font-size: 1.4rem !important;}
.fs_15 {font-size: 1.5rem !important;}
.fs_16 {font-size: 1.6rem !important;}
.fs_17 {font-size: 1.7rem !important;}
.fs_18 {font-size: 1.8rem !important;}
.fs_19 {font-size: 1.9rem !important;}
.fs_20 {font-size: 2rem !important;}
.fs_21 {font-size: 2.1rem !important;}
.fs_22 {font-size: 2.2rem !important;}
.fs_23 {font-size: 2.3rem !important;}
.fs_24 {font-size: 2.4rem !important;}
.fs_25 {font-size: 2.5rem !important;}
.fs_26 {font-size: 2.6rem !important;}
.fs_27 {font-size: 2.7rem !important;}
.fs_28 {font-size: 2.8rem !important;}
.fs_29 {font-size: 2.9rem !important;}
.fs_30 {font-size: 3rem !important;}
.fs_31 {font-size: 3.1rem !important;}
.fs_32 {font-size: 3.2rem !important;}
.fs_33 {font-size: 3.3rem !important;}
.fs_34 {font-size: 3.4rem !important;}
.fs_35 {font-size: 3.5rem !important;}
.fs_36 {font-size: 3.6rem !important;}
.fs_37 {font-size: 3.7rem !important;}
.fs_38 {font-size: 3.8rem !important;}
.fs_39 {font-size: 3.9rem !important;}
.fs_40 {font-size: 4rem !important;}
.fs_41 {font-size: 4.1rem !important;}
.fs_42 {font-size: 4.2rem !important;}
.fs_43 {font-size: 4.3rem !important;}
.fs_44 {font-size: 4.4rem !important;}
.fs_45 {font-size: 4.5rem !important;}
.fs_46 {font-size: 4.6rem !important;}
.fs_47 {font-size: 4.7rem !important;}
.fs_48 {font-size: 4.8rem !important;}
.fs_49 {font-size: 4.9rem !important;}
.fs_50 {font-size: 5rem !important;}


@media (min-width: 640px) {
  .pc_fs_10 {font-size: 1rem !important;}
  .pc_fs_11 {font-size: 1.1rem !important;}
  .pc_fs_12 {font-size: 1.2rem !important;}
  .pc_fs_13 {font-size: 1.3rem !important;}
  .pc_fs_14 {font-size: 1.4rem !important;}
  .pc_fs_15 {font-size: 1.5rem !important;}
  .pc_fs_16 {font-size: 1.6rem !important;}
  .pc_fs_17 {font-size: 1.7rem !important;}
  .pc_fs_18 {font-size: 1.8rem !important;}
  .pc_fs_19 {font-size: 1.9rem !important;}
  .pc_fs_20 {font-size: 2rem !important;}
  .pc_fs_21 {font-size: 2.1rem !important;}
  .pc_fs_22 {font-size: 2.2rem !important;}
  .pc_fs_23 {font-size: 2.3rem !important;}
  .pc_fs_24 {font-size: 2.4rem !important;}
  .pc_fs_25 {font-size: 2.5rem !important;}
  .pc_fs_26 {font-size: 2.6rem !important;}
  .pc_fs_27 {font-size: 2.7rem !important;}
  .pc_fs_28 {font-size: 2.8rem !important;}
  .pc_fs_29 {font-size: 2.9rem !important;}
  .pc_fs_30 {font-size: 3rem !important;}
  .pc_fs_31 {font-size: 3.1rem !important;}
  .pc_fs_32 {font-size: 3.2rem !important;}
  .pc_fs_33 {font-size: 3.3rem !important;}
  .pc_fs_34 {font-size: 3.4rem !important;}
  .pc_fs_35 {font-size: 3.5rem !important;}
  .pc_fs_36 {font-size: 3.6rem !important;}
  .pc_fs_37 {font-size: 3.7rem !important;}
  .pc_fs_38 {font-size: 3.8rem !important;}
  .pc_fs_39 {font-size: 3.9rem !important;}
  .pc_fs_40 {font-size: 4rem !important;}
  .pc_fs_41 {font-size: 4.1rem !important;}
  .pc_fs_42 {font-size: 4.2rem !important;}
  .pc_fs_43 {font-size: 4.3rem !important;}
  .pc_fs_44 {font-size: 4.4rem !important;}
  .pc_fs_45 {font-size: 4.5rem !important;}
  .pc_fs_46 {font-size: 4.6rem !important;}
  .pc_fs_47 {font-size: 4.7rem !important;}
  .pc_fs_48 {font-size: 4.8rem !important;}
  .pc_fs_49 {font-size: 4.9rem !important;}
  .pc_fs_50 {font-size: 5rem !important;}
}

@media only screen and (max-width: 639px) {
  .sp_fs_10 {font-size: 1rem !important;}
  .sp_fs_11 {font-size: 1.1rem !important;}
  .sp_fs_12 {font-size: 1.2rem !important;}
  .sp_fs_13 {font-size: 1.3rem !important;}
  .sp_fs_14 {font-size: 1.4rem !important;}
  .sp_fs_15 {font-size: 1.5rem !important;}
  .sp_fs_16 {font-size: 1.6rem !important;}
  .sp_fs_17 {font-size: 1.7rem !important;}
  .sp_fs_18 {font-size: 1.8rem !important;}
  .sp_fs_19 {font-size: 1.9rem !important;}
  .sp_fs_20 {font-size: 2rem !important;}
  .sp_fs_21 {font-size: 2.1rem !important;}
  .sp_fs_22 {font-size: 2.2rem !important;}
  .sp_fs_23 {font-size: 2.3rem !important;}
  .sp_fs_24 {font-size: 2.4rem !important;}
  .sp_fs_25 {font-size: 2.5rem !important;}
  .sp_fs_26 {font-size: 2.6rem !important;}
  .sp_fs_27 {font-size: 2.7rem !important;}
  .sp_fs_28 {font-size: 2.8rem !important;}
  .sp_fs_29 {font-size: 2.9rem !important;}
  .sp_fs_30 {font-size: 3rem !important;}
  .sp_fs_31 {font-size: 3.1rem !important;}
  .sp_fs_32 {font-size: 3.2rem !important;}
  .sp_fs_33 {font-size: 3.3rem !important;}
  .sp_fs_34 {font-size: 3.4rem !important;}
  .sp_fs_35 {font-size: 3.5rem !important;}
  .sp_fs_36 {font-size: 3.6rem !important;}
  .sp_fs_37 {font-size: 3.7rem !important;}
  .sp_fs_38 {font-size: 3.8rem !important;}
  .sp_fs_39 {font-size: 3.9rem !important;}
  .sp_fs_40 {font-size: 4rem !important;}
}

.ws_n  {white-space: nowrap !important;}
.ws_pl {white-space: pre-line !important;} 
.ow_bw {overflow-wrap: break-word !important;}
.wb_ba {word-break: break-all !important;}

/* text-align */
.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
.ta_c .notes,
.ta_c .notes_a {text-align: left;}
.ta_r {text-align: right !important;}

@media (min-width: 640px) {
  .pc_ta_l {text-align: left !important;}
  .pc_ta_c {text-align: center !important;}
  .pc_ta_c .notes,
  .pc_ta_c .notes_a {text-align: left;}
  .pc_ta_r {text-align: right !important;}
}

@media only screen and (max-width: 639px) {
  .sp_ta_l {text-align: left !important;}
  .sp_ta_c {text-align: center !important;}
  .sp_ta_r {text-align: right !important;}
}

/* vertical-align */
.va_t {vertical-align: top !important;}
.va_m {vertical-align: middle !important;}
.va_b {vertical-align: bottom !important;}

/* display */
.d_n {display: none !important;}
.d_i {display: inline !important;}
.d_b {display: block !important;}
.d_ib {display: inline-block !important;}
.d_f {display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;}
.d_if {display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;}

@media (min-width: 640px) {
  .pc_d_n {display: none !important;}
  .pc_d_i {display: inline !important;}
  .pc_d_b {display: block !important;}
  .pc_d_ib {display: inline-block !important;}
  .pc_d_f {display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;}
  .pc_d_if {display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;}
}

@media only screen and (max-width: 639px) {
  .sp_d_n {display: none !important;}
  .sp_d_i {display: inline !important;}
  .sp_d_b {display: block !important;}
  .sp_d_ib {display: inline-block !important;}
  .sp_d_f {display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;}
  .sp_d_if {display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;}
}

/* flex */
.fd_c  {flex-direction: column !important;}

@media only screen and (max-width: 639px) {
  .sp_fd_c {
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;}
  .sp_fd_c > li {width: auto !important;}
  .sp_fd_c > div {width: auto !important;}
  .sp_fd_c > .item {width: auto !important;}
}

.fd_r {flex-direction: row !important;}

.ai_c {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.ai_fs {align-items: flex-start !important;}
.as_c {align-self: center !important;}
.as_fe {align-self: flex-end !important;}

@media (min-width: 640px) {
  .pc_ai_c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;}
}

@media only screen and (max-width: 639px) {
  .sp_ai_c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

.fw_w {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.jc_c   {justify-content: center !important;}
.jc_sb  {justify-content: space-between !important;}
.jc_sa  {justify-content: space-around !important;}
.jc_fs  {justify-content: flex-start !important;}
.jc_fe  {justify-content: flex-end !important;}

@media (min-width: 640px) {
  .pc_jc_c  {justify-content: center !important;}
  .pc_jc_sb {justify-content: space-between !important;}
}

br.pc {display: none !important;}
br.sp {display: inline !important;}

@media (min-width: 640px) {
  br.pc {display: inline !important;}
  br.sp {display: none !important;}
}

/* position */
.p_r {position: relative !important;}
.p_a {position: absolute !important;}
.p_s {position: static !important;}
.p_f {position: fixed !important;}

/* height */
.h_a {height: auto !important;}
@media (min-width: 640px) {
  .pc_h_a {height: auto !important;}
}
@media only screen and (max-width: 639px) {
  .sp_h_a {height: auto !important;}
}

/* width */
.w_a {width: auto !important;}
.w_5 {width: 5% !important;}
.w_10 {width: 10% !important;}
.w_12 {width: 12% !important;}
.w_15 {width: 15% !important;}
.w_20 {width: 20% !important;}
.w_25 {width: 25% !important;}
.w_30 {width: 30% !important;}
.w_35 {width: 35% !important;}
.w_40 {width: 40% !important;}
.w_45 {width: 45% !important;}
.w_50 {width: 50% !important;}
.w_55 {width: 55% !important;}
.w_60 {width: 60% !important;}
.w_65 {width: 65% !important;}
.w_70 {width: 70% !important;}
.w_75 {width: 75% !important;}
.w_80 {width: 80% !important;}
.w_85 {width: 85% !important;}
.w_90 {width: 90% !important;}
.w_95 {width: 95% !important;}
.w_100 {width: 100% !important;}

@media (min-width: 640px) {
  .pc_w_a {width: auto !important;}
  .pc_w_5 {width: 5% !important;}
  .pc_w_10 {width: 10% !important;}
  .pc_w_15 {width: 15% !important;}
  .pc_w_20 {width: 20% !important;}
  .pc_w_25 {width: 25% !important;}
  .pc_w_30 {width: 30% !important;}
  .pc_w_32 {width: 32% !important;}
  .pc_w_35 {width: 35% !important;}
  .pc_w_40 {width: 40% !important;}
  .pc_w_41 {width: 41% !important;}
  .pc_w_42 {width: 42% !important;}
  .pc_w_43 {width: 43% !important;}
  .pc_w_44 {width: 44% !important;}
  .pc_w_45 {width: 45% !important;}
  .pc_w_46 {width: 46% !important;}
  .pc_w_47 {width: 47% !important;}
  .pc_w_48 {width: 48% !important;}
  .pc_w_49 {width: 49% !important;}
  .pc_w_50 {width: 50% !important;}
  .pc_w_55 {width: 55% !important;}
  .pc_w_60 {width: 60% !important;}
  .pc_w_65 {width: 65% !important;}
  .pc_w_70 {width: 70% !important;}
  .pc_w_75 {width: 75% !important;}
  .pc_w_80 {width: 80% !important;}
  .pc_w_85 {width: 85% !important;}
  .pc_w_90 {width: 90% !important;}
  .pc_w_95 {width: 95% !important;}
  .pc_w_100 {width: 100% !important;}
}

@media only screen and (max-width: 639px) {
  .sp_w_a {width: auto !important;}
  .sp_w_5 {width: 5% !important;}
  .sp_w_10 {width: 10% !important;}
  .sp_w_15 {width: 15% !important;}
  .sp_w_20 {width: 20% !important;}
  .sp_w_25 {width: 25% !important;}
  .sp_w_30 {width: 30% !important;}
  .sp_w_35 {width: 35% !important;}
  .sp_w_40 {width: 40% !important;}
  .sp_w_45 {width: 45% !important;}
  .sp_w_50 {width: 50% !important;}
  .sp_w_55 {width: 55% !important;}
  .sp_w_60 {width: 60% !important;}
  .sp_w_65 {width: 65% !important;}
  .sp_w_70 {width: 70% !important;}
  .sp_w_75 {width: 75% !important;}
  .sp_w_80 {width: 80% !important;}
  .sp_w_85 {width: 85% !important;}
  .sp_w_90 {width: 90% !important;}
  .sp_w_95 {width: 95% !important;}
  .sp_w_100 {width: 100% !important;}
}

.w_full {width: 1200px !important;}

@media only screen and (max-width: 639px) {
  .sp_w_full {width: 1200px !important;}
}

/* margin */
.m_0 {margin: 0;}
.mt_0 {margin-top: 0 !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_35 {margin-top: 35px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_45 {margin-top: 45px !important;}
.mt_50 {margin-top: 50px !important;}
.mt_55 {margin-top: 55px !important;}
.mt_60 {margin-top: 60px !important;}
.mt_65 {margin-top: 65px !important;}
.mt_70 {margin-top: 70px !important;}
.mt_75 {margin-top: 75px !important;}
.mt_80 {margin-top: 80px !important;}
.mt_85 {margin-top: 85px !important;}
.mt_90 {margin-top: 90px !important;}
.mt_95 {margin-top: 95px !important;}
.mt_100 {margin-top: 100px !important;}
.mt_1em {margin-top: 1em !important;}
.mr_0 {margin-right: 0 !important;}
.mr_5 {margin-right: 5px !important;}
.mr_10 {margin-right: 10px !important;}
.mr_15 {margin-right: 15px !important;}
.mr_20 {margin-right: 20px !important;}
.mr_25 {margin-right: 25px !important;}
.mr_30 {margin-right: 30px !important;}
.mr_35 {margin-right: 35px !important;}
.mr_40 {margin-right: 40px !important;}
.mr_45 {margin-right: 45px !important;}
.mr_50 {margin-right: 50px !important;}
.mr_55 {margin-right: 55px !important;}
.mr_60 {margin-right: 60px !important;}
.mr_65 {margin-right: 65px !important;}
.mr_70 {margin-right: 70px !important;}
.mr_75 {margin-right: 75px !important;}
.mr_80 {margin-right: 80px !important;}
.mr_85 {margin-right: 85px !important;}
.mr_90 {margin-right: 90px !important;}
.mr_95 {margin-right: 95px !important;}
.mr_100 {margin-right: 100px !important;}
.mb_0 {margin-bottom: 0 !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_15 {margin-bottom: 15px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_25 {margin-bottom: 25px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_35 {margin-bottom: 35px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_45 {margin-bottom: 45px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_55 {margin-bottom: 55px !important;}
.mb_60 {margin-bottom: 60px !important;}
.mb_65 {margin-bottom: 65px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_75 {margin-bottom: 75px !important;}
.mb_80 {margin-bottom: 80px !important;}
.mb_85 {margin-bottom: 85px !important;}
.mb_90 {margin-bottom: 90px !important;}
.mb_95 {margin-bottom: 95px !important;}
.mb_100 {margin-bottom: 100px !important;}
.ml_0 {margin-left: 0 !important;}
.ml_5 {margin-left: 5px !important;}
.ml_10 {margin-left: 10px !important;}
.ml_15 {margin-left: 15px !important;}
.ml_20 {margin-left: 20px !important;}
.ml_25 {margin-left: 25px !important;}
.ml_30 {margin-left: 30px !important;}
.ml_35 {margin-left: 35px !important;}
.ml_40 {margin-left: 40px !important;}
.ml_45 {margin-left: 45px !important;}
.ml_50 {margin-left: 50px !important;}
.ml_55 {margin-left: 55px !important;}
.ml_60 {margin-left: 60px !important;}
.ml_65 {margin-left: 65px !important;}
.ml_70 {margin-left: 70px !important;}
.ml_75 {margin-left: 75px !important;}
.ml_80 {margin-left: 80px !important;}
.ml_85 {margin-left: 85px !important;}
.ml_90 {margin-left: 90px !important;}
.ml_95 {margin-left: 95px !important;}
.ml_100 {margin-left: 100px !important;}

@media (min-width: 640px) {
  .pc_mt_0  {margin-top:  0 !important;}
  .pc_mt_5  {margin-top:  5px !important;}
  .pc_mt_10 {margin-top: 10px !important;}
  .pc_mt_15 {margin-top: 15px !important;}
  .pc_mt_20 {margin-top: 20px !important;}
  .pc_mt_25 {margin-top: 25px !important;}
  .pc_mt_30 {margin-top: 30px !important;}
  .pc_mt_40 {margin-top: 40px !important;}
  .pc_mt_50 {margin-top: 50px !important;}
  .pc_mr_5  {margin-right:  5px !important;}
  .pc_mr_10 {margin-right: 10px !important;}
  .pc_mr_15 {margin-right: 15px !important;}
  .pc_mr_20 {margin-right: 20px !important;}
  .pc_mr_30 {margin-right: 30px !important;}
  .pc_mr_40 {margin-right: 40px !important;}
  .pc_mb_0  {margin-bottom: 0 !important;}
  .pc_mb_5  {margin-bottom: 5px !important;}
  .pc_mb_10 {margin-bottom: 10px !important;}
  .pc_mb_15 {margin-bottom: 15px !important;}
  .pc_mb_20 {margin-bottom: 20px !important;}
  .pc_mb_25 {margin-bottom: 25px !important;}
  .pc_mb_30 {margin-bottom: 30px !important;}
  .pc_ml_5  {margin-left: 5px !important;}
  .pc_ml_10 {margin-left: 10px !important;}
  .pc_ml_15 {margin-left: 15px !important;}
  .pc_ml_20 {margin-left: 20px !important;}
}

@media only screen and (max-width: 639px) {
  .sp_mt_0  {margin-top: 0 !important;}
  .sp_mt_10 {margin-top: 10px !important;}
  .sp_mt_15 {margin-top: 15px !important;}
  .sp_mt_20 {margin-top: 20px !important;}
  .sp_mt_25 {margin-top: 20px !important;}
  .sp_mr_10 {margin-right: 10px !important;}
  .sp_mr_15 {margin-right: 15px !important;}
  .sp_mr_20 {margin-right: 20px !important;}
  .sp_mb_10 {margin-bottom: 10px !important;}
  .sp_mb_15 {margin-bottom: 15px !important;}
  .sp_mb_20 {margin-bottom: 20px !important;}
  .sp_mb_25 {margin-bottom: 25px !important;}
  .sp_ml_0  {margin-left: 0 !important;}
}

/* padding */
.p_0 {padding: 0 !important;}
.p_5  {padding: 5px !important;}
.p_10 {padding: 10px !important;}
.p_15 {padding: 15px !important;}
.p_1em {padding: 1em !important;}
.p_1p {padding: 1% !important;}
.p_2p {padding: 2% !important;}
.p_3p {padding: 3% !important;}
.p_4p {padding: 4% !important;}
.p_5p {padding: 5% !important;}

.pt_0 {padding-top: 0 !important;}
.pt_5 {padding-top: 5px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_15 {padding-top: 15px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_25 {padding-top: 25px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_35 {padding-top: 35px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_45 {padding-top: 45px !important;}
.pt_50 {padding-top: 50px !important;}
.pt_55 {padding-top: 55px !important;}
.pt_60 {padding-top: 60px !important;}
.pt_65 {padding-top: 65px !important;}
.pt_70 {padding-top: 70px !important;}
.pt_75 {padding-top: 75px !important;}
.pt_80 {padding-top: 80px !important;}
.pt_85 {padding-top: 85px !important;}
.pt_90 {padding-top: 90px !important;}
.pt_95 {padding-top: 95px !important;}
.pt_100 {padding-top: 100px !important;}

.pr_0 {padding-right: 0 !important;}
.pr_5 {padding-right: 5px !important;}
.pr_10 {padding-right: 10px !important;}
.pr_15 {padding-right: 15px !important;}
.pr_20 {padding-right: 20px !important;}
.pr_25 {padding-right: 25px !important;}
.pr_30 {padding-right: 30px !important;}
.pr_35 {padding-right: 35px !important;}
.pr_40 {padding-right: 40px !important;}
.pr_45 {padding-right: 45px !important;}
.pr_50 {padding-right: 50px !important;}
.pr_55 {padding-right: 55px !important;}
.pr_60 {padding-right: 60px !important;}
.pr_65 {padding-right: 65px !important;}
.pr_70 {padding-right: 70px !important;}
.pr_75 {padding-right: 75px !important;}
.pr_80 {padding-right: 80px !important;}
.pr_85 {padding-right: 85px !important;}
.pr_90 {padding-right: 90px !important;}
.pr_95 {padding-right: 95px !important;}
.pr_100 {padding-right: 100px !important;}

.pb_0 {padding-bottom: 0 !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_25 {padding-bottom: 25px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_35 {padding-bottom: 35px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_45 {padding-bottom: 45px !important;}
.pb_50 {padding-bottom: 50px !important;}
.pb_55 {padding-bottom: 55px !important;}
.pb_60 {padding-bottom: 60px !important;}
.pb_65 {padding-bottom: 65px !important;}
.pb_70 {padding-bottom: 70px !important;}
.pb_75 {padding-bottom: 75px !important;}
.pb_80 {padding-bottom: 80px !important;}
.pb_85 {padding-bottom: 85px !important;}
.pb_90 {padding-bottom: 90px !important;}
.pb_95 {padding-bottom: 95px !important;}
.pb_100 {padding-bottom: 100px !important;}

.pl_0 {padding-left: 0 !important;}
.pl_5 {padding-left: 5px !important;}
.pl_10 {padding-left: 10px !important;}
.pl_15 {padding-left: 15px !important;}
.pl_20 {padding-left: 20px !important;}
.pl_25 {padding-left: 25px !important;}
.pl_30 {padding-left: 30px !important;}
.pl_35 {padding-left: 35px !important;}
.pl_40 {padding-left: 40px !important;}
.pl_45 {padding-left: 45px !important;}
.pl_50 {padding-left: 50px !important;}
.pl_55 {padding-left: 55px !important;}
.pl_60 {padding-left: 60px !important;}
.pl_65 {padding-left: 65px !important;}
.pl_70 {padding-left: 70px !important;}
.pl_75 {padding-left: 75px !important;}
.pl_80 {padding-left: 80px !important;}
.pl_85 {padding-left: 85px !important;}
.pl_90 {padding-left: 90px !important;}
.pl_95 {padding-left: 95px !important;}
.pl_100 {padding-left: 100px !important;}

@media (min-width: 640px) {
  .pc_p_1p {padding: 1% !important;}
  .pc_p_2p {padding: 2% !important;}
  .pc_p_3p {padding: 3% !important;}
  .pc_p_4p {padding: 4% !important;}
  .pc_p_5p {padding: 5% !important;}

  .pc_p_0  {padding: 0 !important;}
  .pc_p_5  {padding: 5px !important;}
  .pc_p_10  {padding: 10px !important;}
  .pc_p_15  {padding: 15px !important;}
  .pc_p_20  {padding: 20px !important;}
  .pc_p_25  {padding: 25px !important;}
  .pc_p_30  {padding: 30px !important;}
  .pc_pt_0  {padding-top: 0 !important;}
  .pc_pt_5  {padding-top: 5px !important;}
  .pc_pt_10 {padding-top: 10px !important;}
  .pc_pt_15 {padding-top: 15px !important;}
  .pc_pt_20 {padding-top: 20px !important;}
  .pc_pt_30 {padding-top: 30px !important;}
  .pc_pt_40 {padding-top: 40px !important;}
  .pc_pt_50 {padding-top: 50px !important;}
  .pc_pr_0  {padding-right: 0 !important;}
  .pc_pr_5  {padding-right: 5px !important;}
  .pc_pr_10 {padding-right: 10px !important;}
  .pc_pr_15 {padding-right: 15px !important;}
  .pc_pr_20 {padding-right: 20px !important;}
  .pc_pb_0  {padding-bottom: 0 !important;}
  .pc_pb_5  {padding-bottom: 5px !important;}
  .pc_pb_10 {padding-bottom: 10px !important;}
  .pc_pb_15 {padding-bottom: 15px !important;}
  .pc_pb_20 {padding-bottom: 20px !important;}
  .pc_pb_30 {padding-bottom: 30px !important;}
  .pc_pb_40 {padding-bottom: 40px !important;}
  .pc_pb_50 {padding-bottom: 50px !important;}
  .pc_pl_5  {padding-left: 5px !important;}
  .pc_pl_10 {padding-left: 10px !important;}
  .pc_pl_15 {padding-left: 15px !important;}
  .pc_pl_20 {padding-left: 20px !important;}
}

@media only screen and (max-width: 639px) {
  .sp_pt_10 {padding-top: 10px !important;}
  .sp_pt_20 {padding-top: 20px !important;}
  .sp_pt_30 {padding-top: 30px !important;}
  .sp_pl_15 {padding-left: 15px !important;}
  .sp_pr_15 {padding-right: 15px !important;}
}