@charset "UTF-8";

/* font-color */
.c-i {color: inherit !important;}
.c-wht {color: #fff !important;}
.c-blk {color: #000 !important;}
.c-blu-01 {color: #004060 !important;}
.c-red-01 {color: #bb0000 !important;}

/* background-color */
.bgc-t {background-color: transparent !important;}
.bgc-wht {background-color: #fff !important;}
.bgc-blk {background-color: #000 !important;}
.bgc-red-01 {background-color: #ffe5e5 !important;}
.bgc-blu-01 {background-color: #005179 !important;}
.bgc-blu-02 {background-color: #0074bf !important;}
.bgc-blu-03 {background-color: #e3f3fa !important;}
.bgc-blu-04 {background-color: #0099e4 !important;}
.bgc-gry-01 {background-color: #333 !important;}
.bgc-gry-02 {background-color: #e6e6e6 !important;}
.bgc-gry-03 {background-color: #ededed !important;}
.bgc-gre-01 {background-color: #00ad9f !important;}
.bgr-n {background-repeat: none !important;}
.bgs-cov {background-size: cover !important;}
.bgs-con {background-size: contain !important;}

/* border */
.b-n {border: none !important;}
.bs-s {border: solid #c5c5c5 1px !important;}
.bs-d {border: dotted #999 1px !important;}
.bc-wht {border-color: #fff !important;}
.bc-red-01 {border-color: #bb0000 !important;}
.bc-blu-01 {border-color: #005179 !important;}
.bc-blu-02 {border-color: #0074bf !important;}
.bc-blu-03 {border-color: #e3f3fa !important;}
.bc-gry-01 {border-color: #333 !important;}
.bc-gry-02 {border-color: #bbb !important;}
.bc-gry-03 {border-color: #ededed !important;}
.bw-2 {border-width: 2px !important;}
.bw-3 {border-width: 3px !important;}
.bw-4 {border-width: 4px !important;}
.br-0 {border-radius: 0 !important;}
.br-4 {border-radius: 4px !important;}
.br-6 {border-radius: 6px !important;}
.br-10 {border-radius: 10px !important;}

.section[class*="bgc"] .section-inner {padding-top: 22px; padding-bottom: 30px;}
@media (min-width: 640px) {
  .section[class*="bgc"] .section-inner {padding-top: 44px; padding-bottom: 60px;}
}

/* line height */
.lh-n {line-height: normal !important;}

/* vertical align */
.va-m {vertical-align: middle !important;}
.va-t {vertical-align: top !important;}
.va-b {vertical-align: bottom !important;}
.va-tb {vertical-align: text-bottom !important;}

/* text align */
.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}
@media (min-width: 640px) {
  .pc-ta-c {text-align: center !important;}
  .pc-ta-l {text-align: left !important;}
  .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;}
}

/* position */
.p-a {position: absolute !important;}
.p-r {position: relative !important;}
.p-f {position: fixed !important;}
.p-s {position: static !important;}

@media (min-width: 640px) {
  .pc-p-a {position: absolute !important;}
  .pc-p-r {position: relative !important;}
  .pc-p-f {position: fixed !important;}
  .pc-p-s {position: static !important;}
}

.t-0 {top: 0;}
.r-0 {right: 0;}
.l-0 {left: 0;}
.b-0 {bottom: 0;}

o-h {overflow: hidden !important;}
o-s {overflow: scroll !important;}

/* display */
.d-n {display: none !important;}
.d-b {display: block !important;}
.d-ib {display: inline-block !important;}
.d-i {display: inline !important;}
.d-f {display: flex !important;}
.d-if {display: inline-flex !important;}

@media (min-width: 640px) {
  br.sp,
  .pc-d-n {display: none !important;}
  .pc-d-b {display: block !important;}
  .pc-d-ib {display: inline-block !important;}
  .pc-d-f {display: flex !important;}
  .pc-d-i {display: inline !important;}
  .pc-d-if {display: inline-flex !important;}
}

@media only screen and (max-width: 639px) {
  br.pc,
  .sp-d-n {display: none !important;}
  .sp-d-b {display: block !important;}
  .sp-d-ib {display: inline-block !important;}
  .sp-d-i {display: inline !important;}
  .sp-d-f {display: flex !important;}
  .sp-d-if {display: inline-flex !important;}
}

/* flex */
.fw-w {flex-wrap: wrap;}
.as-c {align-self: center !important;}
.as-fs {align-self: flex-start !important;}
.ac-c {align-content: center;}
.f-1 {flex: 1;}

.fd-c  {flex-direction: column !important;}
.fd-rr {flex-direction: row-reverse !important;}
@media (min-width: 640px) {
  .pc-fd-rr {flex-direction: row-reverse !important;}
}
@media only screen and (max-width: 639px) {
  .sp-fd-c {flex-direction: column !important;}
  .sp-fd-cr {flex-direction: column-reverse;}
}

.ai-c {align-items: center !important;}
.ai-fs {align-items: flex-start !important;}
@media (min-width: 640px) {
  .pc-ai-c {align-items: center !important;}
  .pc-fs-c {align-items: flex-start !important;}
}
@media only screen and (max-width: 639px) {
  .sp-ai-c {align-items: center !important;}
  .sp-fs-c {align-items: flex-start !important;}
}

.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;}
  .pc-jc-sa {justify-content: space-around !important;}
  .pc-jc-fs {justify-content: flex-start !important;}
  .pc-jc-fe {justify-content: flex-end !important;}
}



/* letter spacing */
.ls-01 {letter-spacing: 0.1em;}
.ls-02 {letter-spacing: 0.2em;}

@media (min-width: 640px) {
  .pc-ls-01 {letter-spacing: 0.1em;}
  .pc-ls-02 {letter-spacing: 0.2em;}
}

/* font */
.fw-b {font-weight: bold;}
.fw-n, .fw_n {font-weight: normal;}
.ws-n, .ws_n {white-space: nowrap;}
.ffs-p {font-feature-settings: "palt"}
.ff-g {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.ff-din {font-family: dinFs;}

.fs-xxs {font-size: 62.5% !important;}
.fs-xs {font-size: 75% !important;}
.fs-s {font-size: 87.5% !important;}
.fs-i {font-size: inherit !important;}
.fs-l {font-size: 112.5% !important;}
.fs-xl {font-size: 137.5% !important;}
.fs-xxl {font-size: 162.5% !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;}

@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;}
}

/* width */
.maxw-a {max-width: auto !important;}
.minw-a {min-width: auto !important;}
.minw-100 {min-width: 100px !important;}
.minw-110 {min-width: 110px !important;}
.minw-120 {min-width: 120px !important;}
.minw-130 {min-width: 130px !important;}
.minw-140 {min-width: 140px !important;}
@media (min-width: 640px) {
  .pc-maxw-a {max-width: auto !important;}
  .pc-minw-a {min-width: auto !important;}
  .pc-minw-250 {min-width: 250px !important;}
  .pc-minw-260 {min-width: 260px !important;}
  .pc-minw-270 {min-width: 260px !important;}
  .pc-minw-280 {min-width: 280px !important;}
  .pc-minw-290 {min-width: 290px !important;}
  .pc-minw-300 {min-width: 300px !important;}
}
@media only screen and (max-width: 639px) {
  .sp-maxw-a {max-width: auto !important;}
  .sp-minw-a {min-width: auto !important;}
  .sp-maxw-600 {max-width: 600px !important;}
  .sp-maxw-550 {max-width: 550px !important;}
  .sp-maxw-500 {max-width: 500px !important;}
  .sp-maxw-450 {max-width: 450px !important;}
  .sp-maxw-400 {max-width: 400px !important;}
  .sp-maxw-350 {max-width: 350px !important;}
  .sp-maxw-300 {max-width: 300px !important;}
}

.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-32 {width: 32% !important;}
.w-33 {width: 33% !important;}
.w-34 {width: 34% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-46 {width: 46% !important;}
.w-47 {width: 47% !important;}
.w-48 {width: 48% !important;}
.w-49 {width: 49% !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-33 {width: 33% !important;}
  .pc-w-34 {width: 34% !important;}
  .pc-w-35 {width: 35% !important;}
  .pc-w-40 {width: 40% !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;}
}

/* height */
.h-0 {min-height: 0% !important;}

/* margin */
.m-0 {margin: 0 !important;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-25 {margin: 25px !important;}
.m-30 {margin: 30px !important;}
.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-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-1em {margin-top: 1em !important;}
.mt-2em {margin-top: 2em !important;}

.mr-a {margin-right: auto !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;}

.mb-1em {margin-bottom: 1em !important;}
.mb-2em {margin-bottom: 2em !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-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}

.ml-a {margin-left: auto !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;}

@media (min-width: 640px) {
  .pc-ml-a {margin-left: auto !important;}
  .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-35 {margin-top: 35px !important;}
  .pc-mt-40 {margin-top: 40px !important;}
  .pc-mt-45 {margin-top: 45px !important;}
  .pc-mt-50 {margin-top: 50px !important;}
  .pc-mt-55 {margin-top: 55px !important;}
  .pc-mt-60 {margin-top: 60px !important;}
  .pc-mt-65 {margin-top: 65px !important;}
  .pc-mt-70 {margin-top: 70px !important;}
  .pc-mt-80 {margin-top: 80px !important;}
  .pc-mt-90 {margin-top: 90px !important;}
  .pc-mt-100 {margin-top: 100px !important;}

  .pc-mr-a  {margin-right: auto !important;}
  .pc-mr-0  {margin-right: 0 !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-25 {margin-right: 25px !important;}
  .pc-mr-30 {margin-right: 30px !important;}
  .pc-mr-35 {margin-right: 35px !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-mb-35 {margin-bottom: 35px !important;}
  .pc-mb-40 {margin-bottom: 40px !important;}
  .pc-mb-45 {margin-bottom: 45px !important;}
  .pc-mb-50 {margin-bottom: 50px !important;}
  .pc-mb-60 {margin-bottom: 60px !important;}
  .pc-mb-70 {margin-bottom: 70px !important;}
  .pc-mb-80 {margin-bottom: 80px !important;}
  .pc-mb-90 {margin-bottom: 90px !important;}
  .pc-mb-100 {margin-bottom: 100px !important;}

  .pc-ml-a  {margin-left: auto !important;}
  .pc-ml-0  {margin-left: 0 !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;}
  .pc-ml-25 {margin-left: 25px !important;}
  .pc-ml-30 {margin-left: 30px !important;}
  .pc-ml-35 {margin-left: 35px !important;}
  .pc-ml-40 {margin-left: 40px !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: 25px !important;}
  .sp-mt-30 {margin-top: 30px !important;}
  .sp-mr-a  {margin-right: auto !important;}
  .sp-mr-0  {margin-right: 0 !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-mb-30 {margin-bottom: 30px !important;}
  .sp-ml-a  {margin-right: auto !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-20 {padding: 20px !important;}
.p-25 {padding: 25px !important;}
.p-30 {padding: 30px !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;}

.p-1em {padding: 1em !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-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-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-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-pr-25 {padding-right: 25px !important;}
  .pc-pr-30 {padding-right: 30px !important;}
  .pc-pr-40 {padding-right: 40px !important;}
  .pc-pr-50 {padding-right: 50px !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-25 {padding-bottom: 25px !important;}
  .pc-pb-30 {padding-bottom: 30px !important;}
  .pc-pb-35 {padding-bottom: 35px !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;}
  .pc-pl-25 {padding-left: 25px !important;}
  .pc-pl-30 {padding-left: 30px !important;}
  .pc-pl-35 {padding-left: 35px !important;}
  .pc-pl-40 {padding-left: 40px !important;}
  .pc-pl-50 {padding-left: 50px !important;}
}

@media only screen and (max-width: 639px) {
  .sp-pt-10 {padding-top: 10px !important;}
  .sp-pt-15 {padding-top: 15px !important;}
  .sp-pt-20 {padding-top: 20px !important;}
  .sp-pt-25 {padding-top: 25px !important;}
  .sp-pt-30 {padding-top: 30px !important;}
  .sp-pl-10 {padding-left: 10px !important;}
  .sp-pl-15 {padding-left: 15px !important;}
  .sp-pl-20 {padding-left: 20px !important;}
  .sp-pb-10 {padding-bottom: 10px !important;}
  .sp-pb-15 {padding-bottom: 15px !important;}
  .sp-pb-20 {padding-bottom: 20px !important;}
  .sp-pb-25 {padding-bottom: 25px !important;}
  .sp-pb-30 {padding-bottom: 30px !important;}
  .sp-pr-10 {padding-right: 10px !important;}
  .sp-pr-15 {padding-right: 15px !important;}
  .sp-pr-20 {padding-right: 20px !important;}
}